body
{
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font: 1em Constantia;
    background-image: url(images/degradé_bleu.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #FFFFFF;
    min-height: 600px;
    min-width: 990px;
}

div#haut
{
    width: 80%;
	margin: 0 10% 0 10%;
	text-align: left;
	height: 120px;
	background-color: white;} 
	
.lang
{
    display: inline;
    float: right;
    width: 10%;
    margin-right: 15%;
    text-align: right;}
   
.langImg
{
    padding: 2px 2px 0 2px;}

.bandeau{
    float: left;
    margin-top: -25px;
    width: 97%;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0;
    height: 87%;}

.boite{background: #ffffff;}
.top div{background: url('images/tl.png') no-repeat left top;}
.top{background: url('images/tr.png') no-repeat right top;}
.top div, .top{
    width: 100%;
    height: 30px;
    font-size: 1px;}
.top_contenu { float:left;
    margin-top: -15px;
    width: 93%;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 0;
    height: 87%;}
    
div#sitemap
{
    width: 80%;
	margin: 0 10% 0 10%;
    text-align: left;
    vertical-align: middle;
    height: 20px;
    background-color: Blue;}

div#left
{
    float: left;
    top: 141px;
    margin-left: 10%;
    background-color: White;
    width: 23%;
    height: 400px;
    text-align: center;}

div#content
{
    float: right;
    top: 141px;
    margin-right: 10%;
    background-color: White;
    width: 56%;}

div#footer
{
    text-align: center;
    background-color: #3333FF;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    color: White;
    display:inline-block;
    vertical-align: top;}    
 
span#mentions{float: none;
              color: White;}
              
#mentions a
{
    color: White;}
           
   
.sitemap
{
    color: White;
    background-color: #3333FF;}
    
.connected
{
    margin-top: 2px;
    color: #3333FF;
    font-weight: bold;}
 
div.conteneur
{
    width: 100%;
    border: thin groove #3333FF;
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;}

div.top_conteneur
{
    border-bottom: medium groove #000000;
    background-color: #3333FF;
    width: 100%;
    min-height: 5%;
    color: White;
    font-weight:bold;}

div.contenu_conteneur
{
    background-color: White;
    width: 100%;}
    
.panel_left
{
    margin: 10px 5px 10px 5px;}

.ModalPopupBG
{
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;}

.Popup
{
    vertical-align: middle;
    text-align: center;
    min-width:350px;
    background-color: White;}

.closeur
{
    float: right;}
    
#Logo
{
    width: 150px;
    height: 90px;
    overflow: hidden;}
    
div.menu
{
    display: inline-block;
    float: right;
    overflow: visible;}
    
#menu, #menu ul{
        padding : 0;
        margin : 0; 
        list-style : none; 
        line-height : 21px; 
        text-align : center;}

#menu{
        font-weight : bold; 
        font-family : Arial; 
        font-size : 12px;}

#menu a{
    border: thin solid #3333FF;
    display: block;
    padding: 0; 
    background-color: #404040; 
    color: #fff; 
    text-decoration: none; 
    width: 150px;}
    
#menu a:hover{background : #3333FF;
              font-size: larger;}

#menu li{ 
        float : left; 
        border-right : 1px solid #fff;}

#menu li:hover ul ul, #menu li.sfhover ul ul{left: -999em;}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul{
        left: auto;
        min-height: 0;}

html>body #menu li{border-right: 1px solid transparent ;}

#menu li ul{ 
        position: absolute;
        width: 140px;
        left: -999em;}

#menu li ul li{border-top : 1px solid #fff;}

html>body #menu li ul li{border-top : 1px solid transparent;}

#menu li ul ul{
    margin: -22px 0 0 140px; 
    border-left: 1px solid #fff ;}

html>body #menu li ul ul{border-left: 1px solid transparent;}

.cache{display: none}

.pnlContent
{
    width: 100%;
    text-align: center;
    vertical-align: middle;
    min-height: 500px;
    font-size: larger;
    background: url('images/back1.png') no-repeat center center;}
    
.pnlContent ul
{
    text-align: left;
    margin-left: 30px;
    list-style-image: url('images/circle.png');
}

.pnlContent p
{
    text-indent: 20px;}
    
.gmap
{
    position: absolute;
    margin-right: 15px;
    margin-top: 15px;}
    
.ZoneIntervention
{
    width: 100%;
    min-height: 60px;}
    
.ZoneIntervention_d
{
    width: 100%;
    float: left;
    text-align: left;
    display: inline-block;
    margin: 15px 0px 0px 15px;}
    
.tablePrix
{
    width: 90%;
    margin: 3%;
    background-color: Transparent;}
    
.error
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    border: thin double #FF0000;
    width: 70%;
    text-align: center;
    color: #0000FF;}

.top_realisation
{
    background-color: Gray;
    font-weight: bold;
    border-bottom: thin solid #000000;}
    
.realisation
{
    display: inline-block;
    width: 33%;
    height: 220px;
    margin: 2%;
    border: thin solid #000000;}
 
.titre
{
    margin: 2%;
    font-size: larger;
    text-decoration: underline;
    color: Blue;}
        
h1
{
    font-size: xxx-large;
    font-weight: bold;
    color: Blue;
    margin-top: 50px;
    font-family: Brush Script MT;}
    
h2
{
    color: Red;
    font-weight:bold;
    font-size: larger;}
    
.promo
{
    background-color: #FFFF00;
    color: blue;
    font-size: larger;
    font-weight: bold;
    text-decoration: blink;
    margin-left: 10px;}

.title_rss
{
    background-color: #3333FF;
    color: White;
    font-weight: bold;}
    
.rss
{
    overflow: scroll;
     height: 500px;}
     
.accordionHeader
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #99CCFF;
    color: White;
    height: 5%;}
    
.accordionContent
{
    margin-top: 2px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;}
    
.PopupBody
{
    background-color: #EFF3FB;}
    
.Hover
{
    position: relative;
    margin-left: -180px;
    vertical-align: middle;
    width: 50%;
    height: 50%;}
    
#links
{
    font-size: small;
    background-color: White;
    color: Blue;
    border: thin inset #0000FF;
    list-style-type: none;
    list-style-position: inside;}
    
#links a{color: Blue;}

.btn
{
    background-color: #CFE1FE;
    color: Blue;
    font-weight: bold;
    margin-bottom: 10px;}
    
div#lblHeure
{
    font-weight: bold;
    font-style: italic;
    color: Blue;}
    
.fla
{
    margin-left: 13%;
    margin-top: -80px;
    position: absolute;}