span.colorcat_2140{
				background-color:#d10e46;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2140{
				color:#d10e46;
				}
				#calendar-container .calendar tbody td.cat2140{
				background-color:#d10e46;
				}
				
					div.actucat_2140 div.texte_une div.bloc_titre a,
					div.actucat_2140 div.bloc_titre a,
					div.actucat_2140 div.bloc_titre h1,
					div.actucat_2140 div.bloc_titre h1 a,
					div.actucat_2140 div.bloc_titre,
					div.actucat_2140 h3 a,
					div.eventcat_2140 div.bloc_header span.title,
					div.eventcat_2140 div.bloc_header h1 span.title,
					div.eventcat_2140 div.bloc_header h1 span.title a,
					div.eventcat_2140 div.bloc_headerlink span.title a,
					h3.eventcat_2140 span,
					div.lecteur_rss ul li.rssactucat_2140 a,					
					div.lecteur_rss ul li.rsseventcat_2140 a
					{
					color:#d10e46 !important;
					}
					
					
				span.colorcat_2477{
				background-color:#778899;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2477{
				color:#778899;
				}
				#calendar-container .calendar tbody td.cat2477{
				background-color:#778899;
				}
				
					div.actucat_2477 div.texte_une div.bloc_titre a,
					div.actucat_2477 div.bloc_titre a,
					div.actucat_2477 div.bloc_titre h1,
					div.actucat_2477 div.bloc_titre h1 a,
					div.actucat_2477 div.bloc_titre,
					div.actucat_2477 h3 a,
					div.eventcat_2477 div.bloc_header span.title,
					div.eventcat_2477 div.bloc_header h1 span.title,
					div.eventcat_2477 div.bloc_header h1 span.title a,
					div.eventcat_2477 div.bloc_headerlink span.title a,
					h3.eventcat_2477 span,
					div.lecteur_rss ul li.rssactucat_2477 a,					
					div.lecteur_rss ul li.rsseventcat_2477 a
					{
					color:#778899 !important;
					}
					
					
				span.colorcat_2125{
				background-color:#F4A460;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2125{
				color:#F4A460;
				}
				#calendar-container .calendar tbody td.cat2125{
				background-color:#F4A460;
				}
				
					div.actucat_2125 div.texte_une div.bloc_titre a,
					div.actucat_2125 div.bloc_titre a,
					div.actucat_2125 div.bloc_titre h1,
					div.actucat_2125 div.bloc_titre h1 a,
					div.actucat_2125 div.bloc_titre,
					div.actucat_2125 h3 a,
					div.eventcat_2125 div.bloc_header span.title,
					div.eventcat_2125 div.bloc_header h1 span.title,
					div.eventcat_2125 div.bloc_header h1 span.title a,
					div.eventcat_2125 div.bloc_headerlink span.title a,
					h3.eventcat_2125 span,
					div.lecteur_rss ul li.rssactucat_2125 a,					
					div.lecteur_rss ul li.rsseventcat_2125 a
					{
					color:#F4A460 !important;
					}
					
					
				span.colorcat_2139{
				background-color:#4169E1;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2139{
				color:#4169E1;
				}
				#calendar-container .calendar tbody td.cat2139{
				background-color:#4169E1;
				}
				
					div.actucat_2139 div.texte_une div.bloc_titre a,
					div.actucat_2139 div.bloc_titre a,
					div.actucat_2139 div.bloc_titre h1,
					div.actucat_2139 div.bloc_titre h1 a,
					div.actucat_2139 div.bloc_titre,
					div.actucat_2139 h3 a,
					div.eventcat_2139 div.bloc_header span.title,
					div.eventcat_2139 div.bloc_header h1 span.title,
					div.eventcat_2139 div.bloc_header h1 span.title a,
					div.eventcat_2139 div.bloc_headerlink span.title a,
					h3.eventcat_2139 span,
					div.lecteur_rss ul li.rssactucat_2139 a,					
					div.lecteur_rss ul li.rsseventcat_2139 a
					{
					color:#4169E1 !important;
					}
					
					
				span.colorcat_2141{
				background-color:#008080;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2141{
				color:#008080;
				}
				#calendar-container .calendar tbody td.cat2141{
				background-color:#008080;
				}
				
					div.actucat_2141 div.texte_une div.bloc_titre a,
					div.actucat_2141 div.bloc_titre a,
					div.actucat_2141 div.bloc_titre h1,
					div.actucat_2141 div.bloc_titre h1 a,
					div.actucat_2141 div.bloc_titre,
					div.actucat_2141 h3 a,
					div.eventcat_2141 div.bloc_header span.title,
					div.eventcat_2141 div.bloc_header h1 span.title,
					div.eventcat_2141 div.bloc_header h1 span.title a,
					div.eventcat_2141 div.bloc_headerlink span.title a,
					h3.eventcat_2141 span,
					div.lecteur_rss ul li.rssactucat_2141 a,					
					div.lecteur_rss ul li.rsseventcat_2141 a
					{
					color:#008080 !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: ##343f4f;
}

