/* CSS bye Emizcrea */

*{border: 0; margin: 0; padding: 0;}
html 

{

overflow:scroll;

overflow-x:hidden;

}


body, html{
font-size:62.5%;
}

body{
	margin:0px;
	padding:0px;
	font-size:1.2em;
	font-family:Verdana ,Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#eeedf2;
	color:#717171;
	background-image: url(images/conteneur.gif);
	background-repeat: repeat-y;
	background-position: center;
}

#conteneur{
	width:874px;
	height:auto !important;
	height:100%;
	margin: auto;
	background-image: url(images/conteneur.gif);
	background-repeat: repeat-y;
	background-position: center;
}

h1{
width:857px;
height:253px;
background:url(images/bandeau.jpg) top no-repeat;
margin-left:auto;
margin-right:auto;
border-bottom:8px #eeedf2 solid;
}

#page{
width:857px; 
margin-left:auto;
margin-right:auto;
text-align:justify;
background:url(images/background_page.gif) repeat-y;
}

#menu{
	float:left;
	width: 166px;
	min-height:100%;
	height:auto !important;
	height:100%;
}

#menu ul{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#menu li a{
display: block;
padding-left: 5px;
width: 159px;
background-color: #ff5d00;
border-bottom: 1px solid #FFF;
padding-bottom:5px;
padding-top:5px;
text-decoration:none;
color:#fff;
}

#menu li a:hover{
background-color:#ffb400;
color: #000;
}
menu#accueil a:hover,#accueil .activee{
background-color:#ffb400;
color:#000;
}

menu#equipe a:hover,#equipe .activee{
background-color:#ffb400;
color:#000;
}

menu#clients a:hover,#clients .activee{
background-color:#ffb400;
color:#000;
}

menu#partenaires a:hover,#partenaires .activee{
background-color:#ffb400;
color:#000;
}

menu#contact a:hover,#contact .activee{
background-color:#ffb400;
color:#000;
}

menu#mentions a:hover,#mentions .activee{
background-color:#ffb400;
color:#000;
}

menu#actualites a:hover,#actualites .activee{
background-color:#ffb400;
color:#000;
}
#menu a.activee {
background-color:#ffb400;
color:#000;}
#contenu{
float:left;
width:640px; min-height:280px;
height:auto !important;
height:100%;
padding:25px;
}

#contenu p{
padding-top:15px;
}

#contenu ul{
padding-left:15px;
}

#contenu li{
padding-top:15px;
}

#contenu a{
	color:#666666;
	text-decoration:none;
}

#contenu a:hover{
color:#717171;
text-decoration:underline;
}

h3{
font-size:13px;
color:#ffb400;
font-weight:normal;
padding-top:15px;
}

h2{
font-size:18px;
color:#ffb400;
font-weight:normal;
text-align:right;
}
h2.gauche {
margin-top: 10px;
text-align:left;
}
img{
padding:5px;
margin-right:10px;
}

a img{
border:1px solid #FFF;
}

#contenu a:hover img {
border:1px solid #ffb400;
}
a.actif img{
border:1px solid #ffb400;
}

p.centre, p#bouton{
text-align:center;
}

p#bouton a{
border:1px #717171 solid;
padding:3px;
text-decoration:none;
}

p#bouton a:hover{
border:1px #ffb400 solid;
padding:3px;
text-decoration:none;
color:#ffb400;
}

#pied{
width:857px;
text-align:right;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}

#pied a, #pied p{
font-size:10px;
color:#b9b8bc;
text-decoration:none;
}

#pied a:hover{
color:#b9b8bc;
text-decoration:underline;
}

/*--------- Modification par Thibault ------------------ */

.partenaire:hover {
background-color: #fafafa;
}
#francais {
	line-height: 30px;
}
#english {
	line-height: 30px;
}
a:hover img {
	text-decoration: none;
	border: none;
}
.bordure-grise {
border:1px #717171 solid;

}
.gras {
	font-weight: bold;
}
.centre {
	margin: auto;
}
h2.titresimple {
text-align: left;
}
.floatleft {
	float: left;
	width: 50%;
}
.floatright {
	float: right;
	width: 50%;
}
.clear {
clear: both;
}








/* -------------------------- INVISIBLE ---------------------------- */
.invisible{
visibility:hidden;
display:none;
}