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

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; margin:0; padding:0;}
.backgroundAccueil{ background:#fff url(../img/bg1.jpg) repeat-x;}
.backgroundFarebersviller{ background:#fff url(../img/bg2.jpg) repeat-x;}
.backgroundIllange{ background:#fff url(../img/bg3.jpg) repeat-x;}

a {text-decoration:underline; color:#009ee0;}
a:hover {text-decoration:none; color:#009ee0;}
img {border:none;}
/*ul {list-style-image: none; list-style-type: none;}
li {list-style-image: none; list-style-type: none;}*/

#centrer { width:966px; margin:0px auto;}
#container { float:left; padding:0px 3px; width:966px; background:url(../img/bg2.gif) repeat-y;}
#contenu { width:960px;}

#col_gauche{ width:432px; padding:10px; display:inline-block; float:left; border-top:dotted 3px #009ee0;}
#col_droite{ width:508px; display:inline-block; float:left; background:url(../img/bgColDte.jpg) no-repeat; min-height:651px;}
#raccord{display:inline-block; float:left; width:127px; height:329px;position:absolute;}
html>/**/body .raccordAccueil{margin-left:508px; margin-top:321px;}
.raccordAccueil{margin-left:65px; margin-top:-163px;}
html[xmlns*=""] body:last-child .raccordAccueil {margin-left:68px; margin-top:321px;}

html>/**/body .raccordPage{margin-left:508px; margin-top:321px;}
.raccordPage{margin-left:0px; margin-top:-138px;}
html[xmlns*=""] body:last-child .raccordPage {margin-left:40px; margin-top:321px;}

#tableau{display:inline-block; float:left; width:960px;}

.clear{clear:both;}

/*----------------------------------------------------------------------------------
 header
 ----------------------------------------------------------------------------------*/
#header{display:inline-block; float:left; width:960px; height:168px;}
.logo{display:inline-block; float:left; width:278px; margin-left:-19px; margin-top:5px; position:absolute;}
#titrepage{display:inline-block; float:left; width:950px; height:38px; padding-top:10px; padding-left:10px; color:#009ee0; background:url(../img/investir-en-moselle.jpg)}

/*----------------------------------------------------------------------------------
 accueil
 ----------------------------------------------------------------------------------*/
.bouton_accueil{display:inline-block; float:left;}
.bouton_page{display:inline-block; float:left; margin-top:49px;}
.bouton_page2{display:inline-block; float:left; margin-top:46px;}

.menuOff{ cursor: hand; cursor: pointer; color:#009ee0; padding:10px 0px 10px 25px; border-bottom:1px solid #009ee0;}
.menuOn{color:#009ee0; padding:10px 0px 10px 25px; border-bottom:none;}
.menuOn img{ visibility:hidden;}
.sousMenu{display:inline-block; float:left; border-bottom:1px solid #009ee0; margin-bottom:10px; padding-bottom:10px; padding-left:25px; text-align:justify;}

.sousMenu a{text-decoration:none; color:#009036;}
.sousMenu a:hover{text-decoration:underline; color:#009ee0;}

.fleche{display:inline-block; float:left; width:19px; height:18px; margin-left:-25px; margin-top:-25px; position:absolute;}
.fleche2{display:inline-block; float:left; width:19px; height:18px; margin-left:-25px; margin-top:-18px; position:absolute;}

#video{display:inline-block; float:left; margin-left:18px;}
#titreVideo{display:inline-block; float:left; margin:17px 0 15px 18px; color:#FFFFFF; font-size:24px;}
* html #video{display:inline-block; float:left; margin-left:9px;}
* html #titreVideo{display:inline-block; float:left; margin:17px 0 15px 9px; color:#FFFFFF; font-size:24px;}

#contact{display:inline-block; float:left; width:443px;/*height:298px;*/ background-color:#ccecf9; margin-top:29px; padding-bottom:10px;}
#titreContact{display:inline-block; float:left; width:421px; height:35px; background:url(../img/bgForm.gif) repeat-y; color:#FFFFFF; font-weight:bold; text-align:right; padding-right:5px; padding-top:10px; margin-top:-16px;}
* html #titreContact{display:inline-block; float:left; width:421px; height:35px; background:url(../img/bgForm.gif) repeat-y; color:#FFFFFF; font-weight:bold; text-align:right; padding-right:5px; padding-top:10px; margin-top:0px;}
label { display:inline-block; float:right; margin-right:28px; color:#009ee0; font-weight:bold; font-size:10px; margin-top:5px;}
input{width:320px; margin-left:5px;}
html>/**/body input{width:323px; margin-left:5px;}
textarea{margin-left:5px;}
/*.button{ display:inline-block; float:right; width:100px; padding:5px; color:#FFFFFF; font-weight:bold; background-color:#009ee0; border:0; margin-top:15px; font-size:10px; margin-right:28px; cursor: hand; cursor: pointer;}*/
.button{ display:inline-block; float:right; border:0; margin-top:15px; margin-right:28px; cursor: hand; cursor: pointer;}

#ariane{ display:inline-block; float:left; width:422px; margin-top:10px; margin-bottom:10px;}

/*----------------------------------------------------------------------------------
 Footer
 ----------------------------------------------------------------------------------*/
#footer {width:960px; text-align:center; padding:5px 0px 5px 0px; font-size:9px; border-top:#000000 solid 1px; margin-top:10px;}
#footer a { color:#000; text-decoration:none;}
#footer a:hover { color:#000; text-decoration:underline;}

/*----------------------------------------------------------------------------------
 génrale
 ----------------------------------------------------------------------------------*/
h1 {font-size:14px; font-weight:bold; margin:0;}
h2 {font-size:14px; font-weight:bold; margin:0;}
.alignDte{float:right;}
.vert{color:#009036;}
.Grosvert{color:#009036; font-size:12px;}
.bleu{ color:#009ee0;}
.tresGros{font-size:36px;}
.tresGros2{font-size:28px;}