div.htmlarea_content h1{font-size: 16px;padding:25px 0px 25px 0px;font-family:inherit, sans-serif;color: #ffffff;} 
div.htmlarea_content h2{font-size: 22px;padding:5px 0px 10px 0px;font-family:inherit, sans-serif;color: #343f4f;} 
div.htmlarea_content h3{font-size: 18px;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:5px 0px 10px 0px;color: #294ecb;} 
div.htmlarea_content h5{font-size: 16px;font-family:inherit, sans-serif;padding:5px 0px 10px 0px;color: #294ecb;} 
div.htmlarea_content h6{font-size: 10px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #294ecb;} 
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: ##343f4f;}
div#boutique p,div#recherche p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: ##343f4f;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: ##343f4f;}

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:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content p img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h1 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h2 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h3 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h4 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h5 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content h6 img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
div.htmlarea_content address img {max-width:1128px;max-width: expression( Math.min(parseInt(this.offsetWidth), 1128) );}
/*** 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;
    margin: 2% 0 0 0;

}

/*** 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: #ebebeb;
    color:#343f4f;
    font-size:14px;
    font-family: "Raleway", sans-serif;
    font-weight: normal;
    margin: 0;
}

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

.form_atos input {
    width: auto !important;
}

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: #465873 none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    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;
}

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

.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;
}


 .fond_gris {
background: #f2f2f2;
}

div.htmlarea_content ul li,
div.htmlarea_content p,
div.htmlarea_content table td {
  font-size: 14px;
}

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;
    font-size: 0;
}

.block {
    display: block;
}

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

h1.titreperso,
#section_events,
#section_actus,
div.htmlarea_content h1 {
    font-weight: 300;
    font-size: 30px;
    text-align: left;
    padding: 2%;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    background: #343f4f;
}

.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 {
  margin: 0; 
}

div.htmlarea_content h2 {
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
}

div.htmlarea_content h3 {
    text-transform: uppercase;
    font-weight: 400;
    border-bottom: 1px solid #294ecb;
    margin: 0 0 2% 0 !important;
}

div.htmlarea_content h4 {
    text-transform: uppercase;
    font-weight: 800;
}

div.htmlarea_content h5 {
    font-weight: 600;
}

div.htmlarea_content h6 {
    font-weight: 600;
}


.ug-gallery-wrapper {
    width: 100% !important;
}

.ug-slider-wrapper {
    width: 100% !important;
}


/***** 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;
    border: 1px solid #ebebeb;
    border-top: 0;
    padding: 2%;
    font-size: 0 !important;
}

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

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

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

#header_aiw {
    width: 100%;
}

    #z1 {
        height: 44px;
    }

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

                .bloc_access {
                    width: 86%;
                    padding: 9px 0;
                    text-align: right;
                }

                    .wrapper_left {
                        display: inline-block;
                        width: 66%;
                        padding-right: 3%;
                        color: #294ecb;
                        border-right: 1px solid #343f4b;
                    }

                        .wrapper_left span {
                            font-weight: 700;
                            text-transform: uppercase;
                            margin-right: 20px;
                            font-size: 13px;
                        }

                        .icon-address-book,
                        .icon-user-tie,
                        .icon-mail2 {
                            background: #294ecb;
                            border-radius: 15px;
                            color: white;
                            width: 25px;
                            height: 25px;
                            display: inline-block;
                            line-height: 24px;
                            text-align: center;
                            font-size: 12px;
                            margin-right: 5px;
                        }

                    .wrapper_right {
                        display: inline-block;
                        width: 26%;
                        color: #343f4b;
                        font-size: 13px;
                       padding: 0 2% 0 2%;
                    }

                    .wrapper_right a {
                        color: #343f4b;
                    }

                    .wrapper_right .icon {
                        font-size: 18px !important;
                    }

                        .wrapper_right span {
                            margin-right: 10px;
                            font-size: 13px;
                        }

                        .icon-circle-right,
                        .icon-user {
                            color: #343f4b;
                            font-size: 13px;
                        }


                .bloc_assos {
                    width: 13%;
                    top: -9px;
                    position: relative;
                }

                    .join {
                        display: inline-block;
                        right: 0;
                        width: 88%;
                        background: #d10e45;
                        color: white !important;
                        text-transform: uppercase;
                        padding: 10% 8%;
                        font-size: 20px;
                        line-height: 21px;
                        font-weight: 200;
                        border-top: 2px solid #fff;
                        font-family: "Roboto Condensed", sans-serif;
                        -moz-transform: skew(0, -5deg);
                        -ms-transform: skew(0, -5deg);
                        -webkit-transform: skew(0, -5deg);
                        transform: skew(0, -5deg);
                    }

                    .join-grey-color {
                        background: #343f4f !important;
                    }

                      .join span {
                          -moz-transform: skew(0, 5deg);
                          -ms-transform: skew(0, 5deg);
                          -webkit-transform: skew(0, 5deg);
                          transform: skew(0, 5deg);
                          display: block;
                      }

                      .join img {
                          float: left;
                          margin-right: 10px;
                      }

                      .join:hover {
                          opacity: 0.85;
                          text-decoration: none;
                      }

                    .connected {
                      display: none;
                    }

                    .identified .connected {
                      display: inline-block;
                      vertical-align: top;
                      padding-left: 15px;
                    }

                    .disconnected {
                      display: inline-block;
                      vertical-align: top;
                      padding-left: 15px;
                    }

                    .identified .disconnected {
                      display: none;
                    }

        #bloc_logo {
            padding: 1%;
            width: 23%;
        }

        #bloc_search {
            margin: 4% 0 0 19%;
        }

        #bloc_search > div {
            width: 215px;
        }

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

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

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

    #z7 {
        clear: both;
             background: linear-gradient(
                to top, 
                #ebebeb 0%, 
                #ebebeb 50%, 
                #ffffff 50%, 
                #ffffff 100%
              );
    }

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

#menu_appli_nosh {
    display: none;
}

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

#appli {
    width: 100%;
}

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

        .conf_4667 #accueil_content {
            margin-top: 0;
        }

        #accueil_content {
            min-height: 550px;
            clear: both;
            margin-top: 3%;
        }

            .perso,
            .perso_  {
                margin: 0;
                background-color: #ffffff;
            }

            .perso,
            .bloc_fiche,
            .actu  {
                background-color: #ffffff;
                padding: 2% 0 0 0;
            }

                .bloc_event_content {
                    width: 68%;
                    margin-right: 2%;
                    display: inline-block;
                    vertical-align: top;
                    font-size: 0 !important;
                }

                .bloc_event_calendar {
                    width: 30%;
                    display: inline-block;
                    vertical-align: top;
                    font-size: 0 !important;
                }

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

            #z9 {
                margin: 0;
            }

                #bloc_partners {
                    margin: 3% 0;
                    background: white;
                    padding: 2%;
                }

                #bloc_newsletter {
                    background: white;
                    padding: 0 2%;
                    margin: 0 0 2% 0;
                }

                    .bloc_flash_info {
                        display: inline-block;
                        width: 50%;
                    }


                        .bloc_flash_info h3 {
                            display: inline-block;
                            width: 25%;
                        }

                        .bloc_flash_info #greffon_newsletter {
                            display: inline-block;
                            width: 74%;
                            margin: 4% 0 0 0;
                            vertical-align: top;
                        }

                    .bloc_follow {
                        display: inline-block;
                        vertical-align: top;
                        width: 43%;
                        padding: 0 0 0 3%;
                        border-left: 1px solid #ccc;
                        margin: 1% 0 0 3%;
                    }


                        .bloc_follow h3 {
                            display: inline-block;
                            width: 27%;
                        }

                
/***  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 .perso {
        margin: 0;
        background-color: transparent !important;
    }

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

#menufooter ul a {
    color: white;
}

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

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

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

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

.icon-facebook2 {
    color: #3b5998;
    font-size: 25px;
    margin: 0 5px 5px 0;
}

.icon-twitter2 {
    color: #129FDA;
    font-size: 25px;
    margin: 0 5px 5px 0;
}

.icon-linkedin {
    color: #005ea5;
    font-size: 25px;
    margin: 0 5px 5px 0;
}

.icon-vimeo2 {
    color: #23b6ea;
    font-size: 25px;
    margin: 0 5px 5px 0;
}

.icon-youtube3 {
    color: #e12427;
    font-size: 25px;
    margin: 0 5px 5px 0;
}

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

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: #ffffff !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 #294ecb !important;
    background-color: #294ecb !important;
    background-image: -moz-linear-gradient(center top , #294ecb, #294ecb) !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: 5% 0;
    text-align: center;
    width: 100%;
}

.flexnav li a:hover,
.flexnav li > span.label:hover {
    cursor: pointer;
    background: #3c62e2;
}

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

  .flexnav li > ul > li > a {
      text-transform: none;
      padding: 2% 0;
  }

  .flexnav li > ul > li > a:hover {
    background: #46556a;
}

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

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

.flexnav .touch-button .navicon {
    position: relative;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    margin: 15px 0 0 0;
}

.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: #343f4f;
}

@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;
      padding: 4% 0;
  }

  .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 {
   max-width: 100%;
    display: block;
}

div[class^="autoplay-random"] img {
    max-width: 80%;
}

/*** 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: 21px !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: 300;
    margin: 8% 0 2% 0;
}

.description {
    padding: 0px 10% 20%;
    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 .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;
}

#pMailNL > span {
    display: none;
}


#email_newsletter_enligne {
    width: 77%;
}

#valider_newsletter {
    float: right;
    margin: 2px 0 0 0;
}

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

.htmlarea_content #inscription_NL,
.htmlarea_content #desinscription_NL {
    font-size: 16px;
    display: inline-block;
    width: 49%;
}

.htmlarea_content #email_newsletter_enligne {
    width: 100%;
}

.htmlarea_content #pMailNL {
    text-align: center;
}

.htmlarea_content #valider_newsletter {
    float: none;
    margin: 15px 0 0 0;
}



/***** 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;
}

/***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 EN LIGNE ************************************************************************/
/*******************************************************************************************/

#h2_flux_events {
    display: none;
}

.wrapper_event {
    margin: 2% 0 5% 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%;
}

.htmlarea_content .wrapper_text_event h3 {
    margin: 0 0 2% 0 !important;
    text-transform: none;
    font-size: 15px;
    font-weight: 700;
    color: #343f4f;
    border-left: 3px solid #b31445;
    padding: 0 6% !important;
    border-bottom: 0 !important;
}

.date_event {
    font-size: 12px !important;
    font-weight: 400;
}

a.title_event,
a.title_event:visited {
    color: #343f4f;
}

.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 {
    position: static;
    color: inherit !important;
    background-color: #ffffff !important;
    padding: 2%;
}

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: #d10e45;
}

/***** ACTUALITES ******************************************************************/
/***********************************************************************************/

#h1_flux_actus {
    display: none;
}

.conf_4667 #actu0 {
    margin-left: 0;
}

.conf_4667 #actu2 {
    margin: 0 !important;
}

