/* main divs section */
html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(../images/charte/bg_repeat.gif);
	background-repeat: repeat-x;
}
p, ul, li, table, div, h1, h2, h3, hr, img{
	padding: 0px;
	margin: 0px;
	}
#header{
width:766px;
height:160px;
vertical-align:top;
margin:0;
}
#container{
	/*font:normal 12px/1.2em Tahoma, Arial, Verdana;*/
width: 766px;
margin-left:auto;
margin-right:auto;
height:100%;
}
#middle{
display: block;
width: 100%;
}
/*-------------------menu------------------------*/
#left_col{
  width: 223px;
	display: inline;
	float: left;
	height:100%;
}
#menu_flash{
width: 223px;
height:160px;
}
#orar{
background:url(../images/charte/orar-layout.jpg);
background-position:top;
background-repeat:no-repeat;
height:126px;
width:223px;
}
#adresse{
width:223px;
height:145px;
background:url(../images/charte/adresa-layout.jpg);
background-position:top;
background-repeat:no-repeat;
}
.adresse{
font-family:tahoma;
font-size:11px;
color:#ffffff;
line-height:14px;
}
#plan{
background:url(../images/charte/plan1.jpg);
background-repeat:no-repeat;
background-position:0 0;
width:223px;
height:114px;
vertical-align:top
}
#digital{
width:223px;
height:48px;
display:inline;
}
/*------------------end menu--------------------*/

/*-------------------plan------------------------*/
#map_content{
  vertical-align:top left;
	height:35px;
	width:600px;
}
#map_button_imprimer{
	float:right;
	width:119px;
	height:35;
	margin-right:18px;
	text-align:right; 
}
#map_button_fermer{
	float:right;
	width:97px;
	height:35;
	margin-right:18px;
	text-align:right; 
}
#plus_minus{
	margin-bottom:10px;
}
/*-------------------end Plan---------------------*/


/*-----------------Popup-----------------------*/
#fermer{
	background-color:#FDC3D1;
	color:#8A2E11;
	height:30px;
	text-align:center;
	padding-top:5px;
}
#fermer a:link,  #fermer a:visited{
	color:#8A2E11;
	font-weight:bold;
	text-decoration:none;
}
#fermer a:hover, #fermer a:active{
	text-decoration:underline;
}


/*-----------------endPopup---------------------*/


/*------------------footer----------------------*/
#footer{
width:766px;
margin-left:auto;
margin-right:auto;
clear:both;
display:block;
padding-top:10px;
}
.footer{
	font-family:tahoma;
	font-size:11px;
	color:#4D4D4D;
	padding-left:40px;
	padding-top:5px;
}
.link_footer:link,.link_footer:visited{
font-family:tahoma;
font-size:11px;
color:#4D4D4D;

}
.link_footer:hover,.link_footer:active{
font-family:tahoma;
font-size:11px;
color:#8B515A;

}
.link_infos:link,.link_infos:visited{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#9D4150;
}
.link_infos:hover,.link_infos:active{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#AD0C7E;
}

#footer_copyright{
background:url(../images/charte/puce-layout.gif);
background-repeat:repeat-x;
background-position:0 20px 0px 30px;
display: inline;
width: 180px;
float: left;
}
.footer2{
	font-family:tahoma;
	font-size:11px;
	color:#4D4D4D;
}
#footer_link{
display: inline;
float: left;
margin-left:50px;
width:460px;
}
#line{
	background:url(../images/charte/footer_line.jpg);
	width:518px;
	height:6px;
	background-repeat:no-repeat;
	background-position:0 0;
	float: right;
	padding-right:15px;
}
/*-------------------end footer----------------------------*/

.image_right{
float:right;
margin:0px 20px 5px 10px;
}
.image_left{
float:left;
margin:5px 10px 5px 20px;
}

/*-------------------content--------------------------------*/
#right_col{
	float:left;
	width: 528px;
	margin-left: 5px;
}

