/* CSS Document */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin:0;
padding:0;
color:#666666;
}
img{
border:none;
}
h1{
color:#666666;
font-weight:normal;
}
h2{
font-size:14px;
font-weight:normal;
color:#666666;
}
h3{
font-size:14px;
font-weight:bold;
color:#666666;
margin:0;
padding:0
}
p{
color:#333333;
}
a{
color:#b42930;
}
#btAccueil{
margin-left:200px;
}

form{
margin:0;
padding:0;
}
input, textarea{
border:1px solid #b42930;
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 #b42930;
margin-bottom:5px;
color:#FFFFFF;
font-weight:bold;
background-color:#b42930;
cursor:pointer;
}


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


#header{
height:110px;
}
#imgheader{
margin-top:0px;
}


.separateur{
clear:both;
}
.important{
font-weight:bold;
}
.importantRouge{
font-weight:bold;
color:#b42930;
}

/****** MENU *****/
div#menuHaut{
clear:both;
margin:0;
padding:0;
height:25px;
background:url(imgSite/bg_menu.png) repeat-x;
border-bottom:#f4f4f4 solid 1px;
}
div#menuHaut ul,div#menuHaut li{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
div#menuHaut ul{
width:800px;
height:25px;
}
div#menuHaut li {
	float: left ;
}
div#menuHaut li a  {
	display: block;
	height:25px;
	line-height: 1px;
	text-align: center;
	text-decoration: none;
}
div#menuHaut li a.menu1  {width:127px;background: url(imgSite/bt_actu.png) top left no-repeat;}
div#menuHaut li a.menu2  {width:116px;background: url(imgSite/bt_contact.png) top left no-repeat;}
div#menuHaut li a.menu3  {width:150px;background: url(imgSite/bt_menu1.png) top left no-repeat;}
div#menuHaut li a.menu4  {width:150px;background: url(imgSite/bt_menu2.png) top left no-repeat;}
div#menuHaut li a.menu5  {width:198px;background: url(imgSite/bt_lentilles.png) top left no-repeat; margin-left:190px}

div#menuHaut li a.menu1Active  	{width:127px;background: url(imgSite/bt_actu.png) top left no-repeat;background-position:0% -25px;}
div#menuHaut li a.menu2Active  	{width:116px;background: url(imgSite/bt_contact.png) top left no-repeat;background-position:0% -25px;}
div#menuHaut li a.menu3Active 	{width:150px;background: url(imgSite/bt_menu1.png) top left no-repeat;background-position:0% -25px;}
div#menuHaut li a.menu4Active  	{width:150px;background: url(imgSite/bt_menu2.png) top left no-repeat;background-position:0% -25px;}
div#menuHaut li a.menu5Active  	{width:198px;background: url(imgSite/bt_lentilles.png) top left no-repeat;background-position:0% -25px; margin-left:190px}


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

#contenuAccueil{
padding:20px;
background: #FFFFFF url(imgSite/bg_contenu.png) repeat-x;
min-height:250px;
}

#contenu{
padding:20px;
background: #FFFFFF url(imgSite/bg_contenu2.png) repeat-x;
height:auto;
min-height:400px;
_height:400px;
}
#contenuLentilles{
padding:20px;
background: #FFFFFF url(imgSite/bg_lentilles.png) no-repeat;
height:auto;
min-height:400px;
_height:400px;
}

img.illusAccueil{
float:right;
margin-left:20px;
}

#moduleActu{
padding:10px 20px 30px 20px;
background:#FFFFFF url(imgSite/bg_actualite.png) repeat-x;
}
.actualite{
width:150px;
float:left;
margin:10px 20px;
}
.actualite p{
margin:3px 0;
padding:0;
}
.btAlign{
text-align:right
}
a.btSavoirPlus{
font-size:9px;
font-weight:bold;
text-decoration:none;
padding:3px 5px;
color:#b42930;
}
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{
height:26px;
background-color:#666666;
border-top:solid 1px #b8b8b8;

}
#footer p{
color:#FFFFFF;
font-size:9px;
text-align:center;
width:200px;
line-height:19px;
vertical-align:middle;
margin:0 auto;
padding-top:3px;
}
img.floatRight{
float:right;
}


#infoBas{
padding:3px 0;
background:url(imgSite/tiret_horizontal.png) repeat-x;
clear:both;
}
#infoBas p{
color:#666666;
margin:0;
padding:0;
text-align:center
}


/** BOUTON GÉNÉRIQUE **/
.bt_generique{
height:24px;
}
.bt_generique ul, .bt_generique li{
list-style:none;
margin:0;
padding:0;
}
.bt_generique li{
float:left;
}
.bt_generique li.gauche
{
width:5px;
height:24px;
background:url(imgSite/bt_gen_01.png) no-repeat;
display:block;
}
.bt_generique li.milieu
{
height:24px;
background:url(imgSite/bt_gen_02.png) repeat-x;
text-align:center;
padding:0 10px;
}
.bt_generique li.droit
{
width:5px;
height:24px;
background:url(imgSite/bt_gen_03.png) no-repeat;
display:block;
}
.bt_generique a{
font-size:10px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
line-height:24px;
vertical-align:middle;
}
.bt_generique a:hover{
text-decoration:underline
}

/****** 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 #782725;
}


/*** ARTICLE **/
div.article{
margin:25px 0 0 25px;
}
div.illusArticle {
float:right;
}
div.illusArticle img{
border:1px solid #782725;
}
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;
}