@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------- GENERAL ------------------------------------------------------------------------------*/

body{
	margin:0;
	padding:0;
	border:none;
	font-family:Helvetica neue, Helvetica, Arial, sans-serif;
	background-image:url(../image/container_bg.png);

	}

a{
	text-decoration:none !important;
	font-size:1em;
	font-weight:bold;
	}

img{
	border:none;}


h1{
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#333;
	font-weight:100;
	border-bottom:1px solid #ccc;
	font-size:1.5em;
	padding-left:10px;
	}

h2{
	text-transform:uppercase;
	position:relative;
	margin-left:10px;
	letter-spacing:0.05em;
	font-size:1.2em;
	color:#333;
	font-weight:200;
	line-height:1.1em;
	border-bottom:1px solid #ccc;
	}




.color_text{
	color:#333;
	}

.color_text_over{
	color:#fff !important;
	}



.bouton{
	background-color:#333;
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	margin:5px;
	border-radius:2px;
	border:none;
	color:#fff;
	padding:8px;
	font-size:0.7em;
	cursor:pointer;

}

.bouton:hover{
	background-color:#fff;
	color:#333;
	}






.btn_plus{
	display:inline-block;
	font-size:0.7em;
	position:relative;
	color:#fff;
	background-color:#333;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	font-weight:200;
	padding:3px;

	}

.btn_plus:hover{
	background-color:#fff;
	color:#333;
	}





.text_normal{
	font-family:helvetica;
	font-size:1.1em;
	color:#000;
	line-height:1.1em;
	}

.text_bold{
	font-weight:bold;
	font-size:1.1em;
	color:#222;
	line-height:1.1em;
	}



#mask{
	position:fixed;
	z-index:30;
	background-image:url(../image/mask.png);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	cursor:url(../image/pointer_croix.png),pointer;
}

.mask{
	position:absolute;
	z-index:30;
	background-image:url(../image/mask.png);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	cursor:url(../image/pointer_croix.png),pointer;
}

.mask_transparent{
	position:fixed;
	z-index:30;
	background-color:transparent;
	background-image:url(../image/bg_blackSpecial_30.png);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	cursor:url(../image/pointer_croix.png),pointer;
}



#anti_bug{
	position:fixed;
	z-index:31;
	background-color:transparent;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	}




/*----------------------------------------------------------- tooltip -------------------------------------------------------------------------------*/




.tooltip_blanc{
	padding:5px;
	font-weight:200;
	font-size:0.8em;
	background-color:#fff;
	color:#333;
	max-width:300px;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.70);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.70);
	box-shadow: 0 2px 6px rgba(0,0,0,0.70);

	}




/*---------------------------------------------------------------- PROSCROLLBOX ------------------------------------------------------------------------------*/

.scroll_box{
	z-index:10;
	border-radius:3px;
}

.scroll_btn{
	background-color:#555;
	border-radius:3px;
}





/*---------------------------------------------------------------- GRILLE ------------------------------------------------------------------------------*/

.grille{
	width:100%;
	padding:0px;
	border-spacing:8px;
	table-layout:fixed;
	vertical-align:top;
	}

.grille td{
	vertical-align:top;
	}



/*---------------------------------------------------------------- loading ------------------------------------------------------------------------------*/
.loading{
	width:40px;
	height:40px;
	position:absolute;
	left:50%;
	margin-left:-20px;
	top:50%;
	margin-top:-20px;



	}


/*---------------------------------------------------------------- Class Form------------------------------------------------------------------------------*/

.titreform{

	margin:1%;
	font-weight:bold;
	color:#555;


	}
	.champform{

	width:98%;
	margin:1%;
	height:30px;
	border-radius:2px;
	border:2px solid #ccc;
	font-size:1.2em;
	font-weight:bold;
	color:#555;

	}


.radio_titre{
	display:inline-block;
	position:relative;
	margin-top:5px;
	font-weight:bold;
	color:#555;
	position:absolute;
}


.champform[type="radio"]{
	display:inline-block;
	width:inherit;
	margin:0px;
	margin-right:5px;


	}

.erreurform{

color:#900 !important;
	font-weight:bold;


	}