/*-------------------------presentation----------------------*/
#page_title{
	height:55px;
	background-image:url(../images/charte/title-presentation.gif);
	background-repeat:no-repeat;
	background-position:-1px 0px;
	display: block;
	float: left;
	width:100%;
}
#page_dynamic{
	padding-top:10px;
	background-image: url(../images/charte/bg_image.jpg);
	background-repeat:no-repeat;
	background-position: 3px 0px;
	vertical-align:top;
	display: block;
	float: left;
	width:100%;
	height:100%;
}
#page_dynamic1{
	background-image: url(../images/charte/bg_repeat-layout.gif);
	background-repeat:repeat-y;
	background-position: 3px 0px;
	vertical-align:top;
	display: block;
	float: left;
	width:100%;
	height:100%;

}
#page_end{
 background-image: url(../images/charte/table_1_footer.gif);
 background-repeat:no-repeat;
 background-position: 3px  0px;
 display:block;
 float: left;
 height:25px;
 width:100%;
}
#page_title2{
	height:34px;
	background-image:url(../images/charte/title-presentation2.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	display: block;
	float: left;
	width:100%;
}
#page_table2{
  background-image: url(../images/charte/table_2_repeat.jpg);
	background-repeat:repeat-y;
	background-position: 3px 0px;
	vertical-align:top;
	display: block;
	float: left;
	width:100%;
	height:100%;
}
#page_table2_content{
	background-image: url(../images/charte/bg_image_table2.gif);
	background-repeat:no-repeat;
	background-position: 3px 0px;
	display: block;
	float: left;
	width:100%;
	height:100%;
}
#page_table2_end{
 background-image: url(../images/charte/table2_footer.gif);
 background-repeat:no-repeat;
 background-position: 3px 0px;
 display:block;
 float: left;
 height:11px;
 width:100%;
}
#page_title_index{
	height:44px;
	background-image:url(../images/presentation/title_index2.gif);
	background-repeat: no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
/*-------------------------------page2--------------------*/
#page_title_lunettes{
	height:55px;
	background-image:url(../images/charte/title-lunettes.jpg);
	background-repeat:no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}

#page_title_lunettes2{
	height:44px;
	background-image:url(../images/lunettes/title-lunettes2.gif);
	background-repeat: no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
#page_end1{
 background-image: url(../images/lunettes/table_1_footer.gif);
 background-repeat:no-repeat;
 background-position: 3px 0px;
 display:block;
 float: left;
 height:25px;
 width:100%;
}

/*------------------------------end page2-------------------*/

/*------------------------------page3-----------------------*/
#page_title_lentilles{
	height:55px;
	background-image:url(../images/charte/title-lentilles.jpg);
	background-repeat:no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
#page_end_lentilles{
 background-image: url(../images/lentilles/table_1_footer.gif);
 background-repeat:no-repeat;
 background-position: 3px 0;
 display:block;
 float: left;
 height:25px;
 width:100%;
}

/*------------------------------end page3-------------------*/
/*------------------------------page4-----------------------*/
#page_title_visuales{
	height:55px;
	background-image:url(../images/charte/title-visuales.jpg);
	background-repeat:no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
#page_title_visuels2{
	height:44px;
	background-image:url(../images/visuels/title_pages.gif);
	background-repeat: no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
/*------------------------------end page4-------------------*/
/*------------------------------page5-----------------------*/
#page_title_contact{
	height:55px;
	background-image:url(../images/charte/title-contact.jpg);
	background-repeat:no-repeat;
	background-position:3px 0px;
	display: block;
	float: left;
	width:100%;
}
#page_title_merci{
  height:55px;
	background-image:url(../images/charte/title_merci.jpg);
	background-repeat:no-repeat;
	background-position:top;
	display: block;
	float: left;
	width:100%;
}
#page_dynamic_merci{
	padding-top:10px;
	background-image: url(../images/charte/bg_image.jpg);
	background-repeat:no-repeat;
	background-position: 4px 0px;
	vertical-align:top;
	display: block;
	float: left;
	width:100%;
	height:100%;
}
#page_end_merci{
 background-image: url(../images/charte/table_1_footer.gif);
 background-repeat:no-repeat;
 background-position: 4px 0;
 display:block;
 float: left;
 height:25px;
 width:100%;
}
#page_dynamic1_merci{
	background-image: url(../images/charte/bg_repeat-layout.gif);
	background-repeat:repeat-y;
	background-position: 4px 0px;
	vertical-align:top;
	display: block;
	float: left;
	width:100%;
	height:500px;

}
/*------------------------------end page5-------------------*/

