body{
     /*font-family: "Century Schoolbook",Times,sans-serif;*/background-color:#d8881d;
    font-family: Helvetica, Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma,  sans-serif;
    background-image:url('../../ressources/img/fond_cadre.png');
    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-family:  "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    text-align:center;
    padding:0px;
    margin:0px;
}
a{
    border-style:none;
    color:black;
    margin:0px;
    padding:0px;
    font-style:normal;
    text-decoration:none;
}
img{
    border-style:none;
}

h1{
    background-color: #b1d9c1;
    margin-top:0px;
    padding-top:0.2em;
    text-align:left;
    padding-left:1em;
    font-size:1.6em;
    margin-bottom:0em;
    font-variant:small-caps;
    color:#555;
}
h1 span{
    margin-left:0.5em;
    font-style:italic;
    font-variant:normal;
    font-size:0.7em;
    font-weight:normal;
}
p{
    font-size:0.9em;
    line-height:1.2em;
    text-align:left;
    margin:0px;
    margin-bottom:0.5em;
}
h3{
    background-color: #b1d9c1;
    margin-top:0px;
    padding-top:0.2em;
    text-align:left;
    font-size:1em;
    margin-bottom:2em;
    text-align:center;
    color:#555;
}
h4{
    margin-top:1em;
    margin-bottom:0.5em;
}
.soc{
    font-variant:small-caps;
}
.hidden{
    display:none;
}
.big{
    font-size:1.5em;
}
.desc{
    font-style:italic;
}

#cadre_page{
    margin-left:auto;
    margin-right:auto;
    width:50em;
    /*height:45em;*/

}
#bd_flash{
    width:45em;
    height:10em;
    background-color:#ffb900;
}

/*_________________________accueil__*/
#equipe{
text-align:left;
font-size:0.8em;
}
#equipe dd{
    text-align:right;
    font-style:italic;
}
/*_________________________bloc COntact__*/

ul{
    margin:0px;
    padding:0px;
}
ul li{
    margin:0px;
    color:#555;
    font-size:0.8em;
    list-style:none;
}
/*_________________________bloc pied__*/
#pied p{
    font-size:0.5em;
}

#pied #info_groupe{
    font-size:1.5em;
    float:right;
    /*position:relative;*/
    text-align:right;
    color:#333;
    padding:0px;
    width:18em;
    border:none;
    margin: -0.5em 0em 0px 0px;
}
#pied #info_groupe img{
    padding:0px;
    border:none;
    float:right;
    
    margin-top:0.1em;
    width:3em;
    height:1em;
}
#pied #info_groupe p{
    display:block;
    float:right;
    text-align:right;
    border:none;
    width:26em;
    margin-right:1em;
}
#pied #info_groupe a{
    color:#444;
}
/*_________________________Les Cadres*/
.cadre_trans, .cadre_gauche, .cadre_droit{
    background-color:#f3f3f3;
    border: 2px solid #667d6f;
    margin-bottom:1em;
}
.cadre_gauche img, .cadre_droit img{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.cadre_trans h2,.cadre_gauche h2, .cadre_droit h2{
    background-color: #b1d9c1;
    margin-top:0px;
    padding-top:0.2em;
    padding-left:1.2em;
    /*font-style:italic;*/
    font-weight:normal;
    text-align:left;
    color:#333;
    font-size:1.2em;
    margin-bottom:0em;
}
.deco{
  border-left:0.4em solid #b1d9c1;
    padding:1em;
}
.cadre_trans{
    clear:left;
    position:relative;
    float:left;
    display:block;
    width:49.8em;
}
.cadre_gauche{
    float:left;
    width:23em;
    clear:left;
}
.cadre_droit{
    float:right;
    width:26em;
}


/*_________________________Menu*/
#menu{
    font-size:0.8em;
    display:block;
    padding:0px 0px 0px 2%;
    margin:0px;
    width:98%;
    background-color:#88A49D;
    margin-bottom:0.5em;
    height:1.8em;
}
#menu li{
    display:block;
    float:left;
    height:100%;
    
}
#menu li a{
    display:block;
    margin-top:0.5em;
    margin-left:1em;
    margin-right:1em;
}
#menu li:hover{
    background-color:#b1d9c1;
    
}
/*_________________________Rˇferences*/
li.thumb{
    display:inline;
    margin-right:2em;
}
li.thumb a {
    display:inline;
}
    
li.thumb a img{
    padding:0.5em;
}
li.thumb a:hover img{
    background-color:#f6b926;
}
#masque{
    position:absolute;
    z-index:30;
    margin-top:-10px;
    width:45px;
    height:100px;
    background-color:red;
}
#liste_img{
    margin-top:1em;
    margin-left:1em;
    /*float:left;*/
    /*width:7em;*/
    /*position:relative;*/
    padding:0px;
    z-index:50;
    display:block;
}
#liste_img img{
    width:5em;
    margin-bottom:1em;
    height:5em;
    padding:0.5em;
}
#visu_ech{
    /*float:right;*/
    width:20em;
    margin:1em;
    margin-left:0em;
    border:2px solid #888;
}
#desc{
    text-align:center;
    margin:1em;
}
/*_______________contact_____*/
#carte_de_situation{
    text-align:left;
    background-image:url('../../ressources/img/plan_OLMI.jpg');
    background-repeat:no-repeat;
    width:44.5em;
    height:28.5em;
    margin-left:1.5em;
    margin-bottom:1em;
}
#carte_de_situation ul{
    margin:1em;
    float:left;
    padding:1em;
}
#carte_de_situation ul li {
    clear:both;
    line-height:1.5em;
    float:left;
    width:16em;
}
#adresse{
    font-weight:bold;
}
#carte_de_situation ul li ul{
     margin-left:0em;
     padding:0em;
}