
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 : 774px;}
div#container{width : 775px;}

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:514px;
}

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

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: 26px;padding:0px 0px 0px 0px;font-family:inherit, sans-serif;color: #2C5186;} 
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: 18px;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: #777;}
div#boutique p,div#recherche p{font-size: 14px;font-family:inherit, sans-serif;padding:0px 0px 0px 0px;color: #777;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #777;}

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:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 520) );}
div.htmlarea_content p img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h1 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h2 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h3 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h4 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h5 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content h6 img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
div.htmlarea_content address img {max-width:10px;max-width: expression( Math.min(parseInt(this.offsetWidth), 10) );}
/*** CLEAN ***/

.date_modif,
.chrono,
.spacer  {
    display: none;
}

#ariane {
  display: none;
}

.separator2, .simplify {
    display: none;
}

/**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 AIW ****************************************/

html, body {
    font-size: 14px;
    color:#297db5;
    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],
input[type=image] {
    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 {
    background: #2c5186 none repeat scroll 0% 0%;
    height: 25px;
    width: auto;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFF;
    border: 0;
    padding: 5px 7px;
    line-height: 13px;
    border-radius: 3px;
}

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 {
    background: #1f79c6 none repeat scroll 0% 0%;
    transition: all 0.3s ease 0s;
}

div.htmlarea_content table,
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {

}

a, a:visited {
    color:#DD4434;
    text-decoration: none;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
  color: #297db5;
}

p {
    margin: 0;  
}

.left {
    float: left;
}

.right {
    float: right;
}

.inline {
    display: inline-block;
    vertical-align: top;
}

.block {
  display: block;
}

.border {
    border: 1px solid #ccc !important;
}

.border td {
    border: 1px solid #ccc !important;
}

h1.titreperso {
  display: none;
}

.htmlarea_content img {
  max-width : 100% !important;
 }


/**** Titre dans éditeur de texte ****/

div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6 {
    text-align: inherit;
    margin: 0;
    font-weight: inherit;
}

/*****/

.perso {
    margin: 0 2%;
}

.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.38%;
  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;
}

 .wrapper {
    width: 1100px;
    margin: 0 auto;
}

/***** STRUCTURE **********************************************/

#container {
    max-width: 100%;
    width: auto !important;
}

/*** HEADER *********************************/

#header_aiw {
    width: 100%;
    background: none;
  }

    #z1 {
      background: rgba(225, 225, 225, 0.5) none repeat scroll 0% 0%;
      height: 30px;
    }

        #bloc_social {
            width: 1100px;
            margin: 0 auto;
            padding: 5px;
        }

        /***** Selecteur de langue *******/

        .lang_selector {
            height: 20px;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            position: relative;
            z-index: 10000000000;
        }
            .lang_selector:hover {
              height: auto;
              background: #FFFFFF;
            }

          .lang_selector ul {
              margin: 0px;
              padding: 0px;
              list-style: none;
          }

          .social_top {
              float: right;
          }

    #header_cadre {
        width: 1100px !important;
        margin: 0 auto;
    }

        #header_club {
            display: none;
        }

        #bloc_droite_bandeau {
          margin-top: 20px;
          position: absolute;
          z-index: 10000000;
        }

        #bloc_top_menu {
            background: rgba(255, 255, 255, 0.7);
        }

            .logo {
              display: inline-block;
              margin-right: 30px;
            }

              .logo img {
                  max-width: none;
                  padding: 10px;
                  width: 141px;
                  height: 74px;
              }

            #menuhaut {
                display: inline-block;
                vertical-align: top;
            }

    #z7 {
    }

        #bloc_menu_top {
          width: 1080px;
          margin: 0 auto;
        }

        /*** page contact ***/

        #bloc_map iframe {
            top: 0;
            width: 100%;
            z-index: -1;
        }


/***  COLUMN LEFT  ********************************/

#menu_appli_nosh {
    display: none;
}

/***  COLUMN CENTER  ********************************/

#appli {
    width: 100%;
}

    #innerMain {
        width: 1100px;
        margin: 0 auto;
    }

       #accueil_content {
            min-height: 500px;
            background: white;
            margin: 3% 0;
        }

