span.colorcat_2482{
				background-color:#0000FF;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2482{
				color:#0000FF;
				}
				#calendar-container .calendar tbody td.cat2482{
				background-color:#0000FF;
				}
				
					div.actucat_2482 div.texte_une div.bloc_titre a,
					div.actucat_2482 div.bloc_titre a,
					div.actucat_2482 div.bloc_titre h1,
					div.actucat_2482 div.bloc_titre h1 a,
					div.actucat_2482 div.bloc_titre,
					div.actucat_2482 h3 a,
					div.eventcat_2482 div.bloc_header span.title,
					div.eventcat_2482 div.bloc_header h1 span.title,
					div.eventcat_2482 div.bloc_header h1 span.title a,
					div.eventcat_2482 div.bloc_headerlink span.title a,
					h3.eventcat_2482 span,
					div.lecteur_rss ul li.rssactucat_2482 a,					
					div.lecteur_rss ul li.rsseventcat_2482 a
					{
					color:#0000FF !important;
					}
					
					
				span.colorcat_2479{
				background-color:#228B22;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2479{
				color:#228B22;
				}
				#calendar-container .calendar tbody td.cat2479{
				background-color:#228B22;
				}
				
					div.actucat_2479 div.texte_une div.bloc_titre a,
					div.actucat_2479 div.bloc_titre a,
					div.actucat_2479 div.bloc_titre h1,
					div.actucat_2479 div.bloc_titre h1 a,
					div.actucat_2479 div.bloc_titre,
					div.actucat_2479 h3 a,
					div.eventcat_2479 div.bloc_header span.title,
					div.eventcat_2479 div.bloc_header h1 span.title,
					div.eventcat_2479 div.bloc_header h1 span.title a,
					div.eventcat_2479 div.bloc_headerlink span.title a,
					h3.eventcat_2479 span,
					div.lecteur_rss ul li.rssactucat_2479 a,					
					div.lecteur_rss ul li.rsseventcat_2479 a
					{
					color:#228B22 !important;
					}
					
					
				span.colorcat_2483{
				background-color:#00BFFF;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2483{
				color:#00BFFF;
				}
				#calendar-container .calendar tbody td.cat2483{
				background-color:#00BFFF;
				}
				
					div.actucat_2483 div.texte_une div.bloc_titre a,
					div.actucat_2483 div.bloc_titre a,
					div.actucat_2483 div.bloc_titre h1,
					div.actucat_2483 div.bloc_titre h1 a,
					div.actucat_2483 div.bloc_titre,
					div.actucat_2483 h3 a,
					div.eventcat_2483 div.bloc_header span.title,
					div.eventcat_2483 div.bloc_header h1 span.title,
					div.eventcat_2483 div.bloc_header h1 span.title a,
					div.eventcat_2483 div.bloc_headerlink span.title a,
					h3.eventcat_2483 span,
					div.lecteur_rss ul li.rssactucat_2483 a,					
					div.lecteur_rss ul li.rsseventcat_2483 a
					{
					color:#00BFFF !important;
					}
					
					
				span.colorcat_2484{
				background-color:#483D8B;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2484{
				color:#483D8B;
				}
				#calendar-container .calendar tbody td.cat2484{
				background-color:#483D8B;
				}
				
					div.actucat_2484 div.texte_une div.bloc_titre a,
					div.actucat_2484 div.bloc_titre a,
					div.actucat_2484 div.bloc_titre h1,
					div.actucat_2484 div.bloc_titre h1 a,
					div.actucat_2484 div.bloc_titre,
					div.actucat_2484 h3 a,
					div.eventcat_2484 div.bloc_header span.title,
					div.eventcat_2484 div.bloc_header h1 span.title,
					div.eventcat_2484 div.bloc_header h1 span.title a,
					div.eventcat_2484 div.bloc_headerlink span.title a,
					h3.eventcat_2484 span,
					div.lecteur_rss ul li.rssactucat_2484 a,					
					div.lecteur_rss ul li.rsseventcat_2484 a
					{
					color:#483D8B !important;
					}
					
					
				span.colorcat_2481{
				background-color:#DC143C;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2481{
				color:#DC143C;
				}
				#calendar-container .calendar tbody td.cat2481{
				background-color:#DC143C;
				}
				
					div.actucat_2481 div.texte_une div.bloc_titre a,
					div.actucat_2481 div.bloc_titre a,
					div.actucat_2481 div.bloc_titre h1,
					div.actucat_2481 div.bloc_titre h1 a,
					div.actucat_2481 div.bloc_titre,
					div.actucat_2481 h3 a,
					div.eventcat_2481 div.bloc_header span.title,
					div.eventcat_2481 div.bloc_header h1 span.title,
					div.eventcat_2481 div.bloc_header h1 span.title a,
					div.eventcat_2481 div.bloc_headerlink span.title a,
					h3.eventcat_2481 span,
					div.lecteur_rss ul li.rssactucat_2481 a,					
					div.lecteur_rss ul li.rsseventcat_2481 a
					{
					color:#DC143C !important;
					}
					
					
				span.colorcat_2480{
				background-color:#FFA500;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2480{
				color:#FFA500;
				}
				#calendar-container .calendar tbody td.cat2480{
				background-color:#FFA500;
				}
				
					div.actucat_2480 div.texte_une div.bloc_titre a,
					div.actucat_2480 div.bloc_titre a,
					div.actucat_2480 div.bloc_titre h1,
					div.actucat_2480 div.bloc_titre h1 a,
					div.actucat_2480 div.bloc_titre,
					div.actucat_2480 h3 a,
					div.eventcat_2480 div.bloc_header span.title,
					div.eventcat_2480 div.bloc_header h1 span.title,
					div.eventcat_2480 div.bloc_header h1 span.title a,
					div.eventcat_2480 div.bloc_headerlink span.title a,
					h3.eventcat_2480 span,
					div.lecteur_rss ul li.rssactucat_2480 a,					
					div.lecteur_rss ul li.rsseventcat_2480 a
					{
					color:#FFA500 !important;
					}
					
					
h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: none;
}

h3.actu, 
h2.actu,
div.default_link a,
h3#section_actus,
h2#section_actus,
div.bloc_titre,
div.actu div.bloc_titre a,
div.actulink div.bloc_titre a,
div.actu div.htmlarea_content p.htmlarea_titre,
div.actu div.htmlarea_content p.htmlarea_sous_titre,
div#actu_nom_suiv a,
div#actu_nom_prec a,
div.actu div.htmlarea_content h1,
div.actu div.htmlarea_content h2 {
	color: none;
}

h3#section_events,
h3.events,
h3#anciensevents,
h2#section_events,
h2.events,
h2#anciensevents,
p.titre_event,
div.bloc_headerlink span.title a,
div.bloc_header span.title a,
div.bloc_header span.title,
div.event div.htmlarea_content p.htmlarea_titre,
div.event div.htmlarea_content p.htmlarea_sous_titre,
div.event div.bloc_header span.title,
div.event div.bloc_headerlink span.title a,
div.eventlink div.bloc_header span.title,
div.eventlink div.bloc_headerlink span.title a,
div.event div.htmlarea_content h1,
div.event div.htmlarea_content h2 {
	color: none;
}

div.perso div.htmlarea_content p.htmlarea_titre,
div.perso div.htmlarea_content p.htmlarea_sous_titre {
	color: none;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
	background: none;
}

div#header_aiw {
	background-color: none;;
}

form#formlogin fieldset legend {
	color: none;
}

form#formlogin fieldset label.login,
form#formlogin fieldset h3,
form#formlogin fieldset label.change,
div.oublititre {
	color: none;
}

form#connect {
	background-color:none;
}

form#connect fieldset legend,
form#connect fieldset label {
	color: none;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,div#header_club p.title_club{ 
	color: none;
}

.colorcat_multi{
	background-color: #869EA3;background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	padding: 0px 4px;
	font-size: 10px;
}


div#innerMain {
	background :none url(/data/bkg/pix_570_none.png) 205px 0 repeat-y ;
}

div#html_footer {
	background-color :none;
}
dl.testttt dt a {	
	color: none; 
	background-color: none;
}

