/* CSS Document */
/*********************************** MISE EN PAGE ***********************************************************************************/
body {
margin: 0;
padding: 0;
}
#header {
height: 111px;
background-color: #FFFFFF;
background-image:url(../Img/banner_top.jpg);
}
#conteneur {
position: relative;
width: 800px;
margin: 0 auto; 
background-color:#FFFFFF;
}
#centre {
background-color:#FFFFFF;
margin-left: 250px;
min-height:500px;
}
#gauche {
position: absolute;
left:0;
width: 250px;
background:url(../Img/left.jpg) no-repeat;
}
#pied {
clear:left;
height: 28px;
background-color: #CCCCCC;
}
/****************************************************** FIN MISE EN PAGE *********************************************************/ 
p {
margin:0;
pading:0;
}
/********************************** MISE EN FORME DU HEADER ************************************************************************/

#adresse {
margin:0;
padding:0;
width:190px;
text-align:right;
position:relative;
top:50px;
left:50px;
}

#adresse p { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4C2A3A;
}

#header h2{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#DA1D55;
}

#header p { 
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#4C2A3A;
}

/********************************************* FIN MISE EN PAGE HEADER *************************************************/

/********************************************* MISE EN FORME DU MENU ***************************************************/
#menug {
float:left;
margin-top:52px;
}

a#lien1 {
display:block;
width:27px;
height:30px;
background:url(../Img/menug_05.gif);
}
a#lien2{
display:block;
width:27px;
height:30px;
background:url(../Img/menug_07.gif);
}
a#lien3{
display:block;
width:27px;
height:30px;
background:url(../Img/menug_09.gif);
}

a#lien1:hover {
background:url(../Img/menug_05.gif) -28px;
}
a#lien2:hover {
background:url(../Img/menug_07.gif) -28px;
}
a#lien3:hover {
background:url(../Img/menug_09.gif) -28px;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
}
#menu {
margin-top:30px;
margin-left:55px;
}

dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 25px;
line-height: 20px;
text-align:left;
font-weight: bold;
font-size:12px;
color:#4C2A3A;
width:180px;
border-bottom-color:#333399;
border-bottom-width:1px;
border-bottom-style:solid;
}

dl#menu dd {
border:0;
}
dl#menu li {
font-size:11px;
text-align:left;
height:18px;
text-indent:25px;
}
dl#menu li a, dl#menu dt a {
color:#4C2A3A;
text-decoration: none;
}

dl#menu li a:hover, dl#menu dt a:hover{
color:#DA1D55;
}


/******************************************* FIN MISE EN FORME DU MENU ***************************************************/
/******************************************* MISE EN FORME DU FORMULAIRE *************************************************/
#gauche p{
margin-left:55px;
}
#gauche form { 
margin-left:55px;
}

#gauche form .champ{
	width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#CCCCCC;
	font-weight: bold;
	border: 0px none #CCCCCC;
	height: auto;
	list-style-image: none;
	list-style-type: none;
}

/***************************************FIN MISE EN FORME DU FORMULAIRE ****************************************************/



/*****************************************MISE EN FORME DU FOOTER **********************************************************/
#centre p { 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#pied p { 
float:left;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

#pied h4{
margin:0;
padding:0;
	vertical-align:middle;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-left:440px;
}

#pied h4 a{
color:#FFFFFF;
text-decoration:none;
}

#pied h4 a:hover {
color:#DA1D55;
text-decoration:none;
}

#meridian { 
clear:left;
text-align:right;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#meridian a{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#34B3D1;
font-size:10px;
}

/*********************************** FIN MISE EN FORME FOOTER *****************************************************************/
