/* CSS Document */
body{
width:947px;
margin:auto;
padding:0 0 20px 0;
background:#b3b3b3 url(image/fond-f3.gif) top left repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

body *{
margin:0;
padding:0;
}

p{
font-size:80%;
margin:5px 0 10px 0;
}

h3{
color:#0c9c7d;
font-size:110%;
border-bottom:1px solid #0c9c7d;
margin:0 0 20px 0;
}
/************* Menu commun ******************************/
#menu{
background:url(image/BANDEAU3.png) 0px 20px no-repeat;
clear:both;
width:947px;
height:150px;
}
#menu h1{
text-indent:-1000px;
font-size:0;
visibility:hidden;
}
#menu ul{
margin:120px 0 0 0;
list-style:none;
padding:0 0 0 15px;
}
#menu li{
display:inline;
font-weight:bold;
font-size:100%;
margin:0 10px;
}
#menu li a{
color:#0017a5;
text-decoration:none;
}
/******************************************/
#corps{
background:#FFFFFF;
}

#footer{
display:block;
height:20px;
clear:both;
padding-top:20px;
}
/*************** Page d'acceuil ***************************/

#texte_gauche h2{
color:#0d65d5;
margin:0 0 20px 0;
}
#texte_gauche{
margin:0 0 10px 0;
padding:20px 0 0 0;
}
#texte_gauche p{
font-size:75%;
}
#texte_gauche ul{
list-style:url(image/puce.gif);
font-size:75%;
margin:5px 0 0 40px;
padding:0 0 10px 0;
}
#texte_gauche strong, #texte_tech strong, #texte_appl strong, #texte_surfactis strong, #carte_visite strong, #texte_leg strong{
color:#005fd6;
font-weight:bold;
}
#gauche{
width:580px;
margin:10px 0 0 25px;
}
#gauche a{
display:block;
color:#8b8b8b;
font-size:0.7em;
text-align:right;
margin:-15px 0 0 0; 
padding:0;
}
#droite{
float:right;
margin:10px 20px 0 0;
padding:10px 0 10px 10px;
width:300px;
}

#jpg_link{
background:#f0f0f0 url(image/jpg_link.gif) no-repeat left top;
margin:30px 0 0 0;
height:300px;
text-align:left;
border-bottom:#1c86e1 1px solid;
}
#jpg_link p{
margin:0 0 0 50px;
padding:10px 0 0 0;
}
#jpg_link a{
color:#169c81;
margin:0 0 0 5px;
font-weight:bold;
}
#jpg_link a:hover{
text-decoration:underline;
}

#pdf_link{
background:#f0f0f0 url(image/pdf_link.gif) no-repeat left top;
margin:10px 0 0 0;
height:50px;
border-bottom:#1c86e1 1px solid;
}
#pdf_link p{
margin:0 0 0 50px;
padding:10px 0 0 0;
}
#pdf_link a{
color:#169c81;
margin:0 0 0 5px;
font-weight:bold;
}
#pdf_link a:hover{
text-decoration:underline;
}

#news{
margin:10px 0 0 0;
background:#f0f0f0;
border-bottom:#1c86e1 1px solid;
}
#news_archives{
margin:10px 20px 0 20px;
background:#f0f0f0;
border-bottom:#1c86e1 1px solid;
}
#boite{
background:#f0f0f0;
border-bottom:#1c86e1 1px solid;
}
#boite a{
color:#169c81;
margin:0 0 0 5px;
font-weight:bold;
}
#news h2, #boite h2, #news_archives h2, #boite h2{
display:block;
height:30px;
background:url(image/haut_news.png) repeat-x;
border:0;
color:#0017a5;
font-weight:bold;
font-size:120%;
margin:5px 0;
padding:0 5px;
}
#news h3, #boite h3, #news_archives h3{
display:block;
height:20px;
background:url(image/haut_news.png) repeat-x;
border:0;
color:#0d65d5;
font-size:100%;
margin:5px 0;
padding:0 5px;
}
#news h4, #news_archives h4{
color:#169c81;
font-weight:normal;
font-size:90%;
margin:5px 0 5px 0;
padding:0 5px 0 5px;
}
#news .date, #news_archives .date{
color:#169c81;
font-style:italic;
font-size:70%;
margin:0 0 2px 0;
padding:0 5px;
border:0;
}
#news p, #boite p, #news_archives p{
margin:0;
padding:0 5px 10px 5px;
font-size:70%;
}
#news #archives{
text-align:right;
margin:0 5px 0 0;
padding:0;
}
#news #archives a{
color:#0d65d5;
text-decoration:none;
}

#footer a{
color:#8b8b8b;
font-size:70%;
margin:0 0 5px 5px;
}
/*****************************  technology *********************/
#texte_tech{
width:480px;
margin:10px 0 0 450px;
padding:20px 0 0 0;
text-align:justify;
}
#texte_tech h2{
color:#0d65d5;
margin:10px 0 0;
}
#img{
position:relative;
float:right;
width:367px;
font-size:0.8em;
font-style:italic;
text-align:center;
margin:35px 0 0 10px;
}

#texte_tech li{
list-style:url(image/puce.gif);
}

