@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(featured_slide.css);
@import url(font_face.css);


body{
	background-image: url("../images/body-background.jpg");
	border-right-width: 0px;
	border-left-width: 0px;
	text-align: center;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding:0;
	font-size: 75%;
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #333333;
	background-position: center 50px;
	background-repeat: no-repeat;
	background-color: #e8e8e8;
	background-attachment: scroll;
	}
	
.artisan{ background-color: #dadada; margin-bottom: 15px;border-bottom-color: #dcdcdc; border-bottom-style: dashed; border-bottom-width: 1px; ;background-image:  url("../images/individuelle.png"); background-repeat: no-repeat; background-position: 480px 0px; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius-topright: 1em; 
    -moz-border-radius-bottomright: 1em;
    -webkit-border-top-right-radius: 12px; 
    -webkit-border-bottom-right-radius: 12px;
    padding:15px}
    
.categorie{
	background-color: #f1f1f1; 
	margin-bottom: 35px; 
	border: #dfdfdf; 
	border-style: dashed; 
	border-width: 1px; ; 
	background-image:  url("../images/categorie.png"); 
	background-repeat: no-repeat; 
	background-position: 480px 0; 
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    	-moz-border-radius-topright: 1em; 
    	-moz-border-radius-bottomright: 1em;
    	-webkit-border-top-right-radius: 12px; 
    	-webkit-border-bottom-right-radius: 12px;
    	padding:15px}

img{ border-width: 0px; display:block; margin:0; padding:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

a{ outline:none; text-decoration: underline; color: #959797;}


blockquote{
   visibility: visible;
   height: 100%;
   display: block;
   color: #d9d9d9;
   font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
   font-size: 18px;
   line-height: 1.4em;
   width: 230px;
   float: right;
}

blockquote p:first-child{
   color: #d9d9d9
   font-size: 1.2em;
   line-height: 1.66em;
}

blockquote p:first-child:first-line{
   height: 100%;
   width: 100%;
   color: #d9d9d9;
   font-weight: normal;
   font-variant: normal;
}


blockquote p::before {
   content: '\201C';
   color: #7ea3b6;
   font-size: 2em;
   line-height: 0.5em;
   height: 0.25em;
   margin-left: -18px;
   margin-right: 5px;
   position: relative;
   top: 10px;
}

blockquote p::after {
   content: '\201D ';
   color: #7ea3b6;
   font-size: 2em;
   line-height: 0.5em;
   height: 0.25em;
   margin-left: 5px;
   position: relative;
   top: 10px;
}

blockquote p:first-child::before { ... } and
blockquote p:last-chile::after{ ... }

.fl_left{float:left;}
.fl_right{ float:right;}
.imgl, .imgr{border-style: solid; padding:5px;}
.imgc{text-align: center; margin:0 8px 8px 0;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}
.facebook{float:left; margin:0 8px 8px 0; clear:left;}


/* ----------------------------------------------Wrapper-------------------------------------*/
#boite-imagel{
margin: 5px;
line-height: 10px;
color: #333333;
max-width: 270px;
text-transform: italic;
font-size: 9px;
clear: left;
float: left;
text-align: justify;
border-width: 0px;
padding: 5px;
}

#boite-imager{
margin: 5px;
line-height: 10px;
color: #333333;
max-width: 230px;
text-transform: italic;
font-size: 9px;
clear: right;
float: right;
text-align: justify;
border-width: 0px;
padding: 5px;
}

#boite-image-accueil-right{
height: 300px;
float: right;
line-height: auto;
color: #333333;
text-transform: italic;
font-size: 12px;
text-align: left;
}

boite-image-hebergement-r
{
margin: 5px;
line-height: 10px;
color: #333333;
max-width: 230px;
text-transform: italic;
font-size: 9px;
clear: right;
float: right;
text-align: justify;
border-width: 0px;
padding: 5px;
width: 350px;
}


#boite-imagelarge{
margin: 5px;
line-height: 10px;
color: #333333;
max-width: 570px;
height:300px;
text-transform: italic;
font-size: 9px;
clear: left;
float: left;
text-align: justify;
border-width: 0px;
padding: 5px;
}

.img-tourisme{
	width: 300px;
	float: left;
	margin-left: 8px;
	margin-bottom: 8px;
	}
	
div.wrapper{
	margin-left: auto;
	margin-bottom: 0px;
	margin-right: auto;
	margin-top: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	display:block;
	width:100%;
	text-align:left;
	border-bottom: #E3E3E3;
	}

