/*
Reset default browser CSS.
Based on work by Eric Meyer:
http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 			0;
	font-family: 		arial;
	font-size: 			100%;
	font-style: 		inherit;
	font-weight: 		inherit;
	margin: 			0;
	outline: 			0;
	padding: 			0;
	vertical-align: 	baseline;
}
* {
	margin: 0;
}
:focus {/* remember to define focus styles! */
	outline: 			0;
}
body {
	background: 		#fff;
	line-height: 		1;
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: 		none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: 	separate;
	border-spacing: 	0;
}
caption, th, td {
	font-weight: 		normal;
	text-align: 		left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 			"";
}
blockquote, q {
	quotes: 			"" "";
}
a img {
	border: 			0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: 			block;
}

li{
	list-style-image:url(../images/layout/item-list-square.gif);
	}

/* A message for users with JavaScript turned off */
noscript strong {
	display: 			block;
	font-size: 			18px;
	line-height:		1.5em;
	padding: 			5px 0;
	background-color: 	#ccc;
	color: 				#a00;
	text-align: 		center;
	width: 				100%;
	z-index: 			999;
}



/* =Global
----------------------------------------------- */
.clear, .Clear{
	clear:both;
}

*{
	margin:0;
	}

body,
html{
	height: 100%;
	}
html {
overflow-y:scroll;
}
body{
	/*background:url(../images/layout/menu-level1-bg-fill.png) repeat-x scroll left top #f0f0f0;*/
	background:url(../images/layout/menu-level1-bg-fill.png) repeat-x scroll left top #a7a7a7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	}

#wrapper{
	background: white;
	border-left: 2px solid #cfcccc;
	border-right: 2px solid #cfcccc;
	width: 976px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5.4em;
	/*z-index: 1;*/
	}
	#content{
		padding:0 17px 0 230px;
		}
footer, 
.push {
	height: 5.4em;
	}

/* HEADER */
#wrapper > header{
	background: url(../images/layout/menu-level1-bg-fill.png) repeat-x scroll left top #a7a7a7;
	margin-left: -2px;
	margin-right: -2px;
	}
header > .bande-top{
	background: url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 100% 0px transparent;
	height: 65px;
}
#menu-principal{
	float: left;
	height: 65px;
	}
#recherche{
	float: right;
	}
	#recherche a{
		position: relative;
		top: 3px;
		margin-left: 5px;
		}
#recherche a+a{
	margin-right: 5px;
}
#logo {
	float: left;
	margin-top: 17px;
	margin-left: 28px;
	width: 178px;
	position: relative;
	height: 100px;
	}

/*-------------------------------------------------*/
/* Menu Principal
/*-------------------------------------------------*/
nav#menu-principal > ul{
	background: url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 0px 0px transparent;
	height: 65px;
	}
	nav#menu-principal > ul > li:first-child{
		margin-left:2px;
		}
		nav#menu-principal > ul > li{
			background: url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 100% 0px transparent;
			position: relative;
			}

		nav > ul > li{
			display: inline-block;
			}
			nav li{
				list-style-image: none;
				}

			nav#menu-principal a{
				white-space: nowrap;
				}
				nav li.current > a {
color: #bbbbbb;
}
				nav a:hover{
					color: #bbbbbb;
					}

				nav a[href=""]{
					color: grey;
					}
					nav a[href=""]:hover{
						cursor: default;
						}
				nav li.current > a,
				nav li.current-ancestor > a{
					color: #bbbbbb;
					}
			nav#menu-principal > ul > li > a{
				margin-right:2px;
				color: white;
				text-decoration: none;
				font-size: 14px;
				line-height: 64px;
				display: block;
				height: 65px;
				padding: 0 15px;
				}
				nav#menu-principal > ul > li > a:hover{
					background: url(../images/layout/menu-level1-bg-fill-hover.png) repeat-x scroll 0 0 transparent;
					}
					nav a:hover{
						color: #bbbbbb;
						}

				nav li.current-ancestor > a{
					color: #bbbbbb;
					}

					nav li:hover > ul{
						display: block;
						}

					nav > ul ul{
						display: none;
						position: absolute;
						top: 65px;
						z-index: 999;
						background: url(../images/layout/menu-level2-bg.png) repeat scroll 0 0 transparent;
						}

					.ie7 nav > ul ul{
						margin-top: 20px;
						margin-left: -70px;
						}

					nav > ul ul li{
						line-height: 20px;
						padding: 1px 15px 1px 0;
						}

					nav ul ul li.current,
					nav ul ul li:hover {
						background: url(../images/layout/menu-level2-bg-over.png) repeat scroll 0 0 transparent;
						}

						nav ul ul li a {
							text-decoration: none;
							font-size: 13.5px;
							line-height: 32px;
							display: block;
							padding-left:15px;
							}
						nav ul ul li a,
						nav ul ul li a:hover,
						nav ul ul li span {
							color: white;
							}

							nav >ul ul ul{
								left: 100%;
								margin-top: -33px;
								}