/************************ Apllcation *****************************/
#texte_appl{
width:480px;
margin:10px 0 0 450px;
padding:10px 0 0 0;
text-align:justify;
}
#texte_appl.oral{
width:auto;
margin:0 20px 0 20px;
text-align:justify;
}
#texte_appl.oral dl{
font-size:80%;
}
#texte_appl h2{
color:#0c9c7d;
margin:10px 0 0;
}
.photo{
float:left;
margin:0 0 0 20px;
padding:20px 0 0 0;
}
.photo p{
font-size:70%;
padding:0 5px 0 5px;
margin:0;
}
.liste, .liste_off{
list-style:url(image/puce.gif);
font-size:80%;
margin:10px 5px 10px 0;
padding:10px 20px 10px 20px;
}
.liste{
background:#8FC9FF url(image/liste_fond2.gif) top repeat-x;
}

.liste a{
color:#0017a5;
text-decoration:none;
}

.liste li, .liste_off li{
margin:5px;
}

.photo_legend{
background:#d5d5d5 url(image/dl_fond.gif) top repeat-x;
font-size:70%;
margin:10px 0 0 0;
padding:10px 10px 10px 40px;
}
.photo .legend{
background:#C2C2C2 url(image/legend_back.gif) top repeat-x;
width:395px;
margin:5px 0 0 0;
padding:5px 10px;
text-align:center;
}
.photo_legend li{
list-style:url(image/puce.gif);
margin:5px 0 5px 0;
padding:0;
}

#carte_visite{
background:#d5d5d5 url(image/dl_fond.gif) top repeat-x;
font-size:95%;
margin:5px 0 15px 0;
padding:8px 10px 8px 20px;
}

.cadre{
background:#8FC9FF url(image/liste_fond2.gif) top repeat-x;
padding:5px 20px 5px 20px;
font-size:95%;
}
.cadre h3{
color:#0017a5;
font-size:110%;
border-bottom:1px solid #0017a5;
margin:5px 0 10px 0;
}
/***************************** surfactis *****************/
#texte_surfactis{
padding:10px 0 0 0;
}
#texte_surfactis dl{
background:#d5d5d5 url(image/dl_fond.gif) top repeat-x;
font-size:80%;
margin:15px 5px 15px 0px;
padding:5px 15px 5px 15px;
}
dt, .perso h5{
font-weight:bold;
color:#106ED9;
margin:0 0 5px 0;
font-size:110%
}
dt em{
font-style:italic;
font-weight:normal;
}
dd{
margin:5px 0 10px 0;
font-size:95%;
}

#texte_surfactis{
margin:0 20px 0 25px;
text-align:justify;
}
#texte_surfactis h2{
color:#0c9c7d;
margin:10px 0 0;
}
#texte_surfactis h3{
color:#0017a5;
font-size:110%;
border-bottom:1px solid #0017a5;
}
#texte_surfactis h4{
color:#1155a5;
font-weight:bold;
margin:10px 0 15px 0;
font-size:90%;
}

#texte_surfactis li{
list-style:url(image/puce.gif);
}

.perso{
width:425px;
background:#f0f0f0;
padding:5px 10px 5px 10px;
margin:5px 0 5px 0;
}
.perso h5{
font-size:80%;
}
.perso p{
font-size:70%;
}
.gauche{
float:left;
margin:-5px 0 0 0;
padding:0;
}
.droite{
margin:0 0 0 450px;
padding:0 0 0 0;
}


#navigation{
background:url(image/nav_fond.gif) top repeat-x;
list-style:none;
border-top:1px solid #1255a5;
margin:0 20px;
padding:5px 0 20px 0;
}
#navigation li{
list-style:none;
display:inline;
padding:0 15px 0 5px;
font-size:90%;
}
#navigation a{
color:#1255a5;
text-decoration:none;
font-weight:normal;
}
#navigation .select{
font-weight:bold;
}

#contact{
width:400px;
float:left;
margin:10px 0 0 25px;
padding:0;
}
#maps{
width:500px;
margin:0 0px 0 430px;
padding:10px 0 0 0;
text-align:center;
}
.map{
padding:0;
margin:0;
}
.map li{
display:inline;
list-style:none;
padding:0;
margin:0;
}

#message{
font-size:80%;
}
#message h3{
margin:5px 0 5px 0;
padding:0;
font-size:100%;
color:#0017a5;
border-bottom:1px solid #0017a5;
}
#message fieldset{
padding:10px;
margin:0 0 5px 0;
border:1px solid #CCCCCC;
color:#005fd6;
}
#message label{
font-size:80%;
color:#001ead;
}
#message span{
color:#D50005;
}
#message .imp_text{
background:url(image/input_fond.gif) repeat-x top;
border:1px solid #999999;
width:98%;
}
#message .imp_text_s{
background:url(image/input_fond.gif) repeat-x top;
border:1px solid #999999;
width:149px;
margin:13px 0 0 0;
}
#message textarea{
width:99%;
background:url(image/textarea_fond.gif) repeat-x top;
border:1px solid #999999;
}
#message p{
float:left;
}
#message #envoyer{
width:80px;
margin:5px 0 0 227px;
background:url(image/send_fond.gif) repeat-x top #000E4E;
color:#FFFFFF;
font-weight:bold;
border:0;
}



/*-----------chemicals -------------*/

#chemicals_list a{
color:#0017a5;
text-decoration:none;
font-weight:normal;
}

#chemicals_list a.selected{
font-weight:bold;
}


/*-------- legal --------*/

#texte_leg{
margin:20px;
}