/* CSS Document */

.format_png {
        behavior: url("win_png.htc");
}
.spip_doc_titre{
	color:#4D4D4D;
}
.spip_doc_descriptif{
	color:#999999;
	font-size:90%;
}
.spip_surligne {
	color:#000;
}
a:link,a:visited{color:#000; text-decoration:underline}
a:active,a:hover{text-decoration:none;}
p.erreur{font-size:1.2em;color:red;font-weight:bold;padding:10px 0 0 0}
.spacer{clear:both;margin:0;padding:0;height:0}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#FE7014;
margin:0;
padding:0px;
}
#body2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
margin:0;
padding:0px;
}
#body3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
background:url(images/fondhome.jpg) no-repeat;
margin:0;
padding:0px;
}
#page{
background:url(images/bg.jpg) no-repeat;
position:relative;
width:926px;
border:none;
border-top: none;
margin: 0px auto;
padding: 0px;
background-color:#fff;
}
#page2{
background:url(images/bg2.jpg) no-repeat;
position:relative;
width:926px;
border:none;
border-top: none;
margin: 0px auto;
padding: 0px;
background-color:#fff;
}
#page3{
background:url(images/bg3bis2.jpg) no-repeat;
position:relative;
width:926px;
border:none;
border-top: none;
margin: 0px auto;
padding: 0px;
background-color:#fff;
}
#page4{
position:relative;
width:926px;
border:none;
border-top: none;
margin: 0px auto;
padding: 0px;
background-color:#fff;
}
#fond{
position:relative;
width:926px;
border:none;
border-top: none;
margin: 0px auto;
padding: 0px;
background-color:#fff;
}
#header_sommaire{

z-index:1;

border:none;
}
#colgauche{
color:#000;
margin-left:20px
}
#bloc_envoyer {
	position:absolute;
	left:0px;
	bottom:-10px;
	background-color:#FFF;
	border:1px solid #007680;
	padding:5px 10px 10px 10px;
	font-size:0.8em;
	display:none;
	z-index:100;
	color:#007680;
}

.univers_cci3 li{width:260px;margin: 0 0 0 35px;}
.univers_cci2 li{width:200px;margin: 0 0 0 35px;}