/***  COLUMN RIGHT  ********************************/

.colonne_flux {
  display: none;
}

/***  FOOTER ********************************/

#html_footer {
  background-color: #f4f2f1;
}
    
    #bloc_footer {
    }

.wrapper_adress {
    background-color: #E5E4F4;
    color: #6E6C6C;
    height: 66px;
    line-height: 5;
}

    .adresse {
        display: inline-block;
        width: 80%;
        font-size: 14px;
    }

    .social_bottom,
    .social_top {
        display: inline-block;
        text-align: right;
    }

    .social_bottom .icon-facebook,
    .social_top .icon-facebook,
    .social_bottom .icon-twitter,
    .social_top .icon-twitter,
    .social_bottom .icon-linkedin2,
    .social_top .icon-linkedin2,
    .social_bottom .icon-google,
    .social_top .icon-google {
        color: #2C5186;
        font-size: 18px;
        padding: 0 5px;
        text-decoration: none;
    }

    .adresse .icon-location,
    .adresse .icon-phone,
    .adresse .icon-envelop {
        color: #2C5186;      
        font-size: 18px;
        padding: 0 2px 0 15px;
    }

.wrapper_copyright {
    background-color: #2C5186;
    color: white;
    font-size: 11px;
    height: 55px;
    line-height: 5;
}

    .copyright {
        display: inline-block;
        width: 80%;
    }

    .sitemap {
        display: inline-block;
        text-align: right;
    }

/***  AIW FOOTER ****************************/

#aiw_footer {
  display: none;
}


/************************************ RESPONSIV *****************************************/
/*****************************************************************************************/

@media all and (max-width: 1044px) {

    #bloc_social {
        width: 100%;
    }

  /*** HEADER *********************************/

      #bloc_header {
          width: 100%;
      }

      #bloc_droite_bandeau {
          width: 100%;
          position: relative;
      }

      #bloc_top_menu {
          width: 100%;
      } 

          #bloc_menu_top .inline {
              display: block;
          }

        .logo {
          display: block;
          text-align: center;
          margin: 0px;
        }
        
    #header_cadre {
        width: 100% !important;
    }

  /***  COLUMN LEFT  ********************************/

#menu_appli_nosh {
  display: block;
  width: 100%;
  vertical-align: top;
}

/***  COLUMN CENTER  ********************************/

#innerMain {
    max-width: 100%;
    margin: 40px auto;
}
    
    #accueil_content {
        min-height: 500px;
        display: block;
        width: 100%;
    }
    
    /*** Footer ***/

    .wrapper {
      width: 100%;
    }

      .wrapper div {
        width: 100%;
        display: block;
      }

      .adresse,
      .social_bottom {
        display: block;
      }

      .wrapper_adress {
      height: auto;
      line-height: 1;
    }

    .wrapper_copyright {
      height: auto;
      line-height: 0;
    }
}


@media screen and (max-width: 950px) {


.section_icon {
    width: 100% !important;
}

.sous_section_icon {
    width: 44% !important;
}

#flowpanes {
    width: 790px !important;
    height: 156px !important;
}

#flowpanes div {
    width: 790px !important;
}

#waterwheel_1668 {
    height: 340px;
    width: 100% !important;
}

}

@media screen and (max-width: 481px) {

.sous_section_icon {
    width: 100% !important;
}

#flowpanes {
    width: 400px !important;
    height: 156px !important;
}

#flowpanes div {
    width: 400px !important;
}
  
.col_2 {
  width: 98%;
}

.col_3 {
  width: 98%;
}

.col_4 {
  width: 98%;
}

.col_6 {
  width: 47.28%;
  }

.col_8 {
  width: 47.28%;
}

}

/***** STYLE MENU *******/

.horizontalmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.horizontalmenu > ul li {
  display: inline-block;
}

.verticalmenu > ul {
    margin: 0px;
    list-style: none;
    padding: 0;
}

/****menuhaut***/

#menuhaut > ul  {
    height: 95px;
  }

#menuhaut > ul > li {
    padding-right: 4px;
    padding-left: 4px;
    height: 100%;
    border-top: 3px solid transparent;
  }

