html,body {
font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
text-align: center; /* pour corriger le bug de centrage IE */
margin:0;	padding:0;	margin: 0; /* pour éviter les marges */
height: 100%;
}


body {margin: 0; padding: 0em; font-size: .8em; line-height: 1.4; color: black;	background: #444f50 url(./images/main_bgrnd.png) ;margin-top: 20px;}
  
/*

   @font-face {
      font-family: "chaparall";
      src: url("http://heliosimage.com/typo/chaparral.ttf");
    }
*/
    

 
.container_12{	margin-bottom: 20px;background : white;}

a{text-align : left;color: #00bcff;	text-decoration: none;}
a:hover{text-align : left;	text-decoration: underline;}
h1{	font-size: 14px;color: #00bcff;	margin:0px;}
h2{	font-size: 11px;margin:0px;}
h3{	text-transform:uppercase;	color: #00bcff;	font-size: 18px;}
h4{	font-size: 16px;margin:0px;}
p{	border: 0px solid #666;	overflow: hidden;text-align: justify;}
ul{	border: 0px solid #666;}

#menu_logo{width : 960px;height : 45px;margin : auto;}
#logo{	float : left;	width : 550px;	height : 45px; 	margin : 0px;	padding : 0px;}
#logo img{	float : left;	margin : 0px;	padding : 0px;	}


#menu {margin-top : 10px;padding-top : 10px;background: #bfcdd0;}
#menu ul{height : 30px;}
#menu li{ float:left;display:inline;text-transform: uppercase;color :#424649;margin : 0px;}
#menu li img{ border-right : solid 3px #4f585a;}
#menu li a{ float:left;display:inline;padding-left : 5px;padding-bottom : 10px;color :#424649;font-size : 15px;text-transform: uppercase;text-align : center;font-weight : bold;}
#menu li a.active{padding-bottom : 10px;font-size : 20px;color :white;font-weight : bold;background:url(./images/fleche.png) no-repeat;background-position: bottom center ;}

#menu_cat {background: #bfcdd0;}
#menu_cat ul{}
#menu_cat li{height : 30px; float:left;display:inline;margin : 0px;}
#menu_cat li a{display:inline;padding-right : 20px;padding-left : 20px;color :#797b7a;font-size : 15px;text-align : center;font-weight : bold;}
#menu_cat li a.active{color :white;font-weight : bold;background-position: bottom center ;}


div#footer {  color: white;  background: #282d30 url(gradient.png) repeat-x ; border : 0px solid;font-size : 10px;margin-top : 10px;padding-top : 5px;margin-bottom : 10px;}
div.navbar_footer {  color: white;  background: #282d30 url(gradient.png) repeat-x ; border : 0px solid;font-size : 10px;margin-top : 10px;}
div.navbar_footer ul {list-style-type : none;padding :0px;margin-top :0px;}
div.navbar_footer li {display:inline; display : block;margin-bottom : 5px;}
div.navbar_footer li a {	text-transform: uppercase;	padding-left : 10px;padding-right : 20px;color:#5a5e65;font-weight : normal;text-decoration : none; letter-spacing : 1.5px; }
div.navbar_footer h1 {	text-align : center; color : white;}
address {color: white;margin : 0px;font-size : 12px;}

#authentification{ float :right;width : 200px;margin : 0px;}
#authentification p{ margin-right : 10px;}
#authentification p.confirm{ margin-bottom : 10px;}
#authentification p.erreur{ margin-bottom : 10px;color : red;}
#authentification label{ float : left; color : white;height : 15px;margin-top : 0px;}
#authentification input{background:    url(./images/input.png) no-repeat bottom center;float : left; width : 130px;margin-left : 10px;height : 20px;border : 0px;}
#authentification input.submit{background:    url(./images/ok.png) no-repeat bottom center;float : left;width : 32px;height : 20px;margin : 0px; color:white;border : 0px;margin: 0px;margin-left : 5px;}
#authentification input.deconnexion{ margin : 0px; border : 0px;margin-left : 5px;padding : 0px;background:    url(./images/deconnexion.png) no-repeat bottom center; color: #9dafb3;vertical-align:middle;float : right;width : 180px;height : 25px;}
#authentification input.deconnexion:hover{color: white;}

#bloc_langue{ float :right;width : 50px;margin : 0px;}
#a_propos{ float :left;width : 150px;margin : 0px;}
#a_propos a{ color: white;}