#coldroite{
float: none;
width: auto;
border:0;
}
form.formrecherche { 

	margin-top:-210px;
	
	margin-left:680px;
	background-color:none;
}
form.formrecherche input.champ_texte{border:1px solid black;margin-top:0px;margin-bottom:65px; background-color:#FFFFFF;width:180px; font-size:0.9em;padding:2px;}

div#corps{margin-top:155px;z-index:2;position:relative;}


div#corps_gauche {float:left;margin:10px 10px 10px 20px;_margin:10px 10px 10px 10px;color:#ED1C24;padding-top:15px;}
div#corps_gauche  li { list-style-image:url(images/puce_fleche_grise.jpg); margin: 0 0 10px 10px;}
div#corps_gauche div.telechargement{width:137px; color:black;margin:10px 0 0 0; background-color:#D9D9D9 }
div#corps_gauche div.formation_mois{width:180px; color:black;margin:0 -10px 0 0; background-color:#D9D9D9 }
div#corps_gauche div.formation_mois li{list-style-image:url(images/puce_formation.jpg); margin: 0 0 10px 5px;}
div#corps_gauche div.univers_cci{width:180px; color:black;margin:0 -10px 0 0; background-color:#D9D9D9; background-image:url(images/bg2_formation.jpg); background-repeat:no-repeat }
div#corps_gauche div.univers_cci li{list-style-image:url(images/puce_formation.jpg); margin: 0 0 10px 5px;}

div#corps_gauche div.telechargement img {float:left;padding:5px;border:none;}
div#corps_gauche div.telechargement img.fond {float:none;padding:0;margin:0;_margin-bottom:-2px;}
div#corps_gauche div.telechargement p.titre_rouge {font-size:14px;color:#ED1C24;font-weight:bold;padding:3px 5px 5px 5px;margin:0;background-color:#D9D9D9}
div#corps_gauche div.telechargement p.titre_pdf {background-color:#D9D9D9;padding:3px 5px 5px 5px;}
div#corps_gauche_bas{float:left;margin:10px 10px 10px 20px;_margin:10px 10px 10px 10px;color:#ED1C24;padding-top:10px;}

div#corps_droite  ul li { list-style-image:url(images/puce_fleche_grise.jpg); margin: 0 10px 10px 10px;_margin: 0 10px 10px 20px;}
div#corps_droite  ul li a{font-size:10px;font-weight:normal; text-decoration:underline;color:black;}
div#corps_droite {margin: 0 0 10px 15px;_margin: 0 0 10px 7px;width:640px;float:left;}

/***************************************************************************moofx**/
div.survol a:link, div.survol a:visited { background:url(images/puce_fleche_rouge_beige.gif) no-repeat 0.3em 0.6em; padding-left:20px;}
div.survol a:hover{ background:url(images/puce_fleche_blanche.gif) no-repeat 0.3em 0.6em #ED1C24;color: #fff;}
div#content h3.display ul {margin:0 0 0 0;} 
h3.display { width:495px;height:27px;font-size:1.1em;text-transform:none;background-image:url(images/fond_moofx.jpg); background-repeat:no-repeat;padding:6px 0 0 15px;color:white}
h3.display a:link,h3.display a:visited{color:white;}
div#content{margin-top:0;width:507px;}
div#content div.stretcher ul { margin: 10px 0 0 10px;} 
div#content div.stretcher ul li { list-style-type:none;margin:8px 0 8px 25px; list-style-image:url(images/puce_fleche_rouge.jpg); }
div#content div.stretcher ul li a:link,div#content div.stretcher ul li a:visited{color:black; text-decoration:none; font-weight:normal;}

/***************************************************************************envoyer par mail**/
form#news_form{}
form#news_form input{margin-top:2px;}
form#news_form input.champ_texte{border:1px solid black;font-size:0.9em;width:100px;margin:2px 0 2px 0}

/**********************************************************************************/

/* les blocs dees pages rubriques ************************/
.titre_intro{
background-image:url(images/fleche_intro_titre.jpg);
background-repeat:no-repeat;
}
.titre_intro_contenu{
margin-left: 25px;
}
/* les blocs de la page d'acceuil ************************/
div#titre2 { background:url(images/bloc_header.jpg) left no-repeat;z-index:3;width:670px;height:50px; }
div#titre2 img.fleche{float:left;padding:7px 0 0 10px;z-index:3;position:relative;}
div#titre2 h1{font-size:18px;font-weight:normal;text-align:left; width:485px;z-index:3;padding:8px 0 0 30px;position:relative;color:white;}

div#titre3 { background:url(images/bloc_header_petit.jpg) left no-repeat;z-index:3;width:425px;height:50px; }
div#titre3 img.fleche{float:left;padding:7px 0 0 10px;z-index:3;position:relative;}
div#titre3 h1{font-size:18px;font-weight:normal;text-align:left; width:385px;z-index:3;padding:8px 0 0 30px;position:relative;color:white;}

#bloc_inscrip_newsletter{
background-image:url(images/background_inscrip_newsletter.jpg);
background-repeat:no-repeat;
background-color:none;
padding-bottom:5px;
}
#bloc_inscrip_newsletter p{
width:150px;
padding:0;
margin:10px 0px 0px 0px;
}
#bloc_inscrip_newsletter form{
margin:0 0px 0px 0px;
padding:0;
}
#bloc_inscrip_newsletter input{
font-size:10px;
margin-bottom:2px;
border:1px solid #CBE91F;
}
#bloc_inscrip_newsletter input#nom_newsletter{

