span.displaynone { display:none; }

a {
    text-decoration:none;
    color:inherit;
    border:none;
}
li{
    display:block;
    list-style:none;
}
hr{
    clear:both;
    color: #14017e;
    border-style:solid;    
}
hr.invisible{
   visibility: hidden;

}
body{
    background-color:#333;
    background-attachment:fixed;
    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.gif");
}
img{
    padding:2em;
    font-style:italic;
}
.hidden  {
    visibility: hidden;

}
h1{
    padding:0px;
    margin:0px;
    text-align:center;
    font-variant:small-caps;
    color:#444;
    width:100%;
    margin-bottom:1em;
    word-spacing:0.2em;
    background-color:#bbb;
    border-bottom:3px solid #14017e;
    line-height:1.2em;
}
h2{
    letter-spacing:0.1em;
    margin-left:1em;
    margin-right:1em;
    color:#14017e;
    border-bottom:1px dashed #14017e;
}
h3{
    margin-left:3em;
    color:#14017e;
}
.bold{
    font-weight:bold;
}
p{
    margin-left:4em;
    margin-right:4em;
    line-height:1.5em;
    letter-spacing:0.05em;
}
.gauche{
    float:left;
}
.droite{
    float:right;
}
.center{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.error{
    color:red;
    text-align:center;   
}
.note_bas_de_page{
    
    float:right;
    font-size:0.5em;
}
#page{
    width:55em;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    height:auto;   
}
.fond_de_page{
    background-color:#636363;  
}
.border_bottom{
    background: transparent url('../img/borders.gif') 0 -20px repeat-x;
    width:100%;
    height:10px;
    float:left;
    margin:0px;
    padding:0px;
}
.border_top{
    background: transparent url('../img/borders.gif') 0 0px repeat-x;
    width:100%;
    height:10px;
    float:left;
    padding:0px;
    margin:0px;
}
.border_top_grey{
    background: transparent url('../img/borders.gif') 0 -10px repeat-x;
    width:100%;
    height:10px;   
    padding:0px;
    margin:0px;
}
#contenu{
    margin-top:0em;
    padding-top:0em;
    width:55em;
    color:#ddd;
    float:left;
}

/*_________________________________________________EN TETE*/

#en_tete{
    width:100%;
    color:black;
    float:left;
    padding-bottom:1em;
}
a#lien_olmicom{
    text-decoration:underline;
    color:#fff;


}
a#lien_olmicom:hover{
   color:#14017e;
}
#logo_olmi{
    background: transparent url('../img/logos.gif') 0 0px no-repeat;
    border:none;
    height:106px;
    width:106px;
    margin:1.5em 0em 0em 3.5em;
    padding:0px;
    float:left;
}
div.coordonnee{
    margin:0.9em 1em 0em 0em;
    font-size:0.8em;
    text-align:right;
    float:right;
    color:#ddd;
    width:13em;
}
div#societe{
    margin: 1.6em 0em 0em 1em; 
    width:24em;
    float:left;
}
div#societe h1.nom{
    color:#14017e;
    text-align:left;
    font-size:2em;    
    font-weight:bold;
}
h1.nom{
    font-variant:small-caps;
    background:none;
    border:none;
    margin:0em 0em 0em 0em;

    
}
div#societe p#description{
    width:91%;
    line-height:1.2em;
    color:white;
    font-variant:normal;
    letter-spacing:0.1em;
    margin:0px;
    margin-top:0.6em;
}
div#bandeau{
    background: #333 url("../img/perceuse.jpg") no-repeat;
    background: #333 url("../img/detail_twinNB.jpg") no-repeat;
    background-position:bottom center;
    float:left;
    padding:0px;
    margin:0px;
    height:5em;
    width:55em;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
a#etiquette_twin{
    border:none;
    padding:0px;
    position:absolute;
    margin:3em 0em 0em -5em;
    padding:0px;
    border-style:none;
}
a#etiquette_twin img{
    border-style:none;
    padding:0px;
    margin:0px;
}

