h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #405b81;
}

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

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

div.perso div.htmlarea_content p.htmlarea_titre,
div.perso div.htmlarea_content p.htmlarea_sous_titre {
	color: #14B0A7;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
	background: #14B0A7;
}

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

form#formlogin fieldset legend {
	color: #405b81;
}

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

form#connect {
	background-color:#405b81;
}

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

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

.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 :#ffffff url(/data/bkg/pix_570_ffffff.png) 0px 0 repeat-y ;
}

div#html_footer {
	background-color :#ffffff;
}
dl.testttt dt a {	
	color: #405b81; 
	background-color: #cfdde5;
}

div#header_cadre {width : 774px;}
div#container{width : 775px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: #ffffff; }
.calendar thead .title,.calendar .button{background-color:#405b81;color: #ffffff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#405b81;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #ffffff;}
body{background-color: #FFFFFF; }
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:728px;
}

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: 1px solid #cccccc;}

div.htmlarea_content {
	font-size: 12px;
	font-family:Verdana, sans-serif;
	color: #282f35;
}

div.htmlarea_content h1{font-size: 20px;padding:0px 0px 10px 0px;font-family:Verdana, sans-serif;color: #282f35;} 
div.htmlarea_content h2{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #282f35;} 
div.htmlarea_content h3{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;}
div.htmlarea_content h4{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;} 
div.htmlarea_content h5{font-size: 9px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;} 
div.htmlarea_content h6{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;} 
div.htmlarea_content address{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;} 
div.htmlarea_content p{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;}
div#boutique p,div#recherche p{font-size: 12px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #282f35;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #282f35;}

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:#ffffff;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:#E64721;}
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:#282F35;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#14B0A7;}
div.htmlarea_content img {position:relative;padding:5px;max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h1 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h2 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h3 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h4 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h5 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content h6 img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
div.htmlarea_content address img {max-width:0px;max-width: expression( Math.min(parseInt(this.offsetWidth), 0) );}
form#thesurvey.survey_perso fieldset#fieldset_identify div#igotaccount.encaps_bloc div#surveybloclogin.surveybloc div.options_bloc,
form#thesurvey.survey_perso fieldset#fieldset_identify div#nogoaccount.encaps_bloc div#surveyblocidentite.surveybloc div.options_bloc{
margin-top:5px;
}

form#thesurvey.survey_perso fieldset#fieldset_identify div#igotaccount.encaps_bloc div#surveybloclogin.surveybloc div.options_bloc span.libchamp,
form#thesurvey.survey_perso fieldset#fieldset_identify div#nogoaccount.encaps_bloc div#surveyblocidentite.surveybloc div.options_bloc span.libchamp{
float:left;
width:150px;
}

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

#thesurvey h4 {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 5px 0;
}

.survey_perso {
    font-size: 12px;
}

.surveybloc {
    margin: 15px 0;
}

.contenu_bloc {
    font-style: italic;
    padding: 2px 0;
}
/***********************************************************************
FONTs
***********************************************************************/

@font-face {
	font-family: "icomoon";
	src:url("/offres/doc_inline_src/7/icomoon.eot?568ztl");
	src:url("/offres/doc_inline_src/7/icomoon.eot?#iefix568ztl") format("embedded-opentype"),
		url("/offres/doc_inline_src/7/icomoon.woff?568ztl") format("woff"),
		url("/offres/doc_inline_src/7/icomoon.ttf?568ztl") format("truetype"),
		url("/offres/doc_inline_src/7/icomoon.svg?568ztl#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"]  {
	font-family: "icomoon";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-facebook:before {
    content: "\e671";
    font-size: 20px;
    color: #ffffff;
   padding: 5px;
}
.icon-linkedin:before {
    content: "\e67a";
    font-size: 20px;
    color: #ffffff;
   padding: 5px;
}
.icon-twitter:before {
    content: "\e673";
    font-size: 20px;
    color: #ffffff;
   padding: 5px;
}
.icon-mail4:before {
    content: "\e66f";
    color: #ffffff;
    font-size: 20px;
   padding: 5px;
}
.icon-support:before {
    content: "\e603";
    color: #e64721;
    font-size: 100px;
}
.icon-trophy:before {
    content: "\e604";
    color: #e64721;
    font-size: 100px;
}
.icon-screen:before {
    content: "\e605";
    color: #e64721;
    font-size: 100px;
}
.icon-equipe:before {
    content: "\e606";
    color: #e64721;
    font-size: 100px;
}
.icon-fleche:before {
    content: "\e602";
    color: #ffffff;
    font-size: 100px;
    line-height: 0.4;
}

.icon-fleche2:before {
    content: "\e602";
    color: #282f35;
    font-size: 60px;
    line-height: 49px;
}

.icon-fleche3:before {
    content: "\e602";
    color: #14b0a7;
    font-size: 60px;
    line-height: 49px;
}

.icon-phone:before {
    content: "\e616";
    color: #14b0a7;
    font-size: 15px;
}
.icon-location:before {
    content: "\e619";
    color: #14b0a7;
    font-size: 15px;
}

.icon-pencil2:before {
    content: "\e60a";
    color: #14b0a7;
    font-size: 40px;
}

.icon-screen2:before {
    content: "\e61d";
    color: #14b0a7;
    font-size: 40px;
}

.icon-mobile:before {
    content: "\e61f";
    color: #14b0a7;
    font-size: 40px;
}

.icon-eye:before {
    content: "\e63b";
    color: #14b0a7;
    font-size: 40px;
}

.icon-cart:before {
    content: "\e67c";
    color: #14b0a7;
    font-size: 40px;
}

.icon-rocket:before {
    content: "\e67d";
    color: #282f35;
    font-size: 200px;
    display: block;
    margin: 75px 0 0;
}

.icon-lab:before {
    content: "\e67e";
    color: #282f35;
    font-size: 25px;
}


/* formulaire */
.text_blue {
    color: #14b0a7;
    font-size: 14px;
    font-weight: 700;
    margin: 15px 0 5px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, embed, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-family: "source sans pro";
    letter-spacing: 1px;
    line-height: inherit;
}

.link {
    color: #14b0a7;
    text-decoration: none;
}

.link:hover {
    text-decoration: underline;
}

#editme p {
    position: inherit;
}

div.spacer,
div#header_cadre {
  display: none;
}

#appli {
  clear: both;
}

