/* 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";
h1{
font-family: Arial, Helvetica, Verdana;
font-size: 2.5em;
font-weight: bold;
color:#ffd200;
display:block;
text-transform:none;
letter-spacing:-1px;
}
h2{
font-family: Arial, Helvetica, Verdana;
font-size: 1.5em;
font-weight: bold;
color:#999999;
display:block;
}
h3{
font-family: Arial, Helvetica, Verdana;
font-size: 1.3em;
font-weight:normal;
padding-top:5px;
color:#ffd200;
display:block;
}

.petit{
font-size: 1em;
font-weight:bold;
color:#000;
}





#pageContact
{
position:absolute;
width:920px;
left:50%;
bottom:0px;
margin-left:-460px;
height:410px;
background-image:url(../images/charte/bg-contact.gif);
background-repeat:repeat-y;

}

#pageContact #gche
{
	width:600px;
	float:left;
}
#formContact
{
	width:500px;
	text-align:justify;
}
#pageContact #formContact input, #pageContact #formContact textarea
{
	border:1px solid #333333;
	background-color:#1C1C1C;
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	
}
#pageContact #formContact input
{
	width:240px;
}
#pageContact #formContact textarea
{
	width:505px;
}
#pageContact #drte
{
float:left;
margin-left:33px;
width:286px;
}

#pageContact #drte .btacces
{
	display:block;
	width:286px;
	height:30px;
	background-image:url(../images/bt-acces1.jpg)
}
#pageContact #drte .btacces:hover
{
	background-image:url(../images/bt-acces2.jpg)
}
#pageContact #drte .btaccesEn
{
	display:block;
	width:286px;
	height:30px;
	background-image:url(../images/charte/bt-map1.jpg)
}
#pageContact #drte .btaccesEn:hover
{
	background-image:url(../images/charte/bt-map2.jpg)
}