#menuhaut > ul > li:hover {
    border-top: 3px solid #2C5186;
  }

#menuhaut > ul > li a {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
  font-size: 13px;
  position: relative;
  top: 40%;
  padding-right: 9px;
  padding-left: 9px;
  text-decoration: none;
}

#menuhaut > ul > li a:hover {
    color: #2C5186;
}

.this_menu_selected {
    border-top: 3px solid #2C5186 !important;
}

/***** MENU TOP RESPONSIVE *****************************************************************/
/*******************************************************************************************/

#menuhaut,
#menuhaut ul,
#menuhaut ul li,
#menuhaut ul li a,
#menuhaut #menu-button {
  margin: 0px auto;
  padding: 0;
  list-style: none;
  line-height: 1;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#menuhaut:after,
#menuhaut > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menuhaut #menu-button {
  display: none;
}

#menuhaut > ul > li {
  display: inline-block;
}

#menuhaut.align-center > ul {
  font-size: 0;
  text-align: center;
}

#menuhaut.align-center > ul > li {
  display: inline-block;
  float: none;
}

#menuhaut.align-center ul ul {
  text-align: left;
}

#menuhaut.align-right > ul > li {
  display: inline-block;
}

#menuhaut.align-right ul ul {
  text-align: right;
}

#menuhaut > ul > li > a {
  padding: 10px 13px;
  font-size: 13px;
  text-decoration: none !important;
  text-transform: uppercase;
}

#menuhaut > ul > li.has-sub > a {
  padding-right: 25px;
}

#menuhaut > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menuhaut > ul > li.has-sub:hover > a::after {
  border-color: #015093;
}

#menuhaut ul ul {
  position: absolute;
  left: -9999px;
  z-index: 1000;
}

#menuhaut li:hover > ul {
  left: auto;
}

#menuhaut.align-right li:hover > ul {
  right: 0;
}

#menuhaut ul li:hover > ul > li {
  height: auto;
}

#menuhaut ul ul li a {
  padding: 14px 20px;
  width: 200px;
  font-size: 14px;
  background: #4199C9;
  text-decoration: none;
  color: #ffffff;
}

#menuhaut ul ul li:hover > a,
#menuhaut ul ul li a:hover {
  color: #ffffff;
}


@media all and (max-width: 1044px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1044px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1044px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1044px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1044px), only screen and (min-resolution: 192dpi) and (max-width: 1044px), only screen and (min-resolution: 2dppx) and (max-width: 1044px) {

#menuhaut,
#menuhaut ul,
#menuhaut ul li,
#menuhaut ul li a,
#menuhaut #menu-button {
    background: #FFF;
    z-index: 9999;
}

  #menuhaut {
    width: 100%;
  }

  #menuhaut ul {
    width: 100%;
    display: none;
  }

  #menuhaut.align-center > ul,
  #menuhaut.align-right ul ul {
    text-align: left;
  }

  #menuhaut ul li,
  #menuhaut ul ul li,
  #menuhaut ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }

  #menuhaut ul li a,
  #menuhaut ul ul li a {
    width: 100%;
  }

  #menuhaut > ul > li,
  #menuhaut.align-center > ul > li,
  #menuhaut.align-right > ul > li {
    float: none;
    display: block;
  }

  #menuhaut ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #fff;
    background: none;
  }

  #menuhaut ul ul li:hover > a,
  #menuhaut ul ul li a:hover {
    color: #fff;
  }

  #menuhaut ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }

  #menuhaut > ul > li.has-sub > a::after,
  #menuhaut ul ul li.has-sub > a::after {
    display: none;
  }

  #menu-line {
    display: none;
  }

  #menuhaut #menu-button {
    display: block;
    padding: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #3E5581;
  }

  #menuhaut #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #fff;
  }

  #menuhaut #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }

  #menuhaut .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }

  #menuhaut .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #fff;
    z-index: 99;
  }

  #menuhaut .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    z-index: 99;
  }

  #menuhaut .submenu-button.submenu-opened:after {
    display: none;
  }
}

/*********************** SOUS MENU *******************************/

#bloc_sousmenu {
    position: absolute;
    z-index: 999999;
}