.wrapper_actu {
    width: 31.1%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    margin-bottom: 2%;
    border: 1px solid #ccc;
    text-align: left;
}

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

    .img_actu {
        width: 100% !important;
    }

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

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

.wrapper_actu .text_actu {
    text-align: justify;
    padding: 0 6%;
}

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

    .wrapper_actu .read_more .actu_plus {
        display: inline-block;
        background: #294ecb;
        width: 25px;
        line-height: 25px;
        text-align: center;
    }


/***** 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_4669 .wrapper_actu {
    margin: 2%;
    width: 29%;
    height: 460px;
    position: relative;
}

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

.conf_4669 .read_more {
    position: absolute;
    bottom: 0;
}*/


.cat_actu {
    display: none;
}

.conf_4669 .wrapper_img_actu {
    width: 100%;
}

.conf_4669 .wrapper_img_actu img {
    width: 100% !important;
}

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

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

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

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

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

.conf_4669 .actu_plus {
    display: none;
}

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

#section_actus a {
    display: none;
}

.actu, .actulink {
    margin: 0 !important;
    color: inherit !important;
    background-color: white !important;
    padding: 2% !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: 20px !important;
    padding: 0;
    margin: 0;
    background: #d10e45;
    text-align: center;
    padding: 1%;

}

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: #d10e45;
}

