@charset "utf-8";
/* CSS Document */

/* BODY*/

h1{
font-size:18px;
color:#d50000;
font-weight:normal;
letter-spacing:1,5px;
padding-top:3px;
padding-left:30px;
font-family: Verdana, Arial, Helvetica, sans-serif; /*Century Gothic;*/
}


body{
background:url(../images/bg2.gif)repeat-y center;
margin:0 auto;
font-size: 10px;
line-height:1.5;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;

}



/* HEADER*/
#header{
	padding-top:0px;
	margin: 0 auto;
	width:954px;
	height:154px;
}

#logo{
	width:421px;
	height:154px;
	float:left;
}

#topmenu{
	width:552;
	height:155px;
	float:right;
	margin-top:0px;
}

#menucontent{
	width:954px;
	height:34px;
	margin:0 auto;
	background: url(../images/bgmenu.gif) repeat-x;
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}


#menu{
	width:686px;
	padding-left:05px;
	height:25px;
	float:left;
}

#recherche{
	width:230px;
	height:28px;
	float:right;
	padding-top:3px;
	margin-left:10px;

}


#btnsearch{
	border:1px solid #000000;
	background-color:#ffffff;
	color:#ffffff
}


#menshadow{
width:954px;
height:29px;
margin:0 auto;
background:url(../images/menshadow.gif);
}

#contener{
width:954px;
height:auto;/*auto*/
margin:0 auto;
}

#left{
width:223px;
height:auto;
background:url(../images/bgleft.gif);
float:left;
}

#menucontener{
width:223px;
height:auto;/*auto*/

}
/*MENU LEFT*/
#menuleft{
width:212px;
height:31px;
background:url(../images/menuleft.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}

/*page courant 1*/
#menuleft1_current_page{
width:212px;
height:31px;
background:url(../images/bgmenuover.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}

#menuleft1{
width:212px;
height:31px;
background:url(../images/menuleft.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}


#menuleft2{
width:212px;
height:31px;
background:url(../images/menuleft.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}
#menuleft3{
width:212px;
height:31px;
background:url(../images/menuleft.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}
#menuleft4{
width:212px;
height:31px;
background:url(../images/menuleft.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menuleft a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menuleft1 a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#menuleft2 a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menuleft3 a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menuleft4 a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

#menuleft:active{
background:url(../images/bgmenuover.gif);
}

#menuleft:hover{
background:url(../images/bgmenuover.gif);
}



#menuleft1:hover{
background:url(../images/bgmenuover.gif);
}
#menuleft2:hover{
background:url(../images/bgmenuover.gif);
}
#menuleft3:hover{
background:url(../images/bgmenuover.gif);
}
#menuleft4:hover{
background:url(../images/bgmenuover.gif);
}


/*menu page courrante*/

#menuleft1_current_page{
width:212px;
height:31px;
background:url(../images/bgmenuover.gif);
margin-left:7px;
padding-left:10px;
padding-top:14px;
}
#menuleft1_current_page a{
text-decoration:none;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


/* END MENU*/

#videocontener{
width:201px;
height:142px;
margin-top:20px;
margin-left:7px;
}
#video{
background:url(../images/video_bg.gif);
width:680px;
height:300px;
border:1px solid #7690b1;
margin-left:20px;
}

#ecran{
width:325px;
height:262px;
margin-left:192px;
}

#paneltitre{
text-align:center;
margin-bottom:2px;
border:1px solid  #FFFFFF;
width:201px;
height:25px;
background:#596b82;
color:#FFFFFF;
padding-top:5px;
}


/*QUALITE*/
#qualite{
width:201px;
height:250px;
margin-left:7px;
margin-top:60px;
padding-top:0px;

}


#rss{
width:201px;
height:100px;
margin-left:7px;
margin-top:30px;
padding-top:0px;
background-color:#d8e7ea;

}

#cert_contener{
padding-left:60px;
padding-top:5px;
padding-bottom:5px;
background: #CCCCCC;
background:url(../images/bgqual.gif);
border:1px solid #728fb0;
}

