/* 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";
@import "typographie.css";

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

#contenuTexte {
	float:left;
	height:420px;
	padding-right:10px;
	overflow:auto;
	margin:20px 0 0 0; 
	width:650px;
}


/** RUBRIQUE CONTACT **/
#bloc-adrcontact {
	width:220px;
	float:left;
	margin:10px 0 0 0;
	padding:0 10px;
}
#bloc-adrcontact p {text-align:center;}
#Texte #bloc-adrcontact .nota{
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#07324e;
	text-align:justify;
	line-height:12px;
	margin:10px 0;
	}

#Texte #bloc-adrcontact h1 {margin:5px 0 20px 0; text-align:center;}
	
/** **/
#bloc-contact {
	width:540px;
	float:left;
	margin:30px 10px 0 90px;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#dfffa5;
}
#bloc-merci {
	width:405px;
	margin:0 auto;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#dfffa5;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea, #formContact .bouton {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#DFFFA5;
	padding:0 10px 0 2px;
	border:1px solid #07324e;
	background:none;
}


#contenuTexte input, #contenuTexte textarea, #contenuTexte .bouton {
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#DFFFA5;
	padding:0 10px 0 2px;
	border:1px solid #07324e;
	background:none;
}
#formContact input {
	width:160px;
	margin:0;
}

#contenuTexte input {
	width:160px;
	margin:0;
}

#formContact textarea{
	width:420px;
	margin:0;
}

#bloc-contact label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#dfffa5;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#contenuTexte label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#dfffa5;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:9%;
	border:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#FFF;
}

#formContact select.liste-form{
	width:175px;
	text-align:left;	
	color:#FFF;
	padding-left:2px;
	background:#2D2D2D;
	border:1px solid #07324e;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#formContact .bouton{
	width:100px;
	cursor:pointer;
	color:#DFFFA5;
	border:1px solid #435E93;
	text-align:left;
	font:normal bold 10px Tahoma, Arial, Helvetica, sans-serif;
	padding:0;
}
#formContact .bouton:hover {color:#07324E;}

#Texte #formContact .nota, #contenuTexte #formContact .nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#07324e;
	text-align:justify;
	line-height:12px;
	}
.champRequis{color:#DFFFA5; font-size:9px;}

/* ACCES CLIENT */
#bloc-acces{
	width:270px;
	float:left;
	margin:50px 10px 0 220px;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#dfffa5;
}
#bloc-acces table {width:100%;}

#bloc-acces-dossier{
	width:500px;
	float:left;
	margin:20px 10px 0 80px;
	color:#dfffa5;
}



/* PRESENTATION */
#contenuTexte p#bloc-accroche {
	width:95%;
	padding:5px;
	text-align:center;
	font:small-caps bold 14px Tahoma, Arial, Helvetica, sans-serif;
	color:#07324e;
	border:1px solid #07324e;
	margin:10px 0 20px 0;
	}

#contenuTexte #bloc-designproduit a img, #contenuTexte #bloc-designgraphique a img, #contenuTexte #bloc-scenographie a img {
	border:1px solid #07324e;
	}
	
#bloc-designgraphique {
	float:left; 
	width:150px;
	height:180px;
	margin:95px 30px 0 10px;
	position:relative;
	}

#bloc-designproduit {
	float:left;
	width:150px;
	height:155px; 
	margin:45px 30px 0 0;
	position:relative;
	padding:20px 0 0 0;
	}
		
#bloc-scenographie {
	float:left; 
	width:150px;
	height:180px;
	margin:115px 0 0 0;
	position:relative;
	}

#bloc-designgraphique span, #bloc-scenographie span {
	position:absolute; 
	bottom:11px; 
	left:0;
	display:block; 
	width:100%;
	text-align:left; 
	font:small-caps bold 15px Tahoma Arial, Helvetica, sans-serif; 
	color:#DFFFA5;
	}

#bloc-designproduit span {
	position:absolute; 
	top:2px; 
	left:0;
	display:block; 
	width:100%; 
	text-align:left; 
	font:small-caps bold 15px Tahoma Arial, Helvetica, sans-serif; 
	color:#DFFFA5;
	}
#bloc-designproduit span:hover, #bloc-scenographie span:hover, #bloc-designgraphique span:hover {color:#DFFFA5;}