div#header_cadre{width : 980px;}
div#container{width : 981px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: none; }
.calendar thead .title,.calendar .button{background-color:none;color: none;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:none;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: none;}
body{background-color: none; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{display:none;}
div#header_club p.description_club{display:none;}

#surveyas div.search_autocomplete ul{
list-style-type: none;
margin: 0px;
padding: 0px;
max-height: 20em;
overflow: auto;
float:none;
}
#surveyas div.search_autocomplete ul li.selected{
background-color: #019393; 
color:#fff;
}
#surveyas div.autocomplete ul li.selected a{
color:#fff;
}
#surveyas div.autocomplete ul li {
list-style-type:none;
display: block;
margin: 0;
padding: 2px;
cursor: pointer;
text-align:left;
}
#surveyas div.autocomplete ul li a{
text-align:left;
font-weight:normal;
color:#000;
}
div#header_club {
	width:730px;
}

div#boutique,
div#recherche,
div.perso,
div.actu,
div.event {border: none;}

div.htmlarea_content table, 
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
border: none;border-color:none;}

div.htmlarea_content {
	font-size: 14px;
	font-family:inherit, sans-serif;
	color: #260808;
}

div.htmlarea_content h1{font-size: 16px;padding:25px 0px 25px 0px;font-family:inherit, sans-serif;color: #294ecb;} 
div.htmlarea_content h2{font-size: 16px;padding:20px 0px 20px 0px;font-family:inherit, sans-serif;color: #294ecb;} 
div.htmlarea_content h3{font-size: 13px;font-family:inherit, sans-serif;padding:5px 0px 5px 0px;color: #294ecb;}
div.htmlarea_content h4{font-size: 18px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #ffffff;} 
div.htmlarea_content h5{font-size: 9px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #294ecb;} 
div.htmlarea_content h6{font-size: 10px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #000000;} 
div.htmlarea_content address{font-size: 10px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: none;} 
div.htmlarea_content p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #260808;}
div#boutique p,div#recherche p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #260808;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #260808;}

div#accueil_content,div.htmlarea_content,h1.titreperso,h2.titreperso,h2#section_actus,div.actu,div.actulink,h2#section_events,div.event,div.eventlink,div#boutique,div#recherche{background-color:none;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:none;}
div#recherche a:hover,div#boutique a:hover,div.htmlarea_content a:hover,div#recherche a:visited:hover,div#boutique a:visited:hover,div.htmlarea_content a:visited:hover{color:none;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:none;}
div.htmlarea_content img {position:relative;padding:0px;max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content p img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h1 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h2 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h3 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h4 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h5 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content h6 img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content address img {max-width:520px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
/*** CLEAN ***/

.date_modif,
.chrono,
.spacer  {
    display: none;
}

#ariane {
    display: none;
}

.separator2, .simplify {
    display: none;
}

div#header_club {
    display: none;
}

#editme,
.editme {
    text-align: right;
    height: 40px;
}

/*** LIGHTVIEW : ajout du CSS pour le lightview; ***/
/*debut lightview.css*/
/*
 *  Part of Lightview - The jQuery Lightbox
 *  http://projects.nickstakenburg.com/lightview
 *
 *  IMPORTANT:
 *  When modifying or adding skins it's recommended to do this in a seperate file,
 *  overwriting or building on top of the styling defined here to make updating easier.
 *
 *  Documentation:
 *  http://projects.nickstakenburg.com/lightview/documentation/skins
 *
 */

.lv_window {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  overflow: hidden;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.lv_window,
.lv_controls_top,
.lv_controls_top_close,
.lv_thumbnails,
.lv_thumbnails_top_close {
  z-index: 100000;
}
.lv_skin {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.lv_bubble,
.lv_shadow {
  position: absolute;
}
.lv_bubble * {
 display: inline;
 position: relative;
 float: left;
 z-index: none;
}

.lv_skin * {
  margin: 0;
  padding: 0;
}

.lv_overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
}

/* wrapper for the spinner */
.lv_spinner_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}

/* The the previous/next overlay buttons on top of images */
.lv_inner_previous_next_overlays {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  zoom: 1;
  background: url('/src/lightview/skins/blank.gif');
}
.lv_inner_previous_next_overlays * { padding: 0; margin: 0; }
.lv_inner_previous_next_overlays .lv_button {
  position: relative;
  height: 100%;
  width: 49%;
  background: url('/src/lightview/skins/blank.gif');
  zoom: 1;
  cursor: pointer;
}
.lv_button_inner_previous_overlay { float: left; }
.lv_button_inner_next_overlay { float: right; }


.lv_title_caption {
  position:absolute;
  font: 11px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, sans-serif;
  color: #eaeaea;
}
.lv_title_caption_slider { position: relative; float:left; overflow-y: hidden;}
.lv_title_caption_slide { position: relative; float: left; top: 0; left: 0; padding: 15px 0 7px 0; }
.lv_title { font-weight: bold; }
.lv_title, .lv_caption {
  float: left;
  clear: both;
}

.lv_update_queue {
  position: absolute;
  top: -15000px;
  left: -15000px;
  width: 5000px;
  height: 5000px;
  visibility: hidden;
}
.lv_update_queue .lv_window,
.lv_update_queue .lv_content {
  position: relative;
  overflow: visible;
  float: left;
  top: auto;
  left: auto;
  width: 100%;
}
.lv_content .lv_content_wrapper {
  float: left;
  clear: both;
  position: relative;  
}
.lv_update_queue .lv_content_wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.lv_content_wrapper canvas {
	float: left;
	zoom: 1;
}

.lv_content {
  position: absolute;
  padding: 0;
  margin: 0;
  overflow: auto; /* scrollbars */
  text-align: left;
  background: url('/src/lightview/skins/blank.gif'); /* Chrome 18+ opacity bug */
}

.lv_measure_element {
  position: relative;
  float: left;
  clear: both;
}
.lv_content_canvas,
.lv_content_image,
.lv_content_flash,
.lv_content_object,
.lv_content_iframe,
.lv_content_html {
  float: left;
  border: 0;
  clear: both;
  padding: 0;
  margin: 0;
  background: none;
}


.lv_blank_background, /* IE  */
.lv_content /* Chrome 18+ */
 { background-image: url('/src/lightview/skins/blank.gif'); }

/* The buttons on the side when you view a gallery */
.lv_side_buttons_underneath {
  position: absolute;
  top: 50%;
  left: 50%;
  clear: both;
  width: 100%;
  padding: 0;
  height: 67px;
  margin-top: -34px;
}
.lv_side_buttons_underneath * { padding: 0; margin: 0; }

.lv_side_buttons_underneath .lv_side_left { float: left; }
.lv_side_buttons_underneath .lv_side_right { float: right; }

.lv_side,
.lv_side_button {
  height: 37px;
  width: 41px;
  position: absolute;
}
.lv_side {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  cursor: pointer;
}

.lv_side_left { margin-left: -41px; }
.lv_side_right { margin-right: -41px; }
.lv_side_button {
  height: 31px;
  width: 41px;
  cursor: pointer;
}
.lv_side_button_previous {
  margin-left: 0px;
  background-image: url("/src/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px -33px;
}
.lv_side_button_previous:hover,
.lv_side_left .lv_side_button_out { background-position: 0px -64px; }
.lv_side_button_next {
  margin-left: 0px;
  background-image: url("/src/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -41px -33px;
}
.lv_side_button_next:hover,
.lv_side_right .lv_side_button_out { background-position: -41px -64px; }
.lv_side_buttons_underneath .lv_side_button_out { margin-left: 0; }

/* disabled states */
.lv_side_buttons_underneath .lv_side_left_disabled .lv_side_button,
.lv_side_buttons_underneath .lv_side_left_disabled:hover .lv_side_button { background-position: 0px -95px; }

.lv_button_top_close {
  width: 33px;
  height: 33px;
  position: absolute;
  cursor: pointer;
  background-image: url("/src/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /* the spacing option set on the relative controls is taken into account when positioning */
  top: 17px;
  /* left or right is set on the css of the skin */
}
.lv_button_top_close:hover {
  background-position: -33px 0px;
}



/*
 * Top Controls
 */
.lv_controls_top {
  position: fixed;
  top: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  height: 63px;
  overflow: hidden;
}
.lv_controls_top_with_slideshow {
  width: 147px;
  margin-left: -74px;
}

.lv_controls_top .lv_top_middle {
  width: 100%;
  height: 33px;
  margin-top: 15px;
  float: left;
  position: relative;
}

.lv_controls_top .lv_top_button {
  height: 100%;
  float: left;
  position: relative;
}
.lv_controls_top .lv_icon {
  background-image: url("/src/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  float: left;
  cursor: pointer;
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  position: relative;
}
.lv_controls_top .lv_icon_disabled {
  cursor: default;
  color: #2e2e2e;
  text-shadow: none;
}

.lv_top_previous { width: 63px; }
.lv_top_previous .lv_icon { background-position: 0px -96px; }
.lv_top_previous:hover .lv_icon { background-position: 0px -129px; }
.lv_top_previous .lv_icon_disabled,
.lv_top_previous:hover .lv_icon_disabled { background-position: 0px -162px; }

.lv_top_slideshow { width: 21px; display: none; position: relative; }
.lv_controls_top_with_slideshow .lv_top_slideshow { display: block; }
.lv_top_slideshow .lv_icon { background-position: -63px -96px; }
.lv_top_slideshow:hover .lv_icon { background-position: -63px -129px; }
.lv_top_slideshow .lv_icon_disabled,
.lv_top_slideshow:hover .lv_icon_disabled { background-position: -63px -162px; }

.lv_top_slideshow_playing .lv_icon { background-position: -148px -96px; }
.lv_top_slideshow_playing:hover .lv_icon { background-position: -148px -129px; }


.lv_top_next { width: 62px; }
.lv_top_next .lv_icon { background-position: -84px -96px; }
.lv_top_next:hover .lv_icon { background-position: -84px -129px; }
.lv_top_next .lv_icon_disabled,
.lv_top_next:hover .lv_icon_disabled { background-position: -84px -162px; }

.lv_icon span { margin-top: 5px; width: 30px; text-align: center; line-height: 23px; }
.lv_top_previous span { float: right; margin-right: 7px; }
.lv_top_next span { float: left; margin-left: 6px; }


.lv_controls_top_close {
  height: 33px;
  width: 33px; /* 46 */
  position: fixed;
  top: 0;
  right: 0;
  padding: 13px;
}
.lv_controls_top_close_button {
  height: 33px;
  width: 33px;
  float: left;
  position: relative;
  background-image: url("/src/lightview/skins/light/sprite.png");
  background-repeat: no-repeat;
  background-position: -166px -21px;
  cursor: pointer;
}
.lv_controls_top_close_button:hover {
  background-position: -166px -54px;
}


/*
 * Relative Controls / Slider
 */
.lv_controls_relative {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -150px;
  height: 50px;
  overflow: hidden;
  background: url('/src/lightview/skins/blank.gif');
}
.lv_slider {
  font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif;
  font-size: 9px;
  height: 21px;
  line-height: 21px;
  padding: 15px 0 14px 0;
  position: relative;
  overflow: hidden;
}
.lv_slider .lv_slider_numbers {
  float: left;
  position: relative;
  height: 21px;
  overflow: hidden;
  margin: 0 2px;
}
.lv_slider .lv_slider_slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
}

.lv_slider_number,
.lv_slider_number_empty { 
  float: left;
  position: relative;
  height: 21px;
  width: 28px;
  line-height: 21px;
  overflow: hidden;
  color: #d4d4d4;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background: #4a4a4a;
  text-align: center;
  padding: 0;
  margin: 0;
  zoom: 1;
  text-transform: none;
  text-decoration: none;
  border: none;
  background-repeat: no-repeat;
  background: url('/src/lightview/skins/light/sprite.png');
  background-position: -67px 0px;
  cursor: pointer;
}

.lv_slider_number_empty { background-position: -151px 0px; cursor: default; }
.lv_slider_number_last { margin-right: 0; }

.lv_slider_number:hover {
  background-position: -95px 0px;
  
}
.lv_slider_numbers .lv_slider_number_active,
.lv_slider_numbers .lv_slider_number_active:hover {
  background-position: -123px 0px;
  color: #808080;
  cursor: default;
}

.lv_slider .lv_slider_icon,
.lv_slider .lv_icon {
  height: 21px;
  width: 21px;
}
.lv_slider .lv_slider_icon {
  zoom: 1;
  padding: 0 2px; /* IE6 needs padding instead of margin */
  display: inline;
  position: relative;
  cursor: pointer;
  float: left;
}
.lv_slider .lv_icon {
  background: url('/src/lightview/skins/light/sprite.png');
  background-repeat: no-repeat;
  /* IE6 */
  position: absolute; 
  top: 0;
  left: 2px;
  display: block;
}

.lv_slider_previous .lv_icon { background-position: -82px -21px; }
.lv_slider_previous .lv_icon:hover { background-position: -82px -42px; }
.lv_slider_previous_disabled .lv_icon,
.lv_slider_previous_disabled .lv_icon:hover { background-position: -82px -63px; cursor: default; }

.lv_slider_next .lv_icon { background-position: -103px -21px; }
.lv_slider_next .lv_icon:hover { background-position: -103px -42px; }
.lv_slider_next_disabled .lv_icon,
.lv_slider_next_disabled .lv_icon:hover { background-position: -103px -63px; cursor: default; }

.lv_slider_slideshow { position: relative; top : 0; left: 0; display: inline; }
.lv_slider_slideshow .lv_icon { background-position: -125px -21px;}
.lv_slider_slideshow .lv_icon:hover { background-position: -125px -42px; }
.lv_slider_slideshow_playing .lv_icon { background-position: -146px -21px; }
.lv_slider_slideshow_playing .lv_icon:hover { background-position: -146px -42px; }
.lv_slider_slideshow_disabled .lv_icon,
.lv_slider_slideshow_disabled .lv_icon:hover { background-position: -125px -63px; cursor: default; }


/* thumbnails */
.lv_thumbnails {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 92px;
	padding: 15px 0 25px 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.lv_thumbnails_slider {
	position: relative;
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
}

.lv_thumbnails_slide {
  position: absolute;
  top: 0;
  left: 0;
}

.lv_thumbnail {
	width: 92px;
	height: 92px;
	float: left;
	position: relative;
	display: inline; 
	overflow: hidden; /* IE6 */
}
.lv_thumbnail_image {
	position: relative;
	background: red;
	background: #161616;
  width: 80px;
  height: 80px;
  margin: 6px;
  float: left;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
  cursor: pointer;
  overflow: hidden;
  display: inline; /* IE6 */
  z-index: 0; /* IE8 */
  
}
.lv_thumbnail_image img { position: absolute; }
.lv_thumbnail_active .lv_thumbnail_image {
	filter: alpha(opacity=35);
	opacity: .35;
	display: inline;
}

.lv_thumbnail_icon {
	width: 36px;
	height: 36px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -18px;
	margin-top: -18px;
  background-position: 99px 99px;
  background-repeat: no-repeat;
  display: block !important;
  display: none; /* IE6 */
}

.lv_thumbnail_image_spinner_overlay {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background: #161616;
}

.lv_thumbnail_icon_video { background-position: 0px -196px; }
.lv_thumbnail:hover .lv_thumbnail_icon_video { background-position: -36px -196px; }
.lv_thumbnail_active:hover .lv_thumbnail_icon_video { background-position: 0px -196px; }

/* 
 * Skins
 */
/* normalization for all skins */
.lv_content { text-align: left; }

.lv_content,
.lv_content h1,
.lv_content h2,
.lv_content h3,
.lv_content h4,
.lv_content h5,
.lv_content h6 { color: #333; }

.lv_content a,
.lv_content a:hover {
  color: #0088cc;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none;
}
.lv_content a:hover { text-decoration: underline; }

.lv_title_caption a,
.lv_title_caption a:hover {
  color: #b4b4b4;
  font-weight: normal;
  background: none;
  border: 0;
  text-decoration: none;
}
.lv_title_caption a:hover { text-decoration: underline; }

/* 
 * skin: 'light'
 */
/* title/caption */
.lv_window_light .lv_title_caption { text-shadow: 0px 1px 1px rgba(0,0,0,.25); }

/* close button */
.lv_window_light .lv_button_top_close {
	top: 17px;
	left: 55px;
}

/* sprite */
.lv_window_light .lv_side_button_previous,
.lv_window_light .lv_side_button_next,
.lv_window_light .lv_button_top_close,
.lv_window_light .lv_controls_top_close_button,
.lv_window_light .lv_slider .lv_icon,
.lv_window_light .lv_slider_number,
.lv_window_light .lv_slider_number_empty,
.lv_window_light .lv_controls_top_close_button,
.lv_controls_top_skin_light .lv_icon,
.lv_controls_top_close_skin_light .lv_controls_top_close_button,
.lv_thumbnails_skin_light .lv_thumbnail_icon {
  background-image: url('/src/lightview/skins/light/sprite.png') !important;  
  background-image: url('/src/lightview/skins/light/sprite_ie_lt_7.png'); /* IE < 7 */
}


/*
 * skin: 'dark'
 */
/* normalization */
.lv_content_dark,
.lv_content_dark h1,
.lv_content_dark h2,
.lv_content_dark h3,
.lv_content_dark h4,
.lv_content_dark h5,
.lv_content_dark h6 {
  color: #f3f3f3;
}

.lv_content_dark a,
.lv_content_dark a:hover {
  color: #b4b4b4;
}

/* sprite */
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_previous,
.lv_window_dark .lv_side_buttons_underneath .lv_side_button_next,
.lv_window_dark .lv_button_top_close,
.lv_window_dark .lv_controls_top_close_button,
.lv_window_dark .lv_slider .lv_icon,
.lv_window_dark .lv_slider .lv_slider_number,
.lv_window_dark .lv_slider .lv_slider_number_empty,
.lv_window_dark .lv_controls_top_close_button,
.lv_controls_top_skin_dark .lv_icon,
.lv_controls_top_close_skin_dark .lv_controls_top_close_button,
.lv_thumbnails_skin_dark .lv_thumbnail_icon {
  background-image: url('/src/lightview/skins/dark/sprite.png') !important;
  background-image: url('/src/lightview/skins/dark/sprite_ie_lt_7.png'); /* IE < 7 */
}

/* close button */
.lv_window_dark .lv_button_top_close {
  top: 18px;
  left: 53px;
}

/* controls: 'relative' */
.lv_window_dark .lv_slider_number { color: #acacac; }
.lv_window_dark .lv_slider_number:hover { color: #e3e3e3; }
.lv_window_dark .lv_slider_number_active,
.lv_window_dark .lv_slider_number_active:hover { color: #5d5d5d;}

/* controls: 'top' */
.lv_controls_top_skin_dark .lv_icon { color: #a6a6a6; }
.lv_controls_top_skin_dark .lv_icon:hover { color: #e0e0e0; }
.lv_controls_top_skin_dark .lv_icon_disabled,
.lv_controls_top_skin_dark .lv_icon_disabled:hover { color: #575757; }


/* 
 * skin: 'mac'
 */
/* title/caption */
.lv_window_mac .lv_title_caption { text-shadow: 0px 1px 1px rgba(0,0,0,.25); }

/* sprite */
.lv_window_mac .lv_side_button_previous,
.lv_window_mac .lv_side_button_next,
.lv_window_mac .lv_button_top_close,
.lv_window_mac .lv_controls_top_close_button,
.lv_window_mac .lv_slider .lv_icon,
.lv_window_mac .lv_slider_number,
.lv_window_mac .lv_slider_number_empty,
.lv_window_mac .lv_controls_top_close_button,
.lv_controls_top_skin_mac .lv_icon,
.lv_controls_top_close_skin_mac .lv_controls_top_close_button,
.lv_thumbnails_skin_mac .lv_thumbnail_icon {
  background-image: url('/src/lightview/skins/mac/sprite.png') !important;
  background-image: url('/src/lightview/skins/mac/sprite_ie_lt_7.png'); /* IE < 7 */
}

/* close button */
.lv_window_mac .lv_button_top_close {
  top: 39px;
  left: 39px;
}

/* controls: 'relative' */
.lv_window_mac .lv_slider_number { color: #acacac; }
.lv_window_mac .lv_slider_number:hover { color: #e1e1e1; }
.lv_window_mac .lv_slider_number_active,
.lv_window_mac .lv_slider_number_active:hover { color: #5d5d5d; }

/* controls: 'top' */
.lv_controls_top_skin_mac .lv_icon { color: #a6a6a6; }
.lv_controls_top_skin_mac .lv_icon:hover { color: #e0e0e0; }
.lv_controls_top_skin_mac .lv_icon_disabled,
.lv_controls_top_skin_mac .lv_icon_disabled:hover { color: #575757; }



/* html #lightview { /* IE6 */
	position: absolute;	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');}
/* Always cover 100% of the screen in IE6 */
html #lv_overlay {	position: absolute;	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );}
/*fin lightview.css*/


/***** STYLES GENERAUX *********************************************************************/
/*******************************************************************************************/

html, body {
    background-color: #fbf8f7;
    color:#260808;
    font-size:14px;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0.6px;
}

input {
    font-family: inherit;
    font-size: 12px;
    padding: 0;
    width: 150px;
    height: 25px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    width: 100%;
}

select {
    font-size: 12px;
    height: 25px;
}

textarea {
    font-family: inherit;
    font-size: 12px;
    height: 100px;
    width: 100%;
}

input[type=radio],
input[type="checkbox"],
input[type="reset"],
input[type="file"],
input[type=button] {
    height: auto;
    width: auto;
}

input[type=radio] {
    margin: 0 3px;
}

/*** Boutons ***/

input[type=button],
input[type=submit],
a.bouton30, a.bouton50,
a.bouton60, a.bouton75,
a.bouton100, a.bouton125,
a.bouton150, a.bouton200,
a.bouton30 span,
a.bouton50 span,
a.bouton60 span,
a.bouton75 span,
a.bouton100 span,
a.bouton125 span, 
a.bouton150 span,
a.bouton200 span,
a.bouton30 span span,
a.bouton50 span span,
a.bouton60 span span,
a.bouton75 span span,
a.bouton100 span span,
a.bouton125 span span,
a.bouton150 span span,
a.bouton200 span span,
.bouton,
#editme a,
.editme a {
    background: #343f4f none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px;
}

input[type=button]:hover,
input[type=submit]:hover,
a.bouton30:hover,
a.bouton50:hover,
a.bouton60:hover,
a.bouton75:hover,
a.bouton100:hover,
a.bouton125:hover,
a.bouton150:hover,
a.bouton200:hover,
a.bouton30:hover span,
a.bouton50:hover span,
a.bouton60:hover span,
a.bouton75:hover span,
a.bouton100:hover span,
a.bouton125:hover span,
a.bouton150:hover span,
a.bouton200:hover span,
a.bouton30:hover span span,
a.bouton50:hover span span,
a.bouton60:hover span span,
a.bouton75:hover span span,
a.bouton100:hover span span,
a.bouton125:hover span span,
a.bouton150:hover span span,
a.bouton200:hover span span,
.bouton:hover,
#editme a:hover,
.editme a:hover {
    background: #465873 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

.boutonrouge {
    background: #d10e45 none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px;
}

.boutonrouge:hover {
    background: #ea3165 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #FFF;
}

.boutonbleu {
    background: #294ecb none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px;
}

.boutonbleu:hover {
    background: #325cea none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #FFF;
}
div.htmlarea_content table,
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
}

p {
    padding: 0px;
    margin: 0px;
}

hr {
    border: 1px dotted #ccc;
    margin: 20px 0;
}

a, a:visited {
    color:#294ecb;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
    color: #294ecb;
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.block {
    display: block;
}

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

/*h1.titreperso,
#section_events,
#section_actus {
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    padding: 0;
    margin: 0 0 2% 0;
    text-transform: uppercase;
    border-bottom: 1px solid #294ecb;
    color: #294ecb;
}*/


h1.titreperso, .actu .bloc_titre h1 {
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    padding: 0;
    margin: 0 0 2% 0;
    text-transform: uppercase;
    border-bottom: 1px solid #294ecb;
    color: #294ecb;
}


#section_events, #section_actus {
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    padding: 0;
    margin: 0 0 1% 0;
    text-transform: uppercase;
    color: #294ecb;
}


.title_home {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 30px 0;
}

/**** Titre dans éditeur de texte ****/

div.htmlarea_content,
div.htmlarea_content p {
    font-family: "Raleway", sans-serif !important;
}

div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6 {
  letter-spacing: 0.6px;
  margin: 0; 
}

div.htmlarea_content h4 {
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding: 0 0 3% 0;
    margin: 5% 0 5% 0;

}

/***** titre + texte deroulant ****/

.edittopic h3 {
  padding: 0 !important;
  margin: 0;
  font-size: 15px !important;
}

.edittopic {
  background: url(/offres/doc_inline_src/759/fleche_bas.png);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 18px !important;
  cursor: pointer;
}

.edittopicselected {
  background: url(/offres/doc_inline_src/759/fleche_haut.png) repeat-x bottom !important;
}

.t_edit_cont {
display: none;
background : #f2f2f2;
padding: 0 15px;
}

/***** STRUCTURE **************************************************************************/
/*******************************************************************************************/

#container {
    width: 100% !important;
    position: relative;
}

/*** HEADER *********************************/

#header_aiw {
    background-color: #fbf8f7;
    width: 100%;
}

    #z1 {
        width: 1118px;
        margin: 0 auto;
        position: relative;
    }

        #bloc_logo {
            padding: 1% 0;
            width: 23%;
        }
        
            #bloc_logo img {
              max-width: 100%;
            }

        #bloc_baseline {
            font-weight: 900;
            text-transform: uppercase;
            text-align: center;
            width: 47%;
            margin: 4% 0 0 0;
            font-size: 17px;
            color: #294ecb;
        }

        #bloc_access {
          display: inline-block;
          width: 13%;
          text-align: right;
        }
        
        #bloc_join {
            width: 17%;
            text-align: right;
        }
            .join {
                display: inline-block;
                color: white !important;
                text-transform: uppercase;
                font-size: 20px;
                line-height: 21px;
                font-weight: 600;
                font-family: "Roboto Condensed", sans-serif;
                background: url(/offres/doc_inline_src/801/bg_red.png) no-repeat;
                text-align: left;
                padding: 10%;
                height: 60px;
            }

              .join img {
                  display: inline-block;
                  vertical-align: top;
              }

              .join span {
                  display: inline-block;
                  vertical-align: top;
              }

            .connected {
              display: none;
            }

            .identified .connected {
              display: inline-block;
              vertical-align: top;
              margin: 3% 0 0 0;
            }

            .disconnected {
              display: inline-block;
              vertical-align: top;
              margin: 3% 0 0 0;
            }

            .identified .disconnected {
              display: none;
            }

    #header_cadre {
        width: 100% !important;
        background-color: #294ecb;
    }

        #bloc_menu {
            width: 1118px;
            margin: 0 auto;
        }

    #z7 {
        clear: both;
    }

/***  COLUMN LEFT  ********************************/

#menu_appli_nosh {
    display: none;
}

/***  COLUMN CENTER  ********************************/

#appli {
    width: 100%;
}

    #innerMain {
        background-color: #fbf8f7;
        width: 1118px;
        margin: 0 auto;
    }

        #accueil_content {
            min-height: 550px;
            clear: both;
            background-color: #ffffff;
            padding: 1%;
        }

            #z8 {

            }

            .perso,
            .perso_  {
                margin: 2% 0;
            }

            #z9 {
                margin: 0;
            }

.bloc_event_content {
    width: 68%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}

.bloc_event_calendar {
    width: 30%;
    display: inline-block;
    margin-left: -0.45em;
    vertical-align: top;
}

    #calendar {
        border: 1px solid #ccc;
        margin-bottom: 10%;
    }

                
/***  COLUMN RIGHT  ********************************/

.colonne_flux {
    display: none;
}

/***  FOOTER ********************************/

#html_footer {
    background: #294ecb;
    color: white;
    font-size: 12px;
}

    #bloc_footer {
        width: 1118px;
        margin: 0 auto;
        padding: 10px 0;
    }

    #bloc_footer a {
        color: white;
    }

    #bloc_footer .perso {
        margin: 0;
    }

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

#menufooter ul a {
    color: white;
}

