span.displaynone, .hidden{ display:none; }

body{
    background-color:#333;
    font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
    font-family: Helvetica, Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma,  sans-serif;
    margin:0px;
    background-image:url("../img/Fond_A.png");
    background-attachment:fixed;
         width:61.55em
}
h1{
     padding:0px 1em 0em 0em;
     height:2em;
     margin:0px;
     text-align:right;
     font-variant:small-caps;
     color:#444;
     color:#ddd;
     width:23.6em;
     margin-bottom:1em;
     word-spacing:0.2em;
     border-bottom:0.15em solid #B11A16;
     line-height:1.2em;
     background-image:url('../img/Fond_titre.png');
     background-position:bottom;
     background-repeat:repeat-x;
     position:relative;
     display:block;
 }
h2{
     letter-spacing:0.1em;
     margin-left:1em;
     margin-right:1em;
     color:#B11A16;
}
a {
    text-decoration:none;
    color:inherit;
    border:none;
}
li{
    display:block;
    list-style:none;
}

img{
     margin:0px;
     padding:0px;
 }
 span.SC{
    font-variant:small-caps;
 }

 /*_________________________________________________Organisation de la page bloc1(G;Centre;D) ;bloc2(... */
.bloc {
    width:80.2em;
}
.G {
    float:left;
    height:100%;
    width:6.3em;
}  
.Centre{
    background-color:#636363;
    background-image:url('../img/Papier2.jpg');
    width:49.2em;
    float:left;
    height:100%;
}
.D {
    float:left;
    height:100%;
    width:24.7em;
}
        
 /*_________________________________________________si affichage de l'onglet en construction */
#construction{
    background-image:url('../img/en_construction.gif');
    width:2em;
    height:13em;
    position:absolute;
}

/*_____________________________________________________________EN TETE*/
#en-tete{
    height:14.32em;
}
#texte_EN{
    float:left;
    width:65%;
    height:66.3%;
    position:relative;
    z-index:300;
}
#bandeau{
    width:100%;
    z-index:150;
    margin-top:-6em;
}
a#lien_olmicom{
    text-decoration:underline;
    color:#fff;
}
a#lien_olmicom:hover{
   color:#931c00;
}
#NEWpresentoir{
    background:transparent url(../img/NEWPresentoir.png) no-repeat scroll 0 0;
    display:block;
    font-size:0.9em;
    height:49px;
    margin-left:173px;
    margin-top:15px;
    padding-left:46px;
    padding-top:10px;
    position:absolute;
    width:193px;
}
#NEWpresentoir span{
    margin-left:30px;
}

/*_________________________________________________LE MENU*/
#zone_menu {
    position:relative;
    float:right;
    z-index:200;
    height:100%;
    width:17.2em;
}
#zone_menu img{
    position:relative;
    float:right;
    height:100%;
    width:17.25em;
}
#logo_communication{
    border:none;
    height:6.5em;
    width:6.5em;
    margin:1.5em 1.5em 0px 1.5em;
    padding:0px;
    float:left;}
    
div#societe{
    margin-top:1.5em;
    width:22em;
    float:left;
}
div#societe h1.nom{
    color:#b11a16;
    text-align:left;
    font-size:2em;
    font-weight:bold;
    font-variant:small-caps;
    
    padding:0px 1em 0em 0em;
    height:1em;
     margin:0px;

     font-variant:small-caps;

     width:23.6em;
     margin-bottom:0em;
     word-spacing:0.2em;
     border-bottom:0 none;
     line-height:1.2em;
     background-image:none;
     background-position:bottom;
     background-repeat:repeat-x;
     position:relative;
     display:block;
    
}
div#societe p#presentation{
    line-height:1.2em;
    color:white;
    font-variant:normal;
    letter-spacing:0.1em;
    margin:0px;
    margin-top:0.6em;
    width:100%;
}
div#societe p#presentation em{
    font-size:x-small;
    font-style:normal;
}
div.coordonnee{
    margin-top:1.6em;
    font-size:0.8em;
    text-align:center;
    float:left;
    color:#ddd;
    width:26em;
    clear:both;
}
#menu{
    position:relative;
    width:11em;
    padding:0px;
    margin-top:3em;
    margin-right:-14.6em;
    float:right;
    z-index:300;
    text-align:left;
}
#menu li{
    list-style:none;
    width:100%;
    padding:0px;
    display:block;
    font-weight:bold;
}
#menu li a {
    border-style:solid;
    border-color:transparent;
    display: block;
    color: #222 ;
    line-height: 1.4em ;
    text-decoration: none ;
    letter-spacing:0.1em;
    margin-bottom:1em;
    border-width:0 0 0.1em 0;
    width:100%;
}    
#menu li a:hover {
    color:#ddd;
    border: 0.1em solid #b11a16;

}
#menu_2{
    text-align:right;
    margin-right:-2em;
}
#menu_3{
    margin-right:-2em;
}