/**/

#div_montant_to_pay p,
#montantToPy {
    padding: 10px 0px;
    font-weight: 600;
    color: #d10e45 !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;
}


#survey_5032 #txtReduc,
#survey_5032 #montantReduc{
  display:none;
}

/*** form don ***/

#form_don_iesf h1 {
	text-align: center;
	margin: 0;
	font-size: 25px;
}

.col_bas h1 {
margin-bottom: 15px !important;
}

#form_don_iesf h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
}

.col_gauche {
    width: 48%;
    margin: 2% 2% 0 0;
    display: inline-block;
    vertical-align: top;
}

    .cout_don {
        clear: both;
        border: 1px solid #f33e31;
        padding: 2% !important;
        margin: 3% 0;
        text-align: center;
        font-weight: bold;
    }

    .choix_montant p,
    .choix_delais p,
    .choix_use_don p{
        display: inline-block;
        margin: 0 2%;
    }

    .choix_montant div,
    .choix_delais div {
        margin: 2% 0;
    }


    h1.h1_type_soutien{
        margin: 20px 0 0 0 !important;
    }

    #div_don_info_soutien{
        background: #eee;
        padding: 4%;
    }

.choix_type_soutien p {
	margin: 2% 0 auto;
}

.choix_use_don {
	margin-top: 15px;
}

.information {
    font-size: 12px !important;
    text-align: justify;
  }

.col_droite {
    width: 48%;
    margin: 2% 0 0 2%;
    display: inline-block;
}

#div_don_unique {
    background: #eee;
    padding: 4%;
}

    #div_coordonnees {
        background: #eee;
        padding: 4%;
    }

    #div_coordonnees div {
      margin: 10px 0;
    }

        .coordonnees {
            width: 27% !important;
            display: inline-block;
        }

        .data_coordonnees input {
            width: 72% !important;
            display: inline-block;
            height: 24px !important;
        }

        .rgpd {
            font-size: 12px !important;
            margin: 13px 0 !important;
            text-align: justify;
        }
        .champ_obligatoire{
            font-size:11px !important;
            font-style:italic;
        }

