@charset "utf-8";
/* CSS Document */




body, div, a, p, ul, li{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

img{
	border: none}

#header {
	background: url(../img/haut.gif) repeat-x;
	height: 15px;
	width:auto;
	margin:0;
	padding:0;
}

#conteneurgeneral{
height:715px;
width: 707px;
margin-left:auto;
margin-right:auto;
}

#logo{
position:relative;
float: left;
background: url(../img/logo.jpg);
height: 82px;;
width: 180px;
margin-top: 20px;
}

h1#slogan{
position: relative;
float: left;
width: 670px;
margin-top: 450px;
color: #5c502a;
font-size: 17px;
}

#texte{
position: relative;
float: left;
width: 670px;
margin-top: 10px;
margin-left:20px;
}

ul#branding li#brand1{
list-style-image:url(../img/bouton1.jpg);
font-size:12px;
margin-bottom: 6px;
color: #75745C;
}

ul#branding li#brand2{
list-style-image:url(../img/bouton2.jpg);
font-size:12px;
margin-bottom: 6px;
color: #8C8852;
}

ul#branding li#brand3{
list-style-image:url(../img/bouton3.jpg);
font-size:12px;
margin-bottom: 6px;
color: #8C784D;
}



/* barre de menu! */

#nav{
position: relative;
float: right;
width: 500px;
height: auto;
margin-right:-10px;
margin-top: 15px;
}

ul#menu1{
display: block;
list-style-type: none;
padding: 4px;
margin:0;
height: 10px;
margin-bottom: 0px
}


#menu1 li{
text-align: center;
display: inline;
padding-left: 0px;
}


#menu1 a{
color: #5c502a;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: -2px;
font-weight: 300;
}

#menu1 a.activ{
color: #f17421;
}

#menu1 a:hover{
color: #f17421;
}

#mention1{
position: relative;
width: 320px;
margin-top: 60px;
float:left;
z-index: 1;
margin-left:-130px;
}

ul#m1{
display: block;
list-style-type: none;
padding: 4px;
margin:0;
height: 10px;
margin-bottom: 0px
} 

ul#m1 li {
display: inline;
font-size:11px;
margin-bottom: 6px;
color: #978f2f;
}

ul#m1 li a{
color: #978f2f;
}

ul#m1 li a:hover{
color: #fff;
}

#mention2{
position: relative;
width: 420px;
margin-top: 60px;
float:right;
z-index: 1;
margin-right: -170px;
}

ul#m2{
display: block;
list-style-type: none;
padding: 4px;
margin:0;
height: 10px;
margin-bottom: 0px
} 

ul#m2 li{
display: inline;
font-size:11px;
margin-bottom: 6px;
color: #978f2f;
}

ul#m2 li span{
font-weight: bold;
}

ul#m2 li a{
color: #978f2f;
}

ul#m2 li a:hover{
color: #f17421;
}

/*Pied de page! */


#footer {
background: url(../img/footer.gif) repeat-x;
	height: 155px;
	width:auto;
	margin:0;
	padding:0;
}

#lien{
position: relative;
float: right;
top: 55px;
z-index: 1;
width: 200px;
margin-right: -453px;
}

#lien ul li {
	display: inline;
	margin-left: 10px;

}

#lien ul li a{
	text-decoration: none
}