#bloc_sousmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 5px;
}

#bloc_sousmenu ul.premier_ul {
    margin: 0 !important;
    padding: 15px 0 !important;
}

.verticalsousmenu {
  background: rgba(0, 0, 0, 0.7);
}

.verticalsousmenu ul li {
  display: inline-block;
  vertical-align: top;
  margin: 20px;
  width: 230px;
}

.verticalsousmenu ul > li > a {
    color: white;
    text-transform: uppercase;
    padding: 2px 8px 2px 3px;
    font-size: 12px;
    border-bottom: 1px solid #fff;
}

.verticalsousmenu ul > li > a:hover {
  text-decoration: none;
}

.verticalsousmenu ul li ul li {
  display: block;
  width: auto;
  margin: 0;
}

.verticalsousmenu ul li ul li {
  display: block;
  width: auto;
  margin: 0;
}

.verticalsousmenu ul li ul li a {
  display: block;
  width: auto;
  margin: 0;
  text-decoration: none;
  font-size: 12px;
  text-transform: none;
  border:none;
}

#premier_ul_5110 li a {
  text-transform: none;
  border: none;
}

/****/

#sousmenuinternational {
    margin-left: 237px;
}

#sousmenurecrutement {
    margin-left: 469px;
}

/***** DIAPORAMA SLICK *****************************************************************/
/*******************************************************************************************/

.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '\ea44';
}

[dir='rtl'] .slick-prev:before {
    content: '\ea42';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '\ea42';
}

[dir='rtl'] .slick-next:before {
    content: '\ea44';
}

/* Dots */
.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.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-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*** SLIDER FULLWIDTH***/

#bloc_slider .contenu_vignette {
    position: absolute;
    top: 50%;
    left: 35%;
    background: rgba(0,0,0,0.5);
    color: #FFF;
  }

#bloc_slider .vignette_1 {
    position: absolute;
    top: 58%;
    left: 50%;
    color: rgb(30, 71, 123);
    font-size: 2.5em;
    background: rgba(0,0,0,0);
    font-weight: 600;
}

#bloc_slider .vignette_2 {
    position: absolute;
    top: 60%;
    left: 50%;
    color: rgb(0, 112, 255);
    font-size: 2.5em;
    padding: 15px;
    background: rgba(0,0,0,0.5);
    font-weight: 600;
}

#bloc_slider .vignette_3 {
    position: absolute;
    top: 80%;
    left: 10%;
    color: #FFFFFF;
    font-size: 2.5em;
    font-weight: 600;
    padding: 15px;
    background: rgba(0,0,0,0.5);
}

#bloc_slider .vignette_4 {
    position: absolute;
    top: 70%;
    left: 30%;
    color: #FFFFFF;
    font-size: 2.5em;
    font-weight: 600;
    padding: 15px;
    background: rgba(0,0,0,0.5);
}

#bloc_slider .vignette_5 {
    position: absolute;
    top: 50%;
    left: 10%;
    color: #FFFFFF;
    font-size: 2.5em;
    font-weight: 600;
    padding: 15px;
    background: rgba(0,0,0,0.5);
}

.contenu_vignette.vignette_1 .description,
.contenu_vignette.vignette_1 .legende,
.contenu_vignette.vignette_2 .description,
.contenu_vignette.vignette_2 .legende {
    display: inline-block;
}

.contenu_vignette.vignette_1 .description,
.contenu_vignette.vignette_2 .description {
    margin-left: 5px;
    color: #FFF;
}


/***/

#alb_1669 { 
  margin: 0 auto; 
}

#alb_1669 .slides {
  display: block;
  position: relative;
  overflow: hidden;
  margin:0;
  padding:0;
}

#alb_1669 .slides li {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

#alb_1669 .slides li img {
  display: block;
  width: 100%;
  max-width: none;
}

#alb_1669 .slides li.active { 
  display: block; position: relative;
}

#alb_1669 .crop li img { 
  width: auto; 
}

#alb_1669 .pager {
    height: 40px;
    text-align: center;
    margin: 0;
}

#alb_1669 .pager li { 
  display: inline-block; 
}