div.wrapper h1{
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #7ea3b6;
	line-height: 15px;
	margin-bottom: 6px;
	text-transform: uppercase;
	position:relative;
    width:90%;     
    background:#fff;
    text-shadow: 0pt 2px 0pt rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    -moz-border-radius-topright: 1em; 
    -moz-border-radius-bottomright: 1em;
    -webkit-border-top-right-radius: 12px; 
    -webkit-border-bottom-right-radius: 12px;
	}
div.wrapper h1.mairie{background-color: #7ea3b6;}	

div.wrapper h1.decouvrir{background-color: #A358C3;}	

div.wrapper h1.tourisme{background-color: #97A70A;}

div.wrapper h1.enfance{background-color: #F5CD00;}

div.wrapper h1.sport{background-color: #E30063;}

div.wrapper h1.culture{background-color: #E30063;}

div.wrapper h1.loisir{background-color: #E30063;}

div.wrapper h1.pratique{background-color: #F0A500;}

div.wrapper h1.economie{background-color: #02207e;}
	
 div.wrapper h2, {
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	}

div.wrapper h3{
	margin-top: 8px;
	margin-left: 104px;
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #7ea3b6;
	line-height: 15px;
	margin-bottom: 20px;
	position:relative;
    width:70%;     
    -webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}
div.wrapper h3.mairie{background-color: #7ea3b6;}

div.wrapper h3.decouvrir{background-color: #A358C3;}
	
div.wrapper h3.tourisme{background-color: #97A70A;}

div.wrapper h3.enfance{background-color: #F5CD00;}

div.wrapper h3.sport{background-color: #E30063;}

div.wrapper h3.culture{background-color: #E30063;}

div.wrapper h3.loisir{background-color: #E30063;}

div.wrapper h3.pratique{background-color: #F0A500;}

div.wrapper h3.economie{background-color: #02207e;}

div.wrapper h4{
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cc3333;
	line-height: 15px;
	margin-bottom: 20px;
	text-transform: uppercase;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
	}

div.wrapper h5{
	margin-top: 19px;
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 14px;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #7ea3b6;
	line-height: 15px;
	margin-bottom: 20px;
	-webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 41px rgba(0, 0, 0, 0.3) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;	}
	
div.wrapper h5.decouvrir{background-color: #A358C3;}	
div.wrapper h5.economie{background-color: #02207e;}	
div.wrapper h5.enfance{background-color: #F5CD00;}
div.wrapper h5.mairie{background-color: #7ea3b6;}
div.wrapper h5.pratique{background-color: #F0A500;}
div.wrapper h5.sport{background-color: #E30063;}
div.wrapper h5.tourisme{background-color: #97A70A;}

div.wrapper h6{
	text-align: left;
	margin-top: -3px;
	font-size: 11px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	color: #336699;
	}
	
div.wrapper h7{

color: #606060;
font-size: 13px;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
display: block;
text-transform: uppercase;

}

div.wrapper h7.decouvrir{color: #A358C3;}
	
div.wrapper h7.tourisme{color: #97A70A;}

div.wrapper h7.enfance{color: #F5CD00;}

div.wrapper h7.sport{color: #E30063;}

div.wrapper h7.culture{color: #E30063;}

div.wrapper h7.loisir{color: #E30063;}

div.wrapper h7.pratique{color: #F0A500;}

div.wrapper h7.economie{color: #02207e;}

div.wrapper .titre{
	background-image: url("../images/titre.png");
	background-repeat: no-repeat;
	background-position: 0 5px; 
	color:white;
	display:block;
	height: 21px;
	font-size: 15px;
	font-weight:bolder;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height:normal;
	margin-top: 0px;
	margin-left: -32px;
	padding-left: 30px;
	padding-bottom: 14px;
	padding-top: 12px;
	padding-right: 0;
	text-align: left; 
	}

div.wrapper .titre-tourisme{
	background-image: url("../images/titre-tourisme.png");
	background-repeat: no-repeat;
	background-position: 0 5px; 
	color:white;
	display:block;
	height: 21px;
	font-size: 15px;
	font-weight:normal;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height:normal;
	margin-top: 0px;
	margin-left: -32px;
	padding-left: 30px;
	padding-bottom: 14px;
	padding-top: 12px;
	padding-right: 0;
	text-align: left;
		}
	
div.wrapper .titre-mairie{
	background-image: url("../images/titre-mairie.png");
	background-repeat: no-repeat;
	background-position: 0 5px; 
	color:white;
	display:block;
	height: 21px;
	font-size: 15px;
	font-weight:normal;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height:normal;
	margin-top: 0px;
	margin-left: -32px;
	padding-left: 30px;
	padding-bottom: 14px;
	padding-top: 12px;
	padding-right: 0;
	text-align: left;
	
	}

div.wrapper .titre-pratique{
	background-image: url("../images/titre-pratique.png");
	background-repeat: no-repeat;
	background-position: 0 5px; 
	color:white;
	display:block;
	height: 21px;
	font-size: 15px;
	font-weight:normal;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height:normal;
	margin-top: 0px;
	margin-left: -32px;
	padding-left: 30px;
	padding-bottom: 14px;
	padding-top: 12px;
	padding-right: 0;
	text-align: left;
	
	}


.col0, .col0 a{background-repeat: no-repeat; color:#FFFFFF;}

.col3{ padding-left: 30px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; color:#FFFFFF;}

                                                                                                  
.col2{  color:#FFFFFF;background: transparent;}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topline, #topbar, #breadcrumb, .container, #hpage_cats, #adblock, #socialise, #footer, #copyright{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}
	
	
/* ----------------------------------------------TopBar-------------------------------------*/

#topline{
	padding:10px 0;
	}

#topline p{
	float:left;
	margin:0;
	padding:0;
	}

#topline ul{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}

#topline li{
	display:inline;
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #999999;
	}

#topline li.last{
	margin-right:0;
	padding-right:0;
	border:none;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	padding-bottom: 0px;
	padding-right: 0;
	padding-top: 0px;
	height: 100px;
	z-index: 0;

	}

#header .fl_left{
	width: 480px;
	display:block;
	float:left;
	margin-top: 0px;
	overflow:hidden;
	}

#header .fl_right{
	margin-right: 0px;
	margin-left: 0px;
	display:block;
	float: none;
	width: 480px;
	margin-top: 0px;
	overflow:hidden;
	}

#header h1, #header p, #header ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header h1 a{
	font-size:46px;
	color:#999999;
	background-color:#FFFFFF;
	}

#header h1 strong{
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	font-weight:normal;
	color: #003366;
	background-color:#FFFFFF;
	}
	
#header h2{
	font-family: BaskervilleFSBoldItalic, Arial, "sans-serif;";
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	}

#header .fl_left p{
	text-align:right;
	margin-top:0px;
	}

/* ----------------------------------------------Topbar-------------------------------------*/

#topbar{
	padding-left: 0px;
	padding-bottom: 0;
	padding-right: 0px;
	padding-top: 0px;
	background-color: transparent;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;	z-index:1000;
	}
	
#topdrapeau{
	background-color: transparent;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;	z-index:1300;
	width: 430px;
	height: 18px;
	margin-left: 60px;
	margin-top: -20px;
	}

#topbar #search{
	display:block;
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
	
	padding-bottom: 2px;
	padding-right: 0;
	padding-top: 10px;
	/*background-repeat: repeat-y;
	background-image: url("../images/background-page.png");*/
	color:#003366;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	height:30px;
	}
#breadcrumb a{outline:none; text-decoration:none; color: #003366;}

#breadcrumb ul{
	
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;color: #003366; padding-left: 10px;}
#breadcrumb ul li.current a{text-decoration:underline;color: #003366;}

/* ----------------------------------------------Content-------------------------------------*/

.container{
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 0px;
	border-bottom-color: #cdcdcd;
	border-bottom-style: solid;
	padding-left: 0;
	padding-bottom: 5px;
	padding-right: 0;
	padding-top: 0px;
	/*background-repeat: repeat-y;
	background-image: url("../images/background-page.png");*/
	}

.content{
	border-bottom-width: 0px;
	color: #333333;
	font-size: 15px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	display:block;
	float:left;
	width:630px;
	}
	
.content2{
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 0px;
	color: #333333;
	font-size: 15px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	display:block;
	width: 1000px;
	}
	
.page-block{
	display:block;
	float:left;
	width: 650px;
	padding : 10px;
	}
/* ----------------------------------------------Page-------------------------------------*/	
.page{
	background-repeat: no-repeat;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;	display:block;
	float:left;
	width: 640px;
	padding : 10px;
	}
	
.page h2 {
	width: 100%;
	display:run-in; 
	background-color: #7ea3b6;; 
	color:#fff; 
	padding:70px 3px 1px; 
	margin-right:5px
	}




	
.page a{ outline:none; border-bottom: 1px dotted #003366; color: #003366;}
 

.page a:hover{
   background: transparent;
   color: #003366;
   border-bottom: solid;
	}
	
.pagetourisme{
	height: 600px;
	border-bottom-width: 0px;
	background-repeat: no-repeat;
	border-right-style: none;
	border-left-style: none;
	border-right-width: 0px;
	border-left-width: 0px;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;	display:block;
	float:left;
	width: 640px;
	padding : 10px;
	}
	
#office-header{
	margin-bottom: 20px;
	padding-left: 12px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: Justify;
	width: 610px;
	color: #4c4c4c;
	line-height: 20px;
	font-size: 14px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	background-color: #f0f0f0;
	border-width: 1px;
	border-style: dotted;
	border-color: #c7c5c8;
	}

.office-header-txt{
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
	padding-top: 1px;
	text-align: jusity;
	height: auto;
	width: 430px;
	color: grey;
	line-height: 20px;
	font-size: 14px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	}
	
.img-office-header {
	margin-right: 15px;
	padding: 1px;
	}
	
#guillemet{
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: Left;
	width: 600px;
	color: black;
	line-height: 20px;
	}
	
.guillemet-txt{
	padding: 1px;
	text-align: Left;
	height: auto;
	width: 250px;
	color: black;
	line-height: 20px;
	font-size: 14px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
		}
	
.encart-adm{
	margin-left: 70px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 210px;
	margin-top: -150px;
	color: black;
	border-width: 0px;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	}
	
.encart-back-mairie{
	
	background-attachment: scroll;
	background-position: 0pt 0pt;
	border-top-width: 0pt;
	border-right-width-value: 1px;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-top-style: solid;
	border-right-style-value: solid;
	border-bottom-style: solid;
	border-left-style-value: solid;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-top-color: #aaaaaa;
	border-right-color-value: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color-value: #aaaaaa;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	background-repeat: repeat-x;
	height: auto;
	color: black;
	border-width: 0px;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding: 10px;
	}
	
.encart-back-enfance{
	
	background-color: #e6c201;
	
	border-top-color: #e7c201;
	border-top-style: solid;
	border-bottom-color: #f4cd00;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 1px;
	color: black;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding: 10px;
	}
	
	
.encart-back{
	
	border-top-color: #7ea3b6;
	border-top-style: solid;
	border-bottom-color: #7ea3b6;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-bottom-width: 3px;
	border-right-width: 0px;
	border-top-width: 3px;
	color: black;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding: 10px;
	}
	
	
.encart-back-tourisme{
	
	border-top-color: #97A70A;
	border-top-style: solid;
	border-bottom-color: #97A70A;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-bottom-width: 3px;
	border-right-width: 0px;
	border-top-width: 3px;
	color: black;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding: 10px;
	}
	
.encart-r{

	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	height: auto;
	width: auto;
	color: black;
	font-size: 13px;
	padding: 10px;
	}
	
	
.page_focus{

	color: white;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
	line-height: 20px;
	font-size: 13px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	display:block;
	float:left;
	width:630px;
	background-color: #cc3333;
	padding: 10px;
	}
	
.page h1 {

	border-bottom-color: #c0c0c0;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 13px;
	margin-top: -3px;
	background-position: 0px 0px;
	color: #ad342e;
	font-family: Georgia, "Times New Roman", Times, serif;
	} 
	


/* ----------------------------------------------Column-------------------------------------*/

#colonne-accueil{
	border-color: #c3c3c3;
	border-style: solid;
	border-width: 1px;
	display:block;
	float:right;
	width:300px;
	}

.column{
	display:block;
	float:right;
	width:300px;
	}
	
.column3{
	border-width: 0px;
	display:block;
	float:right;
	width: 330px;
	font-size: 13px;
	}

.column3 .text{
	display:block;
	float:left;
	width:250px;
	font-size: 11px;
	padding-left: 25px;
	padding-top: 10px;
}
	

.column2{
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	border-width: 0px;
	display:block;
	float:right;
	width:300px;
	text-align: center;
	background-color: transparent;

	}

.column .holder, .column #featured, {
	padding-top:15px;
	background-color: transparent;
	border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	width:300px;
	height:130px;
	display:block;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
	}



.column .holder-decouvrir{
	float: right;
	background-color: #A358C3;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding-top: 25px;
	padding: 15px;
	border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
	}
	
.column .holder-tourisme {
font-size: small;
	float: right;
	background-color: #97A70A;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding-top:5px;
	padding: 15px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}
	
.column .holder-tourisme a{ font-style: italic; font-size: 12px; color:white;}
.column .holder-tourisme a:hover{ color:white; text-decoration: underline;}

.column .holder-enfance{
	float: right;
	background-color: #F5CD00;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 25px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}

.column .holder-sport{
	float: right;
	background-color: #E30063;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 25px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}

.column .holder-culture{
	float: right;
	background-color: #E30063;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 25px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}

.column .holder-loisir{
	float: right;
	background-color: #E30063;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 25px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
		}
		

.column .holder-mini-loisir{
	float: right;
	background-color: #E30063;
	display:block;
	width:300px;
	height:65px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 5px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
		}
.column .holder-mini-loisir a{ font-style: italic; font-size: 12px; color:white;}
.column .holder-mini-loisir a:hover{ color:white; ont-style: italic; text-decoration: underline;}

.column .holder-pratique{
	float: right;
	background-color: #F0A500;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 5px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;
	}

.column .holder-economie{
	float: right;
	background-color: #02207e;
	display:block;
	width:300px;
	height:130px;
	margin-bottom:25px;
	padding: 15px;
	padding-top: 25px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.6) inset;
    border-width: 2px;
	border-color: #f6f6f6;
	border-style: solid;

	}
	
.column .holderright, .column #featured{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:0px solid #999999;
	}

.column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	border:0px solid #CCCCCC;
	}

.column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	
	}
	
	
	
	
/* Featured Block */

.column #featured ul, .column #featured h2, .column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	color: #666666;
	width: 250px;
	}

.column #featured a{
	color: #003366;
	}

.column #featured li{
	padding-left: 5px;
	padding-bottom: 20px;
	padding-right: 5px;
	padding-top: 20px;
	display:block;
	width: 250px;
	margin:0;
	color:#666666;
	}

.column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:Opx solid #CCCCCC;
	}

.column #featured li h2{
	font-size: 16px;
	color: #496d98;
	margin:0;
	padding:0 0 8px 0;
	font-weight:normal;
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	line-height:normal;
	border-bottom:1px dotted #999999;
	}

.column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	
	}
	
.column .latest{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

.column .latestnews li{
	display:block;
	width:100%;
	height: 100%;
	margin:0 0 11px 0;
	padding:0 0 21px 0;
	border-bottom:1px dotted #C7C5C8;
	overflow:hidden;
	}

.column .latestnews li.last{
	background-color: #7ea3b6;
	height: auto;
	padding-top: 25px;
	}

.column .latestnews p{
	display:inline;
	}

.column .latestnews img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:0px solid #C7C5C8;
	clear:left;
	}


/* ----------------------------------------------Homepage Specific-------------------------------------*/

#leblocdedroite{
	margin-top: -50px;
	margin-bottom: 50px;
	padding-left: 0;
	padding-bottom: 20px;
	padding-right: 0;
	padding-top: 0px;
	float: right;
	background-repeat: no-repeat;
	background-color: transparent;
	height: 100%;
	width: 320px;
	}

#adblock{
	padding:20px 0;
	}

#hpage_cats{
	background-color: transparent;
	margin-bottom: 1px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 0;
	padding-top: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	}

#hpage_cats .fl_left, #hpage_cats .fl_right{
	display:block;
	width:430px;
	margin-bottom:15px;
	}

#hpage_cats .fl_left img, #hpage_cats .fl_right img{
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	border:0px solid #C7C5C8;
	clear:left;
	}

#hpage_cats h2{
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	display:block;
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0;
	color:#666666;
	text-align:right;
	font-size:13px;
	}

#hpage_cats h2 a{
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7c5c8;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 5px;
	margin-top: 3px;
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #cc0033;
	font-weight:bold;
	}

.index{
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7c5c8;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 3px;
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #496d98;
	font-weight:bold;
	text-align:right;
	}

#hpage_cats p{
	font-family: 'ArtifikaMedium', "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 10px;
	padding-top: 0;
	margin:0 0 8px 0;
	}
	
#hpage_cats .readmore{
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	float: right;
	padding: 2px;
	border-width: 0px;
	font-size:x-small;
	text-align: right;
	width: 95px;
	
    

	
	
	}

#hpage_cats .readmore a{
	color: #5d5d5d;
	text-decoration: none;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	margin-right: 11px;
	float: right;
	padding: 2px;
	border-width: 0px;
	font-size: 12px;
	text-align: right;
	width: 95px;
	
    

	
	
	}

#hpage_latest{
	float: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: 12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	background-color: transparent;
	border: none;
	display:block;
	width: 650px;
	}
	
.bloc-date{ 	border-bottom-color: #e3e3e3; 	border-left-style: none; 	border-bottom-style: dotted; 	border-right-style: none; 	border-top-style: none; 	border-bottom-width: 1px; 	font-family: 'ArtifikaMedium', "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
padding: 5px; margin-bottom: 10px;}
	

#hpage_latest h2{
	color: #c7c5c8;
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7c5c8;
	}

#hpage_latest ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	}

#hpage_latest li{
	background-color: transparent;
	display:block;
	float:left;
	width:255px;
	height:auto;
	margin:0 15px 0 0;
	padding:10px;
	
	}

