/* Feuille de style pour le contenu des pages 

 * C'est cette feuille de style qui doit être liée aux pages du site

 * La feuille de style de la charte est appelée depuis cette feuille.

 */

 

/* Import des style pour la charte */

@import "charte.css";

.slogan{

font-family: Arial, Helvetica, Verdana;

font-size: 18px;

font-weight: bold;

color:#fff;

display:block;

text-transform:none;

letter-spacing:-1px;

}

h1{

font-family: "Trebuchet MS";

border-bottom:1px solid #CCC;

font-size: 24px;

font-weight: bold;
color:#fff;

display:block;

text-transform:none;

letter-spacing:-1px;

margin-bottom:20px;

}

#contenu h2{

font-family: Arial, Helvetica, Verdana;

font-size: 18px;

font-weight: normal;

color:#9bd9d3;

display:block;

margin-top:15px;

text-decoration:none;

}

h3{

font-family: Arial, Helvetica, Verdana;

font-size: 14px;

font-weight:bold;

padding-top:5px;

color:#9bd9d3;

display:block;

border-bottom:1px dashed #9bd9d3;;

margin-top:10px;

}



#contenu p{

	text-align:justify;

	margin:10px 0;

}



.petit{

font-size:1.1em;

font-weight:bold;

color:#0099CC;

}



.emphase{

font-weight:bold;

color:#6ad8c9;

}



.emphase2{

font-weight:bold;

color:#A7D6BD;

font-size:1.2em;

}



.color {

color:#6ad8c9;

font-weight:bold;

}

.maj {

	text-transform:uppercase;

}



a{

color:#c0dfc6;

text-decoration:none;

font-weight:bold;

}

a:hover{

color:#fff;

text-decoration:none;

font-weight:bold;

}



#contenu ul.contenusite{

	margin:10px 0;

}



#contenu ul.contenusite li {

	margin-left:40px;

	list-style:square;

	text-align:justify;

}



#contenu ul.contenusite li.puce2 {

	margin-left:40px;

	list-style:circle;

	text-align:justify;

}



/*---------------------------- STYLE DE LA PAGE ACCUEIL ------------------------- */



#accueil-droite{

	float:right;

	width:250px;

	margin-left:15px;

	margin-right:10px;

}



#accueil-droite #encart{

	width:250px;

	margin-bottom:15px;

	padding:5px;

	border:1px dotted #c0dfc6;

}



#accueil-droite #encart h3{

	margin:0 0 10px 0;

}





#accueil-droite #encart img{

	border:1px solid #FFF;

	margin-bottom:5px;

}











/*---------------------------- STYLE DE LA PAGE EQUIPE ET RECOMPENSES ------------------------- */



.recompenses{

	width:139px;

	position:relative;

	margin:0 10px 10px 0;

	float:left;

	border:1px solid #CCCCCC;

}



.recompenses p{

	background-color:#003333; 

	color:#FFF;

	filter: alpha(opacity=60);

	-moz-opacity: 0.60; opacity:0.60;

	height:20px;

	bottom:0;

	left:0;

	width:139px;

	position:absolute;

	text-align:center;

}



.equipe-img{

	float:left;

	border:1px solid #FFF;

	margin-left:10px;

}







/*---------------------------- STYLE DE LA PAGE MAGASIN ------------------------- */

.magasin {

	margin-bottom:15px;

}



#magasin-droite{

	float:right;

	margin-left:15px;

	margin-top:75px;

}





#magasin-droite p{

	background-color:#009999; 

	color:#000;

	filter: alpha(opacity=50);

	-moz-opacity: 0.50; opacity:0.50;

	height:20px;

	text-align:center;

	margin:0;

	line-height:20px;

	width:139px;

}



.espaces{

	float:left;

	margin-right:15px;

}



#contenu .espaces p{

	background-color:#009999; 

	color:#000;

	filter: alpha(opacity=50);

	-moz-opacity: 0.50; opacity:0.50;

	height:20px;

	text-align:center;

	margin:0;

	line-height:20px;

	width:139px;

}









/*---------------------------- STYLE DE LA PAGE ACTUALITES ------------------------- */



.actu{

	float:left;

	width:90%;

	border-bottom:1px dashed #009999;

	margin-right:15px;

	margin-bottom:15px;

	padding-bottom:5px;

}



.actu img{

	float:left;

	border:1px solid #c0dfc6;

	margin-right:15px;

}





.pagination{

	width:300px;

	text-align:center;

	padding-top:5px;

	margin: 0 auto;

	}

	

