/* CSS ETHIC ENERGIE AJOUT SUITE A MODIFS */

html{
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#global{
	margin:0 auto;
	padding:0;
	width:796px;
}

/*classe clear*/

.clear {
   clear: both;
}

/* HEADER */

#header{
	margin:0 auto;
	padding:0;
	width:796px;
	height:115px;
	background:url(../images/deco/header.jpg) top no-repeat;
}


/* MENU */

.table{
	margin:80px 0 0 0;
	padding:0;
}

a.lient_haut{
	padding-right:15px;
	color:#FF8201;
	text-decoration:underline;
	text-align:right;
	font-size:12px;
}

a.lient_haut:hover{
	text-decoration:none;
}

#content_menu{
	margin:0 auto;
	width:796px;
	height:51px;
	position:relative;
	background:#fff;
}

#nav_menu { 
	background: url(../images/menu/nav.jpg)  no-repeat; 
	width:796px; 
	height:50px; 
	margin:0;
	padding:0;
	}

#nav_menu span { display: none; }

#nav_menu li, #nav_menu a { height:50px; display:block; } 

#nav_menu li { float:left; list-style:none; _display:inline; position:relative; }

#nav_menu-01 { width: 138px; margin-left:0px;}
#nav_menu-02 { width: 129px; margin-left:1px;}
#nav_menu-03 { width: 129px; margin-left:1px;}
#nav_menu-04 { width: 129px; margin-left:1px;}
#nav_menu-05 { width: 129px; margin-left:1px;}
#nav_menu-06 { width: 129px; margin-left:1px;}


#nav_menu-01 a:hover { background:url(../images/menu/nav.jpg)  -0px  -50px no-repeat; }
#nav_menu-02 a:hover { background:url(../images/menu/nav.jpg) -139px -50px no-repeat; }
#nav_menu-03 a:hover { background:url(../images/menu/nav.jpg) -269px -50px no-repeat; }
#nav_menu-04 a:hover { background:url(../images/menu/nav.jpg) -399px -50px no-repeat; }
#nav_menu-05 a:hover { background:url(../images/menu/nav.jpg) -529px -50px no-repeat; }
#nav_menu-06 a:hover { background:url(../images/menu/nav.jpg) -659px -50px no-repeat; }


#nav_menu li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px; 
	background-color:#f4a201;
	z-index:9999;
	}

#nav_menu li ul li { 
	border-bottom:1px solid #fff;
	height:22px;
	width:100%;
	background:#f4a201;
	}

#nav_menu li ul li a {
	width:100%;
	height:20px;
	line-height:20px;
	}

#nav_menu li ul li a span {
	display:block;
	padding-left:5px;
	}

#nav_menu a:link, #nav_menu a:visited, #nav_menu a:hover, #nav_menu a:active {
	font-size:12px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	}

#nav_menu li:hover ul, #nav_menu li.sfHover ul	{ left:0; }


#nav_menu-03 ul a:hover{ 
	color:#4C4823;
	text-decoration:none;
	font-weight:normal;
	background:#f4a201;
	}

#nav_menu-03 ul, #nav_menu-03 li { margin:0; padding:0; width:188px; }

/*ul#nav_top{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	width:796px;
	height:51px;
	background:transparent url(../images/deco/bg_menu.gif) no-repeat;
}

ul#nav_top li{
	display:inline;
	float:left;
}

li#nav_onglet1{
	left:8;
}

li#nav_onglet2{
	left:138px;
}

li#nav_onglet3{
	left:268px;
}

li#nav_onglet4{
	left:398px;
}

li#nav_onglet5{
	left:528px;
}

li#nav_onglet6{
	left:658px;
}

li#nav_onglet1 a, li#nav_onglet2 a, li#nav_onglet3 a, li#nav_onglet4 a, li#nav_onglet5 a, li#nav_onglet6 a{
	display:block;
	height:51px;
	width:131px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	line-height:51px;
	font-size:14px;
}

li#nav_onglet1 a:hover, li#nav_onglet2 a:hover, li#nav_onglet3 a:hover, li#nav_onglet4 a:hover, li#nav_onglet5 a:hover, li#nav_onglet6 a:hover{
	color:#325220;
	text-decoration:none;
}
*/

/* CONTENU */

h3.citation{
	margin:0;
	padding:190px 80px 0 0;
	color:#fe6d00;
	text-align:right;
	font-style:italic;
}

h3.contact{
	margin:0;
	padding:15px 30px 0 0;
	color:#fe6d00;
	text-align:right;
	font-style:italic;
}

.content_img_accueil{
	margin:10px auto 0 auto;
	padding:0;
	width:525px;
	border:#ccc solid 2px;
}

h4{
	margin:0;
	padding:15px 0 20px 10px;
	color:#fe6d00;
}

/* FOOTER */

#footer{
	margin:0 auto;
	padding:0;
	width:796px;
	height:16px;
	background:url(../images/deco/bg_footer.gif) top no-repeat;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:11px;
	line-height:16px;
	font-style:italic;
}

#footer p{
	margin:0;
	padding:0 0 0 20px;
}

#footer a{
	color:#000;
	text-decoration:underline;
}

#footer a:hover{
	text-decoration:none;
}
.textebleuGrasb{
  padding-top: 5px;
  color: #ff9400;
  font-weight: bold;
}
.inputTxt{
  border:1px solid #ff8500;
  background-color: #e9edba;
  width: 150px;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 17px;
  font: 14px Arial normal;
  color: #212491;
}

.textebleu2 {
  border:1px solid #ff8500;
  background-color: #e9edba;
  width: 150px;
  margin: 5px;
  height: 15px;
  font: 14px Arial normal;
  color: #212491;
}
.textebleu2Over {
  border:1px solid #ff8500;
  background-color: #fdd4b4;
  width: 150px;
  margin: 5px;
  height: 15px;
  color: #000000;
  font: 14px Arial normal;
}
.m-textebleu{
    border:1px solid #ff8500;
    background-color: #e9edba;
    width: 300px;
    font: 14px Arial normal;
    color: #212491;
}
.m-textebleuOver{
  border:1px solid #ff8500;
  background-color: #fdd4b4;
  width: 300px;
  color: #000000;
  font: 14px Arial normal;
}
#newsle{
  background: url(../images/charte/news-bg.jpg) top left no-repeat;
  width: 350px;
}
.btok{
  background: url(../images/charte/ok.jpg) top left no-repeat;
  width: 50px;
  height: 25px;
  border: none;
}
.btokover{
  background: url(../images/charte/ok-over.jpg) top left no-repeat;
  height: 25px;
  width: 50px;
  border: none;
}
.btenvok{
  background: url(../images/charte/bouton_envoyer.jpg) top left no-repeat;
  width: 179px;
  height: 79px;
  border: none;
}
.btenvokover{
  background: url(../images/charte/bouton_envoyer.jpg) top left no-repeat;
  height: 79px;
  width: 179px;
  border: none;
}

.ref {
    padding-top: 10px;
    font-size: 12px;
    width:796px;
	margin:0 auto;
	text-align:center;
	}
a:focus{
  outline: none;
}
.envoyer{
   background: url(../simulation/bouton-confirmer.jpg) top left no-repeat;
   width: 251px;
   height: 107px;
   border:none;
   margin-bottom: 8px;
   cursor: pointer;
   outline: none;
}
.envoyerover{
   background: url(../simulation/bouton-confirmer.jpg) top left no-repeat;
   width: 251px;
   height: 107px;
   border:none;
   margin-bottom: 8px;
   cursor: pointer;
   outline: none;
}
