html, body {
text-align: center;
}

body {
background: #FFFFFF;
color:#016597;
}

body * {
font-family: helvetica, arial, verdana, sans-serif;  /* input, select etc... */
}

img{
margin:5px 5px 5px 5px;
border:1px solid #999999;
}

#pagewidth {
position: relative;
width: 749px;
min-width: 500px;
margin: 0px auto;
text-align: left;
font-size:8pt;
}

 a:link,  a:visited {
text-decoration: none;
color:#016597;
}

/* entete */
#header {
width: 100%;
margin-top :0px;
margin-bottom: 0px;
background: #E9F2FB;
color:#0098CC;
border-bottom:dotted;
border-bottom-width:2px;
}

#header ul {
padding:110px 0px 0px 0px;
margin-left:1px;
margin-bottom:0px;
margin-top:0px;
list-style-type: none;
height: 17px;
font-size:8pt;
}

#header li{
float: right;
margin: 0;
padding: 0;
color:#016597;
list-style-type: none;
}

#header ul a{
display: block;
text-indent: 1em;
}

#header h1{
 text-indent:-701em;
 font-size:15pt;
}

#header a:link, #header a:visited {text-decoration: none;}

/*liens en francais*/
#header li .menubarre{width:3px;}
#header li a#menuplan{width:87px;}
#header li a#menucontact{width:64px;  font-weight:bold;}
#header li a#menureference{width:89px;  font-weight:bold;}
#header li a#menusupport{width:149px;  font-weight:bold;}
#header li a#menuprestation{width:89px;  font-weight:bold;}
#header li a#menuqualite{width:130px;  font-weight:bold;}
#header li a#menuactualite{width:64px;  font-weight:bold;}

/* rollover sur les liens*/
#header li a:hover {
color:#0098CC;
}

/*selection d'un lien*/
#header li a.page_courante {
color:#0098CC;
}


#corps{
background-position: top right ;
background-image: url('../media/clercetnet/fond.gif') ;
background-repeat: repeat-y ;
width: 100% ;
}


#corps_qualite {
background-position: top right ;
background-image: url('../media/clercetnet/fond_qualite.gif') ;
background-repeat: repeat-y ;
width: 100% ;
}

#corps_demo{}

.gauche {
 width: 470px;
 float: left;
 color:#000000;
}

.droite {
 width: 240px;
 float: right;
 color:#000000;
}


.gauche_index{
 width: 150px;
 float: left;
 color:#000000;
}

.milieu_index{
 width: 0px;
 float: left;
 color:#000000;
 background:red;
}





.gauche_qualite {
 width: 540px;
 float: left;
 color:#000000;
}

.droite_qualite {
 width: 200px;
 float: right;
 color:#000000;
}

#pied{
position: relative;
width: 749px;
min-width: 500px;
margin: 0px auto;
text-align: left;
font-size:10pt;
border-top:dotted;
border-top-width:2px;
color:#999999;
height:32px;
}



.conteneur2{
color:#999999;
font-size:10px;
}

.conteneur2 img{
border:0;
}

#pied a{
text-decoration: none;
color:#999999;
}

#pied .liens{
width:110px;
color:#016597;
text-align: right;
}

.image2 {
  width:10%;
float: left;
}

/*gestion des titres et sous titres*/
.sstitre{
/*color:#016597;*/
color:#666666;
font-weight:bold;
font-family:arial;
font-Size: 110%;
}

.titre{
border-bottom:dotted;
border-bottom-color:#666666;
border-bottom-width:1px;
/*color:#FBA409;*/
color:#666666
font-weight:bold;
font-family: arial;
font-Size: 120%;
}

.titredroite{
/*color:#FBA409;*/
color:#666666
font-weight:bold;
font-family: arial;
font-Size: 120%;
}

.clear {clear: both;}