/*_____________________________________________________________PAGE*/
#pages{
    height:50em;
}
#corps_BH{
    width:663px;
    height:71px;
    margin-left:124px;
    z-index:200;
    position:absolute;
}
#corps_BG{
    height:50em;
    width:7.82em;
    position:absolute;
    z-index:200;
}
#corps_BB{
    width:24.1em;
    height:13em;
    z-index:300;
    position:absolute;
    
    margin-left:7.95em;
    margin-top:37em;
}
/*_________________________________________________RŽa*/
#p_accueil{
    text-align:center;
}
li.thumb{
    display:block;
    float:left;
    margin-right:1em;
}
li.thumb a{
    display:block;
    position:relative;
    z-index:350;
}
li.thumb a img{
    border-color:#888;
    border-width:2px;
    position:relative;
    z-index:350; 
}
li.thumb a:hover img{
    border-color:white;
}
#masque{
    position:absolute;
    z-index:30;
    margin-top:-10px;
    width:45px;
    height:100px;
    background-color:red;
}
#liste_img{
    margin-top:1em;
    margin-left:8em;
    font-size:0.9em;
    float:left;
    width:17em;
    position:relative;
    padding:0px;
 }
#liste_img img{
    width:5em;
    margin-bottom:1em;
    height:5em;
    padding:0.5em;
}
#visu_ech{
    float:right;
    /*position:relative;*/
    z-index:350;
    width:24em;
    margin:1em;
    margin-left:0em;
    border:2px solid #888;
}
#desc{
    text-align:center;
    width:21em;
    float:right;
    margin:1em;
    margin-right:3em;
}
#desc p{
    margin-left:1em;
    margin-right:1em;
}
/*_________________________________________________Contact*/
#carte_de_situation{
    background-image:url('../img/carte_de_situation.jpg');
    width:44.5em;
    height:28.5em;
    margin-left:2.5em;
    margin-right:2.5em;
    margin-bottom:1em;
}
#carte_de_situation ul{
    color:#ddd;
    width:13em;
    margin:1em;
    margin-left:3em;
    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;
}
/*_____________________________________________________________ESPACEUR*/    
#espaceur{
    height:2.124em;
}
#espaceur-C{
    background-image:none;
    background-color:transparent;
}
#espaceur-C img{
    float:left;
    height:100%;
    width:100%;
}
/*_________________________________________________ACCUEIL*/
#affiche{
    margin-top:2em;
    margin-left:14em;
    width:28em;
    position:absolute;
}
#plaquette{
    display:block;
    float:right;
    position:absolute;
    width:8em;
    margin-left:17em;
    margin-top:42em;
    text-align:center;
    color:#ed6;
    z-index:300;
}
/*_________________________________________________404*/
#p404{
    width:15em;
    padding:1em;
    margin-top:9em;
    margin-left:auto;
    margin-right:auto;
    /*text-align:center;*/
    background-color:#B11A16;
    color:#fff;
    line-height:1.2em;
}
/*_________________________________________________PIED*/
#pied{
    height:7.73em;    
}
#pied-G{
    height:152%;
}
#pied-C img{
    float:left;
    height:152%;
    width:100%;
}
#pied-D {
    height:152%;
}
#pied-C #info_groupe{
    float:right;
    position:relative;
    text-align:right;
    color:#bbb;
    padding:0px;
    width:21em;
    border:none;
    margin: -11em 1em 0px 0px;
}
#pied-C #info_groupe img{
    padding:0px;
    border:none;
    float:right;
    width:6em;
    height:2em;
}
#pied-C #info_groupe p{
    display:block;
    float:right;
    clear:both;
    border:none;
    margin-top:0.5em;
}
#pied-C #info_groupe a{
    color:#fff;
}
#pied-C #choix_langue{
    position:relative;
    float:left;
    margin-top:-8em;
    margin-left:3em;
    z-index:300;
}
#pied-C #choix_langue img{
    width:1.5em;
    height:1em;
    padding:0px;
    margin:0.5em;
    margin-left:1em;
    float:left;
}
#utilitaires{
    font-size:0.5em;
    float:right;
    position:relative;
    color:#bbb;
    padding:0px;
    margin:0px;
    width:31em;
    border:none;            
    margin-top:-10em;
    margin-right:2em;
}