/*---------------------------------------------------------------- DATE ------------------------------------------------------------------------------*/
.bloc_date td{
	text-align:center;

	}

.date{
	position:relative;
	padding:5px;
	padding-top:0px;
	border:1px solid #ccc;
	border-radius:3px;
	text-align:center;
	display:inline-block;
}

.date .jour{
	font-size:2.2em;
	}

 .date .mois{
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:bold;
	margin-top:-7px;

	}

.date .annee{
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:200;
	margin-top:-3px;

	}

.date .heure{
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:100;
	margin-top:2px;
	letter-spacing:0.1em;
	}



/*---------------------------------------------------------------- PICTO ------------------------------------------------------------------------------*/

.bloc_infos .contenu .picto_20{
	background-image:url(../image/pictos_20_333.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	}



.picto_download{
		background-position:-340px 0px;
		}

.picto_mail{
		background-position:-360px 0px;
		}

.picto_twitter{
		background-position:-380px 0px;
		}

.picto_facebook{
		background-position:-400px 0px;
		}

.picto_liens{
		background-position:-80px 0px;
		}

.picto_left{
	background-position:-240px 0px;
	}

.picto_right{
	background-position:-220px 0px;
	}


/*---------------------------------------------------------------- picto15 ------------------------------------------------------------------------------*/
.picto_15{
	width:15px;
	height:15px;
	background-image:url(../image/pictos_15_333.png);
	background-repeat:no-repeat;
	}

.picto_15_coeur{background-position: -465px 0px}


/*---------------------------------------------------------------- FILTRES ------------------------------------------------------------------------------*/
.picto_20{
	width:20px;
	height:20px;
	background-image:url(../image/pictos_20_333.png);
	background-repeat:no-repeat;
	}

.picto_20_fff{
	background-image:url(../image/pictos_20_fff.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	}

.picto_20:hover{
	background-image:url(../image/pictos_20_fff.png);
	}

.picto_modifier{
	background-position:0px 0px;
	}
.picto_photos{
	background-position:-20px 0px;
	}
.picto_videos{
	background-position:-40px 0px;
	}
.picto_fichiers{
	background-position:-60px 0px;
	}
.picto_liens{
	background-position:-80px 0px;
	}
.picto_horaires{
	background-position:-100px 0px;
	}
.picto_tarifs{
	background-position:-120px 0px;
	}
.picto_supprimer{
	background-position:-140px 0px;
	}
.picto_populate{
	background-position:-160px 0px;
	}
.picto_up{
	background-position:-180px 0px;
	}
.picto_down{
	background-position:-200px 0px;
	}
.picto_prev{
	background-position:-220px 0px;
	}
.picto_next{
	background-position:-240px 0px;
	}
.picto_envoi{
	background-position:-260px 0px;
	}

.picto_voir{
	background-position:-420px 0px;
	}

.picto_google{
	background-position:-460px 0px;
	}

/*---------------------------------------------------------------- CONTENU -----------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.bloc_blanc{
	position:relative;
	width:98%;
	left:1%;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:#fff;
	overflow:hidden;
	margin-bottom:10px;
	color:#333;
}

.bloc_transparent{
	position:relative;
	width:98%;
	left:1%;
	color:#333;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:transparent;
	overflow:hidden;

}

.bloc_transparent_black{
	position:relative;
	width:98%;
	left:1%;
	color:#333;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:transparent;
	overflow:hidden;
	margin-bottom:10px;
}

.bloc_noir{
	position:relative;
	width:100%;
	color:#ccc;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:#000;

	overflow:hidden;
	margin-bottom:50px;

}

.bloc_gris{
	position:relative;
	width:100%;

	color:#333;

	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:#ccc;
	padding:20px !important;
	overflow:hidden;
	margin-bottom:10px;
}




/*-------------------------------------------------------------Bloc Text------------------------------------------------------------------------------------*/
.bloc_text{
	padding:20px;
	padding-top:5px;
	margin-bottom:10px;
	font-size:0.8em;
	color:#333;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
	text-align:justify;
	font-weight:300;
}

.bloc_text h1{
	padding-left:0px;
	font-size:1.6em;
	position:relative;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#333;
	font-weight:100;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.bloc_text p{
	text-align:justify;
	word-wrap: break-word;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
}

.bloc_text strong{
	font-weight:bold;
}

.bloc_text hr{
	border:1px solid #ccc;
}

.bloc_text p, .bloc_text strong, .bloc_text i, .bloc_text b, .bloc_text span, .bloc_text em {
	color:#333;
	}

.bloc_text img{
	display:none !important;
}

.image_ok img{
	display:block !important;
}



/*-------------------------------------------------------------Bloc Video------------------------------------------------------------------------------------*/

.video_unique{
	height:400px;
	}

.video_thumb{
	height:200px;

	}

/*-------------------------------------------------------------Bloc Image------------------------------------------------------------------------------------*/

.bloc_image{
	max-height:400px;
	}

.full_hor img{
	width:100%;}

.full_vert img{
	height:100%;
	}




.bloc_image img {

}


.Image_full_hor img{
	width:100%;
	}

.limit_vert{
	height:150px;}


.Image_full_vert{
	height:500px;
	}
.Image_full_vert img{
	height:100%;
	}


/*---------------------------------------------------------------- Blocs_galerie ------------------------------------------------------------------------------*/

.bloc_galerie{
	padding:10px;
	 text-align:left;
	 background-color:#000;
	}


.image_box{
	width:80px;
	height:80px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin:1px;
	cursor:pointer;
	border:2px solid #666;

}





.image_item{
	width:80px;
	height:80px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin:1px;
	cursor:pointer;
	border:2px solid #666;
}

.image_thumb{
	width:100%;
	display:block;
	z-index:1;
	position:absolute;
	top:0px;
	}

.image_compteur{
	display:none;
	color:#fff;
	position:absolute;
	right:0px;
	top:-25px;
	font-size:1.1em;
	font-weight:100;
	letter-spacing:0.1em;
}

.image_description{
	display:none;
	position:absolute;
	left:0px;
	top:100%;
	margin-top:5px;
	width:100%;
	color:#fff;
	font-size:0.9em;
	font-weight:100;
	letter-spacing:0.1em;

	}

.image_partage{
	position:fixed;
	right:20px;
	top:20px;
	text-align:right;
}

.image_partage .partage_30{
	background-image:url(../image/partage_30_fff.png)
}

.image_partage a{
	display:inline-block;
	width:30px;
	height:30px;
	margin:3px;

}

.image_partage a img{
	width:30px;
}






#photoplayer{
	background-color:#fff;
	position:fixed;
	left:50%;
	top:50%;
	cursor:pointer;
	z-index:31;
	}

#image_loader{
	position:absolute;
	width:50px;
	height:50px;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:-25px;

}













#flecheDroite{
	display:none;
	position:fixed;
	right:20px;
	cursor:pointer;
	z-index:31;
	}

