/* Tag CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	font-family: Ubuntu, sans-serif;
}

table{
	border-spacing:0;
	border-collapse:collapse;
}

fieldset,img{
	border:0;
	display: block;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{
	content:'';
}

abbr,acronym{
	font-variant:normal;
	border:0;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

input,textarea,select{
	font-size:inherit;
	font-family:inherit;
	font-weight:inherit;
}

legend{
	color:#000;
}

a img{
	border:none;
}

.clear{
	clear:both;
	height:0;
	visibility:hidden;
	width:0;
	overflow:hidden;
	display:block;
}

html{
	overflow-Y:scroll;
	margin:0 0 0 -1px;
}

body{
	width:100%;
	display:table;
	background-image:url('../Images/Master/BackGround.png');
	background-repeat: repeat-x;
}

#top-line{
	position:relative;
	height:150px;
	width:100%;
	background-color:#ffffff;
	opacity: 0.89;
	/*background-image2:url('#000000' );*/
	background-position:center top;
	background-repeat:repeat-x;
	/*background-image:url('../Images/Master/top-bg.png');*/
}

#top-line .overlay{
	background-image:none;
}

.No-Padding{
	padding: 0px;
}

.TD-Padding{
	padding-left: 25px;
	padding-right: 25px;
}

#top{
	width: 1024px;
	margin:0 auto;
	height: 150px; 
}

#wrapper{
	width:100%;
	/*background-color:#F7F7F7;*/
	background-position:center top;
	background-repeat:repeat-x;
	/*background-image:url('../Images/Master/wrapper-bg.png');*/
}

#wrapper .overlay{
	position:absolute;
	height:500px;
	background-color:transparent;
	margin-left:-700.0px;
	left:50%;
	background-repeat:no-repeat;
	/*background-image:url('../Images/Master/wrapper-img.png');*/
	background-position:center top;
}

#wrapper .border-top{
	position:absolute;
	height:25px;
	width:100%;
	background-color:transparent;
	background-repeat:repeat-x;
	/*background-image:url('../Images/Master/wrapper-borderTop.png');*/
	background-position:center top;
}

#container{
	position:relative;
	width:1124px;
	margin:0 auto;
}

#container .hd{
	height:254px;
	width:100%;
	background-color:transparent;
	margin:0 auto;
	/*background-image:url('../Images/Master/container-hd2.png');*/
	background-position:center top;
}

#container-top{
	position:relative;
	height:20px;
	width:1024px;
}

#Logo-Laurent{
	background-image:url('../Images/Master/Logo-Laurent-Venne.png');
	width:420px;
	height: 144px;
	background-repeat: no-repeat;
	cursor:pointer;
}

#Logo-Ville{
	margin-top: 92.4px;
	background-image:url('../Images/Master/Logo-Ville.png');
	width: 203px;
	height: 53px;
	background-repeat: no-repeat; 
}

#banner{
	position:relative;
	height:125px;
	width:1024px;
	background-color:transparent;
	margin:0 auto;
	background-position:center top;
}

#hmenu-line{
	height: 40px;
	position: relative;
	top:-40px;
	width: 100%;
	background-color: #ffffff;
	opacity: 0.97;
	z-index: -1;
}

#hmenu-wpr{
	height:40px;
	width:1024px;
	margin:0 auto;
}

ul#hmenu{
	list-style-type:none;
	height:40px;
	font:14px Ubuntu,sans-serif;
	text-transform:uppercase;
	width:1024px;
	margin:0 auto;
	padding:0;
	/*background-image:url('../Images/Master/hmenu.png');*/
	background-position:left top;
	background-repeat:repeat-x;
}

ul#hmenu li a, ul#hmenu li a:visited{
	line-height:24px;
	color:#ffffff;
}

ul#hmenu li a.toplvl, ul#hmenu li a.toplvl:visited{
	line-height:40px;
	color:#5C5C5C;
	font-weight:bold;
	padding:0 53px;
	width: 150px;
	text-align: center;
}