/*_________________________________________________PIED*/
#pied_de_page{
    width:55em;
    margin-top:2em;
    float:left;
    text-align:center;
    padding-bottom:0px;
    margin-bottom:0px;
}
#pied_de_page p{  
    color:#bbb;
    padding:0px;
    margin:0px;
    border:none;
    margin-left:auto;
    margin-right:auto;
}
#pied_de_page p img{
    padding:0px;
    border:none;
    width:6em;
}
#pied_de_page p a{
    color:#fff;
}
#pied_de_page p#choix_langue{
    /*position:absolute;*/
    float:left;
    margin:0px;
    padding:0px;
    width:3em;
}
#utilitaires{
    font-size:0.5em;
}

#dp_fr, #dp_en{
   	width:25px;
	height:15px;
	display:block;
	margin:0.6em 0em 0em 0.6em; 
}
#dp_fr{
        background: transparent url('../img/logos.gif') 0px -140px no-repeat;
}
#dp_en{
        background: transparent url('../img/logos.gif') -25px -140px no-repeat;
}
div#logo_groupe_olmi{
        background: transparent url('../img/logos.gif') 0px -106px no-repeat;
	width:100px;
	height:33px;
	margin:0em;
	display:block;
	float:left;
	margin-left:5em;
}
div#logo_groupe_olmi a{
    width:33px;
    height:33px;
    display:block;
    float:left;
}
/*_________________________________________________LE MENU*/
#menu{
    /*font-size:1.1em;*/
    width:15em;
    color:white;
    margin:0px;
    margin-top:1em;
    /*margin-right:-13px;*/
    float:right;
    z-index:100;
    display:block;
}
#menu li{
    text-align:left;
    list-style:none;
    margin:0px;
    float:right;
    width:14em;
    padding:0px;
    border-bottom: 4px solid #636363;;
}

#menu li a {
        background-color:#333 ;
        border:none;
	display: block;
	color: #333 ;
        color:white;
	line-height: 1.4em ;
	text-decoration: none ;
	letter-spacing:0.1em;
        padding-left:1em;
        width:9em;
        float:right;
	}
        
#menu li a:hover {
    width:11em;
}

/*_________________________________________________Les Pages*/
#news{
    position:absolute;
    margin-left:-8em;
    margin-top:2em;
    width:8em;

    background-color:#0f0;
      background-image:url('../img/ombre_news.gif');
    background-position:right;
    background-repeat:repeat-y;
}
.round_news_top{
    width:100%;
    background-image:url('../img/round_news_top.gif');
    height:10px;
    background-repeat:no-repeat;
}
.round_news_bottom{
    width:100%;
    background-image:url('../img/round_news_bottom.gif');
    height:10px;
    background-repeat:no-repeat;
}
#news_content{
    font-size:small;
    padding-left:1em;
}
/*_________________________________________________Accueil*/
/*______________________ActualitŽe*/

/*img#les_stocks{*/
/*    float:right;*/
/*    margin-top:-2em;*/
/*    width:10em;*/
/*    padding:0px;*/
/*    margin-left:1em;*/
/*}*/

#actualite{
    float:right;
    margin-top:-2em;
    width:200px;
    padding:0px;
    margin-left:1em;
    background:transparent url('../img/fond_actu.png') 0 0 repeat-y;
}
#actualite h2{
    font-size:0.9em;
}
#actualite h3{
    font-size:0.9em;
    margin-left:0px;
}
#actualite img{
    border:none;
    padding:0 0 0 0;
}
.actu{
    float:left;
    margin-left:13px;
    width:180px;
}
.actu p{
    margin:0;
}

/*_______________Reflet et nuance*/
div.reflet h4{
    font-size:0.8em;
    color:#8e4da3;
    margin-left:10px;
    line-height:1.5em;
    letter-spacing:0.05em;
}
div.reflet a{
    display:block;
    margin-top:10px;
}

div.reflet a img{
    padding:0px;
}

div.reflet p{
    font-size:0.75em;
    margin-left:10px;
    color:#000;
    line-height:1.2em;
}
div.actu a:hover span{
    color:#8e4da3;
}
div.actu a span{
       font-size:10px;
       display:block;
       float:right;
       margin-right:10px;
       color:#000;
       }
 /*_____________________NEGOCE*/