/*---------end content-------*/
/*---------text-----------*/
.text1{
font-family:arial;
font-size:13px;
font-weight:bold;
color:#5A474A;
}
.text4{
font-family:arial;
font-size:13px;
color:#5A474A;
}
.text2{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#9D4150;
text-align:center;
padding:0px 10px 10px 10px;
}
.text2_left{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#9D4150;
padding:0px 10px 10px 10px;
}
.text_mov{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#AD0C7E;
}
.text3{
font-family:tahoma;
font-size:12px;
color:#5A474A;
}
.voir{
font-family:tahoma;
font-size:10px;
color:#C84C5F;
}
.text_merci{
font-family:verdana;
font-size:13px;
color:#5A474A;
}
.text_footer_page{
font-family:verdana;
font-size:10px;
font-weight:bold;
color:#5A474A;
text-align:center;
padding-top:15px;
}
.title_1{
font-family:tahoma;
font-size:15px;
font-weight:bold;
color:#9D4150;
}
.title2{
font-family:Swis721 Win95BT;
font-weight:14px;
font-weight:bold;
color:#5A474A;
padding-left:30px
}
/*---------end text-------*/

/*---------Link-----------*/
.link_email:link,.link_email:visited{
font-family:tahoma;
font-size:11px;
color:#ffffff;
}
.link_email:hover,.link_email:active{
font-family:tahoma;
font-size:11px;
color:#FFF286;
}
.link_contact:link,.link_contact:visited{
font-family:verdana;
font-size:10px;
color:#5A474A;
text-decoration:none;
}
.link_contact:hover,.link_contact:active{
font-family:verdana;
font-size:10px;
color:#FF1E41;
text-decoration:underline;
}
.link_contact2:link,.link_contact2:visited{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#9D4150;
text-decoration:none;
}
.link_contact2:hover,.link_contact2:active{
font-family:tahoma;
font-size:12px;
font-weight:bold;
color:#FF1E41;
text-decoration:underline;
}
.link_email:link,.link_email:visited{
font-family:tahoma;
font-size:11px;
color:#ffffff;
}
.link_email:hover,.link_email:active{
font-family:tahoma;
font-size:11px;
color:#FFF286;
}
.link_merci:link,.link_merci:visited{
font-family:verdana;
font-size:13px;
color:#5A474A;
}
.link_merci:hover,.link_merci:active{
font-family:verdana;
font-size:13px;
color:#FF1E41;
text-decoration:underline;
}
/*-----end link-------*/
/*---------List-------*/
.list1 li{
		list-style-type:none;
		background-image:url(../images/charte/puce.gif);
		background-position: 0px 3px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 20px;
		padding:0px 5px 2px 20px;
		font-family:tahoma;
		font-size:12px;
		color:#5A474A;
}
.list2 li{
		list-style-type:none;
		background-image:url(../images/charte/puce.gif);
		background-position: 0px 3px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 30px;
		padding:0px 5px 2px 20px;
		font-family:tahoma;
		font-size:12px;
		color:#8B515A;
		font-weight:bold;
}
.list3 li{
		list-style-type:none;
		background-image:url(../images/charte/puce_1.gif);
		background-position: 0px 3px;
		background-repeat:no-repeat;
		margin:4px 0px 0px 30px;
		padding:0px 5px 2px 20px;
		font-family:tahoma;
		font-size:12px;
		color:#8B515A;
}
/*---------end list------*/



/*-------------------end content----------------------------*/