div#container,
div#header_aiw,
div#z1, 
div#header_cadre, 
div#z7,
div#appli,
div#accueil_content,
div#menu_appli_nosh,
div#html_footer{
  width: inherit !important;
  min-width: inherit !important;
  padding: 0;
  margin: 0;
  border: none;
  float: inherit;
}

div.wrapper{
  width: 100%;
  //max-width: 1280px;
  max-width: 1050px;
  margin: 0 auto;
  position: relative;
  padding: 0px;
}

.align {
    text-align: center;
}

.btn {
    padding: 0 2px;
  cursor: pointer;
  vertical-align: top;
}

.small {
   font-size: 10px !important;
}

.small a,
.small a:visited {
   color: white;
    text-decoration: underline;
}

.small a:hover,
.small a:active {
   color: white;
    text-decoration: none;
}

div.htmlarea_content p {
    color: #282f35;
    font-family: "Source Sans Pro",sans-serif !important;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0;
}

div.htmlarea_content {
    padding: 0 !important;
}

div.htmlarea_content h1 {
  font-family: "Source Sans Pro",sans-serif !important;
}

div.htmlarea_content img {
    max-width: 100% !important;
    padding: 0;
}

div.htmlarea_content ul {
    margin-bottom: 0;
    margin-top: 0;
}


div.bloc_titre h1, div.bloc_titre h3 {
    font-size: 14px;
    margin: 0;
    padding: 0 0 15px;
}