#flecheGauche{
	display:none;
	position:fixed;
	left:20px;
	cursor:pointer;
	z-index:31;
	}



.overgalerie{
	display:none;
	position:relative;
	width:100%;
	height:100%;
	background-image:url(../image/bg_black_40.png);
	z-index:2;

	}

.overgalerie img{
	z-index:2;
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-13px;
	}

.image_description, image_titre{
	display:none;
	}


/*---------------------------------------------------------------- Blocs Infos ------------------------------------------------------------------------------*/
.bloc_infos{
	padding:5px;
}


.bloc_infos .titre{

	font-style:italic;
	margin-bottom:5px;
	border-bottom:1px solid #999;

	}
.bloc_infos .titre span{
	display:inline-block;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	box-sizing:border-box;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	padding:4px;
	font-style:italic;
	background-color:#888;
	}

.bloc_infos .contenu{
	font-size:0.7em;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	}


.bloc_infos .contenu .links{
	display:block;
	font-weight:bold;
	text-decoration:none;

	padding:3px;
	padding-left:3px;
	font-weight:bold;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	box-sizing:border-box;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	min-height:25px;
	padding-left:25px;

	word-wrap: break-word;

	}

.bloc_infos .contenu .links_nopicto{
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	font-weight:bold;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	box-sizing:border-box;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	min-height:25px;
	word-wrap: break-word;
	}

