/* 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";



h1{

display:block;

margin-bottom:10px;

padding-top:4px;

border-bottom:1px solid #393222;

font-size:18px;

font-weight:bold;

font-weight:lighter;

letter-spacing:-1px;

color:#DAB45D;

font-family:Arial, Helvetica, sans-serif;

}

h2{

font-size:16px;

font-weight:bold;

color:#908855;

padding-top:4px;

padding-bottom:2px;

border-bottom:1px solid #393222;

}

h3{

border-bottom:1px solid #D1B56E;

font-size:15px;

display:block;

color:#908855;

}

h4{

font-size:12px;

color:#908855;

padding-top:4px;

margin-bottom:2px;
margin-top:20px;
padding-left:5px;


}

.petit{

font-size:9px;

letter-spacing:1px;

font-weight:bold;

color:#908855;

}

/*PAGE ACCUEIL*/

.accueil{

	float:left;

	width:450px;

	margin:0 5px 0 0;

}

#screen .accueil p{

	float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:450px;

	margin:5px 0 5px 0px;

	text-align:justify;

	font-size:11px;

}

#screen .titreaccueil{

	color:#DA9C52;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

}

.gaucheaccueil{

	float:left;

	width:450px;

	margin:0 5px 0 0;

}

#screen .gaucheaccueil p{

	float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	margin:0px 0 0 0px;

	width:450px;

	font-size:12px;

}

.droiteaccueil{

	float:left;

	width:210px;

	margin:0 0px 0 0;

}

.droiteaccueil1{

	float:left;

	width:210px;

	margin:0 0px 0 0;

}

#screen .titreaccueil1{

	float:left;

	color:#DA9C52;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	width:300px;

	margin:19px 0 0 0px;

}

/*PAGE MONTURES*/

.montures{

	float:left;

	width:430px;

	margin:0 18px 0 0;

}

#screen .monturestitre{

	float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:430px;

	margin:5px 0 0 0px;

	text-align:justify;

	font-size:12px;

}

.monturesgauche1{

	float:left;

	width:455px;

	margin:5px 0px 0 0;

	color:#D1B56E;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

}

.monturesgauche{

	float:left;

	width:440px;

	margin:10px 18px 0 0;

	color:#D1B56E;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

}

.monturesdroite{

	float:right;

	width:200px;

	margin:0px 0px 0 0;

}

.monturesgauche ul{

	float:left;

    margin:10px 0 5px 5px;

	list-style-type:none;

	width:420px;

	font-family:Arial, Helvetica, sans-serif;

}



.monturesgauche li{

	float:left;

    background:url(../images/puce.gif) no-repeat ;

	padding:7px 0 10px 20px;

	width:420px;

    

}

/*PAGE VERRES*/

.accueil1{

	float:left;

	width:660px;

	margin:0 5px 0 0;

}



.verresgauche{

	float:left;

	width:450px;

	margin:10px 5px 0 0;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

}

.verresgauche ul{

	float:left;

    margin:10px 0 10px 5px;

	list-style-type:none;

	width:450px;

}



.verresgauche li{

	float:left;

    background:url(../images/puce.gif) no-repeat ;

	padding:5px 0 5px 20px;

	width:450px;

    

}

.imgverres{

	float:left;

    margin:5px 12px 0 0px;

	border:0px;	



}

.accessoires{

	color:#DA9C52;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;



}



/* STYLE DE LA PAGE CONTACT */

#screen .titcontact{ 

	font-size:13px;

	color:#DA9C52;

	font-weight:bold;

	font-style:italic;

}

#screen .loi {

	font-size:10px;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;



}

#screen .titreformulaire{

	float:left;

	color:#DA9C52;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	margin:0 0 0 0px;

}

#screen .titrecontact{

	float:left;

	color:#DA9C52;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	margin:0 0 0 80px;

}

#screen .titrecontact0{

	float:left;

	color:#DA9C52;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	margin:0 0 0 10px;

}

#screen .titreplan{

	float:right;

	color:#DA9C52;

	font-size:11px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	margin:5px 13px 0 0px;

}

.contact0{

    float:left;

    width: 200px;

	height:122px;

	margin:5px 28px 0 0;

	padding:5px;

	background:url(../images/fondcontact1.jpg) no-repeat;





}

#screen .contact0 p{

    float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	margin:0px 0 0 0px;

	font-size:11px;

	line-height:18px;

	width: 200px;

	text-align:justify;



}

.contact{

    float:left;

    width: 195px;

	margin:5px 20px 0 0;

	padding:5px;

	background:url(../images/fondcontact.jpg) no-repeat;



}

#screen .contact p{

    float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	margin:0px 0 0 0px;

	font-size:11px;

	line-height:18px;

	width: 195px;

	text-align:justify;



}

.imgplan{

    float:right;

	padding:2px 0 0 0;



}

.contenucontact{

    float:left;

    width: 170px;

	height:150px;

	background:url(../images/fondcontact.jpg) no-repeat;

	margin:5px 0px 0 0;



}

