body {
/*background:#fff url("../img/fd-nuage2pouet.jpg") repeat-x;*/
background:#fff;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#3A3A3A;
padding:0;
margin:0;
}


a {color: #326FA3; text-decoration:none;}
a:visited {color:#326FA3;}
a:hover {color: #000; text-decoration:underline;}
a:active { color:#000;}

em {
font-style:italic;
}

strong {
font-weight:bold; 
}

#zone-actus ul {
margin-bottom: 5px;
padding-left: 3em;
}

#zone-actus li {
list-style-type:disc;
}

#content ul {
margin-bottom: 5px;
padding-left: 3em;
}

#content li {
list-style-type:disc;
}

#content li li {
list-style-type:circle;
}

#content li li li {
list-style-type:square;
}
#btn-eco2 { margin:-100px -7px 0 0; float:right; display:block;}


h1 {
font-size: 180%;
color:#8ebd2a;
padding:5px 0 5px 35px;
margin:0;
background:#fff url("../img/puce-verte.jpg") no-repeat;
background-position: center left;
}

.titretop {
font-size: 180%;
color:#8ebd2a;
padding:5px 0 5px 35px;
margin:0;
background:#fff url("../img/puce-verte.jpg") no-repeat;
background-position: 0% 16%;
}

.petit-vert {
font-size: 150%;
color:#8ebd2a;
padding:5px 0 5px 35px;
}


.bleu {
color:#395696;
background:#fff url("../img/puce-bleu.jpg") no-repeat;
background-position: center left;
}

h2 {
font-size: 180%;
color:#fff;
border-bottom:1px solid #fff;
font-weight: normal;
padding: 5px 5px 4px 5px;
margin:0 10px 0 10px;
}



h3 {
font-size: 110%;
font-weight:bold;
color:#8ebd2a;
margin:8px 0 0 0;
}


.ver {
font-weight:bold;
color:#8ebd2a;
}

img.download {vertical-align:middle;}

.gauche {
float:left;
border:1px dotted #aac2d3;
background:#fff;
padding:5px;
margin:0 10px 5px 0;
}

.droite {
float:right;
border:1px dotted #aac2d3;
padding:5px;
margin:0 0 5px 10px;
background:#fff;
}


.minidechet {
border:1px dotted #aac2d3;
padding:5px;
background:#fff;
}


.logo {
float:left;
margin-top:35px;
}

.phrase {
float:right;
margin:20px 100px 0 0;
}

#zone-gauche {
width:450px;
/*text-align:justify;*/
margin-bottom:20px;
}

#zone-droite {
border-left:1px dotted #ccc;
padding-left:20px;
margin-bottom:20px;
float:right;
width:450px;
/*text-align:justify;*/
}

#zone-tof {
float:right;
background:#fff url("../img/fd-tof.jpg") no-repeat;
padding:12px;
margin-left:10px;
}

#zone-tof p {
text-align:center;
padding:10px 0;
font-style:italic;
}

#stop {
clear:both;
border-top:1px dotted #ccc;
margin:5px 0;
padding:5px 0;
}

#zone-clients {
background:#a4d047 url("../img/fd-zone-clients.jpg") no-repeat;
background-position: bottom left;
width:360px;
padding: 5px 0 20px 0;
float:left;
margin-right:30px;
}


#zone-actus {
background:#88BACF url("../img/fd-zone-actus.jpg") no-repeat;
background-position: bottom left;
width:360px;
padding: 5px 0 20px 0;
margin-left:15px;
float:right;
}



/* ------------------------------------- */

#zone-entreprise {
background:#bccf79 url("../img/fd-entreprises.jpg") no-repeat;
background-position: bottom left;
width:450px;
padding: 5px 0 20px 0;
float:left;
/*margin-right:35px;*/
}

#zone-admin {
background:#88BACF url("../img/fd-zone-admin.jpg") no-repeat;
background-position: bottom left;
width:450px;
padding: 5px 0 20px 0;
float:left;
}





#zone-collectivite {
background:#FEBF04 url("../img/fd-collectivite.jpg") no-repeat;
background-position: bottom left;
width:450px;
padding: 5px 0 20px 0;
float:right;
}

#zone-neutralis {
background:#B3BEAD url("../img/fd-neutralis.jpg") no-repeat;
background-position: bottom left;
width:450px;
padding: 5px 0 20px 0;
float:right;
/*margin-right:35px;*/
}


/* ------------------------------------- */





#zone-entreprise ul {
margin:5px 15px;
padding:1em 3em;
}

#zone-entreprise li {
list-style-image:url("../img/puce-epi.gif");
border-bottom:1px dotted #fff;
padding:5px 0;
}


#zone-collectivite ul {
margin:5px 15px;
padding:1em 3em;
}

#zone-collectivite li {
list-style-image:url("../img/puce-epi.gif");
border-bottom:1px dotted #fff;
padding:5px 0;
}