#hpage_latest li.last{
	margin-right:0;
	}

#hpage_latest img{
	margin:0;
	padding:4px;
	border:0px solid #F0F0F0;
	}

#hpage_latest .readmore{
	font-weight:bold;
	text-align:right;
	
	
	}

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
	background-image: url("../images/footer-back.jpg");
	background-position: left top;
	background-repeat:repeat-x;
	background-color: white;
	border-bottom-color: #b2b2b2;
	margin-top: 25px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-right-color: #b1b1b1;
	border-left-color: #b1b1b1;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-width: 1px;
	border-left-width: 1px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-top: 5px;
	color: #626262;
	font-size: 12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	width: 980px;
	}
	
#footer h2, #footer p, #footer li #footer a{
	font-weight:normal;
	font-size: 12px;
	list-style:none;
	line-height:normal;
	}
#footer ul{
	margin-left: -25px;
	font-weight:normal;
	list-style:none;
	line-height:normal;
}	
#footer a{
	
	text-decoration: none;
	
	border-bottom-style: none;
	
	color: #003266;
	
	border-bottom-width: 0px;
	
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	
	}

#footer a:hover{
	
	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	border-bottom: #003366 dotted 1px;
	
	}

#footer h2{
	font-size: 12px;
	font-weight:normal;
	position:relative;
    width:100%;    
    text-transform: uppercase;  

	}
	

	