#texte_bureau > ul {
    padding-left: 11px;
}

h1.titreperso {
    color: #e64721 !important;
    font-family: source sans pro !important;
    font-size: 27px !important;
    font-weight: 900 !important;
    line-height: 1;
    padding: 26px 0 0;
    text-align: center;
}

div.htmlarea_content h2 {
    color: #3c474f!important;
    font-family: source sans pro !important;
    font-size: 20px !important;
    font-weight: 900!important;
    margin: 15px 0 0 0;
    padding:65px 0 0 0;
    text-align: center;
    background: url("/offres/doc_inline_src/7/separator.png") repeat-x scroll 0 0 #ffffff;
    background-position: 0 9px;
}

div.htmlarea_content h3 {
    color: #14b0a7!important;
    font-family: source sans pro !important;
    font-weight:600 !important;
    font-size:14px !important;
    padding : 10px 0;
}

div.htmlarea_content h4 {
    color: #14b0a7!important;
    font-family: source sans pro !important;
    font-weight:600 !important;
    font-size:14px !important;
    padding : 10px 0;
}

div.htmlarea_content h5 {
    color: #282f35;
    font-family: source sans pro !important;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 35px;
    padding: 0;
    text-align: center;
}

div.htmlarea_content h6 {
    color: #282f35;
    font-family: source sans pro !important;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 50px;
    padding: 0;
    text-align: center;
}

#section_actus img {
    display: none;
}

[class*="col-"] {
  float: left;
  display: block;
  margin: 0.3% 2% 0 0;
}

[class*="col-"] img {
  max-width: 100%;
  height: auto;
}

[class*="col-"]:last-child {
    margin: 0;
}

.col-1 {
  width: 6.5%;
}

.col-2 {
  width: 15%;
}

.col-3 {
  width: 23.5%;
}

.col-4, .actu_flux_rss {
  width: 32%;
}

.col-5 {
  width: 40.5%;
}

.col-6 {
  width: 49%;
}

.col-7 {
  width: 57.5%;
}

.col-8 {
  width: 66%;
}

.col-9 {
  width: 74.5%;
}

.col-10 {
  width: 83%;
}

.col-11 {
  width: 91.5%;
}

.col-12 {
  width: 100%;
  margin: 0;
}

.col-13 {
  width: 49%;
}

/**
HEADER CONNECT
***********************************************************************/

#z1{
  background-color: #3c474f;
  height: 30px;
  }

#html_15922 img {
  padding-top: 5px;
}

div#telephone {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-top: 4px;
  width: 150px !important;
  margin-right:20px;
  float: right;
}

div#telephone img {
  vertical-align: text-bottom;
}

div#bouton_connexion {
    background-color: #14b0a7;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    padding: 5px 10px 0;
    width: 120px;
}

div#bouton_connexion a {
  color: #fff;
  display: block;
  margin: 6px 0 0 30px;
}

/**
HEADER NAV
***********************************************************************/

#html_15923{
  z-index: 100;
}

#z7{
  background-color: #fff;
}

.conf_3746 #z7 {
  background: url("/offres/doc_inline_src/7/dots.png") repeat-x scroll 0 bottom #FFFFFF;
}

#logo {
    padding: 20px 0;
    width: 20%;
}

#bloc_right {
    width: 78%;
}

/*
MENU
****/

.menu-link {
  display: none;
  text-decoration: none;
  padding: 19px 10px;
}
.menu { 
  float: right;
  margin-top: 30px;
  max-width: 60em;
  -webkit-transition: all 0.3s ease-out;  
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
}
.menu ul { 
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-table;
}

.menu > li > ul.sub-menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.menu ul:after {
  content: ""; clear: both; display: block;
}

.menu ul li {
  padding: 0px;
}

.menu > ul > li { 
  display: inline-block;
}

.menu ul li a,
.menu ul li span {
  color: #3C474F;
  display: block;
//font-size: 0.95em;
  font-size: 0.82em;
  text-decoration: none;
  text-transform: uppercase;
  font-weight:bold;
}