div.negoce p, .encart p{
    font-size:0.7em;
    font-family:Times New Roman,serif;
    color:#000;
    margin-left:7px;
    text-align:justify;
    margin-right:7px;
    letter-spacing:0.0em;
    word-spacing:0px;
}
div.negoce p.A:first-letter{
    font-size:3em;
    font-family:sans-serif;
    display:block;
    float:left;
    margin-top:0.2em;
    margin-right:0.1em;
    margin-left:-0.1em;
}
div.negoce p.A:first-line{
    word-spacing:-2px;
}

div.negoce .repere, encart .repere{
    font-family:Times New Roman,serif;
}
div.negoce h4.repere,.encart h4.repere, .encart h5.repere{
    font-weight:normal;
    font-size:1.4em;
    margin:16px 0 5px 10px;
}
div.negoce p.repere,.encart p.repere{
    font-family:sans-serif;
    margin-left:15px;
    font-weight:bold;
    color:#b7965a;
    line-height:1em;
    text-align:left;
}
div.negoce p.repere span,.encart p.repere span{
    font-family:sans-serif;
    color:#176e8d;

}
div.negoce p.repere >span >span, .encart p.repere > span > span{
    margin-left:-5px;
}



img#un_produit{
    float:left;
    padding-top:4em;
    width:13em;
}
#plaquette_pdf{
    display:block;
    padding:0.2em 0em 0.2em 0em;
    width:100%;
    text-align:center;
    background-color:#808080;
    color:#663333;
    margin-bottom:1em;
}

/*_________________________________________________TwinSample*/
img#les_porteurs{
    padding:0px;
    margin:-2em 0px 1em 3em;
    float:right;
}
img#detail_twin{
    padding:0em;
    margin:-2em 1em 0em 0em;
    float:left;
        width: 4em;
}
img#les_palettes{
    padding:0px;
    margin:2em 2em 0px -5em;
    float:left;
}
div#colonne_gauche{
    float:left;
}
div#colonne_droite{
    margin-top:3em;
    float:right;
}
div#colonne_gauche, div#colonne_droite{
    width:25em;
}
div#colonne_gauche h2, div#colonne_droite h2{
    font-size:1.15em;
}
ul.presentation {
    list-style-type:square;  
}
ul.presentation li{
    line-height:1.2em;
    display:list-item;
    list-style-type:square;  
}
ul.presentation li ul li{
    list-style-type:none;  
}
/*_________________________________________________Article Negoce*/
#article_negoce_mep{
    border:1px solid #bbb;
    font-size:0.8em;
    background-color:#fff;
    background:#fff url('../img/OLMI_Twin.png') right 39% no-repeat;
    color:#000;
}
#article_negoce_mep  .section{
    width:88%;
    border:1px solid #bbb;
    padding-left:12%;
    font-size:1.4em;
    padding-top:5px;
    display:block;
}
#article_negoce_mep  .section > .bold{
    font-weight:bold;
    font-size:1em;
    color:#176e8d;
    
}
#article_negoce_mep  .soussection{
    font-size:1.1em;
    width:10em;
    text-align:center;
    font-weight:bold;
    display:block;
    float:left;
    padding-top:2px;
    background-color:#176e8d;
    color:#fff;
}
#article_negoce_mep  h4{
    clear:both;
    text-align:center;
    margin:30px 0 0 0 ;
    font-size:3em;
}

#article_negoce_mep  p, div.colonne_gauche{
    float:left;
    width:29%;
    margin:0 0 0 3%;
    font-size:0.8em;
    font-family:Times New Roman,serif;
    text-align:justify;
}

#article_negoce_mep  p.description{
    font-family:sans-serif;
    font-size:1.1em;
    font-weight:bold;
    margin-right:221px;
    width:352px;
    
    text-align:left;
}
div.colonne_gauche{
    clear:both;
}