#footer h2.footermairie a{color:#7ea3b6;}
#footer h2.footermairie a:hover{color: #7ea3b6;}

#footer h2.footerdecouvrir a{color:#A358C3;}
#footer h2.footerdecouvrir a:hover{color: #A358C3;}

#footer h2.footertourisme a{color:#97A70A;}
#footer h2.footertourisme a:hover{color: #97A70A;}

#footer h2.footerenfance a{color:#f5cd00;}
#footer h2.footerenfance a:hover{color: #f5cd00;}

#footer h2.footersport a{color: #E30063;}
#footer h2.footersport a:hover{color:  #E30063;}

#footer h2.footerculture a{color: #E30063;}
#footer h2.footerculture a:hover{color:  #E30063;}

#footer h2.footerloisir a{color: #E30063;}
#footer h2.footerloisir a:hover{color:  #E30063;}

#footer h2.footerpratique a{color:#F0A500;}
#footer h2.footerpratique a:hover{color: #F0A500;}


#footer h2.footereconomie a{color:#02207e;}
#footer h2.footereconomie a:hover{color: #02207e;}

#footer li{
	list-style-type: none;
	word-wrap: none;
	text-overflow: none;
	text-transform: none;
	text-decoration: none;
	}

#footer .footbox{
	display:block;
	float:left;
	width: 180px;
	margin:0 15px 0 0;
	padding:0;
	}

