/* Redefinitions des balises HTML */ 

*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em "Trebuchet MS", Arial, Helvetica, Sans-serif;font-weight:normal;color:#404040;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
.actuSecteur a{text-decoration:underline;}

ul{margin:0; list-style:none;}
ol{margin:0;list-style:none;}
dd{margin:0;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
.clear {height:0; line-height:0; font-size:0; clear:both;}


/* Structure generale */ 

body{text-align:center; background:url(../images/bgd_body.gif) 0 0 repeat;}
	
	#global{width:960px;text-align:left;margin:0 auto; text-align: left;}	
		#header{width:100%;}
				
		#cont{width:100%;background:url(../images/bgd_cont.gif) 0 0 repeat-y; float:left;}
			#contentLeft{ float:left; display:inline; width:333px; margin:10px 0 0 0;}
			#content{float:left; display:inline; width:610px; padding:0 6px 10px 9px;}
			.texte{float:left; display:inline; width:598px; padding:0 0 0 6px;}
			#contDec{width:940px;float:left; padding:0 10px 20px 10px;background:#F3F3F3;}
		#footer{width:100%; height:32px;clear:both; background: url(../images/bgd_footer.gif) 0 0 repeat-x; display:table;}


	
/*-------------mise en page header----------------*/
		#header ul li{display:inline; margin:0;}
		#nav0{float:right; color:#FFF; width:100%; text-align:right; padding:6px 0;}
			#nav0 a{ color:#FFF; border-right:1px solid #FFF; padding:0 30px 0 0;margin:0 30px 0 0;}
			#nav0 a.last{ color:#FFF; border-right:none; padding:0;margin:0;}
		
		#bandeaux{width:961px; height:326px; background:url(../images/bgd_banniers.gif) 0 0 no-repeat; float:left; position:relative;}
			.logo{position:absolute; left:60px; top:80px;}
			.centreTechniques{ position:absolute; top:8px; right:10px; font-size:18px; color:#7c7c7c; font-weight:bold;}
			.construireConfiance{position:absolute; bottom:8px; right:10px;font-size:18px; color:#a40133; }
	
		
		#nav1{clear:left; width:961px; padding:6px 0 0 0;background:#6f0123;height:26px;}
		#nav1 ul{margin:0 0 0 80px;}
		#nav1 ul *{float:left;display:inline;line-height:26px;}
		#nav1 ul li{list-style:none;margin:0 40px 0 0;}
		#nav1 ul li a{text-decoration:none;color:#fff;font-size:11px; font-weight:bold; cursor:pointer; }
		#nav1 ul li a .left, #nav1 ul li a .right{width:16px;}
		#nav1 ul li a .left{}
		#nav1 ul li a .right{}
		#nav1 ul li a .center{padding:0;}
		#nav1 ul li a:hover, #nav1 ul li a.selected{color:#000;background:url(../images/bg-onglet00.gif) repeat-x 0 0;}
		#nav1 ul li a:hover .left, #nav1 ul li a.selected .left{background:url(../images/bg-onglet01-left.gif) no-repeat 0 0;}
		#nav1 ul li a:hover .right, #nav1 ul li a.selected .right{background:url(../images/bg-onglet01-right.gif) no-repeat 0 0;}
	
/*-------------mise en page contentLeft----------------*/	
#contentLeft h2{ color:#7c7c7c; background:url(../images/puce_h1.gif) 0 2px no-repeat; font-size:20px; padding:2px 0 1px 26px; margin:8px 0 8px 6px; }
	#contentLeft h2.partenaires{color:#7c7c7c; background:url(../images/puce_h1.gif) 0 2px no-repeat; font-size:20px; padding:2px 0 1px 26px; margin:0 0 8px 14px;}	

	
	.blocGauche{ float:left; width:331px; background:url(../images/bgd_bloc_gauch_top.gif) 0 top no-repeat; margin:0 0 0 2px; padding:6px 0 0 0;}
	.blocgaucheTxt{ float:left;   background:url(../images/bgd_bloc_gauch_bottom.gif) 0 bottom no-repeat; padding:0 10px 8px 10px; margin:0 0 10px 0;}
		.blocgaucheTxt p{padding:6px 0; text-align:justify;}
		.blocgaucheTxt a.lire{ float:right; background:url(../images/puce_lire_suite.gif) right 2px no-repeat; padding:0 14px 0 0; color:#a40133; text-decoration:none;}
		.blocgaucheTxt span.date{color:#404040; text-decoration:underline;}
        .blocgaucheTxt h3{color:#a40133; font-size:11px; font-weight:bold; margin:6px 0 0 0;}
		.blocgaucheTxt h3 a{color:#a40133; font-size:11px; font-weight:bold;}
	
	.telechargerMateriaux{ float:left; width:331px; margin:0 0 6px 2px;}
	.blocPartenaires{ float:left; width:331px; padding:0 ; margin:0 0 10px 0;}
		
	#nav2{width:327px; background:#6f0123; margin:0 0 10px 4px;}
		#nav2 ul{color:#7c7c7c; padding:10px 0 0 0 ;}
			#nav2 ul li{ background:url(../images/pix_separation.gif) 0 bottom repeat-x; padding:5px 0 10px 0;}
				#nav2 ul li a{background:url(../images/puce_nav2_01.gif) 0 4px no-repeat; margin:0 0 0 10px ; padding:2px 0 4px 10px; color:#BFBFBF; display:block;} 
				#nav2 ul li a:hover,#nav2 ul li a.active{ text-decoration:none;color: #BFBFBF;}
		#nav2 ul ul{background:url(../images/pix_separation.gif) 0 bottom repeat-x #b60239; color:#FFF; margin:3px 0 0 0;}
			#nav2 ul ul li{ background:none; font-size:11px;}
			#nav2 ul ul li a{background:url(../images/puce_li_niveau2.gif) 0 4px no-repeat; margin:0 0 0 20px ; padding:0 0 10px 20px; color:#FFF;font-size:11px;}

/*-------------mise en page content----------------*/
.texte a{ text-decoration:underline;}
 
#content .texte h2{ margin:4px 0 8px 0;  font-weight:bold;}
#content .texte h3{ font-size:14px; font-weight:bold; margin:4px 0 8px 0;}
#content .texte h4{ font-size:13px; font-weight:bold; margin:4px 0 0 0 ;}
.blocFlash{float:left; width:606px;margin:0 0 0 2px; padding:0 0 10px 0;}

.blocCentre{float:left; width:606px; background:url(../images/bgd_bloc_centre_top.gif) 0 top no-repeat; margin:0 0 0 2px; padding:6px 0 0 0;}
	.blocCentreTxt{float:left; width:586px; background:url(../images/bgd_bloc_centre_bottom.gif) 0 bottom no-repeat; padding:0 10px 8px 10px; margin:0 0 10px 0;}
#content .blocCentreTxt h2{ color:#7c7c7c; background:url(../images/puce_h1.gif) 0 3px no-repeat; font-size:20px; padding:2px 0 1px 26px; margin:8px 0 8px 6px; }
		.blocCentreTxt p{padding:6px 0;}
		.blocCentreTxt a.lire{background:url(../images/puce_lire_suite.gif) right 2px no-repeat; padding:0 14px 0 0; color:#a40133; text-decoration:none; float:right;}

#content h1{ color:#7c7c7c; background:url(../images/puce_h1.gif) 0 4px no-repeat; font-size:24px; padding:2px 0 1px 26px; margin:8px 0 8px 6px; width:570px; }
	#content h2{color:#4a4a4a; background:url(../images/puce_h3.jpg) 0 4px no-repeat; font-size:16px; padding:0 0 0 16px; margin:4px 0 8px 6px; }
	
	#content p{padding:0 0 10px 0; line-height:20px;}
	#content img.vignRight{float:right; margin:0 10px 10px 10px;}
	#content ul{padding:6px 0; margin:0 0 0 12px;}
		#content ul li{padding:0 0 8px 12px; background:url(../images/puce_li.jpg) 0 3px no-repeat; margin:0 0 0 6px;}
        
        #content ul li.level1{background:none; padding:0 0 16px 0; font-weight:bold; font-size: 16px;}
        #content ul li.fils5 a{font-weight:bold; font-size: 16px; color:#000;}
        #content ul li.fils4 a, #content ul li.fils8 a{font-weight:bold; font-size: 14px; color:#A40133;}
        #content ul li.level2{margin:0 0 4px 20px;  background:url(../images/puce_li.jpg) 0 5px no-repeat;  padding:0 0 0 12px;}  
        #content ul li.level2 a{font-weight:normal;font-size: 14px;color:#7C7C7C;} 
        
        #content ul li.fils4, #content ul li.fils8 {margin:0 0 0 40px;}
		
#filAriane{width:100%; padding:10px 0 0 0;}
/*------------mise en page content Dec-------------*/
#contDec h1{ color:#7c7c7c; background:url(../images/puce_h1.gif) 0 4px no-repeat; font-size:24px; padding:2px 0 1px 26px; margin:8px 0 8px 6px; }
	#contDec h3{ padding:16px 0 4px 0;}
	#contDec img.contacter{float:right; padding:0 10px 0 10px;}
	#contDec .adresse{background:#e9e9e9; position:relative; width:685px; padding:0 0 10px 0; margin:0 0 20px 120px;}
		#contDec .adresse h2{ background:#F3F3F3; color:#6f0123; font-size:14px; padding:0 0 10px 0;}
		#contDec .adresse p{margin:10px; line-height:18px;}
		#contDec .imgPlan{position:absolute; right:0; bottom:0;}

/*------------formulaire de contact avec la balise p-------------*/
	/* Formulaire */

	#contDec .formulaire { padding:18px 0 0 120px;width:820px;float:left; }
	#contDec .bloc1{width:270px;float:left; }
	
	#contDec .formulaire h3{color:#4a4a4a;font-size:14px; margin:0 0 8px 0; clear:both; }

	#contDec .formulaire p {float:left; padding:0 40px 10px 0;width:270px;}
	#contDec .formulaire p.intro {float:left; padding:0;width:auto; font-weight:bold; font-size:14px;margin-bottom: 20px;}
	#contDec .formulaire label{float:left;font-size:12px; text-align:right; color:#424242;width:100px; }
		#contDec .formulaire .parea label {float:left;font-size:12px; text-align:right; color:#424242;width:100px; padding:0 12px 0 0 }

	#contDec .formulaire input {float:right;width:156px;height:16px;background:#d1d1d1;border:1px solid #c1c1c1;color:#7f7f7f;}
	
	#contDec .bloc2{width:310px;float:left;}
	#contDec .formulaire .bloc2 p {float:left; width:270px;padding:0 0 10px 40px;}
	
	#contDec .formulaire .parea{padding:16px 0 27px 0;width:620px;clear: both;}
	#contDec .formulaire textarea {float:left;height:51px;width:466px;overflow:hidden;background:#d1d1d1;border:1px solid #c1c1c1;}
	
	#contDec .formulaire .envoi { padding:0 0 0 0; clear:both;float:right; padding:0 240px 0 0;}
	
	#contDec .formulaire .ok { width:73px;height:19px;border:none;background:none;}
	
	#contDec em{color:#f40707;}
	.hauteur { float: left; width:0; height:400px; font-size: 1px;}

/*--------mise en page de tableau---------*/
.tab01 {border-left:1px solid #000; border-top:1px solid #000; margin:0 0 10px 0;}
.tab01 th{ background:#DADADA; padding:2px 0 2px 6px; vertical-align:middle; border-right:1px solid #000; border-bottom:1px solid #000; font-size:13px;}
.tab01 td{padding:2px 0 2px 6px;border-right:1px solid #000; border-bottom:1px solid #000;}
#content .tab01 p{padding:0;}


/*-------------mise en page footer----------------*/	
	#footer a{color:#fff; text-decoration:none;}
		#footer a:hover{color:#fff; text-decoration:underline;}
		#footer ul{ float:left; width:350px; color:#FFF; padding:12px 0 0 10px;}
			#footer li{font-size:11px; border-right:1px solid #fff; display:inline; padding:0 10px 0 0;margin:0 10px 3px 0; }
			#footer li.last{border-right:none; }
				#footer li a{ color:#FFF; text-decoration:none;}
				#footer li a:hover{ text-decoration:underline;}

			#footer a.conception{float:right; background:url(../images/logo_pyxicom.gif) 0 right no-repeat; padding:2px 20px 6px 0; margin:10px 6px 0 0}

	/* Correction bug IE pour gerer le retour a la ligne  */
	 .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
/*jquery*/
#form label.error {color: red;width:auto; text-align: left; margin: 0 0 0 110px;font-weight: bold;}
#form .parea label.error {color: red;width:auto; text-align: left; margin: 0 0 0 110px;font-weight: bold;}

/* ffffffffffffffff  */
/* Easy Slider */

    #slider ul, #slider li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider, #slider li{ 
        /* 
            define width and height of container element and list item (slide)
            list items must be the same size as the slider area
        */ 
        width:326px;
        height:71px;
        overflow:hidden; 
        }
    span#prevBtn{}
    span#nextBtn{}                    

/* // Easy Slider */

#hierarchie{padding:10px 0 10px 6px;}

.actualiter { width:640px;float:left; margin:0 0 20px 0; position:relative; padding:0 0 10px 150px; text-align: justify;}
.actualiter h2{color:#4a4a4a; background:url(../images/puce_h3.jpg) 0 4px no-repeat; font-size:16px; font-weight: bold; padding:0 0 0 16px; margin:0 0 8px 0; }    
	.actualiter img{ float:right; margin:6px 0 10px 10px; border:2px solid #bfbfbf; width:130px; height:100px;}
	.actualiter span.date{color:#000;}
	.actualiter span.titre{color:#6F0123; font-weight:bold;}
	.actualiter p{padding:10px 0 0 0; line-height:18px;}
	.lireSuite{position:absolute; right:0; bottom:0;color:#6F0123;text-decoration: underline; }
	.lireSuite a{color:#6F0123; }
	.actualiter ul{ margin:10px 0 0 30px;}
	.actualiter li{ list-style: inside;}
	
.presse { width:604px;float:left; padding:0 0 30px 0; position:relative;}
	.presse img{ float:left; padding:10px 10px 10px 0;}
	#content .presse p{color:#000; padding:0;}
	.presse span.titre{color:#6F0123; font-weight:bold;}
	.presse p{padding:10px 0 0 0; line-height:18px;}
	.lireSuite{position:absolute; right:0; bottom:0;color:#6F0123; }
	.lireSuite a{color:#6F0123; }	
	
.actuSecteur{ width:598px;float:left; margin:0 0 10px 0; padding: 0 0 0 0; position:relative;}
	.actuSecteur img{ float:left; margin:0 10px 10px 0; width:150px; height:100px; border:2px solid #bfbfbf;}
    .actuSecteur strong{ color:#A40133;} 
	.artcSecteur strong{ color:#A40133;} 
	.actuSecteur
	p{padding:10px 0 0 0; line-height:18px;}
	

    a.toutesActu{padding:10px 0 5px 0; color:6F0123; float:left;}

.imprimer{float:right; /*width:556px;*/ width:60px;}
.imprimerActu{float:right; /*width:892px;*/width:60px;}
.imprimer a,.imprimerActu a{padding:0;margin:0;}
.imprimer a:hover,.imprimerActu a:hover{border:none;}
.imprimer img,.imprimerActu img{/*padding:0 8px 0 0;*/padding:0 0 0 8px; margin:0;border:0; float:right}

.boutonstexte {float: left; display:block; width:48px; height:22px; padding:0; position:relative;}	
		
  .boutonstexte button.textsizedown {background: url(../images/fontsizedown.gif) no-repeat !important; height: 22px !important; width:  22px !important;
    border:none; position:absolute;	top:0; left:26px;}
 .boutonstexte button.textsizedown:hover {border:none;}
  .boutonstexte button.textsizeup {background: url(../images/fontsizeup.gif) no-repeat !important; height: 22px !important; width: 22px !important;
    border:none; position:absolute; top:0; left:-2px;}
  .boutonstexte button.textsizeup:hover {border:none;} 

.boutonstexte button.textonly{ display:none;}	

.displaynone {display:none;}
#zAffiche {background:transparent url(../images/bgd_banniers_vide.gif) no-repeat scroll 0 0; float:left; position:relative; width:961px; text-align:right; padding:3px 0;}
#afficher_bnd{color:#6F0123; font-weight:bold; margin:20px 10px 0 0; display:block;}
#masquer_bnd{color:#6F0123; font-weight:bold; margin:20px 10px 0 0; display:block;}
#zMasquer {padding:3px 0; text-align:right;}
#mycarousel img {width: 55px; height : 50px;}

.imgGauche{border:2px solid #BFBFBF;float:left; margin:0 10px 10px 0;}
.imgDroite{border:2px solid #BFBFBF;float:right; margin:0 0 10px 10px;}
.imgCentre{ margin:10px auto; text-align:center;}
.imgCentre img{border:2px solid #BFBFBF;}
.actualite_detail_text{display:inline;float:left;padding:10px ;width: 640px;}
.actualite_detail_text img{float:left; margin: 0 13px 0 0;}