.verticalmenu ul li ul {
    display: none;
}

/***  AIW FOOTER ****************************/

#aiw_footer {
    font-size: 10px;
    text-align: center;
}

    #aiw_footer p {
        margin: 0;
        padding: 5px 0;
    }

/****** Réseaux sociaux ******/

#bloc_social {
    position: fixed;
    top: 20%;
    left: 1%;
}

.icon-facebook {
    color: white;
    font-size: 20px;
    background: #3b5998;
    font-size: 35px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    margin: 0 5px 5px 0;
}

.icon-twitter {
    color: #FFF;
    background: #129FDA none repeat scroll 0% 0%;
    font-size: 25px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 5px 5px 0;
}

.icon-linkedin2 {
    color: #FFF;
    background: #359DD5 none repeat scroll 0% 0%;
    font-size: 25px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 5px 5px 0;
}

.icon-envelop {
    color: #FFF;
    background: #FF6B21 none repeat scroll 0% 0%;
    font-size: 23px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 5px 5px 0;
}

/***** RECHERCHE GOOGLE  ********************************************************************/
/*******************************************************************************************/

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: #f7f7f7 !important;
    border: none !important;
}

.gsc-input-box {
    width: 190px !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 0;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding: 5px 5px 4px 5px !important
}

.cse input.gsc-search-button, input.gsc-search-button {
    border: 1px solid #5e4e4a !important;
    background-color: #5e4e4a !important;
    background-image: -moz-linear-gradient(center top , #5e4e4a, #5e4e4a) !important;
}

.gsib_a {
    padding: 2px 6px 0 !important;
}

/***** MENU TOP **************************************************************************/
/*******************************************************************************************/

/* Menu Responsive */

.flexnav.opacity {
    opacity: 0;
    display: none;
}

.flexnav.flexnav-show {
    opacity: 1;
    display: block;
}

.flexnav {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1000;
}

.flexnav li {
    position: relative;
    overflow: hidden;
}

.flexnav li a,
.flexnav li > span.label {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: block;
    z-index: 2;
    overflow: hidden;
    padding: 3% 0;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #294ecb;
}

.flexnav li a:hover,
.flexnav li > span.label:hover {
    cursor: pointer;
}

.flexnav li ul {
    padding: 0;
    list-style: none;
}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 29%;
    right: 0;
    text-align: right;
}

