span.colorcat_2148{
				background-color:#FFD700;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2148{
				color:#FFD700;
				}
				#calendar-container .calendar tbody td.cat2148{
				background-color:#FFD700;
				}
				
					div.actucat_2148 div.texte_une div.bloc_titre a,
					div.actucat_2148 div.bloc_titre a,
					div.actucat_2148 div.bloc_titre h1,
					div.actucat_2148 div.bloc_titre h1 a,
					div.actucat_2148 div.bloc_titre,
					div.actucat_2148 h3 a,
					div.eventcat_2148 div.bloc_header span.title,
					div.eventcat_2148 div.bloc_header h1 span.title,
					div.eventcat_2148 div.bloc_header h1 span.title a,
					div.eventcat_2148 div.bloc_headerlink span.title a,
					h3.eventcat_2148 span,
					div.lecteur_rss ul li.rssactucat_2148 a,					
					div.lecteur_rss ul li.rsseventcat_2148 a
					{
					color:#FFD700 !important;
					}
					
					
				span.colorcat_2151{
				background-color:#006400;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2151{
				color:#006400;
				}
				#calendar-container .calendar tbody td.cat2151{
				background-color:#006400;
				}
				
					div.actucat_2151 div.texte_une div.bloc_titre a,
					div.actucat_2151 div.bloc_titre a,
					div.actucat_2151 div.bloc_titre h1,
					div.actucat_2151 div.bloc_titre h1 a,
					div.actucat_2151 div.bloc_titre,
					div.actucat_2151 h3 a,
					div.eventcat_2151 div.bloc_header span.title,
					div.eventcat_2151 div.bloc_header h1 span.title,
					div.eventcat_2151 div.bloc_header h1 span.title a,
					div.eventcat_2151 div.bloc_headerlink span.title a,
					h3.eventcat_2151 span,
					div.lecteur_rss ul li.rssactucat_2151 a,					
					div.lecteur_rss ul li.rsseventcat_2151 a
					{
					color:#006400 !important;
					}
					
					
				span.colorcat_2147{
				background-color:#B22222;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2147{
				color:#B22222;
				}
				#calendar-container .calendar tbody td.cat2147{
				background-color:#B22222;
				}
				
					div.actucat_2147 div.texte_une div.bloc_titre a,
					div.actucat_2147 div.bloc_titre a,
					div.actucat_2147 div.bloc_titre h1,
					div.actucat_2147 div.bloc_titre h1 a,
					div.actucat_2147 div.bloc_titre,
					div.actucat_2147 h3 a,
					div.eventcat_2147 div.bloc_header span.title,
					div.eventcat_2147 div.bloc_header h1 span.title,
					div.eventcat_2147 div.bloc_header h1 span.title a,
					div.eventcat_2147 div.bloc_headerlink span.title a,
					h3.eventcat_2147 span,
					div.lecteur_rss ul li.rssactucat_2147 a,					
					div.lecteur_rss ul li.rsseventcat_2147 a
					{
					color:#B22222 !important;
					}
					
					
				span.colorcat_2149{
				background-color:#008B8B;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2149{
				color:#008B8B;
				}
				#calendar-container .calendar tbody td.cat2149{
				background-color:#008B8B;
				}
				
					div.actucat_2149 div.texte_une div.bloc_titre a,
					div.actucat_2149 div.bloc_titre a,
					div.actucat_2149 div.bloc_titre h1,
					div.actucat_2149 div.bloc_titre h1 a,
					div.actucat_2149 div.bloc_titre,
					div.actucat_2149 h3 a,
					div.eventcat_2149 div.bloc_header span.title,
					div.eventcat_2149 div.bloc_header h1 span.title,
					div.eventcat_2149 div.bloc_header h1 span.title a,
					div.eventcat_2149 div.bloc_headerlink span.title a,
					h3.eventcat_2149 span,
					div.lecteur_rss ul li.rssactucat_2149 a,					
					div.lecteur_rss ul li.rsseventcat_2149 a
					{
					color:#008B8B !important;
					}
					
					
				span.colorcat_2317{
				background-color:#6495ED;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2317{
				color:#6495ED;
				}
				#calendar-container .calendar tbody td.cat2317{
				background-color:#6495ED;
				}
				
					div.actucat_2317 div.texte_une div.bloc_titre a,
					div.actucat_2317 div.bloc_titre a,
					div.actucat_2317 div.bloc_titre h1,
					div.actucat_2317 div.bloc_titre h1 a,
					div.actucat_2317 div.bloc_titre,
					div.actucat_2317 h3 a,
					div.eventcat_2317 div.bloc_header span.title,
					div.eventcat_2317 div.bloc_header h1 span.title,
					div.eventcat_2317 div.bloc_header h1 span.title a,
					div.eventcat_2317 div.bloc_headerlink span.title a,
					h3.eventcat_2317 span,
					div.lecteur_rss ul li.rssactucat_2317 a,					
					div.lecteur_rss ul li.rsseventcat_2317 a
					{
					color:#6495ED !important;
					}
					
					
				span.colorcat_2201{
				background-color:#1E90FF;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2201{
				color:#1E90FF;
				}
				#calendar-container .calendar tbody td.cat2201{
				background-color:#1E90FF;
				}
				
					div.actucat_2201 div.texte_une div.bloc_titre a,
					div.actucat_2201 div.bloc_titre a,
					div.actucat_2201 div.bloc_titre h1,
					div.actucat_2201 div.bloc_titre h1 a,
					div.actucat_2201 div.bloc_titre,
					div.actucat_2201 h3 a,
					div.eventcat_2201 div.bloc_header span.title,
					div.eventcat_2201 div.bloc_header h1 span.title,
					div.eventcat_2201 div.bloc_header h1 span.title a,
					div.eventcat_2201 div.bloc_headerlink span.title a,
					h3.eventcat_2201 span,
					div.lecteur_rss ul li.rssactucat_2201 a,					
					div.lecteur_rss ul li.rsseventcat_2201 a
					{
					color:#1E90FF !important;
					}
					
					
				span.colorcat_2152{
				background-color:#0000CD;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2152{
				color:#0000CD;
				}
				#calendar-container .calendar tbody td.cat2152{
				background-color:#0000CD;
				}
				
					div.actucat_2152 div.texte_une div.bloc_titre a,
					div.actucat_2152 div.bloc_titre a,
					div.actucat_2152 div.bloc_titre h1,
					div.actucat_2152 div.bloc_titre h1 a,
					div.actucat_2152 div.bloc_titre,
					div.actucat_2152 h3 a,
					div.eventcat_2152 div.bloc_header span.title,
					div.eventcat_2152 div.bloc_header h1 span.title,
					div.eventcat_2152 div.bloc_header h1 span.title a,
					div.eventcat_2152 div.bloc_headerlink span.title a,
					h3.eventcat_2152 span,
					div.lecteur_rss ul li.rssactucat_2152 a,					
					div.lecteur_rss ul li.rsseventcat_2152 a
					{
					color:#0000CD !important;
					}
					
					
				span.colorcat_2150{
				background-color:#BA55D3;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_2150{
				color:#BA55D3;
				}
				#calendar-container .calendar tbody td.cat2150{
				background-color:#BA55D3;
				}
				
					div.actucat_2150 div.texte_une div.bloc_titre a,
					div.actucat_2150 div.bloc_titre a,
					div.actucat_2150 div.bloc_titre h1,
					div.actucat_2150 div.bloc_titre h1 a,
					div.actucat_2150 div.bloc_titre,
					div.actucat_2150 h3 a,
					div.eventcat_2150 div.bloc_header span.title,
					div.eventcat_2150 div.bloc_header h1 span.title,
					div.eventcat_2150 div.bloc_header h1 span.title a,
					div.eventcat_2150 div.bloc_headerlink span.title a,
					h3.eventcat_2150 span,
					div.lecteur_rss ul li.rssactucat_2150 a,					
					div.lecteur_rss ul li.rsseventcat_2150 a
					{
					color:#BA55D3 !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: #FF0000;
}

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: none;
}

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

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

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