#menu-principal img{
	display: none;
	}
/*-------------------------------------------------*/
/* END *** Menu Principal
/*-------------------------------------------------*/


#recherche input{
	margin-top: 6px;
	border-radius: 0;
	border: 0;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
}
/* FIN HEADER */

/*
#background .bande_gauche,
#background .bande_droite{
	position: absolute;
	overflow: hidden;
	top: 272px;
	display: block;
	bottom: 0;
	z-index: -1;
}
#background .bande_droite{
	top: 0;
}
#background .bande_gauche{
	right: 50%;
	left: 0;
}
#background .bande_droite{
	left: 50%;
	right: 0;
}

#background .bande_gauche *,
#background .bande_droite *{
	position: absolute;
}

#background .bande_gauche .middle,
#background .bande_droite .middle{
	height: 482px;
	width: 100px;
}
#background .bande_droite .middle{
	top: 272px;
	background: url('../images/bg-ombre-droit.png') no-repeat left top;
	left: 488px;
}
#background .bande_gauche .middle{
	background: url('../images/bg-ombre-gauche.png') no-repeat right top;
	right: 490px;
}
#background .bande_droite .top{
	top: 0;
	height: 273px;
	background: url('../images/bg-profil-ville.png') no-repeat left top;
	left: 490px;
	right: 0;
}


#content{
	margin-top: -2px;
	background: url('../images/bg-contenu-centre.png') repeat-x left top #fff;
	min-height: 547px;
	margin-bottom: 7px;
	margin-right: 2px;
}*/


h1,
h2,
h3{
	color:#005aab;
}
h1{
	margin-bottom: 25px;
	padding-bottom: 7px;
	/*background: url('../images/separateur.png') no-repeat left bottom;
	color: #545454;*/
}
h2{
	font-size: 26px;
	line-height:33px;
	}

/* Titre dans les entêtes de toutes les pages */
.page h1{
	/*position: absolute;
	top: 82px;
	left: 231px;
	margin: 0;*/
	font-size: 40px;
	position: absolute;
	top: -69px;
	left: 0;
	}
.page div > h2,
.page div > h3{
	background: url('../images/layout/title-side-line.jpg') no-repeat scroll 0 13px transparent;
	padding: 0px 0 0px 230px;
	margin: 17px 0 14px -230px;
	}
.page h2{
	font-size: 28px;
	}
.page div > h3{
	background-position:0 6px;
	}
h3{
	font-size: 18px;
}
/*
#content .sidebar-left{
	background: url('../images/bg-menu-lat.jpg') no-repeat right top #fff;
	width: 353px;
	min-height: 547px;
	float: left;
	margin-top: -2px;
}*/

#content {
	padding: 0 17px 0 230px;
	min-height: 505px;
	}
	#content .contenu{
		position:relative;
		padding: 16px 0;
		}
		#content > .entry-content:first-child{
			padding-top:16px;
			}
