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

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}




/************************************ CONTENU TEXTUEL ************************************/
#contenuTexte{
	padding:10px 10px 0px 60px;
	width:630px;
	float:left;
	/*border:1px solid red;*/
}
#contenuTexte h1{
	margin:38px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#03399F;

}
/*#contenuTexte h2{
	margin:10px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#03399F;
	border-bottom:1px solid #03399F;
}*/
#contenuTexte h2{
	margin:10px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.4em;
	text-align:left;
	color:#03399F;
	border-bottom:1px solid #03399F;
}
#contenuTexte p{
	padding-bottom:5px;
	font-size:1.2em;
	margin:9px 0px;
	letter-spacing:0.04em;
	line-height:1.5em;
	text-align:left;
	font-weight:400;
}
#contenuTexte p.justifier{
	text-align:justify;
}
#contenuTexte .textegeor{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	line-height:1.7em;
}
#contenuTexte .textegeneva{
	font-family:"Times New Roman", Times, serif;
	font-size:1.4em;
}
#contenuTexte .resume{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	margin-left:40px;
	padding-left:12px;
}
#contenuTexte ul.resumee{
	list-style-image:url(../images/charte/puce01.gif);
	position:relative;
	font-size:1.2em;
	width:360px;
	letter-spacing:0.04em;
	border:none;
	background:none;
}
#contenuTexte ul.resumee li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-left:40px;
	margin-bottom:10px;
}
#contenuTexte .gras{
	/*color:#B41C33;*/
	font-weight:bold;
}
#contenuTexte .grasrouge{
	color:#B41C33;
	font-weight:bold;
}
#contenuTexte .blocphotodroite{
	float:right;
	width:250px;
	margin-left:10px;
}
#contenuTexte .blocphotodroite img{
	margin-top:10px;
	border:0px;
}
#contenuTexte a:link, #contenu a:active{
	color: #03399F;
	text-decoration:none;
	font-weight:normal;
}
#contenu a:visited{
	color: #03399F;
	text-decoration:none;
	font-weight:normal;
}
#contenuTexte a:hover{
	color: #03399F;
	text-decoration:underline;
}
#contenuTexte p.couleur, .couleur{
	font-weight:bold;
	color:#03399F;
}
#pagination{
	float:left;
	width:520px;
	/*border:1px solid red;*/
}
#pagination p{
	text-align:center;
}



