/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:90% Verdana, Arial, Helvetica, sans-serif;
background:#999999 url("../images/background.jpg") repeat left top;
}
* {
margin:0;
padding:0;
}

div#AD {
font-size:10px;
text-align:center;
}

/* Haut de page */
div#haut_de_page {
width:925px;
margin:5px auto;
}
div#haut_de_page h1 {
text-align:right;
color:#fff;
font-size:12px;
font-weight:normal;
padding:0;
margin:0;
}



/* Le conteneur principal du site */
div#conteneur {
width:950px;
height:100%;
margin:0 auto 25px auto;
padding:0;
overflow:visible;
}



/* La banni�re et son contenu */
div#banniere {
width:950px;
height:194px;
background:url("../images/fond_banniere.png") no-repeat right top;
}
div#bloc_drapeaux {
width:360px;
height:43px;
background:url("../images/bloc_drapeaux.png") no-repeat left top;
}
div#bloc_drapeaux p {
width:131px;
text-align:center;
line-height:29px;
font-size:12px;
text-decoration:none;
}
div#bloc_nom_site {
width:360px;
height:101px;
background:url("../images/bloc_nom_site.png") no-repeat left top;
}



/* Le menu */
#menu {
list-style:none;
margin:0;
padding:0 0 0 20px;
overflow:hidden;
background:url("../images/fond_menu.png") no-repeat right top;
}
#menu li {
float:left;
width:120px;
color:#fff;
}
#menu li a {
display:block;
background:url("../images/bt_menu.png") no-repeat left top;
color:#fff;
font-size:12px;

padding:6px 0 4px 0;
text-align:center;
text-decoration:none;
}
#menu li a:hover, #menu li a:focus, #menu li a:active, #menu li a#hover {
background:url("../images/bt_menu.png") no-repeat right top;
font-weight:bold;
}
#sous_menu {
list-style:square;
margin:0;
padding:0 0 0 20px;
overflow:hidden;
background:url("../images/fond_sous_menu.png") no-repeat left top;
}
#sous_menu li {
float:left;
display:inline;
color:#fff;
}
#sous_menu li a {
display:block;
color:#fff;
font-size:12px;
padding:6px 0 4px 49px;
text-align:left;
text-decoration:none;
}
#sous_menu li a:hover, #sous_menu li a:focus, #sous_menu li a:active, #sous_menu li a#sousmenu_hover {
background:url("../images/bt_sous_menu.gif") no-repeat 4px top;
}
#sous_menu li a#hover {
text-decoration:underline;
background:url("../images/bt_sous_menu.gif") no-repeat left top;
}

#sous_menu_inactif {
height:25px;
border-top:1px solid #5f1037;
width:100%;
background:url("../images/fond_sous_menu.png") no-repeat left -13px;
}

/* S�paration de la banni�re et du contenu, du contenu et du bas de page */
.separateur {
width:100%;
height:10px;
clear:both;
}



/* Bloc central */
div#contenu {
float:left;
width:600px;
background-color:#ccc;
margin:0 20px 0 0;
}
div#contenu div#contenu_haut {
width:740px;
height:20px;
background:#ccc url("../images/contenu_haut.png") no-repeat left top;
}
div#contenu div#contenu_centre {
width:720px;
background:#ccc url("../images/contenu_centre.png") repeat-y left top;
padding:0 10px;
}
div#contenu div#contenu_bas {
width:740px;
height:20px;
background:#ccc url("../images/contenu_bas.png") no-repeat left bottom;
}



/* Diff�rents mod�les de bloc */
/* Un seul bloc */
.un_bloc {
width:700px;
margin:0 10px;
}
.un_bloc .un_bloc_haut {
width:700px;
height:25px;
background:url("../images/un_bloc_haut.png") no-repeat left top;
}
.un_bloc .un_bloc_haut h2 {
text-align:center;
color:#fff;
font-size:14px;
padding:5px 0 4px 0;
margin:0;
}
.un_bloc .un_bloc_centre_blanc {
width:660px;
background-color:#ffffff;
padding:10px 20px;
text-align:justify;
}
.un_bloc .un_bloc_centre_blanc p {
margin-bottom:10px;
}

.un_bloc .un_bloc_centre_gris {
width:660px;
background-color:#F1EDEF;
padding:10px 20px;
}
.un_bloc .un_bloc_bas {
width:700px;
height:9px;
background:url("../images/un_bloc_bas.png") no-repeat left bottom;
}

