@charset "UTF-8";
body {
font:11px verdana, sans-serif;
background:#475766 url("http://www.eco-plan.eu/fond.jpg") top left no-repeat;
margin:0;
padding:0;
}

#menuDeroulant {
width:750px;
list-style-type:none;
border:0;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
}

#menuDeroulant li {
float:left;
width:150px;
border:0;
margin:0;
padding:0;
}

#menuDeroulant .sousMenu {
display:none;
list-style-type:none;
border:0;
margin:0;
padding:0;
}

#menuDeroulant .sousMenu li {
float:none;
border:0;
width:149px;
border-top:0px solid transparent;
border-right:1px solid transparent;
margin:0;
padding:0;
}

#menuDeroulant li a:link,#menuDeroulant li a:visited {
display:block;
height:1%;
color:#FFF;
background:#3B4E77;
border-right:1px solid #fff;
text-decoration:none;
margin:0;
padding:4px 8px;
}

#menuDeroulant li a:hover {
color:#fff;
text-decoration:none;
font-weight:700;
background-color:#F2462E;
}

#menuDeroulant li a:active {
color:#fff;
text-decoration:none;
font-weight:700;
background-color:#5F879D;
}

#menuDeroulant .sousMenu li a:hover {
background-image:none;
background-color:#F2462E;
}

#menuDeroulant li:hover > .sousMenu {
display:block;
}

#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited {
display:block;
color:#FFF;
border:1px solid #fff;
text-decoration:none;
margin:0;
}

#cadrex {
line-height:420px;
}

#conteneur {
background:#475766;
float:left;
width:80%;
margin-left:10%;
margin-right:10%;
}

#barre-laterale {
width:300px;
float:right;
background:#475766;
border:1px solid #cecea5;
text-align:center;
padding-left:3px;
padding-right:3px;
}

#barre-laterale-gauche {
width:180px;
float:left;
background:#475766;
padding-left:3px;
padding-right:3px;
text-align:center;
}

#enveloppe {
border:1px solid #cecea5;
background-color:#475766;
}

#contenu {
background-color:#fff;
margin-left:5px;
margin-right:5px;
text-align:center;
}

#contenu2 {
background-color:#475766;
text-align:center;
font:verdana, sans-serif;
color:#fff;
}

#principal {
padding-left:5px;
padding-right:5px;
margin-left:190px;
text-align:left;
background:#3B4753;
width:600px;
border:1px solid #cecea5;
}

p {
font-size:14px;
text-align:justify;
font:verdana, sans-serif;
color:#fff;
margin:4px;
padding:10px;
}
h1, h2, h3, h4, h5 {
font-weight:700;
line-height:20px;

color:#fff;
font:verdana, sans-serif;
padding:10px;}

h1 {font-size:22px;}

h2 {font-size:19px;}

h3 {font-size:18px;}

h4 {font-size:17px;}

h5 {font-size:16px;}

a:link {
color:#fff;
text-decoration:none;
}

a:visited {
color:#fff;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

a:active {
text-decoration:none;
color:#060;
box-shadow: 1px 1px 10px black inset,  0 1px 0 rgba( 255, 255, 255, 0.4);
}

#cadre1 {
width:281px;
background-color:#fff;
font-family:verdana, arial, sans-serif,;
font-size:15px;
text-align:center;
color:#000;
font-weight:700;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
padding:5px;
}
.bouton {
margin:5px 5px 5px 5px;
text-align:center;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
padding:2px;
min-height :85px;
background: #444;
background:linear-gradient( #6e7971, #000);
font-size:24px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
box-shadow: 0 0 5px rgba( 0, 0, 0, 1),  0 -1px 0 rgba( 255, 255, 255, 0.6);
}