* {margin:0; padding:0;}
ul, li {margin:0; padding:0;}

body {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
background-color:#5596FC;
padding:0;
margin:0;
background-image:url(../img/design02_01-2.jpg);
background-repeat:repeat-x;
/*background-position:0px 15px;*/
}
#centrage {
width:875px;
margin:0 auto;
}
#sur_header {
width:875px;
height:60px;
float:left;
}
#logo_citram {
float:left;
padding:10px 0 0 10px;
}
#logo_citram img {
border:0;
}
#logo_veolia {
float:right;
padding:10px 10px 0 0;
}
#logo_veolia img {
border:0;
}
#header {
width:875px;
height:171px;
float:left;
background-color:#f15c41;
background-image:url(../img/design3_04.jpg);
background-repeat:no-repeat;
}
#sous_header {
width:875px;
height:39px;
float:left;
background-color:#f15c41;
background-image:url(../img/design3_06.gif);
background-repeat:no-repeat;
}
/*******************************************************************/
/**Les boutons du menu**********************************************/
/*******************************************************************/
div#menu {
width:198px;
float:left;
/*border-bottom:1px solid red;*/
}
ul#menu {
list-style:none;
width:188px;
height:370px;
float:left;
padding-top:30px;
padding-left:10px;
background-image:url(../img/separation-menu_08.gif);
background-position:right 0;
background-repeat:no-repeat;
/*border-bottom:1px solid green;*/
}
ul#menu li {
height:18px;
line-height:18px;
vertical-align:middle;
margin-bottom:20px;
}
ul#menu li a {
display:block;
width:178px;
height:18px;
padding-left:20px;
background-position:left 0;
background-repeat:no-repeat;
text-decoration:none;
color:#3c3c3c;
font-weight:bold;
/*background-color:#00FFFF;*/
}
ul#menu li a#m_accueil {
background-image:url(../img/puce-orange.gif);
}
ul#menu li a#m_accueil:hover {
background-position:left -18px;
}
ul#menu li a#m_accueil2 {
display:block;
width:178px;
background-image:url(../img/puce-orange.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

ul#menu li a#m_nous {
background-image:url(../img/puce_bleu.gif);
}
ul#menu li a#m_nous:hover {
background-position:left -18px;
}
ul#menu li a#m_nous2 {
display:block;
width:178px;
background-image:url(../img/puce_bleu.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

ul#menu li a#m_horaires {
background-image:url(../img/puce_jaune.gif);
}
ul#menu li a#m_horaires:hover {
background-position:left -18px;
}
ul#menu li a#m_horaires2 {
display:block;
width:178px;
background-image:url(../img/puce_jaune.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

ul#menu li a#m_service {
background-image:url(../img/puce_mauve.gif);
}
ul#menu li a#m_service:hover {
background-position:left -18px;
}
ul#menu li a#m_service2 {
display:block;
width:178px;
background-image:url(../img/puce_mauve.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

ul#menu li a#m_devis {
background-image:url(../img/puce_vert.gif);
}
ul#menu li a#m_devis:hover {
background-position:left -18px;
}
ul#menu li a#m_devis2 {
display:block;
width:178px;
background-image:url(../img/puce_vert.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

ul#menu li a#m_contacter {
background-image:url(../img/puce_rouge.gif);
}
ul#menu li a#m_contacter:hover {
background-position:left -18px;
}
ul#menu li a#m_contacter2 {
display:block;
width:178px;
background-image:url(../img/puce_rouge.gif);
background-position:left -18px;
background-repeat:no-repeat;
}

/*******************************************************************/
/**Fin des boutons du menu******************************************/
/*******************************************************************/