footer{
	background:url(../images/layout/footer-bg-fill.png) repeat-x scroll 0 0 #3c3c3c;
	line-height: 26px;
	}
	footer #foot{
		width: 979px;
		margin: 0 auto;
		}

		footer .foot-l1{
			background:url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 0px 0px transparent;
			}
			footer .foot-l2{
				background:url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 100% 0px transparent;
				height:63px;
				}

				#foot .foot-menu{
					margin: 0 2px;
					}
					#foot .foot-menu ul{
						display: block;
						height: 26px;
						padding: 5px 16px;
						border-bottom: 1px solid #636363;
						}
						#foot .foot-menu ul li{
							list-style-image: none;
							display: block;
							float: left;
							margin-right: 26px;
							font-size: 11px;
							}
							#foot .foot-menu ul li a:hover{
								opacity:.8;
								}
								#foot .foot-menu ul img{
									display:none;
									}

		#foot .lien{
			margin-left: 18px;
			float: left;
			}

		#foot .copyright{
			margin-right: 20px;
			float: right;
			font-size: 11px;
			}
			#foot .copyright,
			#foot .copyright a,
			#foot .lien a,
			#foot .foot-menu a{
				text-decoration: none;
				color: #e1e1e1;
				font-size: 11px;
				}
				#foot .copyright a:hover,
				#foot .lien :hovera{
					color:white;
					text-decoration: underline;
					}

.sidebar-left{

}
	.sidebar-left > div{
		padding: 11px;
	}

.sidebar-left .image{
	margin-bottom: 11px;
}

.menu-gauche{
	margin: 0 0 12px 17px;
	}

.menu-gauche img{
	display: block;
	margin: 0 auto;
	}
.ie7 .menu-gauche img{
}




/*
.menu-gauche nav ul li:nth-child(even){
	width: 171px;
}
.menu-gauche nav ul li.even{
	width: 171px;
}
.menu-gauche nav ul li:nth-child(odd){
	width: 160px;
}
.menu-gauche nav ul li.odd{
	width: 160px;
}
.menu-gauche nav ul li:nth-child(even) a, .menu-gauche nav ul li.even a{
	width: 91px;
}
.menu-gauche nav ul li.even a{
	width: 91px;
}
.menu-gauche nav ul li:nth-child(odd) a, .menu-gauche nav ul li.odd a{
	width: 80px;
}
.menu-gauche nav ul li.odd a{
	width: 80px;
}*/

/*.menu-gauche .current{
	background: url('../images/fleche-current-sous-menu.png') no-repeat 60px 12px;
}*/

#change_langue{
	background: url(../images/layout/menu-level1-bg-side.png) no-repeat scroll 0 0px transparent;
	position: absolute;
	padding: 0 10px;
	width: auto;
	z-index: 1;
	text-align: right;
	color: black;
	margin-top: -65px;
	right: 0;
	height: 65px;
	line-height: 64px;
	}

.ie7 #change_langue{
	margin-left: -350px;
}
#entete{
	position: relative;
	}
.page #entete{
	background-color: white;
	height: 148px;
	border: 2px solid #cfcccc;
	border-top: 0px solid;
	}

#change_langue a{
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 20px;
	height: 5px;
	text-shadow: white 0em 0em 0.05em;
	}
	#change_langue a:hover[href]{
		text-decoration: underline;
		}
.ie #change_langue a{
}

#change_langue a+a{
	border-left: 2px solid white;
	margin-left: 5px;
	padding-left: 5px;
	}

.entry-content{
	padding-right: 15px;
}
.entry-content ul{
	list-style: disc;
	margin-left: 25px;
	line-height: 15px;
}
.entry-content ol{
	list-style: decimal;
	margin-left: 25px;
	line-height: 15px;
}

.entry-content h2{
	margin-bottom: 10px;
	}