margin-top:100px;
}
#bloc_actu{
width:630px;
background-image:url(images/bloc_actu_home_fond.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#bloc_actu_footer{
background-image:url(images/bloc_actu_home_footer.jpg);
background-repeat:no-repeat;
width:670px;
height:50px;
}
#bloc_actu_footer a{
float:right;padding:15px 65px 0 0;color:#000;font-weight:bold;
}
#bloc_contenu{
width:630px;
background-image:url(images/bloc_actu_home_fond.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#bloc_contenu_footer{
background-image:url(images/bloc_footer.jpg);
background-repeat:no-repeat;
width:670px;
height:50px;
}

h2{color:#FFF;margin:-40px 0 15px 20px;font-size:1.8em;}
h3{font-size:1.2em;}
h4{width:100%; color:#000; font-size:1.4em;padding:5px;margin:0 0 2px 0}
h4 a:link,h4 a:visited{text-decoration:none}
h4 a:active,h4 a:hover{text-decoration:none;color:#ED1C24;}

#bloc_actu4{
width:430px;
background-image:url(images/bloc_actu_home_fond_petit.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#bloc_actu_footer4{
background-image:url(images/bloc_footer_petit.jpg);
background-repeat:no-repeat;
width:430px;
height:50px;
}
#bloc_actu_footer4 a{
float:right;padding:15px 65px 0 0;color:#000;font-weight:bold;
}
#bloc_contenu_footer4{
background-image:url(images/bloc_footer_petit.jpg);
background-repeat:no-repeat;
width:430px;
height:50px;
}

h2{color:#FFF;margin:-40px 0 15px 20px;font-size:1.8em;}
h3{font-size:1.2em;}
h4{width:100%; color:#000; font-size:1.4em;padding:5px;margin:0 0 2px 0}
h4 a:link,h4 a:visited{text-decoration:none}
h4 a:active,h4 a:hover{text-decoration:none;color:#ED1C24;}


/******************Pied de page ********/
#pied_page{
background-color:#fff;
background-image:url(images/pointilles.jpg);
background-repeat:repeat-x;
background-position:top;
width:886px;
height:30px;
margin: 0 auto 30px auto;
padding:5px 20px 0 20px;
color:#003504;
}
#pied_page a{
color:#003504;
font-weight:bold;
text-decoration:none
}
#pied_page a:hover{
color:#000;
background: none;
text-decoration: underline;
}
#pied_page a:visited{
color:#000;
}
#pied_gauche{
float:left;
margin-left:0px;
}
#pied_droit{
float:right;
margin-right:0px;
position:relative;
}
#piedpage{
width:754px;
height:50px;
background-image:url(images/piedpage.jpg);
background-repeat:no-repeat;
margin: 0px auto;
}
#bloc_envoyer a:link, #bloc_envoyer a:visited { color:#007680; }

#dl_top{
background:url(images/dl_top.jpg) no-repeat;
height:20px;
width:155px;
}
#dl_middle{
background:url(images/dl_middle.jpg) repeat-y;
width:155px;
padding-top:4px;
padding-bottom:4px;
}
#dl_bottom{
background:url(images/dl_bottom.jpg) no-repeat;
height:7px;
width:155px;
}



/* contentslider
---------------------------------------------- */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

width: 635px; /*width of featured content slider*/
height: 355px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background-color:#ffe0c1;
width: 98%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination1{
width: 635px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #ffe0c1;
padding: 2px 2px;
}

.pagination1 a{
padding: 0 5px;
text-decoration: none; 
color: #6e6d5c;
background: #ffe0c1;
}

.pagination1 a:hover, .pagination1 a.selected{
color: #5d404a;
background-color: #ffe0c1;
}
/* styles sommaire5
---------------------------------------------- */

.new_sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

width: 635px; /*width of featured content slider*/
height: 230px;
}

.new_sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background-color:#e2d9d9;
width: 98%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.new_pagination1{
width: 635px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #e2d9d9;
padding: 2px 2px;
}

.new_pagination1 a{
padding: 0 5px;
text-decoration: none; 
color: #6e6d5c;
background: #e2d9d9;
}