ul#hmenu li a.toplvl:hover, ul#hmenu li.current a.toplvl{
	color:#7F9D01;
	background-color:transparent;
	/*background-image:url('../Images/Master/hmenu-sel.png');*/
	background-position:left top;
	background-repeat:repeat-x;
}

.sf-menu,.sf-menu *{
	list-style:none;
}

.sf-menu{
	line-height:1.0;
	margin-bottom:1em;
	float:left;
}

.sf-menu ul{
	position:absolute;
	width:254px;
	top:-999em;
}

#hmenu .sf-menu ul{
	height:40px;
}

.sf-menu ul li{
	width:100%;
}

.sf-menu li:hover{
	visibility:inherit;
}

.sf-menu li{
	position:relative;
	background-color:transparent;
	float:left;
}

.sf-menu a{
	position:relative;
	text-decoration:none;
	display:block;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{
	left:0;
	z-index:99;
	top:40px;
}

#hmenu .sf-menu li:hover ul,#hmenu .sf-menu li.sfHover ul{
	top:40px;
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{
	top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{
	/* match ul width */top:0;
	left:150px;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{
	top:-999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{
	/* match ul width */top:0;
	left:150px;
	opacity: 1.00;
}

.sf-menu ul li a{
	padding:0em 2em;
	font:15px Ubuntu,sans-serif;
	text-transform:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.sf-menu li li{
	background:#7c9e26;
	opacity: 0.80;
}

.sf-menu li li:hover{
	background:#7c9e26;
	opacity: 1.00;
}

.sf-menu li li li{
	background:#7c9e26;
}

.sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{
	color: #7F9D01;
	outline:0;
}

.sf-menu a.sf-with-ul{
	padding-right:2.25em;
	min-width:1px;
}

.sf-sub-indicator{
	position:absolute;
	text-indent:-999em;
	height:10px;
	/* IE6 only */width:10px;
	/*background:url('../Images/Master/hmenu-arrows.png') no-repeat 0px 0px;*/
	overflow:hidden;
	display:block;
	right:.75em;
	top:1.05em;
}

a > .sf-sub-indicator{
	top:12px;
}

a.toplvl > .sf-sub-indicator{
	/* give all except IE6 the correct values */top:17.0px;
	background-position:0 -10px;
}

a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{
	background-position:0px -100px;
}

.sf-menu ul .sf-sub-indicator{
	background-position:-10px 0;
}

.sf-menu ul a > .sf-sub-indicator{
	background-position:0 0;
}

.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator{
	background-position:-10px 0;
}

.sf-shadow ul{
	-wwebkit-border-top-right-radius:17px;
	/*box-shadow:5px 5px 5px #CCC;*/
	-wwebkit-border-bottom-left-radius:17px;
	-mmoz-border-radius-topright:17px;
	/*-webkit-box-shadow:5px 5px 5px #CCC;*/
	border:1px solid #AAA;
	ppadding:0 8px 9px 0;
	-mmoz-border-radius-bottomleft:17px;
	/*-moz-box-shadow:5px 5px 10px #AAA;*/
}

.sf-shadow ul.sf-shadow-off{
	background:transparent;
}

#container .bd{
	position:relative;
	width:100%;
	background-color:transparent;
	margin:0 auto;
	background-position:center top;
	background-repeat:repeat-y;
	/*background-image:url('../Images/Master/container-bd.png');*/
}

#page{
	position:relative;
	width:1024px;
	margin:0 auto;
	/*background-color: #f7f7f7;*/
}

#main{
	position:relative;
	line-height:20px;
	letter-spacing:normal;
	color:#000000;
	text-transform:normal;
	font-size:13px;
	font-style:normal;
	width:724px;
	margin-left:0px;
	font-family:Ubuntu, sans-serif;
	font-weight:normal;
	float:left;
}

#main .content{
	position:relative;
	margin:20px 15px;
}

#main p a:link, #main p a:visited{
	color:#1597A4;
	text-decoration:none;
}

