/* 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{
font:bold 1.8em Arial, Helvetica, sans-serif;
text-align:left;
color:#ff4c02;
letter-spacing:2px;
margin-bottom:12px;
border-bottom:1px solid #ffa580;
}

#contenu h2{
font:bold 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#ff4c02;
border-bottom:1px solid #ffa580;
letter-spacing:1px;
display:inline;
}

#contenu p{
font:normal 12px Arial, Helvetica, sans-serif;
line-height:15px;
text-align:justify;
color:#002fb7;
}

#contenu p.couleur, .couleur{
font-weight:bold;
color:#26c4ec;
}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#ff4c02;
}

#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color:#26c4ec;
}

/*------------------------------*/

.block{
width:690px;
height:100px;
margin-bottom:10px;
}

	.bg-accueil{
	width:520px;
	padding:15px 5px 0 5px;
	float:left;
	height:83px;
	background:#DAE4FF url(../images/charte/bg-accueil.gif) no-repeat left top;
	margin-top:2px;
	}
	
	.photo{
	float:left;
	border:solid 1px #FF4C02;
	width:130px;
	height:98px;
	}
	
ul.list{
padding-left:30px;
padding-top:10px;
}

	ul.list li{
	list-style-type:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#002fb7;
	line-height:30px;
	background-image:url(../images/charte/dot.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:15px;
	font-weight:bold;
	}

.photo-box{
width:590px;
margin:0 auto;
display:table;
}

.ligne-imp{
text-align:center;
color:#ff4c02;
font:normal 15px Arial,Helvetica,sans-serif;
}

.soleil{
float:left;
margin-right:30px;
margin-top:40px;
}

.block1{
width:675px;
height:100px;
margin-bottom:10px;
}

#void .imp-line{
text-align:center;
font-size:14px;
margin-bottom:10px;
}

.fermer-link{
font:normal 12px Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
color:#ff4c02;
}

.fermer-link:hover{
font-weight:bold;
text-decoration:underline;
color:#002fb7;
}

/*---contact---*/

#box{
	margin-left:30px;
	}
#contact_adresse p{
	color:white;
	}

.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:4px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#002fb7;
	text-align:left;
	padding-left:10px;
	}
	
.mail_input{
	width:150px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.mail_input1{
	width:500px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	border:1px solid #002fb7;
	background-color:#F0F4FF;
	width:150px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#002fb7;
	}
.inputFormOver{
	border:1px solid #002fb7;
	background-color:#DBE4FF;
	width:150px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	}
.button{
	border:1px solid #FF4C02;
	background-color: #FB6E33;
	width:65px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}
.buttonOver{
	border:1px solid #FF4C02;
	background-color: #FEA986;
	width:65px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	
	}