#page {
width:875px;
float:left;
background-image:url(../img/design3_fond_27.gif);
background-repeat:repeat-y;
}
#centre {
width:620px;
float:left;
padding:0px 20px 30px 20px;
}
#sur_pied {
float:left;
width:875px;
height:72px;
background-image:url(../img/design3_09.gif);
background-repeat:no-repeat;
}
#pied {
float:left;
width:855px;
height:76px;
text-align:left;
color:#FFFFFF;
font-size:0.8em;
background-image:url(../img/design3_10.jpg);
background-repeat:no-repeat;
padding-top:10px;
padding-left:20px;
}
#pied a {
color:#FFFFFF;
text-decoration:underline;
}
#pied #veolia {
padding-top:12px;
float:right;
}
#pied a img {
border:0px;
}
#sous_pied {
width:875px;
height:30px;
float:left;
}
#asterisque {
width:100%;
float:left;
margin-top:30px;
margin-bottom:30px;
}
#page_erreur {
width:100%;
text-align:center;
color:#28359f;
font-size:0.8em;
margin-top:50px;
margin-bottom:50px;
}
h1 {
color:#d7293f;
font-size:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:30px;
}
h2 {
color:#d7293f;
font-size:1.2em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
margin-bottom:30px;
}
h3 {
color:#d7293f;
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../img/separation_titres.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:5px;
}
#droite h3 {
background-image:none;
}
h3 span {
font-size:0.8em;
color:#999999;
}

p.fix {
margin-bottom:20px;
/*text-indent:3em;*/
font-size:0.8em;
text-align:justify;
}
/*----------page accueil-----------------------------*/
#gauche{
width:291px;
float:left;
font-size:0.8em;
margin-right:29px;
}
#gauche h1 {
font-size:1.6em;
}
#droite {
width:291px;
float:left;
font-size:0.8em;
padding-left:7px;
text-align:left;
background-image:url(../img/separation-alertes.gif);
background-position:left 0px;
background-repeat:no-repeat;
}

#droite h3 a {
color:#f15c41;
text-decoration:none;
}
#droite h3 a:hover {
text-decoration:underline;
}
.actu_promo {
margin-bottom:30px;
}
#titre_alerte {
width:291px;
height:69px;
background-image:url(../img/alertes02.gif);
background-position:54px top;
background-repeat:no-repeat;
float:left;
margin-bottom:30px;
}
#droite2 {
width:291px;
float:left;
font-size:0.8em;
padding-left:7px;
text-align:left;
background-image:url(../img/separation-alertes.gif);
background-position:left 0px;
background-repeat:no-repeat;
}
/*----------page alertes -----------------------------*/
#alerte {
float:left;
font-size:0.8em;
}
#retour {
width:100%;
text-align:right;
}
#retour a {
color:#5596fc;
text-decoration:none;
font-size:0.8em;
}
#retour a:hover {
text-decoration:underline;
}
/*----------fin page alertes-----------------------------*/
/*----------fin page accueil-----------------------------*/
/*----------page nous-----------------------------*/
#nous {
float:left;
}
#nous img {
float:left;
margin-right:20px;
margin-bottom:20px;
border:1px solid #0f0c9e;
}
/*----------fin page nous-----------------------------*/
/*----------page horaires-----------------------------*/
#horaires{
width:565px;
float:right;
font-size:0.8em;
}
#horaires img {
padding-left:0px;
}
#horaires ul {
list-style:none;
}
#horaires li {
margin-bottom:15px;
}
#horaires li img {
border:0;
margin-right:10px;
}
#horaires li span, img {
vertical-align: middle;
display: inline-block; 
}
#horaires li a {
color:#000000;
text-decoration:underline;
}
#horaires li a:hover {
color:#26156e;
text-decoration:none;
}
#photos_horaires {
float:right;
width:250px;
padding-right:60px;
}
#photos_horaires img {
margin-bottom:20px;
border:1px solid #26156e;
}
/*----------fin page horaires--------------------------*/
/*----------page liens-----------------------------*/
#liens{
width:565px;
float:left;
font-size:0.8em;
}
#liens ul {
list-style:none;
}
#liens li {
margin-bottom:15px;
}
#liens li a {
color:#000000;
text-decoration:underline;
}
#liens li a:hover {
color:#26156e;
text-decoration:none;
}
#photos_liens {
float:left;
width:250px;
padding-left:60px;
}
#photos_liens img {
margin-bottom:20px;
border:1px solid #26156e;
}
/*----------fin page liens-----------------------------*/
/*----------page sevices-----------------------------*/
#services {
float:left;
}
#services img {
float:right;
margin-left:20px;
margin-bottom:20px;
border:1px solid #0f0c9e;
}
#services ul {
font-size:0.8em;
list-style:none;
margin-bottom:30px;
}
#services li {
margin-bottom:10px;
padding-left:25px;
background-image:url(../img/puce_fleche.gif);
background-position:left 2px;
background-repeat:no-repeat;
}
#services li strong {
color:#01038a;
}
#pmr {
font-weight:bold;
color:#01038a;
}
#photos_services {
float:right;
width:250px;
padding-right:60px;
}
#photos_services img {
margin-bottom:20px;
border:1px solid #26156e;
}
#photos_services2 {
float:right;
width:200px;
}
#photos_services2 img {
margin-bottom:20px;
border:1px solid #26156e;
float:right;
}
#formulairDevis1 {
margin-bottom:50px;
float:left;
font-size:0.8em;
}
/*
#formulairDevis1 img {
float:right;
border:1px solid #0f0c9e;
}
*/
#formulairDevis1 tr {
height:25px;
}
#formulairDevis1 input[type=text]{
border:1px solid #28359f;
width:252px;
}
#formulairDevis1 select {
border:1px solid #28359f;
width:252px;
}
#formulairDevis1 textarea{
border:1px solid #28359f;
width:400px;
height:120px;
}
#formulairDevis1 input[type=submit] {
padding: 4px 20px ;
color:#ffffff;
border: 1px solid #28359f ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#545fcc;
cursor:pointer;
margin-top:20px;
}
#formulairDevis1 input[type=submit]:hover {
background: #28359f ;
text-decoration: underline ;
}
/*
#formulairDevis2 {
width:450px;
margin-bottom:50px;
float:left;
font-size:0.8em;
}
#formulairDevis2 tr {
height:25px;
}
#formulairDevis2 input[type=text]{
border:1px solid #28359f;
width:252px;
}
#formulairDevis2 textarea{
border:1px solid #28359f;
width:400px;
height:120px;
}
#formulairDevis2 input[type=submit] {
padding: 4px 20px ;
color:#ffffff;
border: 1px solid #28359f ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#545fcc;
cursor:pointer;
margin-top:20px;
}
#formulairDevis2 input[type=submit]:hover {
background: #28359f ;
text-decoration: underline ;
}
*/
/*----------fin page sevices-----------------------------*/