#ariane {
    display: none;
}

.separator2, .simplify {
    display: none;
}




/*** 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: #3d3d3d;
    color:#3d3d3d;
    font-size:14px;
    font-family: 'open sans', sans-serif;
    font-weight: normal;
    margin: 0;
}

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

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

label {
    width: 100%;
}

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

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

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

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

/*** Boutons ***/

input[type=button],
input[type=submit],
a.bouton30, a.bouton50,
a.bouton60, a.bouton75,
a.bouton100, a.bouton125,
a.bouton150, a.bouton200,
a.bouton30 span,
a.bouton50 span,
a.bouton60 span,
a.bouton75 span,
a.bouton100 span,
a.bouton125 span, 
a.bouton150 span,
a.bouton200 span,
a.bouton30 span span,
a.bouton50 span span,
a.bouton60 span span,
a.bouton75 span span,
a.bouton100 span span,
a.bouton125 span span,
a.bouton150 span span,
a.bouton200 span span,
.bouton,
#editme a,
.editme a {
    background: #23282d none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 5px 15px;
    line-height: 15px;
    border-radius: 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: #147bb0 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

div.htmlarea_content table,
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
}

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

a, a:visited {
    color:#2596d1;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
    color: #147bb0;
    transition-duration: 0.5s;
}

