/*-------------------------------------------------------------------------------------*/
/* =  debug			 */
/*-------------------------------------------------------------------------------------*/
.debug{
	background:transparent url('../img/12_col.gif') repeat-y;
}


/*-------------------------------------------------------------------------------------*/
/* =  structure complement			 */
/*-------------------------------------------------------------------------------------*/
body{font-family:Helvetica, Arial, Trebuchet, Sans-serif;}

#mainContainer{
	overflow:auto;
}

#colB {margin-top:80px;}

#colC {
	overflow:hidden; margin-top:80px;
	font-size:85%; line-height:130%; color:#646464; 
	/*z-index:1000;*/ position:relative;
	}


/*-------------------------------------------------------------------------------------*/
/* =  fond de page			 */
/*-------------------------------------------------------------------------------------*/
body.bodyorange{background:transparent url('/global/img/bg_body_orange.png') repeat-x;}
body.bodyvert{background:transparent url('/global/img/bg_body_vert.png') repeat-x;}

body.bodyorange #colA{background:#f7a800 url('/global/img/bg_colA_Orange.png') bottom left no-repeat;}

body.bodyvert #colA{background:#bdcf41 url('/global/img/bg_colA_vert.png') bottom left no-repeat;}


/*-------------------------------------------------------------------------------------*/
/* =  MainNav			 */
/*-------------------------------------------------------------------------------------*/
#MainNav{
	padding:0 15px 120px 15px;
	position:relative;
}
#MainNav h2{
	color:#fff; font-size:116%; font-weight:bold;
}
#MainNav a{text-decoration:none;}
#MainNav h2 a{color:#fff; cursor:default !important;}

#MainNav ul li {padding-left:15px; font-size:97%; margin:3px 0;}
#MainNav ul li a{color:#000;}
#MainNav ul li a:hover, #MainNav ul li a.active{color:#d90030;}
#MainNav ul li ul{margin:5px 0; font-size:93%;}
#MainNav ul li ul li a{color:#d90030;}

.navGauche {
	display: block;
	width: 100%;
}

.clearer {
	float: left;
	clear: both;
}
/*--------------------- cartoucheM*/
.cartoucheM{
	margin:16px 0 3px 0;
	background-color:#d90030;
	display:block;
	}
	
.cartoucheM a{position:relative; left:10px;}
.cartoucheM input{width:120px; margin-left:10px; font-size:93%; padding:0px; position:relative; top:-3px;}
.cartoucheM input.InptValid{width:auto; position:relative; top:3px;}
.cartoucheM .top{height:20px;}
.cartoucheM .bottom{ height:22px;}

#MainNav h2 a.contact {cursor: pointer !important;}
/* --------------------- OUdon a votre service */

.recherche{position:relative;}

/*--------------------- Changement de couleur suivant nav*/
body.bodyorange .cartoucheM .top{background:transparent url('/global/img/bg_top_orange.png') no-repeat;}
body.bodyorange .cartoucheM .bottom{background:transparent url('/global/img/bg_bottom_orange.png') no-repeat;}
body.bodyorange #MainNav ul li{background: transparent url('/global/img/fleurbg_orange.png') no-repeat;}
body.bodyorange #MainNav ul li ul li{background: transparent url('/global/img/fleurSmallbg_orange.png') no-repeat;}

body.bodyvert .cartoucheM .top{background:transparent url('/global/img/bg_top_Vert.png') no-repeat;}
body.bodyvert .cartoucheM .bottom{background:transparent url('/global/img/bg_bottom_Vert.png') no-repeat;}
body.bodyvert #MainNav ul li{background: transparent url('/global/img/fleurbg_Vert.png') no-repeat;}
body.bodyvert #MainNav ul li ul li{background: transparent url('/global/img/fleurSmallbg_Vert.png') no-repeat;}


/*-------------------------------------------------------------------------------------*/
/* =  Header			 */
/*-------------------------------------------------------------------------------------*/
#header{position:relative; padding-bottom:22px;}
/*--------------------- tools*/
#header .tools{position:absolute; top:0; right:0; font-size:85%;}
#header .tools li{display:inline;margin-left:5px;}
#header .tools a{color:#fff; text-decoration:none;}
/*--------------------- h1*/
#header h1{
	position:relative;
	top:22px;
	display:block; width:452px; height:25px;
	overflow:hidden; text-indent:-200em;
	background:transparent url('/global/img/txtImg_H1.png') no-repeat;
	}
#header #visuelGene{
	position:relative;
	top:22px;
}

/*-------------------------------------------------------------------------------------*/
/* =  Visuel generique			 */
/*-------------------------------------------------------------------------------------*/
#visuelGene{
	display:block; width:527px; height:295px;
	margin-top:-80px; position:relative; z-index:0;
	overflow:hidden; background-color:#fff;
	}