/*----------page contact-----------------------------*/
#formulairContact {
width:400px;
margin-bottom:20px;
float:left;
font-size:0.8em;
}
#formulairContact tr {
height:25px;
}
#formulairContact input[type=text]{
border:1px solid #28359f;
width:205px;
}
#formulairContact textarea{
border:1px solid #28359f;
width:330px;
height:120px;
}
#formulairContact input[type=submit] {
padding: 4px 20px ;
color:#ffffff;
border: 1px solid #28359f ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
font-weight:bold;
background-color:#545fcc;
cursor:pointer;
margin-top:20px;
}
#formulairContact input[type=submit]:hover {
background: #28359f ;
text-decoration: underline ;
}
#coordonneesContact {
width:250px;
height:180px;
margin-left:30px;
padding:70px 0 0 0;
float:left;
text-align:center;
border:1px solid #b4b3b3;
}
#infosCitram {
float:left;
width:220px;
font-size:0.8em;
margin-top:0px;
}
#infosCitram img {
border:1px solid #26156e;
margin-top:30px;
}
#infos_saisies {
float:left;
width:620px;
margin-top:30px;
margin-bottom:30px;
font-size:0.8em;
text-align:justify;
}
#infos_saisies a {
color:#28359f;
text-decoration:none;
}
#infos_saisies a:hover {
text-decoration:underline;
}

/*---------fin page contact-----------------------------*/

/*--------- page mentions-----------------------------*/
#mentions {
font-size:0.8em;
}
#mentions a {
color:#28359f;
text-decoration:none;
}
#mentions a:hover {
text-decoration:underline;
}
/*---------fin page mentions-----------------------------*/

/*----------messages de resultats d'operations---------------------*/
#operationOk {
float:left;
width:500px;
border:1px solid #425cbd;
margin-bottom:20px;
margin-top:0px;
padding:5px;
color:#425cbd;
text-align:center;
background-color:#eeeeee;
font-size:0.8em;
}
#operationBad {
float:left;
width:500px;
border:1px solid #ea0404;
margin-bottom:20px;
margin-top:0px;
padding:5px;
color:#ea0404;
text-align:center;
background-color:#eeeeee;
font-size:0.8em;
}
.red {
color:#FF0000;
}
.black {
color:#000000;
}
/*----------fin messages de resultats d'operations---------------------*/