.left {
    float: left;
}

.right {
    float: right;
}

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

.block {
    display: block;
}

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

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

/*** bouton éditer ****/

#editme p a {
background: url("http://www.avarap.asso.fr/offres/doc_inline_src/617/bouton-editer.png") no-repeat scroll 0 0 transparent;
color: #666666;
display: block;
font-size: 14px;
margin-top: 19px;
padding: 10px 0 9px 42px;
text-decoration: none;
width: 53px;
} 



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

div.htmlarea_content,
div.htmlarea_content p {
    font-family: 'open sans', 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;
    font-weight: 500;
    font-family: 'Open sans', sans-serif;
}


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

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

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

.t_edit_cont {
    display: none;
    background : #ffffff;
    padding: 10px;
}

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

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

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

#header_aiw {
    background-color: #ffffff;
}

div#header_cadre {
    width : 100%;
    background: #0066CC ;
    height: 40px;
}

    #z1 {
        width: 1024px !important;
        margin: 0 auto;
        position: relative;
    }

      #bloc_logo {
        margin: 30px 0;
        font-size: 31px;
        font-weight: 900;
        color: #0066CC;
       
      }
       #bloc_baseline {
            font-weight: 900;
            text-transform: uppercase;
            text-align: center;
            width: 60%;
            margin: 10% 0 0 0;
            font-size: 17px;
            color: #0066CC;
        }

        #bloc_search {
            width: 215px;
            margin: 4% 24%;
        }

        #bloc_connection {
            position: inherit;
            top: 0;
            background: #0066CC;
            padding: 5px 10px;
            width: 90px;
            float: right;
        }

            .identified #bloc_connection {
                display: none;
            }

            #bloc_intranet {
                display: none;
            }

            .identified #bloc_intranet {
                display: block;
                position: absolute;
                right: 10px;
                top: 0;
                background: #3d3d3d;
                padding: 5px 10px;
            }

            #bloc_intranet a,
            #bloc_connection a {
              color: white;
            }


    #z7 {
        clear: both;
    }

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

#menu_appli_nosh {
    display: none;
}

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

#appli {
  background:  #ffffff;
}

    #innerMain {
        background-color: #ffffff;
        width: 1024px !important;
        margin: 0 auto;
    }

        #accueil_content {
            min-height: 550px;
            padding: 20px 0;
        }

            .perso  {
                margin: 0 2%;
            }

                #z9 {

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

.colonne_flux {
    display: none;
}

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

#html_footer {
    background: #0066CC 100%;
    padding: 1% 2% 2% 2%;
    color: white;
}

#html_footer a {
    color: white;
}

    .col4 {
        width: 23%;
        margin-right: 1%;
    }

    .col4 h3 {
        font-size: 20px;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
        font-weight: 300;
        padding: 10px 0;
        margin: 0 0 10px 0;
    }