.flexnav .touch-button:hover {
    cursor: pointer;
}

.flexnav .touch-button .navicon {
    position: relative;
    font-size: 12px;
    color: #294ecb;
    margin-right: 10px;
}

.menu-button {
    position: relative;
    display: block;
    padding: 1em;
    background: #294ecb;
    color: #ffffff;
    cursor: pointer;
}

.menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
}

.menu-button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #fff;
}

.sm-screen li {
    z-index: 9999;
    background: #486deb;
}

@media all and (min-width: 755px) {

  /*** menu classique ***/

  .flexnav.opacity {
      opacity: 1;
      display: block;
  }

  .flexnav {
      padding: 0;
      margin: auto;
      list-style: none;
      width: 100% !important;
      display: table !important;
  }

  .flexnav li {
      position: relative;
      display: table-cell;
  }

  .flexnav > li {
      list-style: none;
      overflow: visible;
  }

.flexnav li a,
.flexnav li > span.label {
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: block;
    z-index: 2;
    overflow: hidden;
    text-align: center;
    
}

  .flexnav li > ul {
      position: absolute;
      width: 100%;
  }

  .flexnav li > ul > li {
      z-index: 5;
      display: block;
      float: none;
      width: 100% !important;
  }
  
  .flexnav li > ul > li:hover {
      transition: all 0.3s ease 0s;
  }

  .flexnav ul > li:hover > ul {
      display: block !important;
  }

  .flexnav li > ul > li > a {
      text-transform: none;
      background: #344050;
  }

  .item-with-ul:after {
    content: "\25bc";
    position: absolute;
    bottom:13px;
    right: 47%;
    color:#294ecb;
}

  .touch-button {
      display: none !important;
  }

  .menu-button {
      display: none;
  }
}
/**** DIAPORAMA SLICK **************************************/
/***********************************************************/

