/* Balises standard */
html,body,table,div,form {margin:0;padding:0;}
body {
	width: 927px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
}
p {margin:0 0 1em 0;padding:0}
h1{margin:0 0 .7em 0;padding:0}
ol,li{text-align: left;}
img {border-width: 0px;}
body,td,th {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #000000;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
h1 {
	font-size: 36px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* Classes communes Front Office et Back Office */
.bandeau_bas {
	padding-right: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	text-align: center;
}
.bandeau_haut {
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 50px;
	color: #FFFFFF;
	text-align: left;
}
.bandeau_haut .texte {
	font-size: 14px;
}
.contact {
	font-size: 18px;
	font-style: normal;
	text-align: right;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	color: #000000;
}
.contact a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.contact a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.contact a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
.copyright {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CCCCCC;
}
.copyright a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #888888;
}
.copyright a:link {
	color: #000000;
	text-decoration: none;
}
.copyright a:visited {
	color: #000000;
	text-decoration: none;
}
.copyright a:hover {
	color: #888888;
	text-decoration: none;
}
.edito {
	text-align: left;
	vertical-align: top;
}
.edito .texte {
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	font-size: 12px;
	text-align: left;
}
.logo {
	width: 400px;
	padding-top: 13px;
	padding-left: 22px;
	text-align: left;
}
.menu {
	font-size: 16px;
	font-style: normal;
	line-height: 30px;
	text-align: right;
	vertical-align: top;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 20px;
	color: #000000;
	text-transform: capitalize;
}
.menu a:link {
	color: #000000;
	text-decoration: none;
}
.menu a:visited {
	color: #000000;
}
.menu a:hover {
	color: #FFCC00;
}
.menu_bas {
	text-align: center;
	padding: 10px 20px;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-transform: capitalize;
}
.menu_bas a:link {
	color: #000000;
	text-decoration: none;
}
.menu_bas a:visited {
	color: #000000;
}
.menu_bas a:hover {
	color: #FFCC00;
}

/* Classes Back Office */
.bo {
	text-align: center;
	color: #000000;
	border-top: 3px solid #0099CC;
	border-bottom: 3px solid #0099CC;
}
.bo TD {
	color: #000000;
	background-color: #CCCCCC;
}
.bo_fiche {
	width: 80%;
	font-size: 14px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	margin-bottom: 10px;
	background-color: #3300CC;
	border: 1px solid rgb(255, 102, 0);
	border: 1px solid #000000;
	text-align:center;
}
.bo_fiche TD {
	background-color: #E0E0E0;
}
.bo_liste {
	width: 80%;
}
.bo_liste TD {
	background-color: #E0E0E0;	/* fond de la liste */
}
.bo_liste_data {
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	text-align:center;
}
.bo_liste_lien {
	font-size: 11px;
	font-weight: bold;
}
.bo_liste_lien a:link {
	color: rgb(102, 102, 102);
	text-decoration: none;
}
.bo_liste_lien a:visited {
	color: rgb(102, 102, 102);
	text-decoration: none;
}
.bo_liste_lien a:hover {
	color: rgb(255, 102, 0);
	text-decoration: none;
}
.bo_liste_menu {
	text-align:center;
}
.bo_liste_table {
	color: rgb(255, 255, 255);
	margin: 0px;
	background-color: #000000;	/* encadrement */
	width: 100%;
	padding: 0px;
}
.bo_liste_titre {
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	padding: 2px;
	text-align:center;
}
.bo_menu {
	text-align:center;
	font-size: 11px;
	text-decoration: none;
}
.bo_menu a:link, .bo_menu a:visited {
	text-align:center;
	font-size: 11px;
	text-decoration: none;
}
.bo_menu a:hover {
	color: rgb(255, 102, 0);
}
.bo_stat, .bo_stat TD {
	font-size: 11px;
	color: #000000;
}
.bo_tri, .bo_tri TD {
	background-color: #E0E0E0;
}
.bouton {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border: 1px solid #990000;
}
.breadcrumbs {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: normal;
	clear: left;
}
.breadcrumbs a:link{
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumbs a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: rgb(255, 102, 0);
}
.champ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	color: #000000;
}
.champ a {
	text-decoration: none;
	color: #000000;
}
.champ a:link {
	text-decoration: none;
	color: #000000;
}
.champ a:link {
	text-decoration: none;
	color: #000000;
}
.champ_gras {
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.form_lib {
	color:#000000;
	font-size: 11px;
	text-decoration: none;
	text-align: right;
}
.legende {
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	text-decoration: none;
}
.lien_pagination {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: none; text-decoration: none;}
.lien_pagination a:link {color:#990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;}
.lien_pagination a:visited {color:#990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;}
.lien_pagination a:hover {color:#660066; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: underline;}
.login {
	width: 230px;
	font-size: small;
	border: 1px solid #663366;
	padding: 4px;
	margin-bottom: 10px;
}
.sel_titre {color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none;}
.sel_champ {color:#000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; text-decoration: none;}

/* Classes Front Office */
.bandeau_contact {
	text-align: left;
	padding: 10px;
}
.bandeau_droit {
	text-align: right;
	width: 180px;
	vertical-align: top;
}
.bandeau_gauche {
	width: 220px;
	vertical-align: top;
}
.bandeau_milieu {
	width: 400px;
}
.mod_article {
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
}
.mod_article a:link, .mod_article a:visited {
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
.mod_article a:hover {
	text-transform: none;
	text-decoration: none;
	color: #D34910;
}
.mod_article .menu {
	padding: 0px;
	text-align: left;
	padding-right: 10px;
	font-size: 10px;
	text-transform: none;
	vertical-align: middle;
	line-height: normal;
	padding-bottom: 10px;
}
.mod_article .menu a:link {
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
.mod_article .menu a:visited {
	color: #000000;
}
.mod_article .menu a:hover {
	text-decoration: none;
	color: #D34910;
}
.mod_article .vignettes {
	text-align: left;
	padding-right: 10px;
	font-size: 10px;
	text-transform: none;
	vertical-align: middle;
}
.mod_article .vignettes a:link {
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
.mod_article .vignettes a:visited {
	color: #000000;
}
.mod_article .vignettes a:hover {
	text-decoration: none;
	color: #D34910;
}
.mod_article .visuel {
	text-align: left;
	vertical-align: middle;
	padding-bottom: 2px;
}
.mod_edito {
	text-align: left;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #000000;
}
.mod_edito h1 {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
.mod_entete {
	text-align: left;
	color: #FFFFFF;
	background-color: #D34910;
	padding-left: 50px;
	padding-bottom: 10px;
}
.mod_entete h1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.mod_entete .menu {
	margin: 0px;
	padding: 0px;
	text-align: left;
	padding-right: 10px;
	font-size: 12px;
	text-transform: none;
	vertical-align: middle;
}
.mod_entete .menu a:link {
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
}
.mod_entete .menu a:visited {
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
	font-variant: normal;
}
.mod_entete .menu a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.mod_entete .texte {
	padding-right: 0px;
	font-size: 11px;
}
.mod_produit {
	text-align: left;
	color: #000000;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
height: 700px;
}
.mod_produit a:link, .mod_produit a:visited {
	text-transform: none;
	text-decoration: none;
	color: #D34910;
}
.mod_produit h1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mod_produit .visuel {
	padding-top: 0px;
	padding-bottom: 10px;
}
.suite {
	text-align: center;
	font-size: 10px;
}

#map_canvas {
text-align: center;
border: 4px #D34910 solid ;
width: auto; 
height: 400px;
z-index: 1;
}

.bandeau_vignettes {
border: 0px solid;
padding: 0px;
}
.bandeau_vignettes .vignette {
	width: 70px;
	float: left;
	margin-right: 4px;
	height: 80px;
	width: auto;
	padding: 0px;
	margin-right: 8px;
}

#drapeaux {
width: auto; 
margin: 0px 0px 16px 20px;
height: 23px;
}
#drapeaux img {
display : inline-block;
}




.menu ul ul {display: none; position: absolute; top: -1px; margin:0px; padding: 0px; border: 1px solid grey;}
.menu li {list-style-type: none; position: relative; margin: 0px}
.menu ul.niveau2 li:hover {
}
.menu li:hover ul.niveau2, .menu li li:hover ul.niveau3 {display: block}

.menu ul {
margin: 0;
padding: 0;
}
.menu ul.niveau1 li {
text-align: right;
}
.menu ul.niveau2 li {
text-align: left;
min-width: 300px; 
padding-left: 12px;
}
.menu ul.niveau2 {
left: 204px;
background-color: #D34910;
text-transform: none;
z-index: 99;
}
.mod_entete .menu .item .visuel {
	height: auto;
	width: 25px;
}
.mod_produit .haut .visuel {
	height: auto;
	width: 30px;
}
.menu .niveau1 .niveau2 .visuel {
	height: auto;
	width: 25px;
}