#visuelGene img{position:absolute; top:0; left:0;}
#visuelGene #masqueImg{
	display:block; width:527px; height:295px;
	background:transparent url('/global/img/masque_imgaGenerique_v.png') no-repeat;
	z-index:2000; position:absolute; top:0; left:0;
	
}
body.bodyvert #visuelGene #masqueImg{
	background:transparent url('/global/img/masque_imgaGenerique_v.png') no-repeat;
}
body.bodyorange #visuelGene #masqueImg{
	background:transparent url('/global/img/masque_imgaGenerique_o.png') no-repeat;
}
#visuelImage{background-color:#fff;}
/*-------------------------------------------------------------------------------------*/
/* =  Fil d'arianne			 */
/*-------------------------------------------------------------------------------------*/
#filArianne{ margin:.5em 0; padding:.2em 0; border-bottom:1px #d9d9d9 solid; font-size:85%;}
#filArianne p{display:inline;}
#filArianne a{color:#ABABAB; text-decoration:none;}
#filArianne a:hover{color:#000;}
#filArianne strong{color:#000; font-weight:bold;}


/*-------------------------------------------------------------------------------------*/
/* =  blockTools			 */
/*-------------------------------------------------------------------------------------*/
.blockTools h3{
	font-size:120%; font-weight:bold;
	margin:15px 0 5px 0 ;
	color:#646464 !important;
}
.blockTools h4{font-weight:bold; font-size:100%; margin:.5em 0 0 0; color:#646464 !important;}
.blockTools ul,.blockTools ol{margin-left:15px;}
.blockTools ul li{list-style-type:disc; list-style-position:outside;}
.blockTools ol li{list-style-type:decimal; list-style-position:outside;}
.blockTools a{color:#646464 !important; text-decoration:none;}
.blockTools a:hover{color:#d90030 !important; text-decoration:none;}

/*--------------------- agenda*/
.boucleAgenda {margin:0 0 10px 0;}
.boucleAgenda h5{color:#d90030 !important;}

/*--------------------- Carte*/
#planCarte ul{margin-top:5px;}

/*--------------------- voir*/
#aVoir .suite a{color:#5c8e09 !important;}

/*--------------------- votre service*/
#aVotreservice .suite a{color:#5c8e09 !important;}

/*--------------------- hebergement*/
#hebergement select{width:90%; margin:5px;}
#hebergement {background:transparent url('/global/img/bghebergement.png') no-repeat bottom left;}

/*-------------------------------------------------------------------------------------*/
/* =  Bloc Actualité			 */
/*-------------------------------------------------------------------------------------*/
#Actu a{text-decoration:none;}
p.ttactu a{text-decoration:none; color:#d90030 !important;}
p.suite a{text-decoration:none;}

.boucleActu{
	margin-top:20px;
	border-bottom:1px #d9d9d9 solid;
}

.boucleActu img{margin: 0 10px 10px 0;}

.TabActu td{border:none !important; }
.TabActu td.post_short{border-bottom:1px #d9d9d9 solid !important; }

/*-------------------------------------------------------------------------------------*/
/* =  Les formulaires			 */
/*-------------------------------------------------------------------------------------*/
#formWb{margin:10px 0 20px 0;}
#formWb h1{font-weight:bold; font-size:124%; text-decoration:none;}
#formWb .field_line{clear:both; padding:10px 0;}
#formWb .field_title{float:left; font-weight:bold; margin: 0; width:35%;}
#formWb .field_valid{margin:0;}
#formWb .field_input{float:left; width:60%;}
#formWb .textfield,
#formWb .textarea,
#formWb .select
{width:100%; padding:2px;}
#formWb .checkbox_label,
#formWb .radio_label{margin:0 5px 0 2px;}
#formWb .field_radio,
#formWb .field_checkbox
{position:relative; top:2px;}

/*-------------------------------------------------------------------------------------*/
/* =  manifestation			 */
/*-------------------------------------------------------------------------------------*/
body.bodyorange .manifestation{background-color:#F9F2D7;}
body.bodyvert .manifestation{background-color:#EFF6D6;}

.manifestation{
	margin-bottom:20px;
	padding-bottom:10px;
}
.manifestation .date{
	width:auto; background:#DA002C; color:#fff;
	padding:5px;
	margin-top:-1px;
	margin-left:60px;
}

.manifestation h2{
	padding: 5px 0 0px 60px;
	border:none !important;
	text-transform: none !important;
	}
.manifestation .descriptif{
	clear:both;
	padding:10px 10px 0 10px ;
}
.manifestation .descriptif img{
	margin: 0 10px 5px 0;
}
.infoCompl{ margin:10px; font-weight:bold; clear:both; border-top:1px #DA002C solid; padding:10px 0;
}
.infoCompl span{margin-left:50px; float:left; width:120px;}
.infoCompl .ligneInfo{clear:both;}

/*-------------------------------------------------------------------------------------*/
/* =  vie municiaple			 */
/*-------------------------------------------------------------------------------------*/
.blockidentite{overflow:auto; margin:10px 0;}
.blockidentite img{float:left; width:80px; height:auto; margin:0 10px 10px 0; border:1px #434343 solid;
}

.blockidentite .blockinfo{clear:both;}

#maire, #LesConseiller, #LesAdjoints{margin-top:20px;}

#LesConseiller .blockidentite,
#LesAdjoints .blockidentite{
	width:45%; margin-right:2.5%;
	float:left;
}

#section1,#section2{float:left; width:35%;}
#section1{width:54%; margin-right:5%; margin-bottom:1em;}
#section2{
	background:#fff url('/global/img/bg_compterendu.png') repeat-x;
	padding:2%;
}
#section2 ul li{list-style-type:disc; font-size:93%;}
#section2 a{color:#5b5b5b; text-decoration:none;}
#section2 a:hover{color:#d90030; text-decoration:none;}
#section2 h3{margin-top:0;}

/*-------------------------------------------------------------------------------------*/
/* =  Diaporam			 */
/*-------------------------------------------------------------------------------------*/
#Diaporama{position:relative; height:230px; overflow:hidden;}
#Diaporama .btDiapo img{width:576px; height:auto;}
#Diaporama .btDiapo a{cursor:pointer;}
body.bodyvert #Diaporama {border:1px #5c8e09 solid;}
body.bodyorange #Diaporama {border:1px #5c8e09 solid;}

.btdiap{
	position:absolute; bottom:0; left:0; 
	display:block; text-indent:-200em; overflow:hidden;
	background:transparent url('/global/img/bt_diapo.png') no-repeat;
	width:271px; height:35px;
	cursor:pointer;
}

/*-------------------------------------------------------------------------------------*/
/* =  video			 */
/*-------------------------------------------------------------------------------------*/
.blocVideo{display:block; border-top:1px #D9D9D9 solid; }
.video{background-color:#000; text-align:center;}
p.btvoirVideo{display:block;  margin: 0 0 !important;}
p.btvoirVideo a{
	float:right;
	display:block; width:195px; height:auto;background:red; padding: 5px 0 20px 5px !important;
	background:#CD0024 url('/global/img/bt_btvideo.gif') no-repeat bottom left; color:#fff !important;
	text-decoration:none;
	
	}
	
/*-------------------------------------------------------------------------------------*/
/* =  publication			 */
/*-------------------------------------------------------------------------------------*/
.CompteRendu{}
.CompteRendu h3{clear:both;}
.CompteRendu ul{margin:0 0 20px 0 !important; overflow:auto;}
.CompteRendu li{float:left;  margin:.25em .5em .25em 0 !important; list-style-type:none !important;}
.CompteRendu li a{
	color:#7B7B7B !important; text-decoration:none; font-size:93%; 
	display:block; width:158px; height:158px;
	border:2px #DEDEDE solid; padding:.5em;
	text-align:center;
	background:#fff url('../img/FileDownload.png') no-repeat 5px 0;
	
	}
.CompteRendu li a:hover{
	border:2px #DA002C solid;
	color:#DA002C !important;
	background-position:5px -158px;
}
/*-------------------------------------------------------------------------------------*/
/* =  Footer			 */
/*-------------------------------------------------------------------------------------*/
#footer {clear:both; border-top:15px #000 solid; margin-bottom:20px; position:relative; top:20px;}
body.bodyorange #footer{border-color:#F9A700;}
body.bodyvert #footer{border-color:#BFCE3A;}
/*-------------------------------------------------------------------------------------*/
/* =  WSG	et class commune		 */
/*-------------------------------------------------------------------------------------*/
.wsg h1{font-size:146.5%; font-weight:bold; margin:.5em 0;}
.wsg h2{font-size:130%; font-weight:bold; margin:.5em 0;text-transform: uppercase; border-bottom:1px #000 solid; }
.wsg h3{font-size:116%; font-weight:bold; margin:.5em 0; color:#5b5b5b;}
.wsg h4{font-size:108%; font-weight:bold; margin:.5em 0; color:#5b5b5b;}
.wsg h5{font-size:100%; font-weight:bold; margin:.5em 0; color:#5b5b5b;}
.wsg h6{font-size:100%; font-weight:bold; margin:.5em 0; color:#5b5b5b;}
.wsg p{font-size:93%; margin:.5em 0; line-height:130%; color:#646464;}
.wsg ul li{list-style-type:circle; list-style-position:outside; font-size:93%; color:#646464; margin:.3em 0;}
.wsg ol li{list-style-type:decimal; list-style-position:outside; font-size:93%; color:#646464; margin:.3em 0;}
.wsg ul,.wsg ol{margin-left:20px;}
.wsg table{border-collapse:collapse; font-size:93%; margin:.5em 0; color:#646464;}
.wsg table th{font-weight:bold; padding:5px; border-bottom:1px #fff solid; color:#fff; text-align:center !important;}
.wsg table td{padding:5px; border-bottom:1px #646464 solid;}

strong{font-weight:bold;}
em{font-style:italic;}

.margedroite{margin: 0 10px 10px 0;}
.margegauche{margin: 0 0 10px 10px;}


/*--------------------- changemnt de couleur suivant body*/
body.bodyorange h1,
body.bodyorange h2,
body.bodyorange #Actu h3,
body.bodyorange .infoCompl span
{color:#d90030; border-color:#d90030; clear:both;}
body.bodyorange a{color:#f7a800;}
body.bodyorange table{background-color:#fff; border:none;}
body.bodyorange table th{background-color:#d90030; color:#fff;}
body.bodyorange .border{border:2px #d90030 solid; margin:0 10px 10px 0;}

body.bodyorange td.coul0{background-color:#fff;color:#fff;border-color:#fff; padding:0 !important;}
body.bodyorange td.coul1{background-color:#F9A700;color:#fff;border-color:#fff;text-align:center !important; }
body.bodyorange td.coul2{background-color:#F9C939;color:#fff;border-color:#fff;text-align:center !important;}
body.bodyorange td.coul3{background-color:#F9E878;color:#232424;border-color:#fff;text-align:center !important;}
body.bodyorange td.coul4{background-color:#F9F2A6;color:#232424;border-color:#fff;text-align:center !important;}
body.bodyorange td.coul5{background-color:#F9F7CA;color:#232424;border-color:#fff;text-align:center !important;}
body.bodyorange td.coulX{background-color:#F7F9E3;color:#232424;border-color:#fff;text-align:left !important; padding:10px;}


body.bodyvert h1,
body.bodyvert h2,
body.bodyvert #Actu h3,
body.bodyvert .infoCompl span
{color:#5c8e09;border-color:#5c8e09; clear:both;}
body.bodyvert a{color:#BFCE3A;}
body.bodyvert table{background-color:#fff;}
body.bodyvert table th{background-color:#5c8e09;}
body.bodyvert .border{border:2px #5c8e09 solid; margin:0 10px 10px 0;}

body.bodyvert td.coul0{background-color:#fff;color:#fff;border-color:#fff; padding:0 !important;}
body.bodyvert td.coul1{background-color:#81C00A;color:#fff;border-color:#fff;text-align:center !important; }
body.bodyvert td.coul2{background-color:#B0C732;color:#fff;border-color:#fff;text-align:center !important;}
body.bodyvert td.coul3{background-color:#D4E18D;color:#4B7D0A;border-color:#fff;text-align:center !important;}
body.bodyvert td.coul4{background-color:#E9F1C2;color:#4B7D0A;border-color:#fff;text-align:center !important;}
body.bodyvert td.coul5{background-color:#F5FFE1;color:#4B7D0A;border-color:#fff;text-align:center !important;}
body.bodyvert td.coulX{background-color:#D4E18D;color:#4B7D0A;border-color:#fff;text-align:left !important; padding:10px;}

body.home .introHome{}
body.home .introHome img{margin: 0 10px 10px 0;}
.suite{text-align:right; margin:5px 0;}

.blockContent{overflow:auto;}
.blockOrange{ background-color:#FBE6C6; color:#fff !important; padding:10px; margin-bottom:3em;}

/*--------------------- les corner*/
.cornerBlc{position:relative; display:block; height:1%;}
.ctl,.ctr,.cbl,.cbr{
	position:absolute; width:10px; height:10px; overflow:hidden; text-indent:-200em;background:red; z-index:1000;
	background:transparent url('/global/img/corner_blc.png') no-repeat;
}
.ctl{background-position:0 0;}
.ctr{background-position:-10px 0;}
.cbl{background-position:0 -10px;}
.cbr{background-position:-10px -10px;}
.ctl, .ctr{top:0;}
.cbl, .cbr{bottom:0;}
.ctl, .cbl{left:0;}
.ctr, .cbr{right:0;}

/*-------------------------------------------------------------------------------------*/
/* =  la recherche			 */
/*-------------------------------------------------------------------------------------*/
.recherche_result td{background-color:#fff !important;}
.recherche_result h6 a{text-decoration:none;}