.col_bas {
	text-align: center;
	background: #eee;
	margin: 2% 0 0 0;
}

.col_bas h1 {
	margin: 0 0 3% 0 !important;
	padding: 10px !important;
}

.col_bas h1 {
margin-bottom: 15px !important;
}

.contenu_div_paiement {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
}

    .contenu_div_paiement .boutton {
        width: 80%;
        height: 41px;
        font-size: 17px !important;
    }

    .button_autre_paiement {
      background: grey !important;
      width: 80% !important;
      height: 41px !important;
      font-size: 14px !important;
    }



/***** MOTEUR RECHERCHE *********************************************************************/
/*******************************************************************************************/

/* retrait du champ recherche pour association associé et Sceitntifique et technique */

.body_p_49498 #form_moteur_recherche,
.body_p_49499 #form_moteur_recherche,
.body_p_57156 #form_moteur_recherche {
    display: none;
}

.body_p_49498 .perso .col_1 h3.titre_resultats,
.body_p_49499 .perso .col_1 h3.titre_resultats,
.body_p_57156 .perso .col_1 h3.titre_resultats {
    display: none;
}


#form_moteur_recherche {
    margin: 0 0 3% 0;
}

#input_search {
    width: 50%;
    margin: 1% auto;
}

#form_moteur_recherche #btsearch {
    display: block;
    margin: 0 auto;
}

#div_filtre_et_ou {
    display: none;
}

#the_search_result .bloc_asso {
    border: 1px solid #ccc;
    width: 22%;
    margin: 1.4%;
    display: inline-block;
    height: 250px;
    vertical-align: top;
    position: relative;
}

#the_search_result .sigle_ecole {
    display: none;
}

#the_search_result .nom_association {
    font-weight: bold;
    width: 94%;
    color: #ffffff;
    background-color: #2a4dcb;
    display: block;
    padding: 3%;
    text-align: center;
}

#the_search_result .bloc_img {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
    display: block;
}

    #the_search_result .bloc_img img {
        max-height: 64px !important;
        max-width: 92% !important;
    }

#the_search_result .raison_sociale {
    display: block;
    width: 90%;
    padding: 5%;
}

#the_search_result .lien_en_savoir_plus {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}

#the_search_result .lien_en_savoir_plus a {
    display: block;
    padding: 20% 25%;
    background: #2a4dcb;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

#the_search_result .lien_en_savoir_plus a:hover {
    background: #5475eb;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

/**** PAGE LISTE IESF REGIONALES ****/

body.body_moteur_search.conf_4125 #form_moteur_recherche,
body.body_moteur_search.conf_4125 h2#section_contact,
body.body_moteur_search.conf_4125 h3{
display:none;
}

body.body_moteur_search.conf_4100 h2#section_contact {
    color: #D20043;
    margin: 10px 10px 0px !important;
    font-size: 19px !important;
    border-bottom: 1px solid #D20043 !important;
    background: none;
}

body.body_moteur_search.conf_4100 #form_moteur_recherche h3,
body.body_moteur_search.conf_4100 #rech_filtre2,
body.body_moteur_search.conf_4100 #rech_filtre3{
   display:none;
}

body.body_moteur_search.conf_4100 #form_moteur_recherche fieldset{
   padding:10px !important;
}

body.body_moteur_search.conf_4100 #input_search {
    float: left;
    width: 270px !important;
}

body.body_moteur_search.conf_4100 #rech_filtre1 {
    float: left;
    width: 480px !important;
}

body.body_moteur_search.conf_4100 #btsearch{
   padding:0px !important;
}

/**???***/

.bloc_fiche p {
    position: relative;
}

