* { margin: 0pt; padding: 0pt; }
body{color: rgb(127, 127, 127);min-width: 1000px;font: 13px/15px Arial,Helvetica,sans-serif;background:rgb(255, 255, 255) url('../images/bg-body.png') repeat-x scroll 0% 0%;}

#header{height: 74px;overflow: hidden;background: transparent url('../images/bg-header.jpg') no-repeat scroll 50% 0pt ;}
#header .inner { width: 962px; }

#header h1 {float: left;width: 250px;height: 51px;margin-top:10px;overflow: hidden;text-indent: -9999px;
	background:transparent url('../images/otravaux.png') no-repeat scroll 0% 0% !important;
    background:transparent url('../images/otravaux.jpg') no-repeat scroll 0% 0% !important;
}
#header h1 a { display: block; height: 74px; }
h2{color:#0c4976;font-size:13px;font-family:Verdana;}
.inner { width: 1000px; margin: 0pt auto; overflow: hidden; }
.accroche {color:#77b5d8;float:left;font-size:1.8em;text-align:center;/*font-weight:600;*/margin-left:49px;margin-right:0;margin-top:12px; line-height:26px;}
.login{float: right;padding: 12px 0pt 0pt;font: 13px/15px Arial,Helvetica,sans-serif;color: rgb(255, 255, 255);}

a { color: rgb(12, 73, 118); text-decoration: none; outline: medium none; }
a:hover { text-decoration: underline; }

.SecteurNom{color:#084b75;font-size:14px;text-decoration:none;}
.SecteurNom:hover{background-color:#52a000;color:#FFF;text-decoration:none;}


#footer { background:transparent url('../images/bg-footer.gif') repeat-x scroll 0% 0% ; text-align: center; font: 10px/13px Arial,Helvetica,sans-serif; }
#footer ul { padding: 10px 0pt; }
#footer ul li { display: inline; font: 12px/14px Arial,Helvetica,sans-serif; padding: 0pt 2px 0pt 5px; border-left: 1px solid rgb(153, 184, 203); }
#footer ul li:first-child { border: medium none; }
#footer .explore { margin: 27px 0pt 37px; font: bold 12px/15px Arial,Helvetica,sans-serif; }
#footer .explore ul { margin: 0pt; display: inline; }
#footer .explore li { font: bold 12px/15px Arial,Helvetica,sans-serif; }

.ListeVille {	color:#359bcd;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 14px;text-decoration:none;line-height:18px;}
.ListeVille:hover {	color: #000;}
a.Lettre{font-size: 11px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;color:#455161;}
a.Lettre:hover{color:#F60;}

a.LettreActive{font-size: 11px;text-decoration:none;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;color:#F60;}
.FormTitre{color:#000; font-size:12px;}
.FormTitre input, select, textarea{font-size:12px; color:#006;}
.Texte{color:#000000; font-size:14px; text-align:justify;}
.RubriqueSavoir{color:#304660;font-size:16px;font-family: Verdana;}
a.RubriqueTitre{font-size:12px;font-weight:normal;font-family: Verdana;}
a.RubriqueTitreActif{ text-decoration:none; font-size:13px; color:#359bcd; font-weight:bold;font-family: Verdana;}
a.SSRubriqueTitre{ text-decoration:none; font-size:13px; color:#304660;font-weight:normal;font-family: Verdana;}
a.RubriqueTitre:hover{color:#359bcd;text-decoration:underline;font-family: Verdana;}
a.SSRubriqueTitre:hover{color:#359bcd;text-decoration:underline;font-family: Verdana;}
.SSRubriqueTitreActif{ text-decoration:none; font-size:13px; color:#359bcd; font-weight:bold;font-family: Verdana;}

.col1{ float:left;width:300px;overflow:hidden;padding-left:20px;}
.col1 h3{color:#08608a;font-size:1.5em;}
.col1 li{display:block;height:40px;border-top:1px solid #999999;padding-top:5px;padding-left:5px;margin:0;}
.col1 li a {color:black;}
.impair {
        /*background-color:#f0fcfc;*/
}
.pair{background-color:#f0fcfc;}
h3{color: rgb(255, 98, 13); font: 21px/25px Arial,Helvetica,sans-serif; }
.Texte ul{margin-left:25px;}
a.LienRubrique:hover{color:#7ba018;}