.bloc_infos .contenu .picto_20{
	position:absolute;
	margin-left:-25px;
	margin-top:-2px;
	}






.info_speciale{
	border-spacing:0px;
	position:relative;
	margin-top:2px;
	font-size:1em;
	table-layout:fixed;

	}

.info_speciale .question{
	position:relative;
	overflow:hidden;
	padding:3px;
	font-weight:normal;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	box-sizing:border-box;
	max-width:50%;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	font-style:italic;
	width:50%;
}

.info_speciale .reponse{
	position:relative;
	overflow:hidden;
	padding:3px;
	padding-left:3px;
	font-weight:bold;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
  	box-sizing:border-box;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	}





.page_date{
	text-align:center;
	display:inline-block;
	table-layout:fixed;

	padding:0px;
	border-spacing:0px;
	padding:3px;
	padding-bottom:0px;
	margin:3px;
	border:1px solid #ccc;
	font-size:1.2em;
	color:#444;

	}

.page_date td{
	vertical-align:top;
	border:none;
	}

.page_date .titre{
	font-size:0.5em;
	font-weight:normal;
	line-height:0.8em;

	}

.page_date .jour{
	font-size:1.6em;
	font-weight:bold;
	line-height:0.8em;
	}

.page_date .mois{
	font-size:0.7em;
	font-weight:bold;
	line-height:0.9em;
	text-transform:uppercase;
	padding-left:2px;
	}

.page_date .annee{
	font-size:0.6em;
	font-weight:normal;
	line-height:1em;
	padding-left:2px;
	}

.page_date .heure{
	font-size:0.6em;
	font-weight:200;
	line-height:1.3em;
	letter-spacing:0.1em;

	}

/*---------------------------------------------------------------- PARTAGE------------------------------------------------------------------------------*/


.partage{
	margin-bottom:5px;
	margin-top:10px;
	border-top:1px solid #ccc;
	padding:5px;
	float:right;
	position:relative;
	width:98%;
	color:#333;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:transparent;
	overflow:hidden;

	text-align:right;
	}

.partage .titre{
	font-weight:normal;
	position:absolute;
	color:#999;
	display:block;
	font-size:0.9em;
	font-style:italic;
	top:12px;
	height:30px;
	right:120px;
	}

.link_box{
	position:relative;
	display:inline-block;

	}

.partage .link{
	position:relative;
	display:inline-block;
	font-size:0.8em;
	font-style:italic;
	width:30px;
	height:30px;
	}



.partage .link:hover{
	background-color:transparent;
	}

.partage_30{
	background-image:url(../image/partage_30_color.png);

	background-repeat:no-repeat;
	width:30px;
	height:30px;
	}

.partage_30:hover{
	background-image:url(../image/partage_30.png);
	}

.partage_fb{background-position:0px 0px;}
.partage_tw{background-position:-30px 0px;}
.partage_go{background-position:-60px 0px;}







/*---------------------------------------------------------------- Blocs filtres + filtre ------------------------------------------------------------------------------*/

.filtre{
	padding:3px;
	display:inline-block;
	color:#fff;
	cursor:pointer;
	font-size:0.6em;
	text-transform:uppercase;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	font-weight:bold;
	margin-top:10px;
	}






.bloc_filtre{
	position:relative;
	width:98%;
	left:1%;
	color:#333;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	background-color:transparent;
	overflow:hidden;
	margin-bottom:10px;

}

.bloc_filtre .filtre{
	padding:3px;
	display:inline-block;
	color:#fff;
	cursor:pointer;
	font-size:0.6em;
	text-transform:uppercase;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	font-weight:bold;
	margin-top:10px;
	}

.bloc_filtre .filtre_nolink{
	padding:3px;
	display:inline-block;
	color:#fff;
	cursor:pointer;
	font-size:0.6em;
	text-transform:uppercase;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	font-weight:bold;
	margin-top:10px;
	}


.filtre:hover{
	color:#333;
	background-color:#fff;
}











/*-------------------------------------------------------------Bloc PArtenaire------------------------------------------------------------------------------------*/

.partenaires{
	display:inline-block;
	width:120px;
	margin:5px;
	overflow:hidden;
	vertical-align:top;
}

.partenaires img{

	width:120px;

}