.bloc_fiche p img {
    position: absolute;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.bloc_fiche p img.edit {
    right: 20px;
}

.bloc_fiche p img.delete {
    right: 0px;
}

.popin {
    width: 410px;
    margin: 25px !important;
}

.popin label {
    width: 160px !important;
    display: inline-block;
    margin-bottom: 6px !important;
}

.popin .text,
.popin textarea {
    width: 240px !important;
    font-size: 12px !important;
    font-family: "Open Sans",sans-serif;
    border: 1px solid #ccc;
}

.popin textarea {
    width: 240px !important;
    height: 55px !important;
    vertical-align: middle;
}

.popin input.loader {
    background: #fff url(/offres/gestion/img/spinner.gif) center right no-repeat;
}

.popin .find_result {
    border: 1px solid #ccc !important;
    background: #fff !important;
    width: 240px;
    max-height: 138px;
    overflow: auto;
    margin: 0 0 4px 163px !important;
}

.popin .find_result a {
    display: block;
    padding: 3px !important;
    cursor: pointer;
}

.popin .find_result a:hover {
    background: #eee;
}

/***** GESTION PAGE ASSOCIATIONS ET ECOLES *************************/
/********************************************************************/




.bloc_fiche_gauche {
    width: 60%;
    /*display: inline-block;*/
}

.bloc_titre_association {
    margin-left: 15px !important;
}

.bloc_titre_association,
.bloc_titre_ecole {
    background-color: #CCC;
    float: left;
    width: 150px;
    text-align: center;
    color: #FFF !important;
    font-size: 15px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    cursor: pointer;
}

.bloc_titre_association a,
.bloc_titre_ecole a {
    color: #FFF !important;
}

.bloc_fiche_gauche .spacer {
    display: block;
}

.active_surbrillance {
    background-color: #0043FF;
}

.bloc_fiche_identitaire,
.bloc_detail,
#events_fiche {
    margin: 15px !important;
    border: 1px solid #0043FF !important;
    padding: 15px !important;
}

.bloc_fiche_identitaire h1,
.bloc_detail h1,
#events_fiche h1 {
    color: #0043ff !important;
    font-size: 15px;
    margin-bottom: 10px !important;
}

.bloc_fiche_identitaire p,
.bloc_detail p,
#events_fiche p {
    margin-bottom: 5px !important;
}

.titre_champs {
    color: #0043ff;
}

.bloc_fiche_droite {
    display: inline-block;
    vertical-align:top;
    padding-top: 40px !important;
    text-align: center;
    width: 40%;
}

.bloc_fiche_droite img {
  max-width: 90%;
}

p.titre_fiche {
    font-weight: bold;
    color: #0043ff;
    margin-top: 15px !important;
}

h1.titre_fiche {
    font-weight: 300;
    font-size: 30px;
    text-align: left;
    padding: 2%;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    background: #343f4f;
}

.conf_4134 .fiche_contact_publique .fiche_contact_publique #topmenu,
.conf_4134 .fiche_contact_publique .fiche_contact_publique img.bandeau_asso{
   display:none;
}



/***** 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;
}

.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;
}


/***** BOUTIQUE  ************************************************************************/
/*******************************************************************************************/

/***  BOUTIQUE : clean familles / catalogues ********************************/

#boutique {
    position: relative;
    width: 96%;
    padding: 2%;
    background: white;
}

#boutique hr {
    display: none;
}

.titre_listearticles {
    display: none;
}

.catalogue #colonne_tofs,
.famille  #colonne_tofs {
    display: none;
}

.catalogue  #colonne_detail {
    margin: 0;
    width: 100%;
}

.famille #colonne_detail {
    margin: 0;
    vertical-align: top;
    width: 100%;
}

/***  BOUTIQUE : affichage des famille / produits ********************************/

.ariane_boutique {
    font-size: 12px;
    padding: 0 0 10px 0;
}

.ariane_boutique a {
    color: #ccc;
}

.container_produit {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    margin: 1% 1% 3% 1%;
}

.container_produit .prix {
display: none;
}

.photo img {
    width: 100%;
}

.famille .lien2 {
    text-align: justify;
    display: block;
}

.lien_titre {
    text-align: center;
    display: block;
}

.lien_description {
    display: none;
}

.prix_article_lie {
    text-align: center;
}

.lien_ensavoir_plus {
    display: block;
    background: #465873 none repeat scroll 0% 0%;
    width: auto;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 7px 15px;
    line-height: 15px;
    cursor: pointer;
    text-decoration: none;
    margin: 10px 20px;
}

/*** BOUTIQUE : détail d"un produit; ********************************/

#colonne_detail .titreperso {
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 10px 0;
    text-align: justify;
    line-height: 1.4;
    text-transform: none;
}

#ariane_boutique_produit {
    font-size: 11px;
    padding: 0 0 2% 0;
    display: none;
}

#div_search {
    display: none;
}

#colonne_tofs {
    width: 50%;
    display: inline-block;
}

#colonne_tofs .photo_principale,
#photos_principales .photo_principale {
  display: none;
}

#colonne_tofs #div_photo_principale_0,
#photos_principales #div_photo_principale_0 {
  display: block;
}

#colonne_tofs img {
    max-width: 100%;
}

#div_nav {
    display: none;
}

#colonne_detail {
    display: inline-block;
    margin: 0 0 0 4%;
    vertical-align: top;
    width: 46%;
}

#colonne_detail br {
  display: none;
}

#the_panier_button {
    position: absolute;
    top: -80px;
    right: 0;
}

.boutons .the_bouton_visu_panier {
    background: #ebebeb !important;
    height: 61px !important;
    color: #343f4f !important;
}

#hr_boutonpanier {
    display: none;
}