#eco{
width: 700px;
height:73px;
background:url(../images/bg_eco.gif) center;
margin-top:5px;
padding-left:20px;
padding-top:20px;
font-size:17px;
font-style:italic;
font-family: georgia,garamond,serif;
color:#78bc13;
text-align:center;
}

#btn{
margin-top:5px;

}

#main{
width:715px;
height:auto;
margin-left:236px;
}

#slide{
width:700px;
height:210px;
margin-left:11px;
}

/* Sample 2*/
#box2{
	position:absolute;
}
	

#box2 span{
	display:block;
	float:left;
}

.mask1{
	position:relative;
	width:697px;
	height:184px;
	overflow:hidden;
	border:2px solid #999999;
	
}

.sample{
width:697px;
height:193px;
}

.buttons{
padding:5px;
height:20px;
}

.buttons span{
color:#0080FF;
padding:0 5px;
cursor:pointer;
font:10px Verdana
}

.buttons span.active, .buttons span:hover{
background:#0080FF;color:#fff
}

/*END SLIDE*/

#article{
width:700px;
height:auto;
margin-left:10px;
margin-top:10px;
background:url(../images/bgarticle.gif) repeat-y;

}

#articletitre{
width:700px;
height:46px;
background: url(../images/bgtitre.gif);
color:#d50000;
font-weight:bold;
}
#chapeau{
margin-left:20px;
color: #0676c7;
font-size:18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#chapeau2{
color: #0676c7;
font-size:17px;
font-style:italic;
font-family: georgia,garamond,serif;
text-align:left;
margin-left:10px;
width:200px;
height:120px;

float:right;
}

#chapeau_detect{
margin-left:20px;
color: #0676c7;
font-size:18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}


#txtcontent{
border:1px dotted #cdcdcd;

height:auto;

}

#txtpresse{
border:1px solid #7690b1;
height:auto;
background: url(../images/bg_presse.gif);

}

#txt{
color: #000033;
padding:10px;
font-size: 13px;
line-height:1.5;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


#txtone{
color: #000033;
padding:10px;
font-size: 13px;
line-height:1.5;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
float:left;


}

#txt a{
text-decoration:none;
color: #000033;
}

#txt a:HOVER{
color:#596b82;
}

#txt2{
color: #000033;
padding:11px;
background:url(../images/bg_envi.gif) bottom right no-repeat;
border:2px solid #a7d641;

}




#intro{
height:100px;
margin-bottom:05px;
border:#7690b1 solid 1px;
background: url(../images/bg_intro.gif);
}

#intro_detect{
margin-top:10px;
padding-left:12px;
height:70px;
border:#7690b1 solid 1px;
background: url(../images/bg_detect.gif);
}

#intro_autredetect{
margin-top:10px;
padding-left:15px;
height:103px;
background: url(../images/bg_autredetecteur.gif);
}


#intro_detect2{
margin-top:10px;
padding-left:12px;
height:100px;
border:#7690b1 solid 1px;
background: url(../images/bg_detect2.gif);
}


#txtnoire{
font-size:15px;
color:#000000;
font-weight:bold;
}
.puce{
list-style-image: url(../images/puce.gif);
}

#pdf{
background:url(../images/pdf.gif) no-repeat;
width:auto;
height:18px;
padding-top:27px;
padding-left:50px;
}

#pdf a{
color:#FF0000;
text-decoration:none;
font-weight:bold;
}

#pdf a:hover{
text-decoration:underline;
}

#table{
border:1px solid #0099cc;
}

#td{
background:#4ea1d9
}

#tr{
background:#d8e7ea;
border:1px solid #0099cc;

}


#footer{
width:100%;
height:134px;
margin:0 auto;
clear:both;

}

/* PLAN*/
.liste{
margin-left:50px;
list-style-type:none;

}

a.liste{
list-style-type:none;
text-decoration:none;
color:#000000;

}

a.liste:hover{
text-decoration:underline;
color:#d91212;
}

a.rouge{
color:#7690b1;
font-weight:bold;
text-decoration:none;
}

a.rouge:hover{
text-decoration:underline;
color:#d91212;
}
.rouge{
list-style-type: none;

}