/*---------------------------------------------------------------- Blocs grille ------------------------------------------------------------------------------*/
.grille_item{
	position:relative;
	width:100%;
	background-color:#fff;
	border:1px solid #777;
	display:none;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	color:#333;
	}


.grille_item .plus{
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:1.6em;
	font-weight:bold;
	width:40px;
	height:40px;
	text-align:right;
	padding-right:3px;
	padding-top:13px;
	color:#fff;
	background-image:url(../image/grille_item_plus.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:0.8em;

	}
.grille_item .plus:hover{
		background-image:url(../image/grille_item_plus_hover.png);
		color:#333;
	}

.grille_item_infos{
	width:100%;
	table-layout:fixed;
	padding:0px;
	border-spacing:0px;
	margin-bottom:10px;
	}

.grille_item_infos .titre{
	margin-left:2%;
	width:96%;
	position:relative;
	position:relative;
	margin-top:5px;
	z-index:5;
	text-align:left;
	font-size:0.8em;
	font-weight:bold;

	}

.grille_item .description{
	position:relative;
	width:96%;
	left:2%;
	margin-top:5px;
	z-index:5;
	text-align:left;
	font-size:0.7em;
	font-weight:200;
	margin-bottom:30px;
}

.grille_item .thumb{
	display:block;
	width:100%;
	position:relative;
	z-index:1;
}


.grille_item_infos .date{
	margin-top:5px;
	position:relative;
	margin-left:5%;
	width:85%;
	padding:1%;
	background-color:#999;
	color:#fff;
	}


.grille_item_infos{
	position:relative;
	width:96%;
	left:2%;
}


.grille_item_infos .filtre{
	margin-left:0px;
}


.grille_item_infos .titre{
	font-size:0.8em;
	font-weight:bold;
	line-height:1.1em;
	margin-top:5px;
	display:block;
	color:#333;
	margin-bottom:5px;
}


.grille_item_infos .description{
	position:relative;
	width:100%;
	color:#333;
	margin-top:0px;
	z-index:5;
	text-align:left;
	font-size:0.7em;
	font-weight:200;
	left:0px;
	margin-bottom:30px;
}



















.agenda_g_item{
	position:relative;
	width:98%;
	left:1%;
	max-width:300px;
	background-color:#fff;
	border:1px solid #777;
	display:none;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	height:200px;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	color:#333;
}


.agenda_g_item .filtre{
	position:absolute;
	z-index:3;
	margin-top:5px;
	margin-left:5px;
}

.agenda_g_item .infos{
	width:100%;
	height:100%;
	position:absolute;
	top:70%;
	left:0%;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.agenda_g_item .infos .couleur{
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	overflow:hidden;
	text-align:center;
	background-color:#333;
	opacity:0.8;
	z-index:1;
}

.agenda_g_item .infos .titre{
	position:relative;
	color:#fff;
	font-size:0.7em;
	font-weight:normal;
	width:96%;
	margin-top:5px;
	text-align:center;
	text-transform:uppercase;
	height:25%;
	vertical-align:middle;
	z-index:2;
	display:block;
	padding-top:5px;
		-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.agenda_g_item .infos .titre:hover{
	text-decoration:underline !important;
}

.agenda_g_item .infos .description{
	position:relative;
	color:#fff;
	font-size:0.7em;
	width:96%;
	margin-top:5px;
	text-align:center;
	display:none;
	vertical-align:middle;
	z-index:2;
}

.agenda_g_item .infos .plus{
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:1.6em;
	font-weight:bold;
	width:40px;
	height:40px;
	text-align:right;
	padding-right:3px;
	padding-top:13px;
	color:#fff;
	background-image:url(../image/grille_item_plus.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:0.8em;
}



.agenda_g_item .infos .plus:hover{
		background-image:url(../image/grille_item_plus_hover.png);
		color:#333;
	}





.agenda_g_item .vignette{
	z-index:1;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.agenda_g_item .vignette img{
	position:relative;
	height:220px;
}

.agenda_g_item .vignette_picto{

	position:absolute;
	height:60px !important;
	width:60px;
	top:50%;
	margin-top:-30px;

	}


.agenda_g_item .grille_date_box{
	width:96%;
	left:2%;
	position:absolute;
	bottom:30px;
	z-index:2;
	text-align:center;
	}



.agenda_g_item .grille_date{
	text-align:center;
	display:inline-block;
	table-layout:fixed;
	width:80px;
	height:35px;
	padding:0px;
	border-spacing:0px;
	padding:3px;
	padding-bottom:0px;
	margin:3px;
	border:1px solid #ccc;
	font-size:1.2em;
	color:#fff;

	}

.agenda_g_item .grille_date td{
	vertical-align:top;
	border:none;
	}

.agenda_g_item .grille_date .titre{
	font-size:0.5em;
	font-weight:normal;
	line-height:0.8em;

	}

.agenda_g_item .grille_date .jour{
	font-size:1.6em;
	font-weight:bold;
	line-height:0.8em;
	}

.agenda_g_item .grille_date .mois{
	font-size:0.7em;
	font-weight:bold;
	line-height:0.9em;
	text-transform:uppercase;
	padding-left:2px;
	}

.agenda_g_item .grille_date .annee{
	font-size:0.6em;
	font-weight:normal;
	line-height:1em;
	padding-left:2px;
	}

.agenda_g_item .grille_date .heure{
	font-size:0.6em;
	font-weight:200;
	line-height:1.3em;
	letter-spacing:0.1em;

	}










.agenda_l_item{
	position:relative;
	width:96%;
	left:2%;
	height:90px;
	background-color:#fff;
	border:1px solid #777;
	background-color:#fff !important;

	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

	overflow:hidden;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	color:#333;
}




.agenda_l_item .infos{
	width:100%;
	height:100%;
	position:absolute;
	top:0%;
	left:0%;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;

	padding-left:190px;

}

.agenda_l_item .filtre{
	position:relative;
	z-index:3;
	margin:5px;
}



.agenda_l_item .infos .titre{
	position:relative;
	color:#333;
	font-size:0.7em;
	font-weight:bold;
	width:96%;
	text-align:left;
	text-transform:uppercase;
	display:block;
		-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:5px;
}

.agenda_l_item .infos .titre:hover{
	text-decoration:underline !important;
}

.agenda_l_item .infos .description{
	position:relative;
	color:#333;
	font-size:0.7em;
	width:96%;
	margin-left:5px;
	text-align:left;

}

.agenda_l_item  .plus{
	position:absolute;
	right:0px;
	bottom:0px;
	font-size:1.6em;
	font-weight:bold;
	width:40px;
	height:40px;
	text-align:right;
	padding-right:3px;
	padding-top:13px;
	color:#fff;
	background-image:url(../image/grille_item_plus.png);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:2;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	line-height:0.8em;
}



.agenda_l_item .infos .plus:hover{
		background-image:url(../image/grille_item_plus_hover.png);
		color:#333;
	}





.agenda_l_item .vignette{
	z-index:1;
	width:90px;
	height:90px;
	left:0px;
	top:0px;
	position:relative;
	overflow:hidden;
	text-align:center;
}
.agenda_l_item .vignette img{
	position:relative;
	height:90px;
}

.agenda_l_item .vignette_picto{

	position:absolute;
	height:60px !important;
	width:60px;

	margin-top:10px;

	}


.agenda_l_item .grille_date_box{

	width:100px;
	position:absolute;
	left:100px;
	top:2px;


	}



.agenda_l_item .grille_date{
	text-align:center;
	display:inline-block;
	table-layout:fixed;
	width:80px;
	height:35px;
	padding:0px;
	border-spacing:0px;
	padding:3px;
	padding-bottom:0px;
	margin:3px;
	border:1px solid #ccc;
	font-size:1.2em;
	color:#666;

	}

.agenda_l_item .grille_date td{
	vertical-align:top;
	border:none;
	}

.agenda_l_item .grille_date .titre{
	font-size:0.5em;
	font-weight:normal;
	line-height:0.8em;

	}

.agenda_l_item .grille_date .jour{
	font-size:1.6em;
	font-weight:bold;
	line-height:0.8em;
	}

.agenda_l_item .grille_date .mois{
	font-size:0.7em;
	font-weight:bold;
	line-height:0.9em;
	text-transform:uppercase;
	padding-left:2px;
	}

.agenda_l_item .grille_date .annee{
	font-size:0.6em;
	font-weight:normal;
	line-height:1em;
	padding-left:2px;
	}

.agenda_l_item .grille_date .heure{
	font-size:0.6em;
	font-weight:200;
	line-height:1.3em;
	letter-spacing:0.1em;

	}










/*-------------------------------------------------------------Bloc Liens------------------------------------------------------------------------------------*/
.bloc_liens{
	position:relative;
	width:98%;
	left:1%;
	padding-bottom:20px;
	margin-bottom:10px;
	}

.bloc_liens .titre{
	position:relative;
	width:100%;
	padding:5px;
	font-weight:200;
	font-size:0.8em;
	background-color:#333;
	margin-bottom:10px;
	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;

	color:#fff;
	}

.bloc_liens .liens_item{
	display:block;
	color:#333;
	font-size:0.8em;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	}


.bloc_liens .liens_item:hover{
	text-decoration:underline !important;
	}


#c_recherche{
	width:98%;
	margin:1%;
	height:30px;
	border-radius:2px;
	border:2px solid #ccc;
	font-size:1.2em;
	font-weight:bold;
	color:#ccc;
}














/*---------------------------------------------------------------- Blocs Listing ------------------------------------------------------------------------------*/

.bloc_listing{
	position:relative;
	width:96%;
	left:2%;
	background-color:#fff;
	border:1px solid #999;

	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
	color:#333;
	}


/*Listing normal---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.listing{
	position:relative;
	width:100%;
	border-spacing:0px;
	padding:0px;
	table-layout:fixed;
	}

.listing th{
	padding:0px;
	border-left: 1px solid #666;
	position:relative;
	overflow:hidden;
}

.listing td{
	vertical-align:top;
	padding:0px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	border-bottom:1px solid #ccc;
	position:relative;
}


.listing_ligne_complete tr{
	cursor:pointer;}

.listing th:nth-child(0n+1){
	border:none;
	}


.listing .listing_titre{
	white-space:nowrap;
	font-size:0.8em;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:0.1em;
	text-align:left;
	font-weight:100;
	padding:5px;
	padding-right:2%;
	padding-left:2%;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	background-color:#333;
	position:relative;
	width:100%;
}

.listing .listing_titre .tri{
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(../image/pictos_20_fff.png);
	background-repeat:no-repeat;
	}

.listing .listing_titre .tri:hover{
	background-image:url(../image/pictos_20_333.png);
	}

.listing .listing_down{
	background-position:-200px 0px;
	}

.row_hover{
	background-image:url(../image/bg_white_90.png);
}





.listing_titre a{
	position:absolute;
	right:5px;
	top:3px;

	}

.listing_ordre{

	width:60px;
	position:absolute;
	display:inline-block;
	top:3px;
	margin-left:10px;

	}


.listing_ordre a img {
	width:15px;
	margin:0px;
	float:left;
	}








.listing .listing_link{
	font-size:0.8em;
	font-weight:bold;
	display:inline-block;
	font-weight:200;
	padding:5px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color:#333;
}

.listing .listing_picto{
	font-size:0.8em;
	font-weight:bold;
	display:inline-block;
	font-weight:200;
	padding:5px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color:#333;
}




.listing .listing_link:hover{
	text-decoration:underline !important;
	}


.listing .listing_item{
	font-size:0.8em;
	display:block;
	font-weight:bold;
	font-weight:200;
	padding:5px;
	position:relative;
	top:0px;
	overflow:hidden;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.listing_item_detail{
	font-size:0.6em;
	font-weight:bold;
	font-weight:200;
	padding:5px;
	padding-top:1px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-style:italic;
  margin-top:-5px;
	}

.listing_item_attention{

	font-size:0.7em;
	font-weight:bold;
	padding:5px;
	padding-top:1px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-style:italic;
  margin-top:-5px;
  color:#990000;
}






/*Listing ligne---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.listing_ligne{
	position:relative;
	width:100%;
	border-spacing:0px;
	padding:0px;
	table-layout:fixed;

}

.listing_ligne .listing_link:hover{
	background-color:transparent !important;
}


.listing_ligne tr:hover{
	background-color:#ccc;}

.listing_ligne th{
	padding:0px;
	border-left: 1px solid #666;
	position:relative;
	overflow:hidden;

}

.listing_ligne th:nth-child(0n+1){
	border:none;
}

.listing_ligne .listing_titre{
	white-space:nowrap;
	font-size:0.8em;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:0.1em;
	text-align:left;
	font-weight:100;
	padding:5px;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	background-color:#333;
	position:relative;
	width:100%;
}




.listing_ligne .listing_titre .tri{
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(../image/pictos_20_fff.png);
	background-repeat:no-repeat;
	}

.listing_ligne .listing_titre .tri:hover{
	background-image:url(../image/pictos_20_333.png);
	}

.listing_ligne .listing_down{
	background-position:-200px 0px;
	}





.listing_ligne td{
	height:30px;
	border-bottom:1px solid #ccc;
	}

.listing_ligne .listing_picto{
	height:30px;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	display:inline-block;
	font-weight:200;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color:#333;
  text-align:center;
}

.listing_ligne .listing_link{
	padding:5px;
	height:30px;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	display:inline-block;
	font-weight:200;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;

}















.listing_modifier{
	background-position:0px 0px;
	}
.listing_photos{
	background-position:-20px 0px;
	}
.listing_videos{
	background-position:-40px 0px;
	}
.listing_fichiers{
	background-position:-60px 0px;
	}
.listing_liens{
	background-position:-80px 0px;
	}
.listing_horaires{
	background-position:-100px 0px;
	}
.listing_tarifs{
	background-position:-120px 0px;
	}
.listing_supprimer{
	background-position:-140px 0px;
	}
.listing_populate{
	background-position:-160px 0px;
	}
.listing_up{
	background-position:-180px 0px;
	}
.listing_down{
	background-position:-200px 0px;
	}
.listing_prev{
	background-position:-220px 0px;
	}
.listing_next{
	background-position:-240px 0px;
	}
.listing_envoi{
	background-position:-260px 0px;
	}
.listing_prem{
	background-position:-280px 0px;
	}
.listing_der{
	background-position:-300px 0px;
	}
.listing_plus{
	background-position:-320px 0px;
	}










.listing_bloc_date{
	text-align:center;
	}





.pagination{

	padding:0px;
	position:relative;
	height:50px;
	text-align:center;
	margin-top:25px;

}

.pagination table{
	display:inline-block;
}

.pagination table td{
	width:20px;
	height:20px;
}

.pagination table td .pagination_item{

	display:block;
	height:20px;
	width:20px;
	background-color:#CCCCCC;
	border-radius:2px;
	font-size:0.9em;
	color:#666;
	padding-top:2px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}



.pagination table td .pagination_encours{

	display:block;
	height:20px;
	width:20px;
	background-color:#333;
	border-radius:2px;
	font-size:0.9em;
	color:#fff;
	padding-top:2px;

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

.pagination .nav{
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(../image/pictos_20_fff.png);
	background-repeat:no-repeat;
	-moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:2px;
  background-color:#333;
	}
.pagination .nav:hover{
	background-color:#999;
	background-image:url(../image/pictos_20_333.png);

	}


.listing_nav{
	border-spacing:0px;
	padding:0px;
	position:relative;
	width:100%;
	table-layout:fixed;
	margin-top:10px;
	}

.listing_suivant{
	text-align:right;
	}
.listing.precedent{
	text-align:left;
	}




.pagination td{
	color:#333;
	font-size:0.8em;
}

.pagination td .pagination_item_encours{
	display:block;
	color:#fff !important;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	padding-top:5px;
	}







/*---------------------------------------------------------------- FILTRES ------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.filtres_box{
	color:#333;
	}

.filtres_bouton{
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
	padding-left:38px;
	padding-top:1px;
	padding-bottom:3px;
	cursor:pointer;
	}

.filtres_bouton span{
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:200;
}

.filtres_bouton .filtre_case{
	width:10px;
	height:10px;
	border:1px solid #666;
	display:inline-block;
	position:absolute;
	margin-left:-25px;
	margin-top:1px;
	}