.menu ul li a:hover
{
  color: #e8542a;
}

.menu ul li ul a  {
  color: #fff;
  display: block;
  font-size: 13px;
  text-decoration: none;
  text-transform: none;
  font-weight: 600 !important;
}

.menu ul li > a,
.menu ul li > span { 
  /*height:58px;*/
  /*padding: 19px 12px;*/ 
  padding: 19px 12px 8px;
}

.menu ul ul { 
  display: none; 
  position: absolute; 
  top:100%;
  min-width: 160px;
  background-color: #14b0a7;
}
.menu ul li:hover > ul {
  display: block;
}
.menu ul ul > li {
  position: relative;
}
.menu ul ul > li a,
.menu ul ul > li span {
  padding: 5px 15px 5px 10px;
  height: auto;
  background-color: #14b0a7;
  -webkit-transition: background-color 0.2s ease-out;  
  -moz-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
  -o-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out; 
}
.menu ul ul > li a:hover,
.menu ul ul > li span:hover {
  background-color: #fff;
  background-color: rgba(255, 255,255, 0.9);
  color: #14b0a7;
}
.menu ul ul ul {
  position: absolute; 
  left: 100%; 
  top:0;
}

ul#premier_ul_4344 li.this_li_selected {
  border-bottom: 2px solid #14b0a8;
}

/*
SLIDESHOW
**********/

#html_15930 {
  clear: both;
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;

  width: 100%;
  padding: 0;
  margin: 0 auto;
  max-width:1050px;
 }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/***
CONTENU ACCUEIL
***********************************************************************/

.conf_3628 #accueil_content h1.titreperso,
.conf_3628 #accueil_content div.perso {
  display: none;
}

/*
LES SERVICES
***********/

/*PHRASE ACCROCHE*/

div#z8 {
  background: url("/offres/doc_inline_src/7/bande_baseline.jpg") repeat-x scroll 0 0 #ffffff;
  margin: 5px 0 0;
}

#html_16084 p {
  color: #282f35;
  font-size: 15px;
  margin: 10px 0;
  font-family: "Source Sans Pro", sans-serif;
}

p#descript_service {
  /*background: url("/offres/doc_inline_src/7/line_services.jpg") no-repeat scroll center bottom transparent;*/
  background-color: #14afa7;
  color: #ffffff;
  font-size: 20px;
  margin-top: 36px;
  padding: 0 0 23px;
  text-align: center;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
}

/*BLOC*/

.center-type {
  text-align: center;
}

#html_16084 h2 {
  color: #282f35;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
}

#html_16084 .col-3 {
  margin-top: 20px;
}

div#html_16084 {
  min-height: 320px;
}

/*
IL NOUS FONT CONFIANCE
********************/

#html_16092 {
  background: url(/offres/doc_inline_src/7/bg_temoignages.png) repeat-x;
  clear: both;
  text-align: center;
  /*margin-top: 50px;*/
  margin-top: 0;
  padding: 0 0 15px;
}

#confiance-client {
  background-color: #282F35;
  padding: 10px 0 15px;
}

#html_16092 h2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 900;
}

#html_16092 h3 {
    color: #ffffff;
    font-size: 18px;
   font-weight: 600;
    margin-top: 5px;
}

/*
LES CLIENTS
**********/

#html_16093,
#html_16110 {
  margin-top: 0;
}

div#html_16110 {
  min-height: 450px;
  padding-top: 15px;
}

#label_album, 
#titre_album, 
#nb_photos {
  display: none !important;
}

.rich_album {
  margin-top: 20px;
}

.vignette {
  background-color: #FFFFFF;
  float: left;
  margin: 0 10px 20px;
}

.imgcontainer {
  height: 200px;
  width: 100%;
}

.contenu_vignette {
  border: 1px solid #D8D8D8;
  border-top: none;
}