.pagination a{color: #009999;}	

.paginationa:hover{color:#046010;}	



.fleche-gauche {

	float:left;

	border:none;

	}

.fleche-droite {	

	float:right;

	border:none;

	}









/*---------------------------- STYLE DE LA PAGE SAVOIR FAIRE ------------------------- */



.savoir-faire{

	position:relative;

	float:left;

	width:180px;

	margin:0 10px 10px 0;

	/*border:1px solid red;*/

}



.savoir-faire img{

	border:1px solid #c0dfc6;

}



.savoir-faire p{

	width:180px;

	height:50px;

	background-color:#003333; 

	color:#FFF;

	filter: alpha(opacity=60);

	-moz-opacity: 0.60; opacity:0.60;

	text-align:center;

	margin:0;

}



.savoir-faire .chiffre{

	position:absolute;

	width:30px;

	height:30px;

	top:1px;

	left:1px;

	background-color:#003333; 

	color:#FFF;

	font-size:25px;

	filter: alpha(opacity=60);

	-moz-opacity: 0.60; opacity:0.60;

	text-align:center;

	line-height:30px;

}







/*---------------------------- STYLE DE LA PAGE OPTIQUE ------------------------- */



/*----------- En général ---------- */



.schema img{

	float:left;

	margin-right:10px;

	border:1px solid #c0dfc6;

}



.encart-optique{

	float:left;

	width:60%;

	height:30%;

	margin-left:5px;

	padding-left:2px;

	margin-top:10px;

	margin-bottom:10px;

	border:1px dotted #0099CC;

}



.optique-gauche{

	float:left;

	margin-right:10px;

}



/*----------- Les enfants ---------- */



.encart-optique-enfants{

	width:271px;

	height:92px;

	margin-left:5px;

	padding-left:2px;

	float:right;

	border:1px dotted #FFF;

}





.img-stats{

	position:relative;

	border:1px solid #CCCCCC;

	float:right;

	margin-left:10px;

	width:131px;

}



.img-stats p{

	background-color:#003333; 

	color:#FFF;

	filter: alpha(opacity=60);

	-moz-opacity: 0.60; opacity:0.60;

	height:20px;

	bottom:-10px;

	left:0px;

	position:absolute;

	text-align:center;

	width:131px;

	line-height:20px;

}



.photos-enfants{

	float:right;

	margin-left:10px;

	width:131px;

}

.photos-enfants img{

	margin-bottom:15px;

	border:1px solid #CCCCCC;

}





/*----------- Défauts visuels ---------- */



.presbytie{

	float:left;

	margin-right:10px;

	background-color:#339966;

	width:290px;

	height:100px;

	padding:5px;

}





/*----------- Vision de sport ---------- */



.photos-sport{

	width:280px;

	margin:10px auto 10px;

	text-align:center;

}

.photos-sport img{

	border:1px solid #CCCCCC;

	margin:0 5px 5px 0;

}



.photos-sport-horizontal{

	margin:15px 0;

}

.photos-sport-horizontal img{

	float:left;

	border:1px solid #CCCCCC;

	margin-right:8px;

}



.encart-sport{

	float:left;

	width:300px;

	border:1px dotted #c0dfc6;

	margin-right:0px;

	margin-bottom:15px;

	margin-top:15px;

	padding:2px;

}





.sport-gauche{

	float:left;

	width:300px;

	margin-right:18px;

}



.sport-droite{

	float:left;

	width:300px;

}



#contenu h2.visionsport{

	text-decoration:none;

}



#contenu h2 .h2visionsport{

	color:#fff;

	font-size:1em;

	text-decoration:none;

}	





/*---------------------------- STYLE DE LA PAGE CONTACTOLOGIE ------------------------- */



.lentilles-souples {

	margin-top:5px;

}



.lentilles-souples li{

	list-style-type: square;

	margin-left:15px;

	margin-bottom:5px;

	list-style-position:outside;

}



.lentilles-souples th{

	background-color:#99CC99;

	color:#333333;

	text-align:center;

}



.lentilles-souples td.gauche{

	background-color:#99CC99;

	color:#333333;

	text-align:left;

	vertical-align:middle;

}



.lentilles-souples td{

	background-color: none;

	text-align:left;

	color:#FFF;

	padding:2px;

	border:1px dotted #FFF;

}



.lentilles-souples td p{

	text-align:left;

}



.img-contactologie{

	float:right;

	margin-left:15px;

	border:1px solid #CCCCCC;

}







/*---------------------------- STYLE DE LA PAGE MAL VOYANT ------------------------- */



/*----------- Aides techniques ---------- */



.img-techniques{

	float:left;

	margin-right:10px;

}



.photos-techniques{

	margin-top:20px;

}