span.AA{
    width:80%;
    display:block;
}
span.AB{
    width:70%;
    display:block;
}
span.AC{
    width:65%;
    display:block;
}
span.AD{
    width:65%;
    display:block;
}
span.AE{
    width:65%;
    display:block;
}
span.AF{
    width:70%;
    display:block;
}
span.AG{
    width:80%;
    display:block;
}
span.AH{
    width:90%;
    display:block;
}
#article_negoce_mep  p.colonne_droite{
    padding-top:15em;
}
h5.repere{
    font-size:1em;
    color:#000;
}
#article_negoce_mep  .encart{
    font-family:sans-serif;
    font-size:1em;
    /*position:absolute;*/
    margin-left:7px;
    /*position:absolute;*/
    width:15em;
    color:#b7965a;
}
#article_negoce_mep .encart span{
    color:#176e8d;
}

#article_negoce_mep .legende{
    font-weight:bold;
    text-align:center;
    display:block;
    float:left;
    width:80%;
    font-size:0.9em;
    font-family:sans-serif;
}
#article_negoce_mep .legendeA{
    margin-top:-4em;
    margin-left:-2em;
}
#article_negoce_mep .legendeB{
    margin-top:-3em;
    margin-left:-1em;
}
#article_negoce_mep .legendeC{
      margin-top:-2em;
}
/*_________________________________________________Article RefletETcoucleur*/
#refletETnuance_mep{
    background-color:#fff;
    padding-top:1em;
    }
#refletETnuance_mep #deco{    
    background-color:#C9508A;
    height:0.5em;
    width:6em;
    margin-left:10px;
}
#refletETnuance_mep #curseur{
    margin-top:0.7em;
    margin-left:3em;
}

#refletETnuance_mep #curseur span{
    border-style:solid;
    border-color:#C9508A;
    border-width:0.8em 1em;
    border-bottom:none;
}
#refletETnuance_mep #curseur span.G{

    border-right:none;
    border-left-color:#fff;
}
#refletETnuance_mep #curseur span.D{
    border-bottom:none;
    border-left:none;
    border-right-color:#fff;  
}

#refletETnuance_mep h4{
    margin-top:-4px;
    font-size:0.8em;
    color:#8e4da3;
    margin-left:10px;
    line-height:1.5em;
    letter-spacing:0.05em;
}
#refletETnuance_mepimg{
    padding:0px;
}

#refletETnuance_mep p{
    font-size:0.75em;
    margin-left:10px;
    color:#000;
    line-height:1.2em;
    margin-right:19px;
}
#refletETnuance_mep #carre{
    background-color:#8E4DA3;
    display:block;
    float:left;
    height:14px;
    margin-right:5px;
    margin-top:-4px;
    width:14px;
}
/*_________________________________________________Presse*/
#presse{
}
#presse h3{
    font-size:1em;
    font-weight:normal;
    margin-left:0px;
}
#presse .reference{
    float:right;
    display:block;
    /*margin-right:5em;*/
    font-style:italic;
    font-size:0.8em;
}
#presse a{
    display:block;
}
#presse img{
    padding:0px;
    border:none;
}
#article_refletsETnuances{
   width:13em;
   margin-right:1em;
}
#article_negoce{
    width:37em;
    margin-left:1em;
}

/*_________________________________________________Encapsulation*/
img#info_encaps{
    float:right;
    margin:2em 2em 1em 4em;
    width:19em;
    padding:0px;
    
}
img#example_encaps{
    float:left;
}

/*_________________________________________________RŽa*/
#p_accueil{
    text-align:center;
}

li.thumb{
    display:inline;
    margin-right:2em;
}
li.thumb a img{
    border-color:#888;
    border-width:2px;
    
}
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:1em;
    float:left;
    width:18em;
    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:30em;
    margin:1em;
    margin-left:0em;
 /*border:2px solid #888;*/
}
#desc{
    width:30em;
    float:right;
    margin:1em;
    margin-right:3em;
}
/*_________________________________________________Contact*/
#carte_de_situation{
    background-image:url('../img/carte_de_situation.jpg');
    width:44.5em;
    height:27.5em;
    margin-left:5em;
    margin-right: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;
}