/* Deux blocs */
.deux_bloc {
float:left;
width:340px;
margin:0 10px;
}
.deux_bloc .deux_bloc_haut {
width:340px;
height:25px;
background:url("../images/deux_bloc_haut.png") no-repeat left top;
}
.deux_bloc .deux_bloc_haut h2 {
text-align:center;
color:#fff;
font-size:14px;
padding:5px 0 4px 0;
margin:0;
}
.deux_bloc .deux_bloc_centre {
width:300px;
background:url("../images/deux_bloc_centre.png") repeat-y left top;
padding:10px 20px;
}
.deux_bloc .deux_bloc_bas {
width:340px;
height:9px;
background:url("../images/deux_bloc_bas.png") no-repeat left bottom;
}
/* Trois blocs */
.trois_bloc {
float:left;
width:220px;
margin:0 10px;
}
.trois_bloc .trois_bloc_haut {
width:220px;
height:25px;
background:url("../images/trois_bloc_haut.png") no-repeat left top;
}
.trois_bloc .trois_bloc_haut h2 {
text-align:center;
color:#fff;
font-size:14px;
padding:5px 0 4px 0;
margin:0;
}
.trois_bloc .trois_bloc_centre {
width:180px;
background:url("../images/trois_bloc_centre.png") repeat-y left top;
padding:10px 20px;
}
.trois_bloc .trois_bloc_bas {
width:220px;
height:9px;
background:url("../images/trois_bloc_bas.png") no-repeat left bottom;
}
/* Bloc avec image */
.bloc_image {
float:left;
width:152px;
}

.bloc_image img {
border:1px solid #5f1037;
width:150px;
}

.bloc_image_texte {
float:left;
width:478px;
margin:0 10px 0 20px;
text-align:justify;
}
.bloc_image_texte h3 {
text-align:left;
color:#5F1037;
font-size:12px;
font-weight:bold;
padding:0;
margin:0 0 5px 0;
}


.ville_inactif {
color:#999999;
font-style:italic;
list-style-type:none;
}

.ville_actif {
color:#999999;
list-style-type:none;
}

.colonne_ville {
width:220px;
float:left;
}


/* Menus de droite bloc */
.menu_droit {
width:190px;
float:right;
margin:0 0 0 10px;
}
.menu_droit .menu_droite_entete_vert {
width:190px;
height:25px;
background:url("../images/menu_droite_entete_vert.png") no-repeat left top;
}
.menu_droit .menu_droite_entete_blanc {
width:190px;
height:25px;
background:url("../images/menu_droite_entete_blanc.png") no-repeat left top;
}
.menu_droit .menu_droite_entete_gris {
width:190px;
height:25px;
background:url("../images/menu_droite_entete_gris.png") no-repeat left top;
}
.menu_droit .menu_droite_sans_entete {
width:190px;
height:10px;
background:url("../images/menu_droite_sans_entete.png") no-repeat left top;
}
.menu_droit .menu_droite_entete_vert h2 {
text-align:center;
color:#ffffff;
font-size:14px;
padding:5px 0 4px 0;
margin:0;
}
.menu_droit .menu_droite_entete_blanc h2, .menu_droit .menu_droite_entete_gris h2 {
text-align:center;
color:#459D3D;
font-size:14px;
padding:5px 0 4px 0;
margin:0;
}
.menu_droit .menu_droite_centre {
width:150px;
background:url("../images/menu_droite_centre.png") repeat-y left top;
padding:10px 20px;
}
.menu_droit .menu_droite_centre li {
list-style-type:none;
}

.menu_droit .menu_droite_centre a {
text-decoration:none;
color:#5f1037;
}

.menu_droit .menu_droite_centre a:hover {
text-decoration:underline;
color:#5f1037;
}
.menu_droit .menu_droite_bas {
width:190px;
height:10px;
background:url("../images/menu_droite_bas.png") no-repeat left bottom;
}


.bouton_vert {
width:140px;
height:25px;
background:url("../images/bt_vert.png") no-repeat left bottom;
margin:0 auto;
}

.bouton_vert a {
font-size:14px;
color:#fff;
font-weight:bold;
text-align:center;
line-height:25px;
display:block;
}

/* Bas de page */
div#bas_de_page {
width:750px;
font-size:11px;
text-align:center;
color:#5f1037;
}

div#bas_de_page a {
font-size:11px;
text-decoration:none;
color:#5f1037;
}

div#bas_de_page a:hover {
font-size:11px;
text-decoration:underline;
color:#5f1037;
}


.publicite_180 {
width: 190px;
margin: 0 auto 5px auto;
padding: 0 5px;
}