#footer .last{
	margin:0;
	}

/* ----------------------------------------------Social Bar With Newsletter-------------------------------------*/

#socialise{
	padding:20px 0;
	}

#socialise ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	font-size:20px;
	font-family:"Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	}

#socialise li{
	display:block;
	float:left;
	margin:0 120px 0 0;
	text-align:center;
	}

#socialise li span{
	display:block;
	margin:8px 0 0 0;
	}

#socialise li.last{
	margin-right:0;
	}

#newsletter{
	display:block;
	float:right;
	width:300px;
	}

#newsletter h2, #newsletter p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#newsletter h2{
	margin-bottom:5px;
	}

/* ----------------------------------------------Copyright-------------------------------------*/

div.col8{border:none;}

#copyright{
	font-size: 10px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	padding:15px 0;
	}

#copyright p{margin:0;}

.adresse{
		text-align: center;
		clear: left;
		float: left;
		width: 275px;
		border-width: 1px;
		border-color: #e6e6e6;
		border-style: solid;
		padding: 10px;
		color: #ff8000;
	}

.encart_station{
		border-bottom-style: solid;
		border-top-style: solid;
		border-bottom-color: #b7cb4d;
		border-top-color: #b7cb4d;
		border-bottom-width: 3px;
		border-top-width: 3px;
		padding-top: 10px;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 15px;
		width: 600px;
		text-align: center;
	}
	
	.encart_enfancer{
		clear: left;
		float: left;
		padding: 20px;
		border-right-width: 10px;
		border-right-style: solid;
		border-right-color: #f5cd00;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		border-left-width: 10px;
		border-left-style: solid;
		border-left-color: #f5cd00;
		width: 350px;
		text-align: center;
	}
	
	.encart_enfancel{
		clear: right;
		float: right;
		padding: 20px;
		border-right-width: 10px;
		border-right-style: solid;
		border-right-color: #f5cd00;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		border-left-width: 10px;
		border-left-style: solid;
		border-left-color: #f5cd00;
		width: 350px;
		text-align: center;
	}
	
	.encart_enfance{
		padding: 20px;
		border-right-width: 10px;
		border-right-style: solid;
		border-right-color: #f5cd00;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		border-left-width: 10px;
		border-left-style: solid;
		border-left-color: #f5cd00;
		width: 350px;
		text-align: center;
	}
	
	.encart_sportl1{
		padding: 10px;
		border-style: solid;
		border-color: #dd0053;
		border-width: 1px;
		clear: left;
		float: left;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: 10px;
		margin-left: auto;
		width: 300px;
		text-align: center;
	}
	
	.encart_sportr{
		margin-bottom: 40px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-color: #dd0053;
		border-bottom-color: #dd0053;
		clear: right;
		float: right;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #dd0053;
		padding-top: 10px;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: 10px;
		margin-left: auto;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #dd0053;
		padding-bottom: 15px;
		width: 300px;
		text-align: center;
	}
	
	.encart_sportl{
		clear: left;
		float: left;
		border-right-width: 10px;
		border-right-style: solid;
		border-right-color: #dd0053;
		padding-top: 10px;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: 10px;
		margin-left: auto;
		border-left-width: 10px;
		border-left-style: solid;
		border-left-color: #dd0053;
		padding-bottom: 15px;
		width: 300px;
		text-align: center;
	}
	
	.encart_sport{
	
		background-color: white;
		margin-top: 10px;
		position: relative;
		border-width: 1px;
		padding: 10px;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		border-style: solid;
		border-color: #dd0053;
		width: 560px;
		text-align: left;
	}

