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

body{
font-family: Verdana;
font-size: 12px;
background: #525252 url(images/fond.jpg) repeat-x;
}

a {color:blue;text-decoration:none;}
a:hover {color:#6a5acd;text-decoration:none;}

h3{
font-size:14px;
}
#conteneur{
width: 1000px;
margin:auto;
margin-top: 0px;
background-color:#FFF;
}

#menu1{
width: 1000px;
float:left;
background:#FFF;
}

#animation{
position: relative;
z-index: 0;
width: 1000px;
background-image:url(images/fond_anime2.jpg);
}

#menu_ofis{
position:absolute;
left:-12px;
top:-8px;
z-index:1;
}

#menu_domaine{
position:absolute;
left:97px;
top:-3px;
z-index:1;
}

#menu_solutions{
position:absolute;
left:291px;
top:20px;
z-index:1;
}

#menu_contact{
position:absolute;
left:423px;
top:53px;
z-index:1;
}

#image_recherche{
position:absolute;
left:605px;
top:324px;
width:200px;
height:90px;
padding-top:10px;
padding-left:10px;
background:url(images/fond_recherche.jpg) no-repeat;
}

#recherche{
width:110px;}

#recherche2{
z-index:2;
}

#loupe{
padding-left:15px;
}

#login_ofis{
position:absolute;
width:155px;
height:90px;
left:825px;
top:324px;
z-index:2;
color:#FFF;
background:url(images/fond_recherche.jpg) no-repeat;
padding-top:15px;
padding-left:5px;
font-size:12px;
font-weight:bold;
}
#login_ofis a{color:#fff}

#clear_login{
height:5px;
}

#bouton_login{
position:absolute;
width:155px;
height:140px;
left:104px;
top:57px;
z-index:2;
}

/** DIV haut contient ariane et recherche **/
#haut{
float:left;
width:1000px;
height:20px;
background:#FFF;
}

#ariane{
float:left;
color:#525252;
text-indent:270px;
}


/** Fin DIV haut ariane et recherche **/

/** Uniquement sur la page d'accueil **/
.titre_sommaire{
float:left;
width: 700px;
height: 115px;
background:#FFF url(images/OFIS-EAU.jpg) 25px no-repeat;
}

#titre_actualite{
float:left;
width:730px;
border-bottom:1px solid #000000;
margin-left:15px;
}

#clear_article_actualite{
float:left;
width:765px;
}

#article_actualite{
padding-left:15px;
padding-right:30px;
padding-top:15px;
text-align:justify;
}
/** Fin page d'accueil **/

/* Contenu page sommaire et article */
.titre{
float:left;
width:700px;
height:50px;
color:blue;
font-size:22px;
font-weight:bold;
padding-top:22px;
padding-left:30px;
padding-right:30px;
text-indent:60px;
background:#FFF url(images/flechev2.jpg) 30px  no-repeat;
}

.contenu{
float:left;
width: 1000px;
background-color:#FFF;
}

#clear_r_logo{
float:left;
width:225px;
height:100px;
}

.article_texte{
float:left;
width:730px;
padding:30px;
padding-top:10px;
padding-left:15px;
text-align:justify;
background-color:#fff;
}

.article_logo{
float:left;
width:180px;
padding:30px;
padding-right:15px;
background-color:#fff;
text-align:center;
}

.logox{
margin-top:10px;
}

.box_autre_article{
border:blue 1px solid;
margin-bottom:10px;
}

.titre_autre_article{
font-size:12px;
font-weight:bold;
color:#fff;
text-align:center;
padding-top:5px;
padding-bottom:5px;
background-color:blue;
}
.titre_autre_article a{color:#fff;text-decoration:none;}
.titre_autre_article a:hover{color:#a6beec;text-decoration:none;}

.autre_article{
font-size:10px;
padding:5px;
text-align:left;
}

/* Fin Contenu page sommaire et article */

/* Début Contenu page rubrique */
.r_contenu{
float:left;
width: 1000px;
background-color:#FFF;
}

#clear_r_titre{
float:left;
}

.r_titre{
width:1000px;
height:50px;
padding-top:22px;
color:blue;
font-size:22px;
font-weight:bold;
text-indent:300px;
background:#FFF url(images/flechev2.jpg) 240px no-repeat;
}

.r_logo{
float:left;
width:1000px;
background-color:#fff;
}

.r_article_texte{
float:left;
width: 1000px;
padding-top:10px;
padding-bottom:10px;
clear:both;
overflow:none;
}

.rs_titre{
float:left;
width:730px;
padding-right:30px;
padding-left:15px;
height:30px;
color:blue;
font-size:18px;
}

.r_article_logo{
float:left;
width: 180px;
height: 145px;
padding-left:30px;
padding-right:15px;
}

#clear_r_article_box{
float:left;
width:775px;
}