.legende {
  color: #616161;
  padding: 5px;
}

.content-client {
  margin-top: 20px !important;
  text-align: center;
}

.img-client {
  margin: 0 auto;
  max-height: 200px;
  position: relative;
}

.titre-client {
  border: 1px solid #D8D8D8;
  border-top: none;
  margin: 0 auto;
  text-align: left;
}

.titre-client h3 {
  color: #616161;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
}

.img-client span {
  background: url("/offres/doc_inline_src/7/hover_cas_client_all_in_web.png") no-repeat scroll center center transparent;
  cursor: pointer;
  display: block;
  height: 200px;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.img-client span:hover {
  display: block;
  height: 200px;
  position: absolute;
  top: 0;
  opacity: 1;
  z-index: 1;
}

/*
TEMOIGNAGNES CLIENT
******************/

#h1_flux_actus {
  display: none;
}

.actu {
    border-bottom: 1px dotted black !important;
    padding-bottom: 20px !important;
}

figure.fluidratio {
  padding-top: 4%;  /* slope */
  height: 360px;  /* start height */
  margin: 0;

  background-image: url("/offres/doc_inline_src/7/image_temoignages.jpg");
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
}

div#testimonials {
  /*background-color: #F5F5F5;
  border-bottom: 1px solid #D8D8D8;
  border-top: 1px solid #D8D8D8;*/
  margin-top: 30px;
/*  padding-top: 20px;*/
}

div#temoignages {
  background: url("/offres/doc_inline_src/7/bg_turquoise.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  clear: both;
  min-height: 105px;
  padding: 0 0 15px;
  text-align: center;
}

#testimonials .actu_flux_rss {
  margin-bottom: 20px;
  display: block;
  float: left;
  margin: 0.3% 1% 0 0;
}

.border-test {
  border: 0px solid #D8D8D8;
}

#testimonials h3 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
}

#testimonials h2 {
    color: #ffffff;
    font-size: 28px;
    font-weight: 900;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
    background-color:#14B0A7;
}

#testimonials .titre {
    color: #e8542a;
    font-size: 18px;
    font-weight: 600;
    background: none;
    text-decoration: none;
}

.colorcat_108 {
    display:none;
}

#testimonials .detail {
    font-size: 14px;
    color: #282f35;
    background: none;
    text-decoration: none;
}

#testimonials .suite {
  background-color: #14b0a7;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  padding: 8px;
margin-top: 10px;
}

#testimonials .suite:hover {
  background-color: #282f35;
  cursor: pointer;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

/*
LES CMS
*******/

#html_16117 {
  margin-bottom: 30px;
  margin-top: 30px;
}

#html_16117 h2 {
    color: #e8542a;
    font-size: 26px;
    font-weight: 700;
}

#html_16117 p {
  color: #282f35;
  font-size: 16px;
  margin-top: 20px;
}

#html_16117 .col-3 img {
  margin: 5px 10px;
}

/***
CONTENU GENERAL
***********************************************************************/

div#ariane {
  display: none;
}

.conf_3746 div#innerMain {
  margin: 0;
  padding: 0 10px;
}

.conf_3746 div#accueil_content {
  margin: 0 auto;
  //max-width: 1280px;
  max-width: 1050px;
}

/*
ACTUS
*******/

#section_actus {
    display: none;
}

.bloc_titre {
    padding: 20px 0 0 0 !important;
    margin: 0 !important;
}

.bloc_titre h1 a {
    font-size: 20px !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block;
}

div.actu p {
    margin: 0 !important;
    font-size: 14px !important;
}

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

div#html_footer {
  background-color: transparent;
  clear: both;
  /*margin-top: 200px !important;*/
  margin-top: 20px !important;
}

.center {
    text-align : center;
}

/*
FOOTER 1
********/

#html_16234 {
  margin: 0;
  background-color: #282f35;
}

#page_32664, 
#page_32664 .htmlarea_content {
  background-color: transparent;
  margin: 0;
}

