body{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7d7d7d;
border: 0;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../images/design/fond_degrade.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color: #ffffff;
}


td{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #7d7d7d;
}

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

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

h2{
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 22px;
color: #acc2d9;
font-weight: lighter;
float: left;
padding : 0px 0px 0px 12px;
margin : 0px 10px 0px 0px;
background-position : center left;
background-repeat: no-repeat;
background-image: url(../images/design/pipe-navigation.gif);
background-position : center left;
background-repeat: no-repeat;
}

h3{
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 18px;
color: #acc2d9;
font-weight: lighter;
float: left;
padding : 0px 0px 0px 21px;
margin : 3px 0px 0px 0px;
background-image: url(../images/design/fleche-navigation.gif);
background-position : center left;
background-repeat: no-repeat;
}

h4{
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 18px;
color: #acc2d9;
font-weight: lighter;
float: left;
padding : 0px 0px 0px 21px;
margin : 3px 0px 0px 0px;
background-image: url(../images/design/fleche-navigation.gif);
background-position : center left;
background-repeat: no-repeat;
}

h5{

}

h6{

}

a{
color: #7d7d7d;
text-decoration: underline;
}

a:visited{
color: #7d7d7d;
text-decoration: underline;
}

a:hover{
color: #7d7d7d;
text-decoration: none;
}

a.copyright:link{
color:#ffffff;
text-decoration:none;
}

a.copyright:visited{
color:#ffffff;
text-decoration:none;
}

a.copyright:hover{
color:#ffffff;
text-decoration:none;
}

.bouton_serveur_vocal{
background-image: url(../images/design/bouton_serveur_vocal.gif) no-repeat;
width: 131px;
height: 83px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}

.fond_coordonnees{
background-image: url(../images/design/fond_coordonnees.gif);
width: 987px;
height: 21px;
background-repeat: no-repeat;
background-position: center;
/*
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
*/
}

.fond_gauche{
background-image: url(../images/design/fond_gauche.gif);
background-repeat: no-repeat;
width: 162px;
/*height: 578px;*/
position: absolute;
top: 0px;
left: 3px;
z-index: 20;
border: 0px solid #000000;
}

.fond_haut{
background-image: url(../images/design/fond_haut.gif);
background-repeat: no-repeat;
width: 825px;
height: 72px;
position: absolute;
top: 0px;
left: 165px;
z-index: 15;
}

.cadre_page{
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 993px;
vertical-align: top;
}

.fond_page{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/design/fond_page.png', sizingMethod='scale');
zoom: 1;
background-repeat: repeat-y;
background-position: top center; 
}

html>body .fond_page{
background-image: url(../images/design/fond_page.png);
background-repeat: repeat-y;
background-position: top center; 
}

.logo_conseil_general{
background-image: url(../images/design/logo_conseil_general.gif);
background-repeat: no-repeat;
width: 78px;
height: 72px;
position: absolute;
top: 0px;
left: 723px;
z-index: 20;
}

.logo_dde_ce{
background-image: url(../images/design/logo_dde_ce.gif);
background-repeat: no-repeat;
width: 101px;
height: 90px;
position: absolute;
top: 0px;
left: 32px;
z-index: 20;
}

.ombre_pied_page{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/design/ombre_pied_page.png', sizingMethod='scale');
zoom: 1;
width: 993px;
height: 7px;
/*border: 1px solid #000000;*/
background-repeat: no-repeat;
/*
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
*/
}

html>body .ombre_pied_page{
background-image: url(../images/design/ombre_pied_page.png);
width: 993px;
height: 7px;
background-repeat: no-repeat;
/*
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
*/
}

.puce_menu_gauche{
background-image: url(../images/design/puce_menu_gauche.gif) no-repeat;
width: 6px;
height: 11px;
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}

.padding_contenu{
position: relative;
padding: 0px 5px 10px 10px;
}

.texte_entete{
width: 507px;
height: 44px;
position: absolute;
top: 4px;
left: 192px;
z-index: 30;
text-align: left;
}

.style_1_texte_entete{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
font-weight: bold;
}

.style_2_texte_entete{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #626262;
font-weight: bold;
}

.menu_gauche{
margin-top: 100px;
width: 156px;
height: 179px;
/*
position: absolute;
top: 106px;
left: 5px;
z-index: 40;
*/
text-align: left;
background-color: #ffffff;
}

a.lien_menu_gauche:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
line-height: 22px;
color: #686868;
padding-left: 10px;
text-decoration: none;
background: url(../images/design/fond_bouton_menu_gauche.gif) no-repeat 0 -22px;
font-weight: bold;
margin-top: 3px;
}

a.lien_menu_gauche:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
line-height: 22px;
color: #686868;
padding-left: 10px;
text-decoration: none;
background: url(../images/design/fond_bouton_menu_gauche.gif) no-repeat 0 -22px;
font-weight: bold;
margin-top: 3px;
}

a.lien_menu_gauche:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/fond_bouton_menu_gauche.gif) no-repeat 0 0px;
font-weight: bold;
margin-top: 3px;
}

