/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
background:url(imgSite/bg.png) repeat;
color:#666666;
}
img{
border:none;
}
a{
color:#666666;
}
h1{
color:#028bac;
font-weight:normal;
font-size:16px;
}
h3{
font-size:14px;
font-weight:bold;
color:#673b15;
margin-top:10px;
padding:0;
}
h3.bleu{
font-size:14px;
font-weight:bold;
color:#00aad3;
margin-top:10px;
padding:0;
}
p{
color:#666666;
overflow:auto;
}
p.grisFonce{
color:#333333;
}

form{
margin:0;
padding:0;
}
input, textarea{
border:1px solid #00aad3;
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
label.radio{
display:block;
padding-left:20px;
padding-top:1px;
cursor:pointer;
}

.selected{background-image:url(imgSite/rdo_on.png);background-repeat:no-repeat}
.unselected{background-image:url(imgSite/rdo_off.png);background-repeat:no-repeat}
input.btSubmit{
border:1px solid #00aad3;
margin-bottom:5px;
color:#FFFFFF;
font-weight:bold;
background-color:#00aad3;
}

#wrap{
width:800px;
margin:30px auto;
}


#header{
background:url(imgSite/coutour_h.png) no-repeat top left;
height:128px;
/height:125px;
}
#imgheader{
border-right:solid 1px #00aad3;
border-left:solid 1px #00aad3;
margin-top:15px;
float:left;
}


.separateur{
clear:both;
}
.important{
font-weight:bold;
}
.importantBleu{
font-weight:bold;
color:#00aad3;
}
.importantMarron{
font-weight:bold;
color:#673b15;
}

/****** MENU *****/
div#menuHaut{
clear:both;
margin:0;
padding:0;
border-right:solid 1px #00aad3;
border-left:solid 1px #00aad3;
height:20px;
background-color:#FFFFFF;
}
div#menuHaut ul,div#menuHaut li{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
div#menuHaut ul{
width:798px;
height:20px;
background:url(imgSite/bt_espace.png) repeat-x;

}
div#menuHaut li {
	float: left ;
}
div#menuHaut li a  {
	display: block;
	height:20px;
	line-height: 1px;
	text-align: center;
	text-decoration: none;
}
div#menuHaut li a.menu1  {width:114px;background: url(imgSite/bt_actu.png) top left no-repeat;}
div#menuHaut li a.menu2  {width:80px;background: url(imgSite/bt_contact.png) top left no-repeat;}
div#menuHaut li a.menu3  {width:123px;background: url(imgSite/bt_menu1.png) top left no-repeat;}
div#menuHaut li a.menu4  {width:101px;background: url(imgSite/bt_menu2.png) top left no-repeat;}
div#menuHaut li a.menu5  {width:167px;background: url(imgSite/bt_lentilles.png) top left no-repeat; margin-left:195px}

div#menuHaut li a.menu1Active  	{width:114px;background: url(imgSite/bt_actu.png) top left no-repeat;background-position:0% -20px;}
div#menuHaut li a.menu2Active  	{width:80px;background: url(imgSite/bt_contact.png) top left no-repeat;background-position:0% -20px;}
div#menuHaut li a.menu3Active 	{width:123px;background: url(imgSite/bt_menu1.png) top left no-repeat;background-position:0% -20px;}
div#menuHaut li a.menu4Active  	{width:101px;background: url(imgSite/bt_menu2.png) top left no-repeat;background-position:0% -20px;}
div#menuHaut li a.menu5Active  	{width:167px;background: url(imgSite/bt_lentilles.png) top left no-repeat;background-position:0% -20px; margin-left:195px}


div#menuHaut li a:hover, div#menuHaut li a:focus, div#menuHaut li a:active{
background-position:0% -20px;
}


#contenu{
padding:20px;
border-right:solid 1px #00aad3;
border-left:solid 1px #00aad3;
background-color:#FFFFFF;
}
img.illusAccueil{
float:right;
margin-left:20px;
}

#moduleActu{
background-color:#FFFFFF;
margin:30px 0 20px 0;
}
.actualite{
width:150px;
float:left;
margin:10px 20px;
}
.actualite p{
margin:3px 0;
padding:0;
}
a.btSavoirPlus{
background-color:#00aad3;
font-size:9px;
font-weight:bold;
text-decoration:none;
padding:3px 5px;
color:#FFFFFF;
}
a.btSavoirPlus:hover{
text-decoration:underline
}
.tiretVertical{
float:left;
background:url(imgSite/tiret_vertical.png) repeat-y top left;
width:1px;
line-height:1px;
height:75px;
margin:10px 10px 0 40px;
}


#footer{
clear:both;
background: url(imgSite/contour_b.png) no-repeat top left;
height:38px;
-border-left:solid 1px #00aad3;
}
#footer p{
color:#FFFFFF;
font-size:9px;
text-align:center;
width:200px;
line-height:19px;
vertical-align:middle;
margin:0 auto;
padding-top:17px;
}
img.floatRight{
float:right;
}


#infoBas{
border-right:solid 1px #00aad3;
border-left:solid 1px #00aad3;
background-color:#FFFFFF;
}
#infoBas p{
color:#666666;
margin:0;
padding:0;
text-align:center
}



/****** LISTE ACTU  ****/

ul.listeActu{
list-style-type:none;
margin:30px 0 0 0;
padding:0;
color:#666666;
}
ul.listeActu li{
float:left;
margin:0 0 0 20px;
width:210px;
} 
ul.listeActu li.tiretDroit{
background:url(imgSite/tiret_vertical.png) repeat-y top right;
padding:0 20px 0 0;
}
ul.listeActu li.tiretGauche{
background:url(imgSite/tiret_vertical.png) repeat-y top left;
padding:0 0 0 20px;
}
ul.listeActu li ul{
list-style-type:none;
margin:0;
padding:0;
} 
ul.listeActu li ul li{
clear:both;
float:none;
display:block;
margin:0 0 20px 0;
padding:0;
} 
ul.listeActu p{
color:#666666;
margin:0;
padding:0;
}
ul.listeActu img{
border:2px solid #00aad3;
}


/*** ARTICLE **/
div.article{
margin:25px 0 250px 25px;
}
div.illusArticle {
float:right;
}
div.illusArticle img{
border:1px solid #00aad3;
}
div.illusArticle img.noBorder{
border:none
}

div.illusArticle span{
color:#666666;
}
div.article p{
margin-top:0;
padding-top:0;
width:340px;

}

div.carteGoogle {
float:right;
background:url(imgSite/tiret_vertical.png) repeat-y top left;
padding-left:40px;
margin-right:20px;
}