.entry-content p{
	line-height: 18px;
	color:#6d6d6d;
	font-size: 16px;
	margin: 16px 0;
	}

	.entry-content strong{
		font-weight: bold;
		}
	.entry-content p:last-child{
	line-height: 18px;
	color:#6d6d6d;
	font-size: 16px;
	margin: 16px 0;
	}
.omt-form{
	margin-top: 25px;
}

.omt-form label{
	width: 178px;
display: inline-block;
*display: inline;
zoom: 1;
	font-weight: bold;
	text-align: left;
	padding-right: 20px;
	vertical-align: top;
	line-height: 25px;
}
.omt-form label+input,
.omt-form label+select,
.omt-form label+span>select,
.omt-form label+textarea{
	margin-bottom: 10px;
	width: 200px;
}
.omt-form label+input[type="checkbox"]{
	width: auto;
	margin-bottom: 15px;
}
.omt-form input[type="submit"],
.omt-form input[type="button"]{
	margin-left: 200px;
}
.omt-form span.erreur{
	font-size: 11px;
	color: red;
	margin-left: 10px;
}
p.erreur,
p.message,
p.success{
	margin: 0 0 16px 8px;
	padding: 12px;

	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	width: 70%;
}
.entry-content a{
	color: #7B7B7B;
	text-decoration: underline;
}
.entry-content a:hover{
	color: #333;
}
p.erreur{
	background-color: #FFEBE8;
    border-color: #CC0000;
}
p.message{
	background-color: #ffffe0;
	border-color: #e6db55;
}
p.success{
	background-color: #E0FFE4;
	border-color: #4AB746;
}

#inscription{
	margin-top: 25px;
	width: 59%;
}
#inscription label{
	width: 150px;
	display: inline-table;
	font-weight: bold;
}
#inscription label+input{
	margin-bottom: 10px;
	width: 200px;
}
#inscription input[type="submit"]{
	float: right
}
#inscription .erreur{
	font-size: 11px;
	color: red;
	margin-left: 10px;
}

#inscription .message{
	background-color: #ffffe0;
	border-color: #e6db55;
	margin: 0 0 16px 8px;
	padding: 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
	color: #333;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}

h1+.entry-content+.post,
h1+.post{
	margin-top: -10px;
}

.post{
	margin-bottom: 25px;
}

table{
	border-collapse: collapse;
	border-spacing: 2px;

}
table th{
	background-color: #005aab;
	color: white;
	border: 1px solid gray;
	text-align: center;
	padding: 5px 10px;
	font-size: 14px;
	}
table th:first-child{
	text-align: left;
	}
table td{
	border: 1px solid gray;
	padding: 5px 10px;
	}
table p+p{
	margin-top: 15px;
}

#TexteTr{
	padding: 15px 75px 30px 0px;
	line-height: 16px;
}

.carte #baniere{
	display: none;
}
.carte #logo{

	float: left;
	position: relative;
	z-index: 100;

}
.carte #wrapper{
	width: 100%;
	margin-bottom: -15px;
}
.carte #content{
	width: 100%;
	margin: 0;
	top: 36px;
	position: absolute;
	min-height: auto;
}
.carte #background{
	display: none;
}
.carte .contenu{
	position: fixed;
	left: 353px;
	right: 0;
	width: auto !important;
	top: 36px;
	bottom: 15px;
	margin: 0 !important;
	padding: 0;
}
.carte .sidebar-left{
	position: fixed;
	left: 0;
	top: 36px;
	bottom: 15px;
	margin-top: 0 !important;
	background-color: #b5b5b5 !important;
	min-height: auto !important;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 206px;
}
.carte #logo-carte{
	padding: 0;
}
.carte #change_langue{
	z-index: 9999;
}
.carte .bande-top{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
}
.carte #entete{
	top:36px;
}
.carte #map{
	height: 100%;
	border-left: 1px solid #1E3E60;
	border-right: 1px solid #1E3E60;
}
.carte #btnClose{
	text-align: right;
	padding: 20px 20px 10px 0;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}