a.lien_menu_gauche_2l:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
color: #686868;
padding-left: 10px;
text-decoration: none;
background: url(../images/design/fond_bouton_menu_gauche_2l.gif) no-repeat 0 -36px;
font-weight: bold;
height: 36px;
padding-top: 4px;
margin-top: 3px;
}

a.lien_menu_gauche_2l:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
color: #686868;
padding-left: 10px;
text-decoration: none;
background: url(../images/design/fond_bouton_menu_gauche_2l.gif) no-repeat 0 -36px;
font-weight: bold;
height: 36px;
padding-top: 4px;
margin-top: 3px;
}

a.lien_menu_gauche_2l:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/design/fond_bouton_menu_gauche_2l.gif) no-repeat 0 0px;
font-weight: bold;
margin-top: 3px;
}

a.lien_ss_menu_gauche:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
line-height: 22px;
color: #7d7d7d;
padding-left: 20px;
text-decoration: none;
background: url(../images/design/fond_bouton_ss_menu_gauche.gif) no-repeat 0 -22px;
}

a.lien_ss_menu_gauche:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
width: 155px;
line-height: 22px;
color: #7d7d7d;
padding-left: 20px;
text-decoration: none;
background: url(../images/design/fond_bouton_ss_menu_gauche.gif) no-repeat 0 -22px;
}

a.lien_ss_menu_gauche:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
background: url(../images/design/fond_bouton_ss_menu_gauche.gif) no-repeat 0 0px;
color: #ffffff;
}

.bouton_sans_lien_menu_gauche{
width: 155px;
line-height: 22px;
color: #686868;
font-weight: bold;
text-indent: 5px;
background: url(../images/design/fond_bouton_menu_gauche.gif) no-repeat 0 -22px;
margin-top: 3px;
}

html>body .bouton_sans_lien_menu_gauche{
width: 155px;
line-height: 22px;
color: #686868;
font-weight: bold;
text-indent: 5px;
background: url(../images/design/fond_bouton_menu_gauche.gif) no-repeat 0 -22px;
margin-left: 10px;
margin-top: 3px;
}

.realisation{
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
font-weight: bold;
}
a.realisation:link{
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a.realisation:visited{
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a.realisation:hover{
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

.coordonnees{
font-family: Tahoma, Arial, Helvetica, sans-serif;
padding-left: 10px;
color: #ffffff;
font-weight: bold;
}

.texte_non_gras{
font-weight: lighter;
}

.texte_date{
color: #9facb9;
}

.texte_route{
background-color: #ee3338;
color: #ffffff;
padding-left: 1px;
padding-right: 1px;
}

.texte_secteur{
background-color: #ee3338;
color: #ffffff;
padding-left: 1px;
padding-right: 1px;
}

.texte_titre{
background: url(../images/design/fleche_titre_boucles.gif);
background-repeat: no-repeat;
background-position: center left;
color: #000000;
font-weight: bold;
margin-bottom: 15px;
padding-left: 13px;
}

.texte_titre_sans_gras{
background: url(../images/design/fleche_titre_boucles.gif);
background-repeat: no-repeat;
background-position: center left;
color: #000000;
margin-bottom: 15px;
padding-left: 13px;
}

.texte_massif{
color: #000000;
font-weight: bold;
margin-bottom: 15px;
}

.barre{
width: 95%;
height: 13px;
line-height: 13px;
background-color: #acc2d9;
color: #ffffff;
text-align: left;
padding-left: 5px;
font-weight: bold;
padding-bottom: 2px;
}

.texte_descriptif{
color: #000000;
background-color: #e4ebf3;
border-bottom: 2px solid #acc2d9;
padding: 10px 10px 10px 10px;
}
.texte_descriptif_bleu{
color: #9facb9;
background-color: #e4ebf3;
border-bottom: 2px solid #acc2d9;
padding: 10px 10px 10px 10px;
}

.texte_nom_partenaire{
background-color: #ee3338;
color: #ffffff;
padding-left: 1px;
padding-right: 1px;
}

.texte_lien_partenaire{
color: #000000;
background-color: #e4ebf3;
border-bottom: 2px solid #acc2d9;
padding: 10px 10px 10px 10px;
}

.margin_tableau_etat_routes{
margin-bottom: 6px;
}

.cellules_bleu_fonce{
background-color: #acc2d9;
line-height: 18px;
color: #000000;
}

.cellules_bleu_clair{
background-color: #e4ebf3;
line-height: 18px;
color: #000000;
}

.temperature{
text-align: right;
width: 30px;
color: #000000;
}

.pointilles_fond_fonce{
width: 40px;
background: url(../images/design/pointilles.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #acc2d9;
}

.pointilles_fond_clair{
width: 40px;
background: url(../images/design/pointilles.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: #e4ebf3;
}

.colonne_ville{
color: #000000;
width: 150px;
}

.fond_titre_bloc_info_etat_routes{
background: url(../images/design/fond_cell_bloc_info_etat_routes.gif);
width: 275px;
height: 21px;
line-height: 21px;
text-align: left;
padding: 0px 5px 0px 5px;
color: #ff0000;
font-weight: bold;
}

.fond_tableau_info_etat_routes{
background-color: #d1d1d1;
width: 500;
}

.fond_cellule_tableau_info_etat_routes{
background-color: #ffffff;
padding: 5px;
}