/* Arrows */

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 45%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    z-index: 1000;
    background: transparent;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    color: #294ecb;
    line-height: 1;
    opacity: .85;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -30px;
}

.slick-next {
    right: -30px;
}

.slick-prev:before {
    content: "\ea44";
}

.slick-next:before {
    content: "\ea42";
}

/* Dots */

.slick-dots {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #4a4a4a;
}

/* Slider */

.slick-slider {
    position: relative;
}

.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-slide {
    display: inline-block !important;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.slick-slide {
    position: relative;;
}

.slick-slide img {
    width: 100%;
}

/*** texte slider ***/

.contenu_vignette {
    position: absolute;
    top: 40px;
    left: 50px;
    width: 278px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #260808;
    -moz-transform: skew(0,-5deg);
    -ms-transform: skew(0,-5deg);
    -webkit-transform: skew(0,-5deg);
    transform: skew(0,-5deg);
}

.legende {
    padding: 10px 9%;
    font-size: 27px !important;
    text-transform: uppercase;
    -moz-transform: skew(0,5deg);
    -ms-transform: skew(0,5deg);
    -webkit-transform: skew(0,5deg);
    transform: skew(0,5deg);
    font-weight: 100;
    margin: 8% 0 2% 0;
}

.description {
    padding: 0px 10% 25%;
    text-align: justify;
    font-size: 16px !important;
    -moz-transform: skew(0,5deg);
    -ms-transform: skew(0,5deg);
    -webkit-transform: skew(0,5deg);
    transform: skew(0,5deg);
}

.contenu_vignette .lirelasuite {
    position: absolute;
    bottom: -25px;
    right: 22px;
}

.lirelasuite a {
    font-size: 42px !important;
    font-weight: 100 !important;
    padding: 0 0 20px 0 !important;
    display: block;
    background: #294ecb;
    color: white;
    width: 50px;
    height: 30px;
    -moz-transform: skew(0,5deg);
    -ms-transform: skew(0,5deg);
    -webkit-transform: skew(0,5deg);
    transform: skew(0,5deg);
}

.lirelasuite a:after{
    content: "+";
}

.lirelasuite a:hover {
    text-decoration: none;
}

/**** diaporama Partenaire ***/

#bloc_partners {
    margin: 3% 0;
}