.formlisting{	

	float:right;

	FONT-SIZE: 11px; 

	WIDTH: 150px; 

	COLOR: #fff; 

	font-family:Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #3399CC;

	border-color:#3399CC;

	border:1px solid #3399CC;

}

.form {

	FONT-SIZE: 11px; 

	WIDTH: 100%; 

	COLOR: #000; 

	font-family:Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #D1B56E;

	border-color:#3399CC;

	border:1px solid #D1B56E;

}

.formulairebouton {

	FONT-SIZE: 11px; 

	WIDTH: 100%; 

	COLOR: #000; 

	font-family:Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #D1B56E;

	BORDER-BOTTOM: medium none;

	BORDER-RIGHT: medium none; 

	BORDER-TOP: medium none;

	BORDER-LEFT: medium none;

	border-color:#D1B56E;

	

}

.bleunuit{

	font-size:11px;

	color:#DA9C52;

	font-family:Arial, Helvetica, sans-serif;

}



#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact textarea{

	width:100%;

	border:1px solid #D1B56E;

	font-size:11px;

}

#formContact input:focus,textarea:focus{

	border-color:#000000;

}

#formContact .champRequis{

	color:#D1B56E;

}

	

.formulaire{

    float:left;

    width:630px;

	margin-left: 0px;

	margin-right:0px;



}

#container .titcontact{

	font-size:11px;

	color:#CC0066;

}



/*PAGE LISTING*/

#listing{

	float:right;

	width:656px;

	margin:45px 5px 10px 0;

	padding:15px;

	margin-bottom:10px;

}

.hautlisting{

	float:left;

	width:656px;

	height:15px;

	background-image:url(../images/hautlisting1.jpg);

	

}

#screen .marquelisting1{

	float:right;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:600px;

	margin:10px 25px 0px 0px;

	font-size:12px;

	text-align:right;

	/*margin-bottom:20px;

	background:#000000;*/

	

}

#screen .marquelisting{

	float:left;

	color:#000;

	font-family:Arial, Helvetica, sans-serif;

	width:600px;

	margin:5px 0 0 10px;

	font-size:12px;

	

}

#screen .prixproduit1{

	float:left;

	color:#fff;

	font-family:Arial, Helvetica, sans-serif;

	width:40px;

	margin:0px 0px 0 7px;

	font-size:13px;

	font-style:italic;

	font-weight:bold;

	

}

#screen .prixproduit{

	float:right;

	color:#ffffff;

	font-family:Arial, Helvetica, sans-serif;

	width:80px;

	margin:0px 26px 0 0px;

	font-size:13px;

	font-style:italic;

	font-weight:bold;

	

}

#screen .prixlisting{

	float:right;

	color:#40290C;

	font-family:Arial, Helvetica, sans-serif;

	width:40px;

	margin:5px 5px 0 0px;

	font-size:12px;

	font-style:italic;

	

}

#screen .descriptiflisting{

	float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:637px;

	margin:5px 5px 5px 10px;

	font-size:12px;

	text-align:justify;

	

}

#screen .details{

    float:right;

	background-image:url(../images/details.gif);

	width:59px;

	height:18px;

	margin:4px 5px 0 0;

}

.centrelisting{

	float:left;

	width:656px;

	background-image:url(../images/centre.jpg);

}

.baslisting{

	float:left;

	width:656px;

	height:4px;

	margin:0 0 0 0;

}



#contenu #form2{

	margin-bottom:10px;

}



#contenu #form2 select{

	border:1px solid #1B140B;

	background:#E0C887;

	color:#000000;

}



#contenu #form2 .choix{

	width:200px;

}



#contenu #form2 .tri{

	width:80px;

}



/*PAGE NEWS*/

#screen .textnews{

	float:left;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:530px;

	margin:5px 5px 5px 5px;

	font-size:12px;

	text-align:justify;

	

}

#screen .droite{

	float:left;

	width:140px;

	margin:0px 5px 5px 5px;

	

}

#screen .gauche{

	float:right;

	width:100px;

	margin:5px 5px 5px 5px;

	

}

/********************** ajouté par développeur *******************/

#screen .centrelisting .gauche {  

	width:auto;

}

#screen .centrelisting .droite {  

	width:auto;

}

/********************** fin ajouté par développeur *******************/

/*PAGE PRODUITS*/

#screen .marqueproduits{

	float:right;

	color:#D1B56E;

	font-family:Arial, Helvetica, sans-serif;

	width:600px;

	margin:15px 25px 0 0px;

	font-size:12px;

	text-align:right;

	

}

.hautproduits{

	float:left;

	width:656px;

	height:22px;

	background-image:url(../images/hautparoduit.jpg);

	

}

#screen .panier{

    float:right;

	border:none;

	background-image:url(../images/panier.gif);

	width:129px;

	height:19px;

	margin:4px 5px 0 0;

}

#screen .news fieldset {

    float:left;

	width:656px;

	margin:3px 0px 0px 0px;

	padding:0px;

	border:1px solid #6A5C37;

	font-size:12px;

	color:#D1B56E;

	text-align:justify;

	padding:2px 4px 4px 4px;

	font-family:Arial, Helvetica, sans-serif;

}