.encart-tourisme-r{
		margin-bottom: 40px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-color: #97A70A;
		border-bottom-color: #97A70A;
		clear: right;
		float: right;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #97A70A;
		padding-top: 10px;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: 10px;
		margin-left: 10px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #97A70A;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 15px;
		width: 300px;
		text-align: justify;
	}

.encart_mairie{
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #7ea3b6;
		padding-top: 10px;
		color: #4c4c4c;
		font-size: 13px;
		margin-right: auto;
		margin-left: auto;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #7ea3b6;
		padding-bottom: 15px;
		width: 300px;
		text-align: center;
	}

	.cimetieres{
		float: right;
		width: 300px;
		text-align: center;
	}

.english_r{
		background-image: url("../images/back-english-vert.png");
		background-repeat: no-repeat;
		color: #595959;
		padding-bottom: 15px;
		padding-top: 20px;
		background-color: #fefffe;
		border-style: solid;
		border-width: 1px;
		border-color: #e6e6e6;
		clear: left;
		float: left;
		width: 300px;
		text-align: center;
	}

.page-background{
		padding-left: 10px;
		padding-top: 50px;
		background-repeat: no-repeat;
		text-align: center;
		color: #333333;
		width: 275px;
		background-image: url("../images/mantelot-office-tourisme.jpg");
	}