#bloc_partners .contenu_vignette {
    display: none;
}

#bloc_partners .slick-dots {
    display: none !important;
}

.slick-list {
    position: relative;
}

#bloc_partners .slick-slide:first-child {
    margin-left: 0;
}

#bloc_partners .slick-slide img{
    width: 90%;
}


#bloc_partners .slick-slide:last-child {
    margin-right: 0;
}

#bloc_partners .slick-prev:before,
#bloc_partners .slick-next:before {
    color: #4a4a4a;
}

#bloc_partners .slick-prev {
    left: -15px;
}

#bloc_partners .slick-next {
    right: -15px;
}

/***** NEWSLETTER **************************************************************************/
/*******************************************************************************************/

#greffon_newsletter h3 {
    display: none;
}

#email_newsletter_enligne {
    width: 100%;
}

#valider_newsletter {
    float: right;
}

#inscription_NL,
#desinscription_NL {
    font-size: 11px;
}

#pMailNL {
    color: white;
}

/***** END TEMPLATE ***************************************************************************************************************************/
/**********************************************************************************************************************************************/

/***** FORM LOGIN **************************************************************************/
/*******************************************************************************************/

#formlogin {
    width: 100%;
}

.htmlarea_content #formlogin {
    width: 30%;
}

.spanlogin {
    padding: 6px;
    font-size: 14px;
    display: inline-block;
    width: 35%;
}

#passwordLabel {
    display: block;
}

.formbouton {
    float: right;
    background: #2d3746 !important;
}

#oubli_link {
    margin-left: 100px;
}

.identified .oubli {
    text-align: center;
}

.intranet_acces {
    display: none;
}

.loginlink {
    font-size: 12px;
}

.identified .intranet_acces {
    display: block;
}

/** oubli **/

.oubli_pwd,
.change_pwd {
    width: 50% !important;
    text-align: center;
}

#formlogin ul.oubli,
#formlogin ul.change {
    list-style: none;
    margin: 4% 0;
    padding: 0;
    width: 100%;
}

#formlogin ul.oubli li,
#formlogin ul.change li {
    display: inline-block;
    margin: 1%;
}

/** oubli **/

.change {
    display: inline-block;
    width: 43%;
}

/***** GREFFON CONTACT **********************************************************************/
/*******************************************************************************************/

#form_contact_accueil {
    width: 50%;
    margin: 0 auto;
}

.contact {
    display: block;
}

.contact span {
    width: 25%;
    display: inline-block;
}

.contact input {
    margin: 5px 0px;
    padding: 0px;
    width: 74%;
    height: 25px;
}

.contact select {
    min-width: 74%;
}

#code {
    width: 30%;
}

#objet2 {
    display: none;
}

.p_button {
    text-align: center;
}

#fc_p_rgpd {
    font-size: 12px;
    padding: 1% 0;
}

/***confirmation***/

#messageConfirmation p {
    color: #F87B3D;
}

#messageConfirmation ul {
  display: none;
}

/***** PLAN DU SITE ************************************************************************/
/*******************************************************************************************/

h4.mapsite {
    margin: 10px 0px 0px 20px;
    font-size: 15px;
}

ul.mapsite li {
    margin: 3px 0px;
    padding: 0px 0px 0px 15px;
    font-size: 12px;
    background: url("../img/rss_puce.gif") no-repeat scroll 3px 5px transparent;
    color: inherit;
}

ul.mapsite li a {
    color: inherit;
}

/***** GREFFON EVENT eventstitreenligne ************************************************************************/
/*******************************************************************************************/

#h2_flux_events {
    display: none;
}

.wrapper_event {
    margin: 2% 0;
}

.wrapper_img_event,
.wrapper_text_event,
.wrapper_next_event {
    display: inline-block;
    vertical-align: top;
}

.wrapper_img_event img {
    width: 145px;
}

.wrapper_text_event {
    width: 59%;
    margin: 0 3%;
}

.wrapper_text_event h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
    border-left: 4px solid #b41345;
    padding: 0 0 0 4% !important;
}

    .wrapper_text_event h3 a.title_event {
        color: #353d4a;
    }

    .wrapper_text_event h3 .date_event {
        font-size: 12px;
        font-weight: 600;
        color: #260808 !important;
    }

.wrapper_text_event .text_event {
    padding: 2% 0;
}


.wrapper_next_event {
    height: 96px;
    line-height: 96px;
    border-left: 1px solid;
    padding: 0 0 0 0;
}

.next_event {
    background: #294ecb;
    padding: 10px;
    color: white !important;
}

.plus_event {
    display: none;
}

/***** PAGE AUTO EVENTS *********************************************************************/
/*******************************************************************************************/

div.event, div.eventlink {
    margin: 10px 0 !important;
    position: static;
    color: inherit !important;
    background-color: transparent !important;
}

div.bloc_textesmall {
    float: none !important;
    width: auto !important;
}

.event .bloc_header .title {
    font-size: 16px;
}

.event .htmlarea_content {
    clear: both;
}

div.event p {
    margin: 0 !important;
}

.infos_sup_event {
    display: block;
    margin-top: 10px;
}

div.event .input_button {
    text-align: center;
}

.titre_survey_link_agenda {
    display: none;
}

div.bloc_header span.date {
    font-size: 14px;
    color: #ff432a;
}

/***** ACTUALITES actucatplus *****************************************************************/
/***********************************************************************************/

#h1_flux_actus {
    display: none;
}

#actu0 {
    margin-left: 0;
    margin-right: 2% !important;
}

.wrapper_actu:nth-child(3n) {
    margin-right: 0 !important;
}

.wrapper_actu {
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: left;
    font-size: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 420px;
    position: relative;
}

.wrapper_img_actu {
    display: block;
    margin: 0 0 4% 0;
}

    .img_actu {
        width: 100% !important;
    }

.wrapper_actu h3 {
    border-left: 4px solid #b31445;
    padding: 0 6% 1% 6% !important;
}

    .wrapper_actu h3 .titre {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 900;
        color: #343f4f;
    }

