/* 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 CONTENU */
#contenu h1{
height:41px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
h1#mots {
background-image: url(../images/charte/titre-mots.gif);
margin-top:30px;
}
h1#liens {
background-image: url(../images/charte/titre-liens.gif);
}
h1#en-mots {
background-image: url(../images/charte/titre-words.gif);
margin-top:30px;
}
h1#en-liens {
background-image: url(../images/charte/titre-links.gif);
}
h1#contact {
background-image: url(../images/charte/titre-contact.gif);
}
h1#en-contact {
background-image: url(../images/charte/titre-contacts.gif);
}
#contenu h2{
font:normal 1.3em Arial, Helvetica, sans-serif;
text-align:left;
color:#333;
display:inline;
}
#contenu p{
font:normal 1em/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color: #999;
}
#contenu p.couleur, .couleur{
color:#333;
}
#contenu a:link, #contenu a:visited{
font-weight:normal;
text-decoration:underline;
color: #333;
}
#contenu a:hover, #contenu a:active{
font-weight:normal;
text-decoration:none;
color:#fff;
background:#333;
}


li.liens{
	margin:10px 0;
	font:normal 1em/16px Arial, Helvetica, sans-serif;
	list-style:circle;
}

/*--------------------------- 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:300px;
	float:left;
	/*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: 140px;
	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 red;*/
}
#formulaire label{
	font-weight: bold;
	float: left;
	margin-left: -120px; /*width of left column*/
	width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
#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: 150px;
	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: 100px;
}
*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;
}