#bloc_footer {
    width:1024px !important;
    margin:auto;
}

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

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

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

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

.icon-facebook {
    color: white;
    font-size: 20px;
    background: #2a55ab;
    font-size: 35px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    margin: 0 5px 5px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Flexnav Base Styles */

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

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

.flexnav {
    width: 100%;
    text-align: right;
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 100000;
}

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

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

.flexnav li a:hover,
.flexnav li > span.label:hover {
background: #147bb0;
}

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

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    display: inline-block;
    text-align: right;
}

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

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

.menu-button {
    position: relative;
    display: block;
    padding: 1em;
    background: #23282d;
    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: #147bb0;
}

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

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

  .flexnav {
      width: 1024px !important;
      padding: 0;
      margin: auto;
      list-style: none;
  }

  .flexnav li {
      position: relative;
      overflow: hidden;
      float: left;
      width: auto !important;
  }

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

  .flexnav li > ul {
      position: absolute;
  }

  .flexnav li > ul > li {
      z-index: 5;
      display: block;
      float: none;
      border: 1px solid #D3D3D3;
      background-color: #14B0A8;
      width: 200px !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;
      font-size: 16px;
      padding: 5px;
      color: #F7F7F7;
  }
    
   .flexnav li > ul > li > a:hover {
       
      color:#3D3D3D;
  }

  .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: 40%;
    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: #ffffff;
    line-height: 1;
    opacity: .85;
    border-radius: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 15px;
}

.slick-next {
    right: 15px;
}

.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: 60%;
    text-align: center;
}

.slick-slide {
    position: relative;;
}

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

/*** texte slider ***/

.contenu_vignette {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 200px;
    background-color: rgba(61, 61, 61, 0.8);
    color: #ffffff;
}

.legende {
    padding: 10px;
    font-size: 18px !important;
}

.description {
    padding: 10px;
    font-size: 14px !important;
}

.lirelasuite a {
    font-size: 12px !important;
    padding: 0 0 20px 0 !important;
    display: block;
}

/**** diaporama Partenaire ***/

#bloc_partners {
    width: 96%;
    margin: 0 auto;
    padding: 20px 0;
}

#bloc_partners .legende {
    display: none;
}

#bloc_partners .lirelasuite {
    display: none;
}

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

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

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

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

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

/***** ALBUMS PHOTOS ********************************************************************/
/*******************************************************************************************/


#label_album {
    display: none;
}

#titre_album {
    display: none;
}

#nb_photos {
    display: none;
}

#container_album .spacer {
    display: block !important;
    clear: both;
    height: 0;
}

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

#email_newsletter_enligne {
    width: 100%;
}

#valider_newsletter {
    float: right;
}

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

/***** 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 PLUS *******************************************************************/
/*******************************************************************************************/

#h2_flux_events {
    display: none;
}

.event_flux_rss {
    margin: 1%;
    border-bottom: 1px solid #ddd;
}

.biglogo_event {
    text-align: center;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    width: 90px;
}

.biglogo_event a {
    height: 90px;
    display: block;
}

.biglogo_event img {
    max-width: 100% !important;
    max-height: 90px;
}

.titre_debut_event {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-left: 110px !important;
}

.debut_event {
    text-align: justify;
    margin-left: 110px;
}

.debut_event a {
    color: #000;
    cursor: inherit;
    text-decoration: none;
}

.lien_suite.lien_suite_event {
    margin: 10px 0;
}

.lien_suite.lien_suite_event a,
.lien_suite.lien_suite_event a:hover,
.lien_suite.lien_suite_event a:visited {
    display: block;
    text-align: right;
    font-weight: bold;
    text-decoration: none;
}

.plus {
    background: #2596d1;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding: 0px 7px 3px;
}

/***** GREFFON EVENTENLIGNE *****************************************************************/
/*******************************************************************************************/

.wrapper_event {
    margin: 2% 0;
}

.wrapper_img_event {
    width: 12%;
    display: inline-block;
}

    .wrapper_img_event img {
        width: 100%;
    }

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