.carte .info{
	display: none;
	width: 25%;
	float: right;
	/*background: url('../images/bg-sidebar-full.png') repeat-x #b5b5b5;*/
	background: none repeat scroll 0 0 #3B699B;
	height: 100%;
	margin-left: -2px;
	color: white;
}
.carte .description{
	padding: 20px 10px;
}
.carte > footer, .carte .push {
    height: 15px;
}
.carte .sidebar-markers{
	margin-left: 25px;
}
.carte .sidebar-markers h2{
	margin-bottom: 15px;
}
.carte .sidebar-markers > div.unchecked{
	color: gray;
	filter: url('./grayscale.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.carte .sidebar-markers #aff_trafic{
	filter: none;
	-webkit-filter: none;
}
.carte .contextmenu{
	position: relative;
	display: none;
	background: #3B699B;
    border: 1px solid #CCC;
	color: white;
	font-size: 12px;
	line-height: 10px;
	padding: 5px;
    z-index: 10;
    position: relative;
	width: 250px;
}
.carte .contextmenu h1{
	color: white;
	font-size: 18px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 5px;
	border-bottom: 1px solid white;
	background: none;
	line-height: 18px;
}
.carte .contextmenu div.content{
	line-height: 14px;
}
.carte .contextmenu a.plus{
	color: white;
}
.carte .sidebar-markers > div{
	margin-bottom: 10px;
	cursor: pointer;
}
.carte .sidebar-markers > div img{
	float: left;
}
#aff_trafic p{
	color: black;
}
.carte .sidebar-markers > div p{
	float: left;
	line-height: 30px;
	padding-left: 5px;
	font-weight: bold;
}
.carte .sidebar-markers > div input{
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
}

/**********************************************************************/
/* Page : Accueil
/**********************************************************************/

/*----------------------------------*/
/* Carrousel
/*----------------------------------*/
#carrousel{
	border-bottom: 2px solid #cfcccc;
	position: relative;
	height: 328px;
	overflow: hidden;
}
#carrousel ul{
	height: 2000em;
	position: relative;
	top: 0;
}
#carrousel li{
	display: block;
}
#carrousel a{
	display: block;
	height: 328px;
	overflow: hidden;
}
#carrousel a span{
	display: none;
}
/*----------------------------------*/
/* END *** Carrousel
/*----------------------------------*/

/*----------------------------------*/
/* Submenu
/*----------------------------------*/
.submenu{
	padding: 17px 0 0px;
	}
	.submenu ul li,
	.submenu ul li a{
		width:144px;
		height:144px;
		}
	.submenu ul li{
		display:inline-block;
		margin: 0;
		padding: 0;
		background: url('../images/content/accueil/submenu-bg.png') no-repeat scroll 0px 0px transparent;
		text-align:center;
		margin-right: 15px;
		}

		.submenu li:last-child{
			margin-right:0px;
			}
		.submenu ul li:hover{
				background-position: 0px -144px;
				}
				.submenu ul li img{
					margin-top: 9px;
					}

			.ie7 .submenu a{
				padding-left: 18px;
				padding-top: 12px;
				}

			.submenu a{
				display:block;
				text-align:center;
				color:white;
				text-transform:uppercase;
				font-size:12px;
				text-decoration:none;
				font-weight:bold;
				line-height: 16px;
				}

				.submenu a img{
					margin-top:9px;
					}

				.submenu a span{
					margin-top: -4px;
					display: block;
					}
/*----------------------------------*/
/* END *** Submenu
/*----------------------------------*/

.frontpage #content {
	padding: 0 17px;
	min-height: 326px;
	}
	.frontpage h1{
		font-size: 28px;
		margin-top:16px;
		}
	.frontpage h2{
		background: none;
		margin-left:0;
		padding-left:0;
		}

/**********************************************************************/
/* END *** Page : Accueil
/**********************************************************************/