.wrapper_actu .text_actu {
    text-align: justify;
    padding: 2% 6%;
    font-size: 14px;
}

.wrapper_actu .read_more {
    text-align: center;
    color: white;
    width: 100%;
    text-align: right !important;
}

.wrapper_actu span[class^="colorcat_"] {
    margin: 0 1% 0 7% !important;
    font-size: 12px;
    display: inline-block;
    height: 13px;
    width: 13px;
    padding: 0;
}

.wrapper_actu span[class^="colornomcat_"] {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

    .wrapper_actu .read_more .actu_plus {
        display: inline-block;
        background: #294ecb;
        width: 30px;
        line-height: 30px;
        text-align: center;
        font-weight: 600;
        font-size: 30px;
        position: absolute;
        bottom: 0;
        right: 0;
    }



/***** PAGE ACTUALITES *********************************************************************/
/*******************************************************************************************/

.actu_flux_rss {
    clear: both;
    border-bottom: 1px dotted;
    padding: 10px 0;
}

.actu_flux_rss h3 {
  margin: 0 0 10px 0;
  padding: 0; 
}

.logoactu {
    float: left;
    margin: 10px;
}

.suite {
    text-align: right;
    display: block;
    margin: 10px 0 0 0;
}

/*** greffon actuenligne ***/

.conf_4322 .wrapper_actu {
    margin: 2% 0;
    width: 100%;
}

.conf_4322 .wrapper_img_actu,
.conf_4322 .wrapper_text_actu,
.conf_4322 .wrapper_next_actu {
    display: inline-block;
    vertical-align: top;
}

.conf_4322 .wrapper_img_actu img {
    width: 145px !important;
}

.conf_4322 .wrapper_text_actu {
    width: 72%;
    margin: 0 3%;
}

.conf_4322 .wrapper_text_actu h3 {
    margin: 0;
    text-align: left;
}

.conf_4322 .wrapper_text_actu h3 .titre {
    margin: 0;
    color: #294ecb;
    font-size: 13px;
    text-transform: none;
    font-weight: 700;
}

.conf_4322 .wrapper_next_actu {
    height: 96px;
    line-height: 96px;
    border-left: 1px solid;
    padding: 0 0 0 0;
}

.conf_4322 .plus_suite {
    background: #294ecb;
    padding: 10px;
    color: white !important;
    text-transform: none;
    font-weight: normal;
}

.conf_4322 .actu_plus {
    display: none;
}

.wrapper_actu .read_more a.plus_suite {
	position: absolute;
	bottom: 6px;
	right: 40px;
	font-size: 14px;
}

/***** PAGE AUTO ACTUS *********************************************************************/
/*******************************************************************************************/

#section_actus a {
    display: none;
}

.actu, .actulink {
    margin: 0 !important;
    color: inherit !important;
    background-color: transparent !important;
}

.actu .logo_small {
    display: none;
}

.texte_small {
    float: none !important;
}


.actu .bloc_titre,
.actulink .bloc_titre {
    margin: 0;
    padding: 0 !important;
    position: static !important;
    font-weight: bolder;
    font-size: inherit !important;
}

.actu .bloc_titre a {
    background: none !important;
}

.actu .bloc_titre a,
.actulink .bloc_titre a {
    background: none !important;
    padding: 0 !important;
    margin: 0;
    font-weight: normal !important;
    font-size: inherit !important;
}

.actu p {
    margin: 0 !important;
}

/***/

#actu_navigation {
    margin: 1% 0 0 0;
}

#actu_nom_prec {
    text-align: right;
}

#actu_nom_suiv,
#actu_nom_prec {
    display: inline-block;
    width: 49%;
}

.bouton_retour {
    display: none;
}

/***/

.actu, .actulink {
    border: none !important;
}

.actulink .texte_une {
    float: none;
}

.actulink .logo_une {
    float: none;
    width: 105px;
    margin: 5px 3px 0px 5px;
}

.logo_une {
    display: none;
}

.actulink .texte_une {
    float: none;
}

.actulink .texte_debut_link {
    padding: 10px 0px !important ;
    margin: 0;
    height: auto !important;
    font-size: inherit !important;
    color: inherit !important;
}

.actulink .texte_debut_link a {
    text-decoration: none;
    font-size: inherit !important;
    color: inherit !important;
}

/***** FORMULAIRE **************************************************************************/
/*******************************************************************************************/

.saisie_data,
.time_to_pay {
    background: #f2f2f2;
    padding: 1%;
    width: 60%;
    margin: 0 auto;
}

#thesurvey fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#thesurvey h4 {
    display: none;
}

#surveyblocidentite .options_bloc,
#igotaccount .options_bloc {
    margin: 1% 0 !important;
}

#surveyblocidentite .options_bloc .libchamp,
#igotaccount .options_bloc .libchamp {
    width: 35%;
    display: inline-block;
}

#surveyblocidentite .options_bloc input,
#igotaccount .options_bloc input {
    width: 63%;
}

#titresurvey {
    font-size: 16px !important;
    padding: 0;
    margin: 0;
}

h1#titresurvey::before, h1#titresurvey::after {
    content: "";
    position: absolute;
    height: 10px;
    border-bottom: 1px solid #3d3d3d;
    top: 0;
    width: 0px;
}

/**form**/

.surveybloc {
    margin: 1% 0;
}

.encaps_bloc {
    margin: 2px 0 !important;
}

.option_radio {
    display: block;
}

.option_check {
    display: block;
}

.reset {
    position: absolute;
    left: -20px;
}

.enligne .option_radio,
.enligne .option_check {
    display: inline-block;
}

#fieldset_fields .enligne .contenu_bloc,
#recap_answers .enligne .contenu_bloc {
  display: inline-block;
}

#fieldset_fields .enligne .options_bloc,
#recap_answers .enligne .options_bloc  {
    display: inline;
    position: relative;
}

#fieldset_fields .top .options_bloc,
#recap_answers .top .options_bloc  {
    vertical-align: top;
}

#fieldset_fields .taille25 .contenu_bloc,
#recap_answers .taille25 .contenu_bloc {
    width: 25%;
}

#fieldset_fields .taille25 input[type=text],
#fieldset_fields .taille25 select {
    width: 73%;
}

#fieldset_fields .taille35 .contenu_bloc,
#recap_answers .taille35 .contenu_bloc {
    width: 35%;
}

#fieldset_fields .taille35 input[type=text],
#fieldset_fields .taille35 select {
    width: 63%;
}

#fieldset_fields .taille50 .contenu_bloc,
#recap_answers .taille50 .contenu_bloc {
    width: 50%;
}

#fieldset_fields .taille50 input[type=text],
#fieldset_fields .taille50 select {
    width: 43%;
}

#fieldset_fields .taille60 .contenu_bloc,
#recap_answers .taille60 .contenu_bloc {
    width: 60%;
}

#fieldset_fields .taille60 input[type=text],
#fieldset_fields .taille60 select {
    width: 33%;
}

#fieldset_fields .taille75 .contenu_bloc,
#recap_answers .taille75 .contenu_bloc {
    width: 75%;
}

#fieldset_fields .taille75 input[type=text],
#fieldset_fields .taille75 select {
    width: 23%;
}

#fieldset_fields .espacement .contenu_bloc,
#recap_answers .espacement .contenu_bloc {
    padding: 15px 0 !important;
}

#fieldset_fields .gras .contenu_bloc,
#recap_answers .gras .contenu_bloc {
    font-weight: bold;
}

#fieldset_fields .italique .contenu_bloc,
#recap_answers .italique .contenu_bloc {
    font-weight: italic;
}

#fieldset_fields .dix .contenu_bloc,
#recap_answers .dix .contenu_bloc {
    font-size: 10px !important;
}

#fieldset_fields .douze .contenu_bloc,
#recap_answers .douze .contenu_bloc {
    font-size: 12px !important;
}

#fieldset_fields .quatorze .contenu_bloc,
#recap_answers .quatorze .contenu_bloc {
    font-size: 14px !important;
}

#fieldset_fields .seize .contenu_bloc,
#recap_answers .seize .contenu_bloc {
    font-size: 16px !important;
}