#alb_1669 .pager li a,
#alb_1669 .pager li a span {
  display: block;
  height: 4px;
  width: 4px;
}

#alb_1669 .pager li a {
  padding: 18px 8px;
  -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
  border-radius: 6px;
}
#alb_1669 .pager li a span {
  overflow: hidden;
  background: #c0c0c0;
  text-indent: -9999px;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  border-radius: 2px;
}

#alb_1669 .pager li.active a span { 
  background: #404040; 
}

/***** ICONES ACCUEIL *****************************************************************/
/*******************************************************************************************/

.section_icon {
    width: 70%;
    margin: 0 auto;
}

.sous_section_icon {
    width: 20%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    padding-top: 0;
    vertical-align: top;
}

.sous_section_icon img {
    width: 65px;
    height: 65px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position: relative;
    z-index: 9999;
}

.sous_section_icon img:hover {
    width: 80px;
    height: 80px;
}

.sous_section_icon h4 {
    margin-bottom: 0px;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    position: relative;
    z-index: 9999;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    line-height: 24px;
    font-size: 16px;
    color: #444444 !important;
}

.sous_section_icon h4 a,
.sous_section_icon h4 a:visited{
    color: #444444 !important;
    text-decoration:none;
}

/***** TEMOIGNAGES DEFILANTS*****************************************************************/
/*******************************************************************************************/

#html_18176 {
  height: 230px;
  margin: 0;
  padding: 0 10px;
  position: relative;
}

h2.titre_actus_defil {
  display: none;
}

#over_all_navi {
  bottom: 60px;
  float: left;
  position: absolute;
  right: 0;
  z-index: 1000;
  display:none;
}

#main_navi li .num_actu_defil,
#main_navi li .titre_actu_defil{
display:none;
}

#main_navi li {
   background: url("http://www.association-bnpparibas-mixcity.com/offres/doc_inline_src/394/pag_diapo_off.jpg") no-repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0 0 0 0;
  clear: none;
  color: #333333;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 20px;
  left: 0;
  list-style-type: none;
  margin-bottom: 1px;
  margin-left: 0;
  padding: 5px;
  width: 10px;
}

#main_navi li.active,
#main_navi li:hover {
  background: url("http://www.association-bnpparibas-mixcity.com/offres/doc_inline_src/394/pag_diapo_on.jpg") no-repeat scroll 0 0 transparent;
  border: none;
}

#flowpanes {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #333333;
  float: left;
  height: 200px;
  overflow: hidden;
  position: relative;
  width: 1100px;
}

#flowpanes .items {
    width: 20000em;
    position: absolute;
    clear: both;
    margin: 0;
    padding: 0;
    background: none;
    color: #666666;
}

#flowpanes div {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  width: 1100px;
}

#flowpanes .htmlarea_content {
  padding: 0;
}

#flowpanes h5 {
    font-size: 18px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    font-family: "Open Sans" !important;
    font-style: normal !important;
    color: #777 !important;
    font-style:italic !important;
}

/***** CARROUSSEL WATERWHEEL *****************************************************************/
/*******************************************************************************************/

#alb_1668 .btn_vignette {
    display: none;
    position: absolute;
    width: 250px !important;
    top: 50% !important;
    left: 376px !important;
    margin-top: -17px;
    height: 40px !important;
    z-index: 10;
}

#alb_1668 .btn_vignette a {
    font-size: 15px !important;
    text-align: center;
    background-color: rgba(44,81,134,0.7);
    color: #fff;
    width: 220px !important;
    display: block;
    font-weight: bold !important;
    text-transform: uppercase;
    height: 40px !important;
    padding: 15px 15px 0 15px;
}

#alb_1668 {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#alb_1668 {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
}

#waterwheel_1668 {
    height: 340px;
    width: 1000px;
}

#waterwheel_1668 {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
}

#alb_1668 img {
    width: 250px;
    height: 333px;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

#waterwheel_1668 img {
    visibility: hidden;
    cursor: pointer;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}


/***** GREFFON CONTACT **********************************************************************/
/*******************************************************************************************/

#form_contact_accueil {
    width: 100%;
}

.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;
}