.wrapper_next_event {
    display: inline-block;
    height: 90px;
    line-height: 90px;
    vertical-align: top;
    border-left: 1px solid #2596d1;
}

.plus_event {
    display: none;
}

.next_event {
    background: #2596d1;
    color: white !important;
    padding: 7px;
}
/***** PAGE AUTO EVENTS *********************************************************************/
/*******************************************************************************************/

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

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

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

.event .htmlarea_content {
    clear: both;
}

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

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

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

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

#h1_flux_actus {
    display: none;
}

.wrapper_actu {
    width: 22%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    border: 1px solid #ccc;
}

.wrapper_img_actu {
    height: 130px;
    overflow: hidden;
    display: block;
}

.img_actu {
    max-width: 100% !important;
}

.wrapper_actu h3 {
    font-size: 14px !important;
    text-align: center;
    font-weight: 400 !important;
    padding: 10px 0 0 0 !important;
}

.text_actu {
    text-align: center;
    padding: 10px;
    font-weight: 300;
}

.wrapper_actu .read_more {
    background: #2596d1;
    text-align: center;
    color: white;
    height: 40px;
    line-height: 40px;
    width: 100%;
    border-radius: 0;
}

.wrapper_actu {
    clear: both;
}

 .actu_plus {
    display: inline-block;
}

  a.plus_suite {
    color: white;
}

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

#section_actus a {
    display: none;
}

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

.actu .logo_small {
    display: none;
}

.texte_small {
    float: none !important;
}


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

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

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

.actu p {
    margin: 0 !important;
}

/***/

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

#actu_nom_prec {
    text-align: right;
}

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

.bouton_retour {
    display: none;
}

/***/

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

.actulink .texte_une {
    float: none;
}

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

.logo_une {
    display: none;
}

.actulink .texte_une {
    float: none;
}

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

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

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

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

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

#thesurvey h4 {
    display: none;
}

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

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

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

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

/**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: #2596d1;
}

/**/

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

#bt_valid_survey {
    text-align: center;
}

/*** result formulaire ***/

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

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

/*** celendrier formulaire ***/

.calendar table {
    text-align: center;
    width: 250px;
    height: auto;
    padding: 5px;
    font-size: 12px;
    background: white;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

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

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

.calendar .daynames {
    background-color: #124A77;
    color: white;
    font-size: 16px;
}

/**/

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

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

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

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

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

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

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

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

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

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

.calendar tfoot {
    display: none;
}

.combo {
    display: none;
}

#calendar-container .calendar table {
    text-align: center;
    width: 55%;
    height: 250px;
    margin: 0 auto;
}

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

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

#calendar-container .calendar .daynames {
    background-color: #2596d1;
    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 {
    border: 2px solid white !important;
    line-height: 2.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;
}


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

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

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

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

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

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

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

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

#z1 {
    width: 100% !important;
}

.flexnav {
    width: 100% !important;
}

#innerMain {
    width: 100% !important;
}

#html_footer {
    padding: 0;
}

#bloc_footer {
    width: 100% !important;
}

}

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

div#header_cadre {
    height: 50px !important;
}

#bloc_header {
    padding: 20px 0 0 0;
}

#bloc_logo {
    margin: 0 auto;
    font-size: 31px;
    width: 215px;
    display: block;
    text-align: center;
}

#bloc_search {
    width: 215px;
    display: block;
    margin: 20px auto;
}

.wrapper_actu {
    width: 47%;
}

.col_3 {
    width: 98%;
}

  .col_6 {
      width: 30%;
  }

  .col4 {
    width: 45%;
    margin: 2%;
}

  .col_4 {
      width: 45%;
  }

.description {
  display: none;
}

}

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


.wrapper_actu {
    width: 98%;
}
  .col_2 {
      width: 98%;
  }

  .col_3 {
      width: 98%;
  }

  .col_4 {
      width: 98%;
  }

    .col4 {
    width: 98%;
}

  .col_6 {
      width: 47.28%;
  }

  .col_8 {
      width: 47.28%;
  }
}