#fieldset_fields .couleur .contenu_bloc,
#recap_answers .couleur .contenu_bloc {
    color: #14afa7;
}

/**/

#div_montant_to_pay p,
#montantToPy {
    padding: 10px 0px;
    font-weight: 600;
    color: #EB6A2E !important;
    text-align: center;
}

#bt_valid_survey {
    text-align: center;
}

/*** result formulaire ***/

#recap_answers .encaps_bloc {
    margin: 2% 0;
}

#recap_answers .contenu_bloc {
    font-weight: bold;
}

/*** celendrier formulaire ***/

.calendar table {
    text-align: center;
    height: auto;
    padding: 5px;
    font-size: 14px;
    padding: 5px;
}

.calendar .title {
    font-size: 16px;
}

.calendar .day.name {
    width: 14.28%;
    font-size: 14px;
    height: 32px;
}

.calendar .daynames {
    font-size: 16px;
}

/**/

a.tooltip {
    outline: none;
    text-align: left;
    text-decoration: none;
    border: 1px solid #696969;
    padding: 0 3px;
    border-radius: 5px;
    font-size: 9px;
    color: #696969;
    background-color: #ddd;
    cursor: help;
}

a.tooltip strong {
    line-height: 30px;
}

a.tooltip:hover {
    text-decoration: none;
    background-color: #696969;
    color: #fff;
}

a.tooltip span {
    z-index: 10;
    display: none;
    padding: 14px 20px;
    margin-top: -30px;
    margin-left: 0px;
    width: 240px;
    line-height: 16px;
    font-weight: normal;
}

a.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
}

a.tooltip span {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

/***** GREFFON DOCUMENTS ********************************************************************/
/*******************************************************************************************/

#files {
    width: 100%;
    text-align: center;
}

#files thead {
    height: 35px;
    background: #f2f2f2;
}

/***** GREFFON CALENDRIER ********************************************************************/
/*******************************************************************************************/

.calendar tfoot {
    display: none;
}

.combo {
    display: none;
}

#calendar-container .calendar table {
    text-align: center;
    width: 100%;
}

#calendar-container .calendar .title {
    font-size: 14px;
    line-height: 2.5;
}

#calendar-container .calendar .day.name {
    width: 14.28%;
}

#calendar-container .calendar .daynames {
    color: white;
    font-size: 16px;
}

#calendar-container .day.false.evenement.catmulti {
    cursor: pointer;
    background-color: #869EA3;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
    transparent 75%, transparent); 
}

.daysrow .day {
    line-height: 1.5;
}

.day.false.evenement {
    cursor: pointer;
    color: white;
    font-weight: 900;
    background: #294ecb !important;
}

.headrow .button.nav:nth-child(2),
.headrow .button.nav:nth-child(4)  {
    cursor: pointer;
}

.button.nav {
    font-size: 20px;
}

/***** ALBUM PHOTO  ************************************************************************/
/*******************************************************************************************/

#label_album,
#titre_album,
#nb_photos,
.encapsAlbum br {
    display: none;
}

.encapsAlbum .spacer {
    display: block;
    clear: both;
    height: 0;
}

.nb_alb {
    display: none;
}

.encapsCouvAlbums li {
    display: inline-block;
    vertical-align: top;
    width: 12%;
    text-align: center;
    margin: 1%;
}

.divAlbList a,
.divAlbList .alb_vignette {
    overflow: hidden;
    width: 140px;
    height: 140px;
    display: block;
    position: relative;
}

#apercu {
    width: 250px;
    position: absolute;
    top: 0;
    left: -30px;
}

/** affichage des vignettes connecté **/

.body_album #bloc_partners {
  display: none;
}

/***** RESPONSIVE *****************************************************************************************************************************/
/*************************************************************************************************************************************************/

.col_2 {
    width: 47.7%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1%;
  }

.col_3 {
    width: 30.95%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1%;
  }

.col_4 {
    width: 22.60%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1%;
}

.col_6 {
    width: 14.24%;
    display: inline-block;
    vertical-align: top;
    margin: 0px 1%;
  }

.col_8 {
    width: 10.46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 1%;
}

.col_1_tier {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 1%;
}

.col_2_tier {
  width: 65%;
  display: inline-block;
  vertical-align: top;
   margin: 0px 1%;
}

.col_two_tier {
  width: 65%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 1%;
}

.col_one_tier {
  width: 30%;
  display: inline-block;
  vertical-align: top;
   margin: 0px 1%;
}

.col_2 img,
.col_3 img,
.col_4 img,
.col_6 img,
.col_8 img {
    max-width: 100% !important;
}

@media screen and (max-width: 1118px) {

    #z1 {
        width: 100%;
    }
    
        #bloc_logo {
            padding: 1%;
            width: 21%;
        }

        .join {
            font-size: 16px;
        }

    #bloc_menu {
        width: 100%;
    }

    #innerMain {
        width: 100%;
    }

    #bloc_footer {
        width: 100%;
}
}

@media screen and (max-width: 1060px) {
  .wrapper_next_event {
    display: none;
}

}


@media screen and (max-width: 930px) {

    #bloc_logo {
        padding: 1%;
        width: 98%;
        margin: 0;
        text-align: center;
    }

    #bloc_baseline {
        width: 96%;
        margin: 1% 0;
        font-size: 14px;
    }
    
    #bloc_baseline br {
      display: none;
    }
    
#bloc_access {
    text-align: right;
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
}

  .disconnected {
      display: block;
      vertical-align: top;
      margin: 2%;
  }
      
#bloc_join {
    width: 17%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}

    .join {
        padding: 2% 6%;
        text-align: center;
        line-height: normal !important;
        background: #d20043;
        width: auto;
        height: auto;
    }

        .join br {
            display: none;
        }

        .join img {
            display: none;
        }

  .col_2 {
      width: 47.28%;
  }

  .col_3 {
      width: 98%;
  }

  .col_4 {
      width: 47.28%;
  }

  .col_6 {
      width: 47.28%;
  }

  .col_8 {
      width: 47.28%;
  }

}

@media screen and (max-width: 670px) {
  
  #bloc_menu {
    margin: 3% 0 0 0;
}

#z9 {
    margin: 6% 0 0 0;
}

.bloc_event_content {
    width: 94%;
}

.bloc_event_calendar {
    width: 94%;
    margin: 2%;
}

  .col_2 {
      width: 47.55%;
  }

  .col_3 {
      width: 47.55%;
  }

  .col_4 {
width: 43.55%;
margin: 2% 3% 0 3%;

  }

  .col_6 {
      width: 30.75%;
  }

  .col_8 {
      width: 22.34%;
  }
}

@media screen and (max-width: 570px) {
  
#bloc_logo {
    padding: 1%;
    width: 98%;
    margin: 10% 0 0 0;
    text-align: center;
}

#bloc_join {
    width: 50%;
}

.wrapper_actu {
  width: 96%;
  margin: 1% 2% !important;
  height: auto;
}

    .wrapper_img_actu {
        float: left;
      width: 30%;
      margin: 0 4% 0 0;
    }
}

@media screen and (max-width: 450px) {

.img_actu {
    display: none;
}

  .col_2 {
      width: 92%;
      margin: 0 4%;
  }

  .col_3 {
      width: 92%;
      margin: 0 4%;
  }

  .col_4 {
      width: 92%;
      margin: 0 4%;
  }

  .col_6 {
      width: 47.28%;
  }

  .col_8 {
      width: 47.28%;
  }
}

@media screen and (max-width: 340px) {

#bloc_logo {
    margin: 15% 0 0 0;
}

.perso, .perso_ {
    margin: 7% 0;
}


/**/

.bloc_event_content {
    width: 96%;
}

.wrapper_img_event img {
    display: none;
}

.wrapper_text_event {
    width: 96%;
    margin: 2%;
}

.wrapper_next_event {
    height: auto;
    line-height: 0;
    border-left: none;
    padding: 0;
    width: 100%;
}

.next_event {
    background: none;
    padding: 10px;
    color: #294ecb !important;
    text-align: right;
    display: block;
}

.bloc_event_calendar {
    width: 94%;
    margin: 7% 0 0 0;
}

.slick-prev,
.slick-next {
    display: none !important;
}


}