#html_16234 h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

#html_16234 h2 {
    color: #fff;
    font-size: 17px;
    font-weight: 100;
    padding: 10px;
}

#html_16234 p {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    padding: 13px;
}

.left {
float: left;
}

/*
FOOTER SCRIPT
*************/

#html_15929 {
  height: 0;
  margin: 0;
}

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

div#aiw_footer {
  background: none repeat scroll 0 0 #14b0a7;
  border-top: medium none;
  color: #FFFFFF;
  margin: 0;
  padding: 10px;
  text-align: center;
}

div#aiw_footer p,
div#aiw_footer p a {
  color: #FFFFFF;
  font-size: 12px;
}

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

.saisie_data,
.time_to_pay {
    padding: 1%;
    width: 70%;
    margin: 0 auto;
}

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

#thesurvey h4 {
    display: none;
}

#thesurvey textarea {
    width: 100%;
    min-height: 150px;
}

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

.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-style: italic;
}

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

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

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

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

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

/**/

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

#bt_valid_survey {
    text-align: center;
}

/*** result formulaire ***/

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

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

/*** celendrier formulaire ***/

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

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

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

#thesurvey .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 EVENT EN LIGNE ************************************************************************/
/*******************************************************************************************/

#h2_flux_events {
    display: none;
}

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

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

.wrapper_img_event img {
    width: 145px;
}

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

.wrapper_text_event h3 {
    margin: 0;
    color: #260808;
}

.wrapper_text_event h3 a {
    color: #14b0a7;
}

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

.date_event {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

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

.plus_event {
    display: none;
}

/*** page event **/

.conf_4322 .wrapper_event {
  margin: 1% !important;
}

.conf_4322 .wrapper_text_event {
    width: 71%;
}

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

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

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

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

.event .htmlarea_content {
    clear: both;
}

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

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

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

.titre_survey_link_agenda {
    display: none;
}

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

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

.calendar tfoot {
    display: none;
}

.combo {
    display: none;
}

#calendar-container .calendar table {
    text-align: center;
    width: 280px;
    margin: 20px auto;
}

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

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

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

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

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

.day.false.evenement {
    cursor: pointer;
    color: white;
    font-weight: 900;
}

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

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

.calendar thead .title, .calendar .button {
    background-color: #14b0a7;
    color: #ffffff;
}

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

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


/***SELECTION TEXTE******/

*::selection {
background:#14b0a7;
color:#FFF;
}

*::-moz-selection {
background:#14b0a7;
color:#FFF;
}

*::-webkit-selection {
background:#14b0a7;
color:#FFF;
}


/*
MODAL NEWLETTER
*/

#greffon_newsletter h3 {
    display: none;
}

#valider_newsletter {
    background: none repeat scroll 0 0 #14afa7;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    font-family: source sans pro,sans-serif;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 4px 17px;
    text-transform: uppercase;
}

.modal .btn-close {
  color: #aaaaaa;
  cursor: pointer;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 5px;
  top: 0;
}
.modal .btn-close:hover {
  color: #919191;
}
.modal-wrap:before {
  content: "";
  display: none;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
}
.modal-overlay {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 102;
}
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
  display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 20%;
}
.modal-overlay {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 102;
}
.modal-dialog {
  background: #fefefe;
  border: #555555 solid 1px;
  border-radius: 5px;
  position: fixed;
  left: 50%;
  top: -100%;
  -webkit-transform: translate(-50%, -500%);
  -ms-transform: translate(-50%, -500%);
  -o-transform: translate(-50%, -500%);
  transform: translate(-50%, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  width: 80%;
  max-width: 500px;
  z-index: 103;
}

.modal-body {
    display: inline-block;
    padding: 20px;
}

.modal-body-right {
    border-left: 1px dotted #ccc;
    display: inline-block;
    height: 60px;
    padding: 40px 0 0 70px;
    vertical-align: top;
}

.modal-body p {
  margin: 0;
}
.modal-header,
.modal-footer {
  padding: 20px 20px;
}
.modal-header {
  border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
  font-size: 14px;
  color: #451341;
  margin: 0;
}
.modal-footer {
  border-top: #eaeaea solid 1px;
  text-align: right;
}


/***** PAGE REFERENCES *****/

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

/***** PAGE TOUS TÉMOIGNAGE CLIENTS *****/

.body_p_41236 .bloc_titre h1 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #3dbbc8;
  font-size: 18px;
  font-weight: 600;
  margin: 30px 0 10px;
  padding: 0;
  text-decoration: none;
}

