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

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

#contenuTexte ul{
	margin:15px;
}
#contenuTexte ul li{
	margin-left:15px;
	list-style-type:circle;
	font-size:12px;
}





/*------------------ STYLE DE LA PAGE Acceuil - INDEX ------------------------ */

#contenuTexte .index-adresse{
	border:1px dashed #8C849B;
	padding:4px;
	width:200px;
	float:left;
	margin-right:30px;
	font-size:14px;
}



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

#anim-equipe{
	float:left;
	margin-right:15px;
}

#contenuTexte #anim-equipe p{
	background-color:#1B0438;
	width:313px;
	height:30px;
	margin:0;
	text-align:center;
}


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

.actualites{
	width:600px;
	float:left;
	margin:20px 0;
	border-bottom:1px dashed #fff;
}

.actualites .news-gauche{
	float:left;
	width:165px;
	margin-right:15px;
	/*border:1px solid red;*/
}
.actualites .news-gauche a img{
	float:left;
	border:1px solid #fff;
	margin:4px;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}
.actualites .news-gauche a:hover img{
	float:left;
	border:1px solid #fff;
	margin:4px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

.actualites .news-droite{
	float:left;
	width:400px;
	/*border:1px solid red;*/
}
#contenuTexte .actualites .news-droite .date{
	font-style:itatlic;
	margin:0;
	padding:0;
	color: #8C849B;
	/*border:1px solid red;*/
}
#contenuTexte .actualites .news-droite .gros{
	margin:0;
	padding:0;
	/*border:1px solid red;*/
}




/* STYLE DE LA PAGE PRODUITS */

#produits{
	width:700px;
	height:430px;
	/*border:1px solid red;*/
	margin-bottom:15px;
}






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

#contactPlan{
	width:230px;
	float:left;
	margin-left:15px;
	/*border:1px solid red;*/
}
#contactPlan p{
	margin:10px 0 10px 0;
}

#contactPlan img{
	border:0;
	float:left;
	margin-right:5px;
}

#contactPlan .coordonnees{
	float:left;
	width:230px;
}


#formulaire-gauche{
	width:350px;
	float:left;
	border-right:1px dashed #fff;
	padding-right:15px;
	/*border:1px solid red;*/
}
#formulaire-gauche .champRequis{
	color:#FF0000;
}
#formulaire-gauche p{
	margin:2px 0 2px 0;
	/*height:50px;*/
	/*border:1px solid blue;*/
}
#formulaire p{
	width: 210px;
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
	padding-left: 120px; /*width of left column containing the label elements*/
	/*border-top: 1px dotted #CCCCCC;*/
	height: 0.1%;
	/*border:1px solid green;*/
}
#formulaire label{
	font-weight: bold;
	float: left;
	margin-left: -120px; /*width of left column*/
	width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	text-align:left;
	/*border:1px solid red;*/
}
#formulaire input[type="text"]{ 
	width: 150px;
	border-color:#999999;
	margin-left:-20px;
}
*html #formulaire .inputtext{
	width: 150px;
	border-color:#999999;
	margin-left:-20px;
}
#formulaire select{ 
	width: 155px;
	border-color:#999999;
	margin-left:-20px;
}
#formulaire textarea{
	width: 150px;
	margin-left:-20px;
	height: 50px;
	border-color: #999999;
}
#formulaire input:focus{
	border-color:#000;
}
#formulaire textarea:focus{
	border-color:#000;
}

#formulaire .boutons{
	margin-left: 170px;
}
*html #formulaire .boutons{
	margin-left: 138px;
}
#formulaire .bouton{
	width:75px;
	border:1px solid #000;
	font-size:12px;
	border-color:#999999;
	background-color:#FFF;
}
.form-fin{
	padding-top:10px;
}
*html .threepxfix{
	margin-left: 3px;
}