.new_pagination1 a:hover, .pagination1 a.selected{
color: #5d404a;
background-color: #e2d9d9;
}


.new_sliderwrapper2{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/

width: 650px; /*width of featured content slider*/
height: 165px;
}

.new_sliderwrapper2 .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background-color:#ffffff;
width: 98%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.new_pagination12{
width: 650px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #ffffff;
padding: 2px 2px;
}

.new_pagination12 a{
padding: 0 5px;
text-decoration: none; 
color: #6e6d5c;
background: #ffffff;
}

.new_pagination12 a:hover, .pagination1 a.selected{
color: #5d404a;
background-color: #ffffff;
}


div#new_titre2 { background:url(images/new_bloc_header.jpg) left no-repeat;z-index:3;width:670px;height:50px; }
div#new_titre2 img.fleche{float:left;padding:7px 0 0 10px;z-index:3;position:relative;}
div#new_titre2 h1{font-size:18px;font-weight:normal;text-align:left; width:485px;z-index:3;padding:8px 0 0 30px;position:relative;color:white;}

#new_bloc_actu{
width:630px;
background-image:url(images/new_bloc_actu_home_fond.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#new_bloc_actu_footer{
background-image:url(images/new_bloc_actu_home_footer.jpg);
background-repeat:no-repeat;
width:670px;
height:50px;
}
#new_bloc_actu_footer a{
float:right;padding:15px 65px 0 0;color:#000;font-weight:bold;
}
#new_bloc_contenu{
width:630px;
background-image:url(images/bloc_actu_home_fond.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#new_bloc_contenu_footer{
background-image:url(images/bloc_footer.jpg);
background-repeat:no-repeat;
width:670px;
height:50px;
}

h2{color:#FFF;margin:-40px 0 15px 20px;font-size:1.8em;}
h3{ font-size:1.2em;}
h4{width:100%; color:#000; font-size:1.4em;padding:5px;margin:0 0 2px 0}
h4 a:link,h4 a:visited{text-decoration:none}
h4 a:active,h4 a:hover{text-decoration:none;color:#ED1C24;}

div#new_titre3 { background:url(images/new_bloc_header_petit.jpg) left no-repeat;z-index:3;width:425px;height:50px; }
div#new_titre3 img.fleche{float:left;padding:7px 0 0 10px;z-index:3;position:relative;}
div#new_titre3 h1{font-size:18px;font-weight:normal;text-align:left; width:385px;z-index:3;padding:8px 0 0 30px;position:relative;color:white;}

#new_bloc_actu4{
width:430px;
background-image:url(images/new_bloc_actu_home_fond_petit.jpg);
background-repeat:repeat-y;
padding:0 20px 0 20px;
}
#new_bloc_actu_footer4{
background-image:url(images/new_bloc_footer_petit.jpg);
background-repeat:no-repeat;
width:430px;
height:50px;
}
#new_bloc_actu_footer4 a{
float:right;padding:15px 65px 0 0;color:#000;font-weight:bold;
}
#new_bloc_contenu_footer4{
background-image:url(images/new_bloc_footer_petit.jpg);
background-repeat:no-repeat;
width:430px;
height:50px;
}

h2{color:#FFF;margin:-40px 0 15px 20px;font-size:1.8em;}
h3{font-size:1.2em;}
h4{width:100%; color:#000; font-size:1.4em;padding:5px;margin:0 0 2px 0}
h4 a:link,h4 a:visited{text-decoration:none}
h4 a:active,h4 a:hover{text-decoration:none;color:#ED1C24;}

div#new_titre6 { background:url(images/new_bloc_header_petit2.jpg) left no-repeat;z-index:3;width:425px;height:50px; margin-top:0px; padding-top:30px; background-position:bottom; }
div#new_titre6 img.fleche{float:left;padding:7px 0 0 10px;z-index:3;position:relative;}
div#new_titre6 h1{font-size:18px;font-weight:normal;text-align:left; width:385px;z-index:3;padding:8px 0 0 30px;position:relative;color:white;}