#zone-admin ul {
margin:5px 15px;
padding:1em 3em;
}

#zone-admin li {
list-style-image:url("../img/puce-epi.gif");
border-bottom:1px dotted #fff;
padding:5px 0;
}



.der {
border-top:1px dotted #fff;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin:0 auto;
}

/* ----------banner for logo-------------- */
#banner {
background:transparent url("../img/courbe3.jpg") no-repeat;
height:188px;
padding: 0 30px;
margin: 0px;
}
 

/* -----------------Inhalt--------------------- */
#content {
background:#fff url("../img/bg-barres2.gif") repeat-y;
padding: 15px 30px 15px 30px;
margin: 0;
}


#content-accueil {
background:#fff url("../img/fond-page-accueil4.jpg") no-repeat;
padding: 15px 30px 15px 30px;
margin: 0;
}


div#content { 
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
}

p, pre{
padding: 5px 10px;
margin:0;
}

#zone-accueil {
background:#fff;
border:1px solid #b5d4e8;
width:440px;
/*margin:25px 0 0 460px;*/
float:right;
padding:10px;
margin:10px;
}

#zone-accueil h1 {
font-size: 180%;
color:#8ebd2a;
padding:5px 0 5px 35px;
margin:0;
background:#fff url("../img/puce-verte.jpg") no-repeat;
background-position: 0% 16%;
}


#espace-pro {
background:#fff;
border:1px solid #b5d4e8;
width:440px;
float:right;
padding:5px 10px;
margin:10px;
}

#espace-pro h1 {
color:#38558D;
font-size:120%;
}

.cercle {
float:right;
margin-right:30px;
}


/* --------------navigation------------- */
#left {
float: left;
width: 110px;
margin: 0px;
padding: 0px;
background:#fff url("../img/bg-gauche.gif") repeat-y 10 10;
}

#right {
float: right;
width: 110px;
margin: 0;
padding: 0;
background:#fff url("../img/bg-droite.gif") repeat-y;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0 20px;
padding: 0 10px;
text-align: right;
background:#DCDCDC;
}


/* ------TABLEAU-------*/


#tab-des-logos td {
padding:10px;
}

#tab-des-logos tr {
border:1px dotted #ccc;
vertical-align:middle;
}



/* TEST AJAX */

#test {
	background: #222;
	color: #fff;
	padding: 10px;
	margin: 20px;
	border: 10px solid pink;
}


#faque a {
color: #333;
line-height:150%;
}

#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9, #q10, #q11, #q12, #q13, #q14, #q15, #q16, #q17, #q18, #q19, #q20, #q21, #q22, #q23, #q24, #q25, #q26, #q27, #q28, #q29, #q30, #q31 {
background:#eee url("../img/fl-faq.gif") no-repeat;
padding: 7px 7px 7px 50px;
}


.formufaq {
padding:20px;
}

.droi {
float:right;
}

.writein {
border:1px solid #4E8CC6;
padding:5px;
}

#bouton {
  color: #4E8CC6;
  border:1px solid #4E8CC6;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin:8px 5px;
  float:right;
  cursor: pointer;
}


.write {
border:1px solid #BFDF7A;
padding:2px;
margin:5px 10px;;
}

.writeb {
border:1px solid #4E8CC6;
padding:2px;
margin:5px 10px;;
}


.etoile {
color:#aaa;
}


#bouton2 {
  color: #8ebd2a;
  border:1px solid #BFDF7A;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin:8px 0 8px 8px;
  float:right;
  cursor: pointer;
}



#bouton3 {
  color: #4E8CC6;
  border:1px solid #4E8CC6;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin:8px 0 8px 8px;
  float:right;
  cursor: pointer;
}




/* tab contact

#con tr {
border-bottom:1px solid #ddd;
}
 */
 
 
 
 
 
 
 
 
 
 
/* MENU DROP DOWN*/


#nav {
float:left;
width:960px;
font-size:110%;
line-height:normal;
top:160px;
position:absolute;

}


#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav a {
	display: block;
	background:url(../img/puce-off.gif) no-repeat left center;
	margin:0;
	margin-right: 2px;
	padding:0 0 0 24px;
	text-decoration:none;
	color:#fff;
}


#nav li { /* all list items */
	float: left;
	margin:0 17px 0 0;

}

#nav li ul { /* second-level lists */
	position: absolute;
	background:#7699bf;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul li { /* second-level lists */
	border-top:1px dotted #88B4DF;
	padding:5px 0;
	width: 15em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#nav a:hover{
background:url(../img/puce-on.gif) no-repeat left center;
}
 
 
#nav #current a {
background:url(../img/puce-on.gif) no-repeat left center;
}

/* 
* nouvelles classes juillet 2009 */
.box { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:2px #DADF9C solid; padding:10px; margin:10px 0; background-color:#fff; }
.box .img { float:right; margin:-45px 0 -20px 0px; z-index:100; position:relative; }