/*####################manifestations de la semaine###########################*/	


#hpage_manif {

	list-style-type: none;

	background-image: url("../images/footer-back.jpg");
	background-position: left top;
	background-repeat:repeat-x;
	background-color: white;
	height: auto;
	margin-bottom: 10px;
	padding:5px;
	font-size: 12px;
	font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;
	text-align: center;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.2) inset;
	width: 980px;
}


#news-container li{
	margin-left: 15%;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	list-style-type: none;
	padding: 0px;
	letter-spacing: normal;
	word-break: normal;
	line-height: normal;
	word-spacing: normal;
	height: auto;
	border-width: 0px;
	border-style: none;
	width: auto;
	text-align: left;
	}


#news-container ul li div{
	list-style-position: inside;
	list-style-type: square;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 10px;
	padding: 5px;
	height: 10px;
	border-left-style: none;
	border-bottom-style: dotted;
	border-right-style: none;
	border-top-style: none;
	border-width: 1px;
	border-color: #aaaaaa;
	width: 960px;
	}

#news-container-titre{
	list-style-type: none;
	width: 630px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 11px;
	margin-left: 0;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-top: 3px;
	display: block;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
	color: #cc0033;
	font-weight:bold;
	}

#news-container-left{
	list-style-type: none;
	margin-right: auto;
	border-width: 0px;
	border-style: none;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	width: 960px;
	margin-top: 5px;
	}