#prix_article {
    font-size: 22px !important;
    padding: 2% 0 !important;
    color: #cf3f43 ;
}

.ref_article {
    font-size: 12px !important;
}

.share_article {
    border-top: 1px dotted #b43f43;
    padding: 7px 0 0 0 !important;
}

.share_article .icon-facebook3,
.share_article .icon-twitter3,
.share_article .icon-linkedin {
    font-size: 15px;
}

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

.share_article .icon-facebook3 {
    color: #3b5998
}

.share_article .icon-twitter3 {
    color : #00aded;
    padding: 0 5px 0 0;
}

.share_article .icon-linkedin {
    color : #007bb5;
}

/***  BOUTIQUE : Panier ***/

#panier br,
#panier hr {
    display: none;
}

.fil_arianne {
    font-size: 12px !important;
    padding: 10px !important;
}

#the_tab_panier {
    border-collapse: collapse;
}

#the_tab_panier tr {
  border-bottom: 1px solid #ccc;
}

.titre_tab_panier {
    text-align: center;
    padding: 10px !important;
    font-weight: bold;
    }

.td_titre_article {
    width: 52%;
}

.td_corps_article {
    padding: 10px 0;
}

.td_corps_ref,
.center.td_corps_prix,
.center.td_corps_quantite,
.right_before_suppr.td_corps_total,
.titre_total_panier_montant {
    text-align: center;
}

.photo_product {
    float: left;
    padding: 0 10px;
}

#the_quantite {
    width: 20px;
}

.total_ttc {
    background: #465873;
    color: white;
    padding: 10px !important;
    height: 40px;
    font-weight: bold;
}

#button_panier_return_next {
    text-align: right;
}

/***  BOUTIQUE : Authentification ***/

.deja_client {
    display: inline-block;
    width: 44%;
    border: 1px solid #465873;
    padding: 2%;
}

.deja_client br {
    display: block !important;
    line-height: 0;
}

.champs {
    display: inline-block;
    width: 115px;
}

.nouveau_client {
    display: inline-block;
    width: 44%;
    margin-left: 2%;
    vertical-align: top;
    border: 1px solid #465873;
    padding: 2%;
}

/***  BOUTIQUE : commande ***/

#recap_add_facturation_lecture {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}

#recap_add_livraison_lecture {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.erreur_adresse {
    color: red;
    font-weight: bold;
    text-align: center;
}

#modif_add1 br,
#add_2 br,
#modif_add2 br,
#infos_coords br,
#infos_compte br,
#recap_add_facturation_lecture br,
#recap_add_livraison_lecture br,
#the_form_commande br {
    display: block;
}

#modif_add1 input,
#add_2 input,
#modif_add2 input,
#infos_coords input,
#infos_compte input {
    margin: 5px 0;
}

.validation {
    text-align: center;
}

.validation2 {
    text-align: center;
    margin: 5px auto;
}

#recap_add_facturation_lecture h3,
#recap_add_livraison_lecture h3 {
    background: #465873;
    display: block;
    padding: 10px 0px;
    color: #FFF;
    text-align: center;
}

.contenuAdresse {
    padding-left: 10px;
}

/*** MON COMPTE *****************************************/

#qui {
    background: #f2f2f2;
    padding: 20px;
    margin: 20px 0;
}

legend {
    font-weight: bold;
    color: #cf3f43;
}

#form_myspace fieldset {
    margin: 1%;
    background: #f2f2f2;
    padding: 1%;
}

.hidden {
    display: none;
}

.body_myspace h4 {
    font-family: "Open sans Condensed", sans-serif;
    font-weight: 100;
    font-size: 30px;
    color: #391e1e;
    text-align: center;
    border-bottom: 1px dotted #b43f43;
    padding: 0;
    margin: 0 0 2% 0;
    text-transform: uppercase;
}

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

.paiement input {
	max-width: 60px;
	height: 40px;
}

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

.htmlarea_content .last {
    margin-right: 0; 
}

.htmlarea_content {
    font-size: 0 !important;
}

.htmlarea_content div:not(.col_2),
.htmlarea_content div:not(.col_3),
.htmlarea_content div:not(.col_4),
.htmlarea_content div:not(.col_6),
.htmlarea_content div:not(.col_8) {
    font-size: 14px;
}

.col_1 {
    width: 96%;
    margin: 0 2%;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
  }

.col_2 {
    width: 48%;
    margin: 0 3% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
  }

.col_3 {
    width: 32%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
  }

.col_4 {
    width: 23.5%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
}

.col_6 {
    width: 15%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
  }

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

.col_1_tier {
    width: 30%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
}

.col_2_tier {
    width: 68%;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
}

.col_two_tier {
    width: 68%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
}

.col_one_tier {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    font-size: 0 !important;
}

.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) {

#bloc_header_top {
    width: 100%;
}

#bloc_droite_bandeau {
    width: 100%;
}