.body_p_41236 .bloc_titre{
  margin:0 !important;
  padding:0 !important;
}

/********PAGE ADMIN LOGIN*********/

div#accueil_content form#formlogin fieldset {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px dashed #14b0a7;
  padding: 20px;
  width: 300px;
}

.formbouton {
  background-color: #14b0a7;
  border: medium hidden;
  color: #fff;
  height: 20px;
  width: 90px !important;
}

form#formlogin fieldset label.login, form#formlogin fieldset h3, form#formlogin fieldset label.change, div.oublititre {
  color: #14b0a7;
  margin-bottom: 20px;
}

div#accueil_content form#formlogin {
  margin-left: auto;
  margin-right: auto;
  width: 342px;
}

#password {
  float: right!important;
}

div#accueil_content form#formlogin input#LOGlogin {
  float: right;
  margin-left: 43px;
}

#LOGmot_de_passe {
  float: right !important;
}


/************ SESSION EXPIRÉ **********/

#reconnect {
  display: none;
}

.nosession br {
  display: none;
}

p.nosession, p.nodata {
  background-color: transparent;
  border: medium none;
  display: list-item;
  margin: 0;
  padding: 40px 0;
}


/******** SEPARATOR ******/

.separator {
  width: 100%;
}

/** GESTION MENU AGENCE ÉQUIPE ***********************************************************************/

div.equipe_div {
  display: block;
  min-height: 500px;
  width: 100%;
}

div.equipe_div div.col-4 {
  margin: 0.3% 1% 0 0;
}

div#separateur_equipe{
  display:block;
}

div.mask p {
    position: relative !important;
}

div.mask h2 a {
  background: none repeat scroll 0 0 #14afa7 !important;
  color: white !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

div.mask h2 {
  background: none repeat scroll 0 0 #14afa7 !important;
  color: white !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

div.mask p {
  color: white !important;
    text-decoration: none !important;
}

div.mask p a {
  color: white !important;
    text-decoration: none !important;
}

.view {
   width: 300px;
   height: 200px;
   margin: 10px !important;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(/offres/doc_inline_src/7/pattern_fond.jpg) no-repeat center center;
}

.content-client .view,
.view {
  border: medium none;
  float: none;
  margin: 10px auto !important;
}

.wrapper equipe_div p {
   position: relative! important;
}

.view .mask,
.view .content {
   width: 300px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.content-client .view,
.content-client .view .mask,
.content-client .view .content {
  border-radius: 4px;
  height: 165px !important;
  width: 247px !important;
}

.view img {
   display: block;
   position: relative;
}

.view h2 {
   text-transform: uppercase !important;
   color: #fff !important;
   text-align: center !important;
   position: relative;
   font-size: 17px !important;
   padding: 10px !important;
   background: rgba(0, 0, 0, 0.8);
   margin: 38px  0 0 0 !important;
}

.content-client .view h2 {
  background: none repeat scroll 0 0 rgba(20, 176, 167, 0.8) !important;
  font-size: 14px !important;
  margin: 50px 0 0 !important;
}

.view p {
   font-family: Georgia, serif !important;
   font-style: italic !important;
   font-size: 12px !important;
   position: relative;
   color: #fff !important;
   padding: 10px 20px 20px !important;
   text-align: center;
}

p.citation {
  color: #fff !important;
  font-family: source sans pro,sans-serif !important;
  font-size: 15px !important;
  padding: 5px 5px !important;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px !important;
   background: #000 !important;
   color: #fff !important;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}

.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view-aiw img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   z-index:0 !important;
   padding:0 !important;
}

.view-aiw .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(60,71,79, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.view-aiw h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   background-color: rgba(60,71,79, 0.6) !important;
   //font-weight: bold !important;
   font-family: century gothic !important;
}

.view-aiw p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-aiw:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}

.view-aiw a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.view-aiw:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.view-aiw:hover h2,
.view-aiw:hover p,
.view-aiw:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-aiw:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}

.view-aiw:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

/*** GESTION PAGE AGENCE PARTIE BUREAUX **********/

.div_agence_bureau {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 48%;
}

div#agence_bureau {
  min-height: 400px;
}