#main p a:hover{
	color:#ffa500;
}

#main h1{
	letter-spacing:-1px;
	font-style:normal;
	background-color:transparent;
	font-weight:normal;
	padding:0px;
	color:#000000;
	text-transform:none;
	font-size:30px;
	margin:15px 0 15px 0;
	font-family:Ubuntu, sans-serif;
	border:0;
	text-shadow:none;
	background-image:none;
	background-repeat:no-repeat;
}

#main h2{
	letter-spacing:-1px;
	font-style:normal;
	background-color:transparent;
	font-weight:normal;
	padding:0px;
	color:#000000;
	text-transform:none;
	font-size:18px;
	margin:10px 0 10px 0;
	font-family:Ubuntu, sans-serif;
	border:0;
	text-shadow:none;
	background-image:none;
	background-repeat:no-repeat;
}

#main h3{
	letter-spacing:1px;
	font-style:normal;
	background-color:transparent;
	font-weight:bold;
	padding:0px;
	color:#000000;
	text-transform:none;
	font-size:14px;
	margin:5px 0;
	font-family:Ubuntu, sans-serif;
	border:0;
	text-shadow:none;
	background-image:none;
	background-repeat:no-repeat;
}
#main h4{
	letter-spacing:-1px;
	font-style:normal;
	background-color:transparent;
	font-weight:normal;
	padding:0px;
	color:#000000;
	text-transform:none;
	font-size:18px;
	margin:10px 0 10px 0;
	font-family:Ubuntu, sans-serif;
	border:0;
	text-shadow:none;
	background-image:none;
	background-repeat:no-repeat;
}

#main .content p{
	text-align:justify;
}

#main h1:first-child{
	margin:0px 0 15px 0;
}

#MotAccueil{
	position:relative;
	width:300px;
}

#sidebar .content{
	position:relative;
	margin:0 10px;
}

#page a:hover{
	text-decoration:underline;
}

.footer{
	position: relative;
	top: 75px;
	background-image:url('../Images/Master/footer.png');
	width: 100%;
}

#Bas-Page{
	font-size: 12px;
	color: #000000;
	width: 800px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#Bas-Page a{
	color: #000000;
	text-decoration: none;
}

#Tab-SiteMap td{
	padding-right: 60px;
}

#SiteMapFirstLine a{
	color: #7FBF22;
}

#Bulle{
	position: relative;
	top: -27px;
	background-image:url('../Images/Master/Bulle.png');
	width: 260px;
	height: 130px;
}

.TD-NoLink{
	color: #CAD2BA;
}

#Droit{
	background-color: #6c9021;
	opacity: 0.5;
	width: 100%;
	height: 50px;
	color: #ffffff;
	font-size: 13px;
	padding-top: 5px;
}

#Tab-Droit{
	width: 800px;
	margin: 0 auto;
}

#TD-Droit-Face{
	width: 277px;
}

#InnerModal
{
	position:relative;
	margin: 0 auto;
	width: 800px;
	min-height: 500px;
	padding: 10px;
	background-color:white;
	display: none;
	z-index: 1500;
}

#ModalWarp{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#ShowModal
{
    display: none;
    position: fixed;
    overflow:hidden;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    z-index: 1000;
    background-image: url('../Images/Master/Shade.png');
}
#WarperPage
{
	margin-left: 15px;
}
#WarperPage tr
{
	vertical-align: top;
}
a
{
	cursor:pointer;
}
a:hover
{
	cursor:pointer;
}

.Bouton-Header{
	color:#ffffff;
	text-decoration: none;
	font-size: 11px;
	font-family:Ubuntu, sans-serif;
	font-weight: bold;
}

.Bouton-Header:hover{
	color:#ffffff;
	text-decoration: none;
}

.Div-Bouton {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #737373;
}

.Div-Bouton:hover {
	background-color: #00a453;
}

.Div-Face{
	background-image:url('../Images/Master/Facebook.png'); 
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
}

.Div-Joindre{
	width:76px;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}