#bloc_menu {
    width: 100%;
}

#innerMain {
    width: 100%;
}

#bloc_footer {
    width: 100%;
}

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

.join {
    font-size: 15px;
}
}


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

    .wrapper_next_event {
        display: none;
    }

.bloc_flash_info h3 {
    width: 100%;
    margin: 2% 0 0 0;
}

.bloc_flash_info #greffon_newsletter {
    width: 100%;
    margin: 0;
}



  }


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

#z1 {
    height: auto;
}

    .bloc_access {
        padding: 0;
    }

        .wrapper_left {
            display: block;
            width: 100%;
            padding: 1%;
            color: #294ecb;
            border-right: none;
            text-align: center;
        }

        .wrapper_right {
            display: block;
            width: 100%;
            text-align: center;
            padding: 2%;
        }

.bloc_assos {
    width: 13%;
    position: absolute;
    width: auto;
}

.join img {
    display: none;
}
}

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

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

    .bloc_flash_info h3 {
        width: 96%;
        margin: 0 2%;
    }

    .bloc_flash_info #greffon_newsletter {
        width: 96%;
        margin: 0 2%;
    }

    #email_newsletter_enligne {
        width: 88%;
    }


.bloc_follow {
    width: 96%;
    margin: 0 1%;
    border-left: 0;
  }

.bloc_follow h3 {
    width: auto;
}

}


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

.bloc_event_content,
.bloc_event_calendar {
    width: 96%;
    margin: 2%;
}

    .wrapper_img_event {
        display: none;
    }

    .wrapper_text_event {
        width: 100%;
        margin: 0;
    }



}

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

#z1 {
    height: auto;
}


.bloc_access {
    width: 100%;
    padding: 2% 0 0 0;
}

    .wrapper_left {
        width: 100%;
        padding: 0%;
        text-align: center;
    }

        .wrapper_left a {
            display: inline-block;
            padding: 2% 2% 4% 2%;
        }

          .wrapper_left span {
              font-weight: 700;
              text-transform: uppercase;
              font-size: 12px;
              margin-right: 0;
          }

              .icon-address-book, .icon-user-tie, .icon-mail2 {
                  background: none;
                  border-radius: 0;
                  color: blue;
                  width: auto;
                  height: auto;
                  display: inline-block;
                  line-height: auto;
                  text-align: center;
                  font-size: 11px;
              }

    .wrapper_right {
        text-align: center;
        width: 100%;
        border-top: 1px solid #fff;
    }

        .wrapper_right a {
            display: inline-block;
            padding: 4% 2% 4% 2%;
        }


            .join {
                width: 49%;
                padding: 1% 0;
                font-size: 16px;
                line-height: 21px;
                -moz-transform: skew(0, 0deg);
                -ms-transform: skew(0, 0deg);
                -webkit-transform: skew(0, 0deg);
                transform: skew(0, 0deg);
                border: 1px solid #fff;
                text-align: center;
            }


                .join br,
                .join img {
                  display: none;
                }

                .join span {
                    -moz-transform: skew(0, 0deg);
                    -ms-transform: skew(0, 0deg);
                    -webkit-transform: skew(0, 0deg);
                    transform: skew(0, 0deg);
                    display: block;
                }

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

#bloc_logo img {
    max-width: 100%;
}

.bloc_assos {
    width: 100%;
    top: 0;
    position: relative;
}

.wrapper_actu {
    width: 96%;
    margin: 0;
}

#actu1,
#actu2,
#actu3 {
    width: 96%;
    margin: 2% 0;
}

.col_2,
.col_3,
.col_1_tier,
.col_2_tier,
.col_two_tier,
.col_one_tier,
.col_6,
.col_8 {
    width: 96%;
    margin: 2% 2% 0 2%;
}

.col_4 {
    width: 96%;
    margin: 2% 2% 0 2%;
}

  .img_actu {
      display: none;
  }


}

/***** PAGE CALCUL SALAIRE *****************************************************/
/*******************************************************************************/

form hr {
    display: none;
}

.enquete-paragraphe {
    border-bottom: 1px solid #ccc !important;
    padding: 0 0 20px 0 !important;
}

.enquete-titre {
    font-weight: bold;
    margin: 30px 0 10px !important;
    font-size: 13px;
    color: #0043ff;
}

.enquete-sous-titre {
    margin: 5px 0 !important;
}

.enquete-sous-titre {
    margin: 5px 0 !important;
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

.enquete-select {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.enquete-select select {
    width: 100%;
}

.enquete-comment {
    font-size: 10px;
}

.enquete-checkbox {
    display: block;
}

.enquete-cadre {
    margin: 10px 0 !important;
}

.enquete-cadre a {
    text-decoration: none !important;
}

#hierrarchie {
	margin: 1% 1%;
}

.body_p_58447 #bloc_partners {
	display: none;
}