/*####################accordion menu###########################*/



.glossymenu{
margin: 5px 0;
padding: 0;
width: 230px; /*width of menu*/
border: 0px solid #ccc;
border-bottom-width: 0;

}

.glossymenu a.menuitem{
background: transparent;
font:  #003366 13px "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: 230px;
height:100%;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #003366;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;                                                                                                                 
margin-top: -0;
right:0;
border: none;
}

.glossymenu a.menuitem:hover{
color:  #003366;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: transparent;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
background: transparent;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Trebuchet MS", "Myriad Pro", Arial, sans-serif;
color: #003366;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
background: transparent;
margin-left:25px;
}

.glossymenu div.submenu ul li a:hover{
background: transparent;
color:  #003366;
}

#utilitaires{
	width: 300px;
	margin-left: 500px;
	display: block;
	text-align: right;
	height: 29px;
	margin-bottom: 10px;
}


#utilitaires a{
	border:none;
}

#sociaux{
	margin-left: 50px;
	text-align: left;
	height: 29px;
	margin-bottom: 10px;
}
#sociaux a{
	text-transform: none;
	text-decoration: none;
	border:none;
	
}

/*####################--------Drop ShAdoW  CSS3--------###########################*/

.drop-shadow {
            position:relative;
            width:90%;    
            padding:1em; 
            margin:2em auto 5em; 
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute; 
            z-index:-2;
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
        }
        .drop-shadow:after{                 
            right:10px; 
            left:auto;}
.round {
            -moz-border-radius:4px; 
                 border-radius:4px;
        }
        .round:before,
        .round:after { 
            max-width:300px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);    
               -moz-transform:rotate(-3deg);   
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);}
.round:after {
            -webkit-transform:rotate(3deg);   
               -moz-transform:rotate(3deg);  
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);}
.rotated {
            -webkit-transform:rotate(-3deg);    
            -moz-transform:rotate(-3deg);   
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
        }
        
.rotated *:first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
.round2 li {
            border-style: none;
            margin-left: 15px;
            background-position: 0;
        }
.round2 {background-position: 0;
         border-right-width: 2px;
         border-left-width: 2px;
         border-right-style: solid;
         border-left-style: solid;
         border-right-color: #d3d3d3;
         border-left-color: #dcdcdc; 
         width:330px;
        }
.round3 {
            margin-right: auto;
            margin-left: auto;
            padding: 0px;
            background-position: 0;
            border-right-width: 2px;
            border-left-width: 2px;
            border-right-style: solid;
            border-left-style: solid;
            border-right-color: #d3d3d3;
            border-left-color: #dcdcdc; 
            width: 80%;
            height:30px;
            text-align: center;
        }
.desc-fetes {text-align: left; margin-left: 0px;
				margin-bottom: 0px;
				margin-right: 0px;
				margin-top: 0px;
				line-height: 12px;
				font-style: italic;
				display: block;
				color:grey;
            	font-size:11px;}