/* Document CSS */


html{
background-image:url(oceo-images/fond-repet.jpg);
background-repeat:repeat-y;
background-position:top center;
margin:0px;
}
body {
position:relative;
margin:0px;
background-image:url(oceo-images/fond.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color:transparent;
padding:0px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#576F88;
}
body#metier {
background-image:url(oceo-images/fond2.jpg);

}
body#metha {
background-image:url(oceo-images/fond3.jpg);

}
body#boues {
background-image:url(oceo-images/fond4.jpg);

}
body#lit {
background-image:url(oceo-images/fond5.jpg);

}
body#relev {
background-image:url(oceo-images/fond6.jpg);

}
body#flot {
background-image:url(oceo-images/fond7.jpg);

}
body#micro {
background-image:url(oceo-images/fond8.jpg);

}
/*---------------------------------ELEMENTS TRANSVERSAUX-------------------------------------------*/
.separation { /*hr invisible*/
clear:both;
visibility:hidden;
height:1px;
margin:0px;
padding:0px;
}

.struct-droite {
position:relative;
margin:0px;
padding:0px;
float:right;
}

.struct-gauche {
position:relative;
margin:0px;
padding:0px;
float:left;
}
.droite {
position:relative;
margin:0px 0px 0px 10px;
padding:0px;
float:right;
}

.gauche {
position:relative;
margin:0px 10px 0px 0px;
padding:0px;
float:left;
}
h1 { /*"sur le terrain"*/
margin:0px 0px 20px 20px;
padding:0px;
font-size:20px;
letter-spacing:0.1em;
font-weight:normal;
text-align:right;
color:#576F88;
}
h1.gras { /*"titre à droite"*/
margin:0px 260px 20px 0px;
padding:0px;
font-size:20px;
letter-spacing:0.1em;
font-weight:bold;
text-align:right;
color:#576F88;
}
h1.blanc { /*"titre à droite"*/
margin:0px 260px 20px 0px;
padding:0px;
font-size:20px;
letter-spacing:0.1em;
font-weight:bold;
text-align:right;
color:#FFFFFF;
}
h2 { /*par exemple titre actus lotus*/
margin:0px 0px 0px 0px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#438361;
}
h3 { /*par exemple sous-titre actus lotus*/
margin:0px 0px 0px 0px;
padding:0px;
font-size:12px;
font-weight:normal;
font-style:italic;
color:#838951;
}
p { /*détail actus lotus*/
text-align:justify;
margin:0px;
padding:0px;
font-size:11px;
}



/*---------------------------------STRUCTURE DE PAGE-------------------------------------------*/

#contenu { /*bloc qui contient les autres, les centre*/
position:relative;
margin:0px auto 0px auto;
padding:0px;
width:1000px;

}
#menu2 { /*navigation contact*/
margin:24px 10px 0px 0px;
padding:0px;
float:right;
height:60px;
font-weight:normal;
font-size:15px;
color:#999999;
position:relative;
}
#menu2 a { /*navigation contact*/
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#2B4B63;
}

#menu2 a:hover { /*navigation contact*/
text-decoration:underline;
color:#24895D;
}

.action{/*bouton notre action*/
position:relative;
margin:0px 0px 0px 0px;
padding:0px;
float:right;
}
.drapeaux {
position:relative;
margin:5px 10px 0px 0px;
padding:0px;
float:right;
}

/*---------------------------------ACTUALITES-------------------------------------------*/

#actus { /*actus lotus*/
position:relative;
margin:0px 45px 0px 20px;
padding:0px;
width:400px;
float:left;
text-align:left;
}

#actus a {
display:block;
float:right;
position:relative;
font-weight:bold;
font-size:11px;
color:#00ACD5;
text-decoration:none;
	}

#actus a:hover { 
color:#3D6B89;
text-decoration:underline;
}
/*---------------------------------MOTS CLE-------------------------------------------*/
.colonne1 { /*mots clé*/
position:relative;
margin:70px 0px 0px 50px;
padding:0px;
width:200px;
float:left;
text-align:justify;
line-height:22px;
}
.colonne1 a:hover {
color:#3D6B89;
text-decoration:underline;
}
a.mc1 {
text-decoration:none;
font-size:11px;
font-weight:normal;
color:#96BE6E;
}
a.mc2 {
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#A1A86B;
}
a.mc3 {
text-decoration:none;
font-size:12px;
font-weight:normal;
color:#78C1A4;
}
a.mc4 {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#91CA8E;
}
a.mc5 {
text-decoration:none;
font-size:18px;
font-weight:normal;
letter-spacing:0.1em;
color:#CEBF41;
}
a.mc6 {
text-decoration:none;
font-size:11px;
font-weight:bold;
color:#85BCD2;
}
a.mc7 {
text-decoration:none;
font-size:10px;
font-weight:bold;
color:#AB7B46;
}
a.mc8 {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#BCAFA0;
}
a.mc9 {
text-decoration:none;
font-size:14px;
font-weight:bold;
color:#9AA585;
}
/*---------------------------------colonne droite-------------------------------------------*/
.colonne2 { /*edito accueil*/
position:relative;
margin:70px 0px 0px 40px;
padding:0px;
width:220px;
float:left;
text-align:left;
}
.colonne2 h2 {
color:#3B3A36;
font-weight:bold;
font-size:13px;
}
/*---------------------------------AUTRES STRUCTURES DE PAGE-------------------------------------------*/
#large { /*realisations*/
position:relative;
margin:0px 20px 0px 25px;
padding:0px;
width:700px;
float:left;
text-align:left;
}
#large a {
font-weight:bold;
font-size:11px;
color:#00ACD5;
text-decoration:none;
	}

#large a:hover { 
color:#3D6B89;
text-decoration:underline;
}
/*---------------------------------NAV BASSE-------------------------------------------*/

#navigation-basse { /*comme son nom l'indique*/
position:relative;
margin:0px;
padding:0px;
font-size:11px;
font-style:normal;
color:#576F88;
}

#navigation-basse a {
margin:0px;
padding:0px;
font-size:11px;
color:#999999;
}

#navigation-basse a:hover {
font-size:11px;
text-decoration:underline;
color:#576F88;
}

#navigation-basse span a {
color:#94BCC6;
}

#navigation-basse span a:hover {
color:#0066CC;
}

#masque-lotus {
position:relative;
margin:40px 0px 0px 45px; 
padding:0px;
width:800px;
font-size:11px;
text-align:left;
color:#0066CC;
}

#masque-lotus table {
font-size:11px;
text-align:left;
color:#0066CC;
}
a#admin {
	color:#FFFFFF;
	}
 a:hover#admin {
	color:#FFFFFF;
	}