.r_article_box{
float:left;
width:730px;
padding-right:30px;
padding-left:15px;
text-align:justify;
}

#bas{
float:left;
width:1000px;
height:1px;
}

.titre_SR{
float:left;
width:1000px;
height:50px;
padding-top:22px;
color:blue;
font-size:22px;
font-weight:bold;
text-indent:300px;
background:#FFF url(images/flechev2.jpg) 240px no-repeat;
}

/* Fin Contenu page rubrique */

#footer{
width:1000px;
height:80px;
text-align:right;
margin:auto;
}

#logo_veolia{
float:left;
width:930px;
height:13px;
padding-right:70px;
padding-top:20px;
font-size:9px;
color:#9c9c9c;
background:#fff url(images/logo_veolia.jpg) 940px no-repeat;
}

#pied_page{
float:left;
width:980px;
height:47px;
padding-top:20px;
padding-right:20px;
color:#FFF;
background:#FFF url(images/footer.jpg) right no-repeat;
}
#pied_page a{color:#FFF;text-decoration:none;}
#pied_page a:hover {color:#a6beec;text-decoration:none;}

#mise_a_jour{
float:left;
color:blue;
padding-left:15px;
margin:-10px;
font-size:9px;}

#copyright{
font-size:9px;
text-align:center;
text-indent:410px;
padding-top:10px;
}

/* style du menu*/

/* puce du menu */

.puce{}

/* style the outer div to give it width */
.menu {
position:absolute;
left:485px;
top:29px;
z-index:1;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;
margin:0;
display:block;
list-style-type:none;
height:4em;
width:18em;
}

/* style the sub-level lists */
.menu ul ul {
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
height:4em;
width:18em;
line-height:3em;
display:block;
}

/* style the sub level list items */
.menu ul ul li {
display:block;
height:auto;
width:18em;
line-height:1em;
}

/* style des liens du menu */
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
width:12em;
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FFF;
background:transparent url(top_grad.gif);
padding:0 3em 0 1em;
}

/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:18em;}

/* style des sous-menu 1er niveau*/
.menu ul ul a, .menu ul ul a:visited {
display:block;
background-color:#768bce;
color:#fff;
font-size:11px;
font-weight:normal;
width:155px;
height:auto;
padding:7px;
padding-left:12px;
line-height:1em;
}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:155px; height:auto; padding:7px;padding-left:12px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
border-collapse:collapse;
padding:0;
margin:-1px;
width:20em;
height:34px;
font-size:1em;
z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#a6beec; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#A6BEEC;}
/* second */
* html .menu ul ul a:hover {color:#fff;background:#4447bc url(images/puce_menu.gif) 4px center no-repeat;position:relative;z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background:#4447bc url(images/puce_menu.gif) 4px center no-repeat;}
/* third */
* html .menu ul ul ul a:hover {position:relative; z-index:120;}
.menu ul ul ul :hover > a {}
/* fourth */
.menu ul ul ul ul a:hover {position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:40px; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}


/* pagination */
.pagination{
text-align:center;}

/* Plan */
#plan{
float:left;
width: 800px;
padding-left:200px;
}
#plan a {color:#000000;}
#plan a:hover {color:blue;}

#clear_article_texte{
display:block;
}

.clear_honrizontal{

float:left;
}
#contenu_rubrique{
float:left;
display:block;
width:1000px;
background-color:#fff;
clear:left;

}

#login_ofis_form{
text-align:center;
width:400px;
margin-left:315px;
}