/* Général */
body { background-color:#ffffff; background-repeat:repeat-x; color:#ffffff;}

/* Page */
html, body {height: 100%; /* Voir -> Note 1 ci-dessous */}
body {padding: 0; margin:0; text-align:center;
font-family:"Trebuchet MS","Segoe UI","Verdana Ref",sans serif;}

h1{font-size:16px; font-weight:100;}


#global { /* -> 1 */ width:900px;	/* -> 2 */ margin-left: auto;margin-right: auto; /* -> 3 */  
/*border-left:2px solid #535353;border-right:2px solid #535353;*/}

/* En-tête */
#header{/*background-image :url(../images/fond_header.png); background-repeat:no-repeat;  */ background-color:#000000; width:100%; height:120px; }
#contenu_header{height:100px; width:900px; margin-left:auto; margin-right:auto;}
#logo {float:left; width:240px; margin-left:10px; height:98px; margin-top:15px;}
#reflet{float:left; margin-left:3px;}
#contact{text-align:left; float:right;  font-size:12px; margin-left:50px; margin-top:8px;}
#contact a,a:visited{text-decoration:none; color:#ffffff;}
#contact a:hover{text-decoration:none; color:#f55329;}
#drapeaux {float:left; margin-left:230px; margin-top:55px;}
#serv h1{float:left; width:350px; margin-top:27px; color:#ffffff; font-size:18px; margin-left:20px; font-weight:100;}  

/* Menu de navigation */
#menu{text-align:center; width:900px; height:25px;  float:left; margin-top:-25px; margin-left:190px;}
#MenuContainer {padding: 0; margin-left:5px; float: left; display: inline; }
#MenuContainer img {padding: 0; margin: 0; float: left; display: inline; }
#MenuContainer ul {float: left; margin: 0; padding: 0; list-style-type: none; display: inline;}
#MenuContainer li {float: left; margin: 0; padding: 0; text-decoration: none; }
#MenuContainer a {text-decoration:none; color:#000000; font-size:11px; font-weight:bold;}
#MenuContainer a:hover{color:#f55329;}


/* Contenu */
#contenu {width:900px; margin-top:0px; float:left; background:#ffffff; padding: 0; margin:0; text-align:center;
border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding-bottom:50px; padding-top:25px;}


#langue{margin-top:-16px; margin-left:895px; width:20px; float:left;}

.title{border-bottom:1px solid #ffffff;  width:600px; font-size:28px; border-bottom:1px solid #000000; 
border-top:1px solid #000000; margin-top:-2px; }
.title_black{font-size:28px; margin-top:-2px; color:#000000;text-align:left;font-weight:bold; float:left;}
.title_orange{font-size:28px;  margin-top:-2px; color:#f55329;text-align:left;font-weight:bold; float:left;margin-left:10px;}

#cadre{text-align:center; width:890px; float:left;  padding-bottom:30px; margin-top:25px; border-bottom:1px solid #CCCCCC; margin-left:5px;}
p.title_index {font-size:16px; font-weight:bold; width:200px; float:left; color:#000000; height:20px; text-align:left; }
p.title_index a, a:visited{color:#000000;text-decoration:none; }
p.title_index a:hover{ color:#f55329; text-decoration:none;}

.prix{width:200px; text-align:center;}

.desc {width:200px; float:left; font-size:12px; color:#6a6a6a; text-align:justify; padding-left:18px;}
.link{float:left; margin-top:20px;}
span.link  a, a:visited {color:#6a6a6a; text-decoration:none;}
span.link a:hover {color:#f55329; text-decoration:none;}
.desc span {float:left;}

.def {height:160px; overflow:hidden;  padding-right:10px;}


#boites{float:left; margin-top:40px;}

#rea{background-image:url(../images/news.png);  width:265px; background-repeat:no-repeat; height:185px; float:left; margin-left:10px; 
margin-bottom:10px; border:1px solid #CCCCCC;}
#rea img {padding-top:5px;}


#news{background-image:url(../images/news.png); background-repeat:no-repeat; width:260px; height:185px; float:left; margin-left:40px;  color:#FFFFFF; border:1px solid #CCCCCC;}
#news p {margin-top:3px; margin-left:10px; color:#ffffff; float:left; font-size:14px; float:left; height:20px; }

#textnews {float:left; width:250px;  height:155px; overflow: scroll; overflow-x: hidden; padding-right:5px;  padding-left:5px; margin-top:5px;
font-size:12px;  color:#6a6a6a; text-align:justify; }
#textnews h2{font-size:12px; color:#f55329;}

 
#quisommesnous{background-image:url(../images/news.png); background-repeat:no-repeat; width:260px; height:185px; float:left; margin-left:10px;  color:#FFFFFF; border:1px solid #CCCCCC;}

#quisommesnous p{float:left; width:250px;  height:155px; overflow: scroll; overflow-x: hidden; padding-right:5px;  padding-left:5px; margin-top:5px;
font-size:12px;  color:#6a6a6a; text-align:justify;  }


#logos{width:265px; height:167px;}
#logos img{margin-top:-6px;}



/* Pied de page */
#links_footer {float:left; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; width:900px; font-size:11px;}
#links_footer a:hover{text-decoration:none; color:#f55329;}
#links_footer a, a:visited{text-decoration:none; color:#000000;}

#footer{ width:900px; margin-left:auto; margin-right:auto; padding-top:10px; height:auto;}
#techno_logos{margin-bottom:20px;}
#pied{width:100%; float:left; background-color:#000000; height:140px; height:auto; padding-bottom:50px;}
#pied span{float:left; color:#000000; margin-top:2px; font-size:11px;}

#tva {color:#000000;margin-top:2px; margin-left:1px;}
#copyright{color:#000000;margin-top:2px; margin-left:30px;}
#liens_footer{color:#000000;margin-top:2px; margin-left:35px;}
#lien_coeur{color:#000000; margin-top:3px;  margin-left:45px;}
#coeur_petit img{margin-top:5px; margin-left:1px;}

#menu_footer1 a:hover{text-decoration:none; color:#6a6a6a;}
#menu_footer1 a, a:visited{text-decoration:none; color:#f55329;}

.menu_footer a:hover{text-decoration:none; color:#6a6a6a;}
.menu_footer a, a:visited{text-decoration:none; color:#f55329;}

#menu_footer1{float:left; font-size:12px; text-align:left; width:200px; margin-top:40px; color:#6a6a6a; margin-left:80px;}

.menu_footer{float:left; font-size:12px; text-align:left; width:200px; margin-top:40px; color:#6a6a6a;}

#error404{width:600px; float:left;  margin-top:25px; padding-right:10px; margin-left:150px;		padding-left:10px; min-height:300px;}
#error404 p{color:#000000; font-size:30px;}
#error404 a, a:visited, a:hover{color:#f55329; text-decoration:none;}