#screen .news legend {

	float:right;

    margin:0 0 0 10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#6A5C37;

	font-weight:bold;

	font-style:italic;

}

fieldset {

    float:left;

	width:490px;

	margin:0px 0px 0px 0px;

	padding:0px;

	border:1px solid #6A5C37;

	font-size:12px;

	color:#D1B56E;

	text-align:justify;

	padding:2px 4px 4px 4px;

	font-family:Arial, Helvetica, sans-serif;

}

legend {

    margin:0 0 0 10px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#6A5C37;

	font-weight:bold;

	font-style:italic;

}

.typecorrection{

	float:left;

	margin:5px 5px 2px 1px;

	width:647px;

}

#screen .tittypecorrection{

	float:left;

	background-image:url(../images/tyoe.gif);

	height:16px;

	width:126px;

	margin:0 25px 0 0;

}

#screen .myopie{

	float:left;

	background-image:url(../images/myopie.gif);

	height:16px;

	width:45px;

	margin:0 73px 0 30px;

}

#screen .astig{

	float:left;

	background-image:url(../images/astig.gif);

	height:16px;

	width:74px;

	margin:0 73px 0 0;

}

#screen .axe{

	float:left;

	background-image:url(../images/axe.gif);

	height:16px;

	width:38px;

	margin:0 30px 0 0;

}

#screen .addition{

	float:right;

	background-image:url(../images/addition.gif);

	height:16px;

	width:55px;

	margin:0 20px 0 0;

}

#screen .droiteoeil{

	float:left;

	background-image:url(../images/droite.gif);

	margin:0px 5px 2px 63px;

	height:17px;

	width:79px;

}

#screen .gaucheoeil{

	float:left;

	background-image:url(../images/gauche.gif);

	margin:0px 23px 2px 45px;

	height:17px;

	width:79px;

}

.droite1{

	float:left;

	width:656px;

	margin:0 0 0 0;

}

.gauche{

	float:left;

	width:656px;

	margin:0px 0 0 0;

	

	

}

#screen .formproduits {

	float:left;

	FONT-SIZE: 11px; 

	WIDTH: 120px; 

	COLOR: #000; 

	font-family:Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #D1B56E;

	border-color:#3399CC;

	border:1px solid #D1B56E;

	margin: 0 5px 0 0;

}

/*PAGE LENTILLES*/

.verresgauche1{

	float:left;

	width:630px;

	margin:5px 5px 0 0;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

}

.verresgauche1 ul{

	float:left;

    margin:7px 0 10px 5px;

	list-style-type:none;

	width:630px;

}



.verresgauche1 li{

	float:left;

    background:url(../images/puce.gif) no-repeat ;

	padding:0px 0 0 20px;

	width:630px;

    

}

.ajout{

	float:left;

	width:630px;

	margin:5px 5px 0 0;

}

.ajoutpanier{

	float:left;

	width:90px;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

}

.ajoutpanier1{

	float:left;

	width:600px;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	margin:5px 0 10px 90px;

}

.ajoutpanier2{

	float:left;

	width:640px;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	margin:5px 0 0 0px;

}







/*apres*/

.verresgauche0{

	float:left;

	width:450px;

	margin:5px 5px 0 0;

	color:#D1B56E;

	font-size:13px;

	font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

}

.verresgauche0 ul{

	float:left;

    margin:10px 0 8px 5px;

	list-style-type:none;

	width:430px;

}



.verresgauche0 li{

	float:left;

    background:url(../images/puce.gif) no-repeat ;

	padding:5px 0 5px 20px;

	width:430px;

    

}

.monturesdroite0{

	float:left;

	width:200px;

	margin:0px 0px 0 0;

}



/********************Pagination*****************/

#contenu #pagination{

	width:660px;

	height:20px;

	float:left;	

	text-align:center;

	margin-top:10px;

}



#contenu #pagination p.page{

	float:left;	

	font-size:1.2em;

	width:540px;

	text-align:center;

	color:#E5AC5D;

	font-size:1em;

	font-weight:bold;

	display:inline;

	}

	





#contenu #pagination p.prec{

	float:left;	

	text-align:left;

	font-size:1.1em;

	margin-left:20px;

	width:50px;

	display:inline;

	}

	

#contenu #pagination p.prec a{

	font-size:1em;

	font-weight:bold;

}

	

	

#contenu #pagination p.suiv{

	float:right;	

	text-align:right;

	font-size:1.1em;

	width:50px;

	display:inline;

	}

	

#contenu #pagination p.suiv a{

	font-size:1em;

	font-weight:bold;

}	

/****************fin pagination***********************************/



#screen #contenu .p_class{

    float:left;

	color:#ffffff;

	font-family:Arial, Helvetica, sans-serif;

	margin:0px 0 0 0px;

	font-size:12px;

	line-height:18px;

	width: 195px;

	text-align:justify;



}

#panier #form_identification input{

font-size:10px;





}
#screen .input{
	margin:2px 0px 0px 5px;
}

#commande { color: #D1B56E;}