/************************************ BOUTON PRODUIT ************************************/
#catalogue #menudroite{
	float:right;
	width:90px;
	margin:40px 0px 0px 10px;
	/*border:1px solid red;*/
}
#catalogue #menudroite img{
	margin:0px 0px;
}
#catalogue #menudroite .boutonpresentation {
	background-image:url(../images/charte/bpresentation0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutonpresentation:hover {
	background-image:url(../images/charte/bpresentation1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutonlames {
	background-image:url(../images/charte/blames0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutonlames:hover {
	background-image:url(../images/charte/blames1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutoncoulisse {
	background-image:url(../images/charte/bcoulisse0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutoncoulisse:hover {
	background-image:url(../images/charte/bcoulisse1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutoncaisson {
	background-image:url(../images/charte/bcaisson0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutoncaisson:hover {
	background-image:url(../images/charte/bcaisson1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutonaccessoire {
	background-image:url(../images/charte/baccessoires0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutonaccessoire:hover {
	background-image:url(../images/charte/baccessoires1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutonphoto {
	background-image:url(../images/charte/bphotos0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutonphoto:hover {
	background-image:url(../images/charte/bphotos1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

#catalogue #menudroite .boutonnuancier {
	background-image:url(../images/charte/bnuancier0.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}
#catalogue #menudroite .boutonnuancier:hover {
	background-image:url(../images/charte/bnuancier1.gif);
	width:90px;
	height:32px;
	margin:8px 0px;
}

/************************************ CATALOGUE ************************************/
#catalogue{
	width:630px;
	float:left;
	/*border:1px solid blue; */
}
/*#catalogue h2{
	margin:10px 0 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.8em;
	text-align:left;
	color:#03399F;
	border-bottom:0px solid #03399F;
}*/
#page-catalogue{
	width:520px;
	float:left;
	/*border:1px solid green; */
}

#page-catalogue .blocphotogauche{
	float:left;
	width:180px;
	margin-left:0px;
	margin-right:10px;
}
#page-catalogue .blocphotogauche img{
	margin-top:10px;
	border:0px;

}
#page-catalogue .descriptif{
	float:right;
	width:310px;
	margin-right:10px;
}
/*********** PAGE PHOTO *************/
#page-catalogue #photo{
	float:left;
	width:520px;
	clear:both;
}
#page-catalogue #photo img{
	width:160px;
	margin:10px 5px;
	border:0px;
}

/*********** PAGE NUANCIER *************/
#page-catalogue #nuancier{
	float:left;
	width:520px;
	clear:both;
}

/* Images + légende */
.ligne{
	width:520px;
	height:110px;
	padding:5px 0px 5px 0px;
	margin-bottom:10px;
	/*border:1px solid blue;*/
}

.legende{
	float:left;
	width:120px;
	height:110px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	/*color: #1345A6;*/
	color:#878686;
	font-weight:400;
	/*border:1px solid red;*/
}
.legende img{

	margin:0px;
	padding:0px;
	border:0px;
}

/*********** BLOC *************/
#bloc{
	float:left;
	width:520px;
	clear:both;
}
#bloc .encart{
	float:left;
	width:520px;
}
#bloc .text{
	float:left;
	margin-bottom:15px;
	padding:5px;
	border:1px dashed #C1C0BE;
	margin-right:-3px;
}
#bloc .text h2{
	margin:0px 0 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.4em;
	text-align:left;
	color:#03399F;
	border-bottom:0px solid #03399F;
	margin-right:-3px;
}
#bloc .text .imggauche{
	float:left;
	/*width:150px;*/
	margin-right:10px;
}
#bloc .text .imgdroite{
	float:right;
	/*width:150px;*/
	margin-left:10px;
}

/************************************ ESPACE CLIENT ************************************/
#contenuTexte #espace-client{
	float:left;
	width:280px;
	margin-left:150px;
	margin-top:70px;
	padding:5px;
	/*clear:both;*/
	border:1px dashed #C1C0BE;
}
#formIdentifiant label{
	font-size:1.2em;
	width:150px;
	margin:5px;
}
#formIdentifiant input{
	width:120px;
	float:right;
	border:1px solid #627EB4;
	font-size:12px;
	margin:5px;
	background-color:#EEF1F8;
	color:#03399F;
}
#formIdentifiant .bouton{
	width:50px;
	float:left;
	margin-left:10px;
	/*margin:0px;*/
	border:1px solid #627EB4;
	font-size:12px;
	font-weight:bold;
	background-color:#EEF1F8;
}
.sousrubriqueclient{
	float:left;
	width:130px;
	margin:10px;
	/*border:1px solid red;*/
}
.titre-espace{
	float:left;
	width:350px;
	margin:10px;
	/*clear:right;
	border:1px solid red;*/

	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	/*margin-left:40px;*/
	padding-left:12px;
	font-size:1.2em;
}
.telechargement{
	float:left;
	margin:10px;
	width:150px;
	/*border:1px solid blue;*/
	font-size:1.2em;
	background-image:url(../images/charte/logo_pdf.gif);
	background-repeat:no-repeat;
	padding-left:18px;
}


/************************************ PARTENAIRES ************************************/
#contenuTexte .partenaire{
	float:left;
	width:285px;
	margin:10px 8px;
	padding:5px;
	/*clear:both;*/
	border:1px dashed #C1C0BE;
}
#contenuTexte .partenaire img{
	float:left;
	margin-right:10px;
	margin-bottom:0px;
	border:1px solid #03399F;
	width:120px;
}
#contenuTexte .partenaire h2{
	margin:10px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:1.4em;
	text-align:left;
	color:#03399F;
	border-bottom:0px solid #03399F;
}
#contenuTexte .partenaire  a{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:12px;
	color: #B41C33;
	text-decoration:none;
}
#contenuTexte .partenaire  a:hover{
	text-decoration:underline;
	color:#B41C33;
}

/************************************ CONTACT ************************************/
#contactTxt{
	width:55%;
	float:left;
	margin-bottom:10px;
	/*border:1px solid red;*/
}
#contactTxt img{
	float:left;
	margin-right:10px;
}
#contactPlan{
	width:36%;
	float:right;
}
#contactPlan img{
	/*margin-left:30px;*/
	float:left;
	margin-right:5px;
}
#formContact label{
	font-size:1.2em;
}
#formContact input{
	width:180px;
	border:1px solid #627EB4;
	font-size:12px;
	background-color:#EEF1F8;
	color:#03399F;
}
#formContact textarea{
	width:495px;
	border:1px solid #627EB4;
	font-size:12px;
	background-color:#EEF1F8;
	color:#03399F;
}
#formContact .bouton{
	width:200px;
	float:left;
	margin:0 20px;
	border:1px solid #627EB4;
	font-size:12px;
	background-color:#EEF1F8;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

#contenuTexte #compte td{
	width:125px;
	height:30px;
	background-color:#ededed;
	 border:1px solid #03399F;
	 text-align:center;
	 cursor:pointer;
}
#contenuTexte #compte td:link, #contenuTexte #compte td:visited{
	width:125px;
	height:30px;
	background-color:#ededed;
	 border:1px solid #03399F;
	 text-align:center;
	 cursor:pointer;
}

#contenuTexte #compte td:hover, #contenuTexte #compte td:active{
	width:125px;
	height:30px;
	background-color:#bebebe;
	 border:1px solid #03399F;
	 text-align:center;
	 cursor:pointer;
}