#carte_google {
  min-height: 380px;
}


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



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

  .vignette {
    width: 49%;
  }
        .div_agence_bureau {
          width: 49%;
        }

        .div_agence_bureau {
          width: 48%;
        }
}

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

  #html_15923 .col-13{
    width: 100%;
    margin: 0;
  }
  
  #html_15923 #logo{
    text-align: center;
  }
  
  .menu { 
    margin-top: 0;
  }
  
  a.menu-link {
    display: block;
    color: #fff;
    background-color: #14b0a7;
    background-color: rgba(61, 187,200, 0.9);
  }
  
  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }
  
  .menu, .menu ul ul {
    overflow: hidden;
    max-height: 0;
    background-color: #f4f4f4;
  }
  
  .menu li ul.sub-menu {
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  
  .menu.active, .menu ul ul.active {
    max-height: 55em;
  }
  
  .menu ul {
    display: inline;
  }
  
  .menu ul {
    border-top: 1px solid #808080;
  }
  
  .menu li, .menu ul li {
    display: block;
  }
  
  .menu li a {
    color: #000;
    display: block;
    padding: 0.8em;
    border-bottom: 1px solid #808080;
    position: relative;
  }
  
  .menu li.has-submenu a:after {
    content: "+";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding: 0.55em 0.5em;
  }
  
  .menu li.has-submenu > a.active:after {
    content: "-";
  }
  
  .menu ul ul li a {
    background-color: #e4e4e4;
    /*height:58px;*/
    padding: 19px 18px 19px 30px;
  }
  
  .menu ul ul, .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto; top:auto;
    box-shadow: none; 
    border:none;
  }
  
  .col-3,
  .vignette {
    width: 49%;
  }
  
  #testimonials .actu_flux_rss,
        .equipe_div .col-4,
        .body_p_38935 .col-4 {
    width: 99%;
  }
  
  #testimonials h2 {
    width: 98%;
  }
  
  .no-margin{
    margin:0;
  }
  
  #html_16117 .col-9, 
  #html_16117 .col-3 {
    margin: 20px 0 0;
    width: 99%;
  }
  
  #html_16117 h2{
    text-align:center;
  }
  
  #html_16117 p {
    text-align:center;
    padding: 0 10px;
  }

        .div_agence_bureau {
          width: 99%;
        }

        .div_agence_bureau {
          width: 48%;
        }

}

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

  .col-3,
  #testimonials .actu_flux_rss
        .equipe_div .col-4 {
    width: 99%;
  }
  
  #testimonials h2 {
    width: 98%;
  }
  
  #html_16117 .col-9, 
  #html_16117 .col-3 {
    margin: 20px 0 0;
    width: 99%;
  }
  
  #html_16117 h2{
    text-align:center;
  }
  
  #html_16117 p {
    text-align:center;
    padding: 0 10px;
  }

        .div_agence_bureau {
          width: 99%;
        }

           .div_agence_bureau {
          width: 99%;
        }
}



/*** EXEMPLE VOTE ***/
div.htmlarea_content .candidats img {
	max-width: 150px !important;
}