.photos-techniques img{

	float:left;

	border:1px solid #CCCCCC;

	margin-right:15px;

}



/*----------- Aides electroniques ---------- */



.electroniques-droite{

	float:right;

	width:186px;

	margin-left:15px;

}



.electroniques-droite img{

	border:1px solid #CCCCCC;

	float:left;

	margin-top:15px;

}







/*----------- pupitre  et eclairage---------- */



.photo-gauche{

	float:left;

	margin-right:15px;

}







/*---------------------------- STYLE DE LA PAGE AUDIO	 ------------------------- */



/*----------- informations ---------- */



.audio-droite{

	float:right;

	width:175px;

	margin-left:15px;

}



.audio-droite h3{

	width:175px;

}



.audio-droite img{

	border:1px solid #CCCCCC;

	float:left;

	margin-top:15px;

}



.img-gauche{

	float:left;

	margin-right:15px;

}



/*----------- aides auditives ---------- */



.tableau {

	margin-top:5px;

}





.tableau th{

	background-color:#99CC99;

	color:#333333;

	text-align:center;

	vertical-align:middle;

	padding-left:0;

}



.tableau td{

	background-color: none;

	text-align:left;

	color:#FFF;

	padding:2px 2px 2px 0px;

	border:1px dotted #FFF;

}



#contenu #tableau-audioaide li{

	padding-left:10px;

	list-style:none;

	background:url(../images/charte/tiret.gif) 0px 3px no-repeat;

	width:100px;

	margin-left:0;

}





#audioaide-gauche{

	float:left;

	width:40%;

	margin-right:10px;

}

#audioaide-droite{

	float:left;

	width:40%;

}



#audioaide-gauche img, #audioaide-droite img{

	border:1px solid #fff;

}



/*----------- Appareillage ---------- */



.appareillage-droite{

	float:right;

	width:91px;

	margin-left:15px;

}

.appareillage-droite img, .appareillage-gauche img{

	border:1px solid #CCCCCC;

	float:left;

	margin-top:10px;

}

.appareillage-gauche{

	float:left;

	width:91px;

	margin-right:15px;

}



.appareil-audio{

	float:left;

	margin:5px 0;

}

.appareil-audio img{

	float:left;

	margin-right:15px;

	border:1px solid #fff;

}



.telephone-audio{

	width:600px;

	/*border:1px solid red;*/

	margin:0 auto;

}



#contenu .telephone-audio .emphase {

	font-size:1.7em;

	text-align:center;

}







/*--------------------------- STYLE DE LA PAGE CONTACT----------------------- */



#contactPlan{

	width:600px;

	float:left;

	margin-left:30px;

}

#contactPlan p{

	margin:10px 0 10px 0;

	text-align:left;

}



#contactPlan img{

	border:0;

	float:left;

	margin-right:15px;

}



#contactPlan .coordonnees{

	float:left;

	width:250px;

	margin-right:10px;

	border-right:1px dashed #FFF;

	height:200px;

	/*border:1px solid red;*/

}

#contactPlan .coordonnees2{

	float:left;

	width:200px;

	border-right:1px dashed #FFF;

	height:200px;

	margin-right:10px;

	/*border:1px solid red;*/

}

#contactPlan #plan{

	float:left;

	/*border:1px solid red;*/

}



#contactPlan .coordonnees3 .aligngauche{

	float:left;

	width:35px;

	height:200px;

	margin-right:5px;

	/*border:1px solid red;*/

}

#contactPlan .coordonnees3 .aligngauche img{

	margin:0px 0 10px 0;

}



#contenu #contactPlan .coordonnees3 p{

	float:left;

	margin:5px 0;

	width:210px;

	

}

#contenu #contactPlan .coordonnees3 p.bordure{

	border-bottom:1px dashed #FFF;

	padding-bottom:3px;

	margin:5px 0 20px 0;

	

}

#contenu .coordonnees p{

	margin:5px 0;

}



.coordonnees label{

	width:80px;

	float:left;

	color:#6ad8c9;

	font-weight:bold;

	/*border:1px solid red;*/

}

.coordonnees2 label{

	width:80px;

	float:left;

	color:#6ad8c9;

	font-weight:bold;

	/*border:1px solid red;*/

}



.transport{

	float:left;

	width:50%;

	height:50px;

	/*border:1px solid red;*/

}



#contenu #transport-gauche .transport p img{

	margin:0;

	padding:0;

}

#contenu input.bouton {
	height:25px;
}

#contenu input,textarea {
	background-color:#99CC99;
	border:1px solid black;
	margin:0 0 10px 0;
}

#contenu input:hover,textarea:hover {
	border:1px solid white;
}