/* 
.row { width: 100%; max-width: 940px; min-width: 720px; margin: 0 auto; }
.row .one.columns 		{ width: 6.382989%; }
.row .two.columns 		{ width: 14.893641%; }
.row .three.columns 	{ width: 23.404293%; }
.row .four.columns 		{ width: 31.914945%; }
.row .five.columns 		{ width: 40.425597%; }
.row .six.columns 		{ width: 48.936249%; }
.row .seven.columns 	{ width: 57.446901%; }
.row .eight.columns 	{ width: 65.957553%; }
.row .nine.columns 		{ width: 74.468205%; }
.row .ten.columns 		{ width: 82.978857%; }
.row .eleven.columns	{ width: 91.489509%; }
.row .twelve.columns	{ width: 100%; }
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 11, 2015 */



@font-face {
    font-family: 'arimobold';
    src: url('../fonts/Arimo-Bold-webfont.eot');
    src: url('../fonts/Arimo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Arimo-Bold-webfont.woff') format('woff'),
         url('../fonts/Arimo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Bold-webfont.svg#arimobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arimoregular';
    src: url('../fonts/Arimo-Regular-webfont.eot');
    src: url('../fonts/Arimo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arimo-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Arimo-Regular-webfont.woff') format('woff'),
         url('../fonts/Arimo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Arimo-Regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'camboregular';
    src: url('../fonts/Cambo-Regular-webfont.eot');
    src: url('../fonts/Cambo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cambo-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Cambo-Regular-webfont.woff') format('woff'),
         url('../fonts/Cambo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cambo-Regular-webfont.svg#camboregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, .lienseo {
	text-decoration: none;
}

input[type=submit] {
	-moz-appearance: none;
	-webkit-appearance: none;
}


strong{
	font-weight: 700;}

/* FIN RESET */

/* BX-SLIDER RESPONSIVE */
.bxslider{visibility:hidden; height:100px;} /* HAUTEUR A DEFINIR, JE REPREND CELLE DU BLOC "bx-viewport" ou celui du bxSlider */

/* VIEWPORT CSS3 */
@viewport {
	zoom:1;
}

-webkit-@viewport {
	zoom: 1;
}

-ms-@viewport {
	zoom: 1;
}

-moz-@viewport {
	zoom: 1;
}

-o-@viewport {
	zoom: 1;
}

@font-face {
	font-family:'icon';src:url('../fonts/iconic.eot');src:url('../fonts/iconic.eot?#iefix') format('embedded-opentype'),url('../fonts/iconic.woff') format('woff'),url('../fonts/iconic.ttf') format('truetype'),url('../fonts/iconic.svg#sosaregular') format('svg');font-weight:normal;font-style:normal;
}

/* CLASSE GENERALE */
.picto {
	font-family: 'icon' !important;
}

.clear_both {
	clear: both;
	display: block;
}
.no_mobile {
	display: none;
}

.no_desktop {
	display: block;
}


.imgRight img,.imgLeft img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.imgRight {
	position: relative;
	float: right;
	width: 40.425597%;
	margin: 0 0 10px 10px;
	max-width: 300px;
}

.imgLeft {
	position: relative;
	float: left;
	width: 40.425597%;
	margin: 0 10px 10px;
	max-width: 300px;
}

body,
input,
textarea{
	font-family: 'arimoregular' !important;
}
body {
	position: relative;
	font-size: 79.25%;
	color: #5e5e5e; background: #e0dacc;
	overflow-x:hidden;
	line-height: 1;
}

a {
	color: #5e5e5e;
}

h1 { text-align:center; color:#083c51 ;
	font-size: 1.84em;font-family: 'camboregular';
	margin-bottom: 15px; position:relative;
}
h1 span {display:block;font-family: 'arimoregular'; font-size:13px; color:#60555e; padding: 0 0 10px;}
h1:after {background: #a39b86; height: 1px; width: 30px; content:""; display:block; text-align: center; left:0; right:0; margin:auto;position:absolute;bottom:0px;}

h2,.titre-relance {font-family: 'camboregular';
	font-size: 1.7em;
	color: #4b4b4b;
	margin: 15px 0;
}

h3 {
	color: #4b4b4b;font-family: 'arimoregular';
	font-size: 1.4em;
	margin: 10px 0;
}

#container {
	max-width: 480px;
	min-width: 300px; overflow:hidden;
	
}
/****************************************************************************** HEADER */
header { text-align:center;
	position: relative;
	margin: auto; background:#e0dacc; 
	z-index: 10;
	
}
/* LOGO */
.logo {height: 130px; width: 95px; background: url(../gifs/logo.png) center top no-repeat;
	position: relative;
	display: block; font-size: 0.85em;
}

.logo img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.baseline { font-family: 'camboregular';
	display: block; font-size: 1.6em; color:#083c51; text-align:left;
	 position:absolute;width: 410px; left: 101px;top: 30%; 
}
.baseline span {color:#5e5e5e;display:block;font-family: 'arimoregular';font-size: 13px;}



/*** PLAN ****/
.plan_header{display:none; color: #e6c6df;}

/*** RENDEZ-VOUS ***/
.rendez_vous {color: #4b1a41; text-align: center; display:inline-block;font-size: 12px;position:relative; padding: 10px 10px;
-moz-transform: skewX(10deg);
-webkit-transform: skewX(10deg);
-o-transform: skewX(10deg);
-ms-transform: skewX(10deg);
transform: skewX(10deg);
background-color:#851c2d;}
/*.rendez_vous:after{content:"";display:block; width: 1px; height: 100%; background:#3b1433;transform: rotate(-10deg); position:absolute; right: 0; bottom:0; top:0;}*/
.rendez_vous img {display:block; margin:auto auto 5px;}
.rendez_vous span.rdv {color: #fff; font-family: 'camboregular'; font-size: 1.6em; display:block;}

/* CONTACT HEADER */
.contact_header { display:inline-block;
	margin-top: 20px; padding: 0 10px;
}

.contact_header a {
	text-align: center;
}

.contact_header .mail {
	
	color: #083c51;
	
	padding: 4px 0;
	margin-bottom: 5px;
}

.contact_header .tel {font-size: 2em; font-family: 'camboregular';
	color:#083c51;
	
}

.ok{
	color:#fff;
	display:block;
	-moz-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
-o-transform: skewX(-10deg);
-ms-transform: skewX(-10deg);
transform: skewX(-10deg);}

.contact_header .tel span {position:relative;color:#5e5e5e; display:block;font-size: 13px;font-family: 'arimoregular'; margin-top: 7px; padding-top: 7px; 
	
}
.contact_header .tel span:before{content:""; background: #43173a; height: 1px; width: 50px; display:block; position:absolute; top:0px;left:0; right:0; margin:auto;}
/* MENU */
.menu {background:rgba(16,68,90,0.88);
	position:relative; top:-44px;
	z-index: 5; text-align:left;
	position: relative;-webkit-box-shadow: 0 5px 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 5px 3px 0 rgba(0,0,0,0.1);
}

.nav { background: url(../gifs/nav-fleche.png) 95% center no-repeat ; 
	color: #e4d5bd;
	font-size: 1.1em;font-family: 'camboregular';
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	margin-bottom: 1px;
	
	padding: 0;  left:0; width: 100%;  line-height:44px;
}

.nav:before {
	content: 'Afficher la navigation';
}

.menu .nav.nav_open{
	background: #792968 url(../gifs/nav-fleche.png) 95% center no-repeat;
}
.menu .nav.nav_open:before {
	content: 'Masquer la navigation';
}

.menu ul.tabs {
	display: block;
	overflow: hidden;
	transition: all .4s;
	-webkit-transition: all .4s;
	max-height: 0;
}

.menu ul.tabs.dropdown_open {
	max-height: 40em;
}

.menu li {
	margin-bottom: 1px; position:relative;
}

.menu li a {font-family: 'camboregular';
	display: block;
	padding: 6px 0 6px 10px;
	font-size: 1.2em; color: #e0dacc;
}

.menu li a.selected,.menu li a:active,.menu li a:hover {
	background: #3e7b90;
	color: #fff;
}
header .menu ul li.sous_menu .dropdown{position:relative; z-index: 20;}
header .menu ul li.sous_menu{padding-bottom: 10px;}
header .menu ul li.sous_menu:before{height:1px; width: 20px; content:""; background:#e0dacc; display:block; position:absolute; left:10px; bottom:5px;}

.menu ul li ul li {
	margin-bottom: 0;
}

.menu ul li ul li a {font-family: 'arimoregular';
	padding: 4px 5px 4px 25px;
	font-size: 13px;
}
/* BX SLIDER */
.bx-wrapper {
	position: relative;
	margin: 15px auto 0;
	padding: 0;
	z-index: 2;
	clear: both;
	display: block;
}

.bx-wrapper img {
	width: 100%;
	vertical-align: bottom;
}
/* TOP BAR */
.top_bar {
	
	background: #083c51;
	width: 100%;
	text-align: center;
}
.top_bar ul{
	letter-spacing: -0.25em
}
.top_bar li{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	width: 13%;
}
.top_bar li a{
	display: block;
	padding: 5px 0;
	overflow: hidden;
	height:30px;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box
}
.top_bar li a:hover,
.top_bar li a.selected{
	
	color: #fff;
}
.top_bar li a:hover:before{color: white;}
.top_bar li a:before{
	font-family:'icon';
	display: block;
	color: #e0dacc;
	font-size:1.23em;
	text-align: center;
	margin-bottom:10px;
}
.top_bar_1:before{
	content:'a';
}
.top_bar_2:before{
	content:'z';
}
.top_bar_3:before{
	content:'e';
}
.top_bar_4:before{
	content:'r';
}
.top_bar_5:before{
	content:'t';
}
.top_bar_6:before{
	content:'h';
}
/****************************************************************************** CONTENT */
.content { top:-44px; z-index: 30; background: #e0dacc;
	position: relative; padding-top: 15px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}

.colonne_gauche{
	
}

.colonne_centre{
	padding: 0 10px;
	position: relative;
}
.colonne_centre strong{font-weight:bold;}
/* ENCART ACTU */
.encart_actu {
	background: #194d62 ; color:white;
	padding: 10px;color: #fff;
	-moz-box-sizing: border-box;
	box-sizing: border-box;text-align: center;
	-webkit-box-sizing: border-box; margin: 30px 0 0; padding: 30px 0; 
}

.encart_actu div.titre_actu {color:#e0dacc;font-family: 'camboregular';
	font-size: 1.6em; text-decoration:none; text-align: center;
	
}

.encart_actu li a { color: #6a9eb3; margin: 15px 0; display:block;  
text-decoration: underline;
}
.encart_actu li a:hover{color: white;}
#container .encart_actu .bouton { text-align:center; 
	margin: 15px 0;
}
.encart_actu .bouton a{padding: 15px 15px;-webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
color:#fff;
background-color:#3e7b90;}
.encart_actu .bouton a:hover{background:#5693a8;-webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;}
/******************************** COLONNE CENTRE */
.colonne_centre p { line-height: 19px;
	margin-bottom: 10px;
	letter-spacing: normal;
}

.colonne_centre ul {
	display: block;
	margin: 10px 0 10px 30px;
}

.colonne_centre ul li {
	list-style-image: url(../gifs/puce.jpg);
	
	margin: 5px 0;
}

.colonne_centre ul li a {
	text-decoration: underline;
	
}
/* FIL ARIANE */
#fil_ariane {
	font-size: .9em;
	margin-bottom: 10px;
}

#fil_ariane div {
	display: inline;
} 

#fil_ariane strong {
	
}

#fil_ariane a {
	color:#083c51; font-weight:bold;
	border-bottom: 1px solid #083c51;
}

#fil_ariane a:hover {
	
	border-bottom: none;
}
/* BOUTON */
#container .bouton {
	text-align: right;
}

.bouton a {-webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
	display: inline-block;
	background: #851c2d;
	font-size:1.2em;
	padding: 10px 15px; color: #fff; border-radius: 7px;
}
.bouton img{margin-right: 7px; display:inline-block; vertical-align:middle;}
.bouton a:hover{background:#490000 ; -webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
color:#fff;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;}
	


/* ENCART */
.encart {
	text-align: center;
}

.encart a {margin: 30px 0;
	display: block;
	text-align:center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 20px 0;
}

.encart a+a {
	margin-top: 5px;
}
.encart .titre{ display:block;font-family: 'camboregular'; font-size: 1.6em; color:#194d62 ; position:relative; }

.encart .description {display:block; width: 80%; margin: auto; position:relative; line-height:16px;}
.encart img { margin:10px 0; }
.encart:after{ background: #928b78; display:block; height: 1px; width: 200px; position:relative;}


.encart .bouton {-webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
	display: inline-block;
	background: #194d62 ; margin-top: 20px;
	padding: 10px 15px; color: #e0dacc; border-radius: 7px;
}
.encart .bouton img{ margin:5px auto; margin-right: 7px;display:inline-block; vertical-align:middle;}

.encart .bouton:hover{background:#3e7b90;-webkit-transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-ms-transition: background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;}
.encart a{position:relative;overflow:hidden; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.encart a:hover {
	background: #ccc2a7;
	
}


/* RELANCE */
#relance:before{background: #391231;
 content:""; height: 1px; width: 40px; display:block; 
 position:absolute;left:0; right:0; top:60px; margin:auto}
#relance {position:relative;
	display: block;
	margin-top: 20px;
padding-bottom: 40px;
	padding-top: 5px;text-align:center; 
}
#relance .titre-relance{margin-bottom: 40px; display:block;}
#relance ul li{list-style: none;}
#relance ul{margin-left: 0;}
#relance ul li a { background:  url(../gifs/puce2.png) no-repeat left 5px;
	color: #3e7b90; font-weight:bold; padding-left: 10px;
}

#relance ul li a:hover { text-decoration: none;
	
}
.block_contact{
	display: box; /* 2009 */
	display: -o-box; /* 2009 */
	display: -moz-box; /* 2009 */
	display: -webkit-box; /* 2009 */
	
	display: flexbox; /* 2011 */
	display: -o-flexbox; /* 2011 */
	display: -moz-flexbox; /* 2011 */
	display: -webkit-flexbox; /* 2011 */
	
	display: flex; /* 2012 */
	display: -o-flex; /* 2012 */
	display: -moz-flex; /* 2012 */
	display: -webkit-flex; /* 2012 */
	
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.info_contact{
	box-ordinal-group: 2; /* 2009 */
	-o-box-ordinal-group: 2; /* 2009 */
	-moz-box-ordinal-group: 2; /* 2009 */
	-webkit-box-ordinal-group: 2; /* 2009 */
	
	flex-order: 2; /*2011 */
	-o-flex-order: 2; /*2011 */
	-moz-flex-order: 2; /*2011 */
	-webkit-flex-order: 2; /*2011 */
	
	order: 2; /*2012*/
	-o-order:2; /*2012*/
	-moz-order: 2; /*2012*/
	-webkit-order: 2; /*2012*/
	padding:15px 10px;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
	border: 1px solid #8D8674;
	letter-spacing:-0.25em;
	margin: 20px 0;
}
.carte{margin: 40px 0; }
.info_contact h2,
.formulaire_contact h2,
.carte h2{
	text-transform: uppercase;
	font-size: 1.23em;
	margin-bottom: 20px;
	margin-top: 0;
}
.info_contact p{
	margin: 0;
}
.info_contact div{
	letter-spacing: normal;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
	position: relative;
}
.info_contact div div{
	display: block;
	width:100%;
	padding: 0 0 0 20px;
}
.info_contact div+div{
	margin-top: 10px;
	padding-top: 10px;
}
.info_contact div div+div{
	margin: 15px 0 0 0;
	padding-top: 0;
}
.info_contact div+div:before{
	content:'';
	display: block;
	position: absolute;
	background: #8D8674;
	width: 100%;
	height: 2px;
	top: 0;
	left:0;
}
.info_contact div div:before{
	width: 14px;
	margin-right: 5px;
	content:'';
	display:block;
	position: absolute;
	left:0;
	top: 3px;
	height: 13px;
}
.info_contact div .info_mail:before{
	background: url(../gifs/info_contact.png) left 0px no-repeat;
}
.info_contact div .info_mail:hover:before{
	background-position: left -13px
}
.info_contact div .info_tel:before{
	background: url(../gifs/info_contact.png) left -26px no-repeat;
}
.info_contact div .info_adresse:before{
	background: url(../gifs/info_contact.png) left -39px no-repeat;
	height: 18px;
}
.info_contact div .info_horaire:before{
	background: url(../gifs/info_contact.png) left -57px no-repeat;
}
.info_contact div .info_rdv:before{
	background: url(../gifs/info_contact.png) left -70px no-repeat;
	height: 14px;
}
.info_contact div .info_transport:before{
	background: url(../gifs/info_contact.png) left -84px no-repeat;
	height: 14px;
}
.info_contact div .info_parking:before{
	background: url(../gifs/info_contact.png) left -98px no-repeat;
	height: 14px;
}
.info_contact p em,
.info_contact div a.btn_contact{
	font-style: italic;
	font-size: 0.84em;
	display: block;
	margin-top: 5px; display:inline-block;
}
.info_transport p strong,
.info_parking p strong{
	font-size: 0.84em;
}
.info_mail:hover a,
.info_tel strong,
.info_adresse,
#gmap_link:hover,
.info_adresse a:hover,
.info_tel a:hover{
	color: #3e7b90 ;
}

.btn_contact:hover{
	color:#fff!important;}
/* Formulaire */
.formulaire_contact{
	box-ordinal-group: 1; /* 2009 */
	-o-box-ordinal-group: 1; /* 2009 */
	-moz-box-ordinal-group: 1; /* 2009 */
	-webkit-box-ordinal-group: 1; /* 2009 */
	
	flex-order: 1; /*2011 */
	-o-flex-order: 1; /*2011 */
	-moz-flex-order: 1; /*2011 */
	-webkit-flex-order: 1; /*2011 */
	
	order: 1; /*2012*/
	-o-order: 1; /*2012*/
	-moz-order: 1; /*2012*/
	-webkit-order: 1; /*2012*/
	letter-spacing: -0.25em;
	padding: 10px;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
	
	border:1px solid #8D8674;
}
.formulaire_contact .form_left,
.formulaire_contact .form_right,
.formulaire_contact h2,
.carte h2{
	letter-spacing: normal;
}
/* styliser la couleur des placeholders dans les inputs */ 
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999;
}
input:-ms-placeholder,
textarea:-ms-placeholder {
	color: #999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999;
}
input.placeholder,
textarea.placeholder {
	color: #999;
}
input[placeholder],
textarea[placeholder]{
	color: #999;
}
/* ville + code postal */
.cp_ville{
	letter-spacing: normal;
}
.cp_ville p{
	width: 31.914945%;
	letter-spacing: normal;
	display: inline-block;
}
.cp_ville p #field_14{
	width: 80% !important;
}
.cp_ville p+p{
	width: 65.957553%;
	float: right;
}

/********************************************************** FOOTER ***/
footer{padding:0 0;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box}
footer>section{}

.logo_footer {font-size: 1.4em;font-family: 'camboregular'; margin-bottom: 20px; display:block; text-align: center;}
.logo_footer img { display:inline-block;  vertical-align:middle;}
.logo_footer span  { display:inline-block;  vertical-align:middle; margin-left:10px; text-align: left;}
.logo_footer span span {display:block;font-family: 'arimoregular'; font-size:13px;}

.adresse_footer.no_desktop  {display:inline-block; vertical-align:middle;}
.adresse_footer.no_mobile  {display:none;}
.adresse_footer {position:relative;display:inline-block;font-size: 11px;}
.adresse_footer span:before{background: #bbb199; height: 100%; content:""; width: 1px; display:block; position:absolute;left:10px; top:0; bottom: 0; margin:auto;}
.adresse_footer img{ display:inline-block; vertical-align:middle;}
.adresse_footer span {display:block; vertical-align:middle; text-align:left;padding:0 0 0px 20px;line-height: 1.2em;}

.adresse_footer,.ML_box{text-align: center;  /* 11px/13 */}

.contact_footer {font-size: 11px;display:inline-block; vertical-align:middle; position:relative;padding:0 0 0 20px;}
.contact_footer span:before{background: #bbb199; height: 100%; content:""; width: 1px; display:block; position:absolute;left:10px; top:0; bottom: 0; margin:auto;}


.ML_box{ font-size: 1em /* 16px/13 */; margin-top: 50px; color: #000; background:#b4aa93; text-align: center;     display: block; }
.ML_box span {display:inline-block; background:#c0b59d;padding: 10px 20px ;color:#36332c; }
.ML_box span:hover{background:}
/* top site btn */
.top_site_mobile {
	position: fixed;
	bottom: 19%;
	right: 0;
	font-family: 'icon';
	background: #792968;
	padding: 10px 25px;
	font-size:1.38em /* 18px/13 */;
	color: #fff;
	z-index:20;
	display: none
}
/* newsletter input */
.news{ margin-bottom: 15px; padding: 5px;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box; background: #194d62 }
.news label{
	display: block;
	margin-bottom: 10px;
	float: none !important; font-family: 'camboregular'; font-size: 1.2em}
.news form{ display: inline-block; width:75%; vertical-align: top}
.news #input_newsletter{
	height: 24px;
	border: none; 
	color: #999;border-radius: 7px;
	font-style: italic;
	text-indent: 3px;
	font-size: 11px;
	display: block;
	width: 100% !important}
.news #input_newsletter.onfocus{ color: #000; font-style: normal}
.news #js_submit{
	background: #762866;border-radius: 7px;
	color: #fff;
	display: inline-block !important;
	padding: 0 10px;
	border: none;
	height: 24px;
	margin-left:10px}
#mess_newsletter {
	display: block;
	color: #fff;
	margin-top: 5px;
	font-size: 11px}
	

/****************************************************************************** BLOC REFERENCEMENT */
.ref_close {
	position: fixed;
	right: -97.3%;
	bottom: 0;
	color: #fff;
	display: none;
	text-decoration: none;
	width: 95.5%;
	-webkit-border-radius: 30px 0 0 0 / 30px 0 0 0;
	-moz-border-radius: 90px 0 0 0 / 90px 0 0 0;
	-ms-border-radius: 30px 0 0 0 / 30px 0 0 0;
	border-radius: 90px 0 0 0 / 90px 0 0 0;
	cursor: pointer;
	background-color: #762866;
	padding: 4px 2% 4px 2.5%;
	min-height: 28px;
	z-index: 15;
}

.ref_close .plus_ref {
	display: block;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 6px;
	background: url(../gifs/plus_ref.png) no-repeat;
	bottom: 3px;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-ms-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}

.rotate_plus {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contenu_ref {
	position: relative;
	float: right;
	display: block;
	width: 98%;
}
.rendez_vous{padding: 10px 0; color:#5e5e5e}
.contact_header{font-size: 11px;}
.footer{font-size: 11px;}
@media screen and (min-width:480px) {

.contact_header{font-size: 12px;}
.rendez_vous{font-size: 13px; padding: 10px; display:none;}
header section {height: 90px; overflow:visible}

	#container {
		max-width: 810px;
		min-width: 480px;
		padding-bottom: 0
	}
	#container header .bouton {text-align:center; margin-top: 10px;z-index: 10; position:relative;}
	.rendez_vous:before{background: none repeat scroll 0 0 #3b1433;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    transform: rotate(0deg);
    width: 1px;}
	.rendez_vous:after{content:"";display:block; width: 1px; height: 100%; background:#3b1433;transform: rotate(0deg); position:absolute; right: 0; bottom:0; top:0;}
	header{text-align:left;}
	/****************************************************************************** HEADER */
	/* LOGO */
	.logo { background: url(../gifs/logo.png) -20px top no-repeat; 
		width: 375px; height: 166px;
	display:inline-block; vertical-align:top;
		margin: 0 0 15px 0;
		padding-left: 10px; z-index:  10;
	}
	.baseline {left:132px;}
	/* CONTACT HEADER */
	.contact_header{vertical-align:top;}
	.contact_header .no_mobile {
		display: block;
		text-align: right;
		padding-right: 10px;
	}
	.contact_header .no_mobile span {
		display: block;
	}

	.contact_header .no_desktop {
		display: none;
	}
	.top_bar{
		position: relative;
		top: auto;
		left: auto; text-align:right;
	}
	.top_bar li {width: auto;}
	.top_bar li a:before{
		display: none;
		margin-bottom:20px;
		font-size:1.38em;
		font-family:'icon'
	}
	.top_bar li a{color: #e0dacc ; font-size: 12px; padding-right: 12px; }
	/* MENU */
	.menu { bottom:0; position:absolute;
		clear: both; top:inherit; width:100%;
	}

	.menu .nav {
		display: none;
	}

	.menu ul.tabs {
		max-height: 60em;
		text-align: center;
		overflow: visible;
	}

	.menu li {
		position: relative;
		
		display: inline-block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.menu li a {
		padding: 5px 20px 5px 10px;
	}

	.menu li a.main {
		background: url(../gifs/nav-fleche.png) 97% center no-repeat;
	}

	.menu li a.main:hover,.menu li a.main.selected {
		background: url(../gifs/nav-fleche.png) 97% center no-repeat #792968;
	}

	.menu li+li {
		border-left: 1px solid #e0dacc;
	}
	header .menu ul li a{padding-bottom: 15px;padding-top: 15px; font-size: 1.1em;}
	header .menu ul li.sous_menu {padding-bottom:0;}
	header .menu ul li.sous_menu:before {display:none;}
	header .menu ul li.sous_menu .dropdown {
		position: absolute;
		width: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		left: 0;
		max-height: 0;
		overflow: hidden;
	}

	header .menu ul li.sous_menu:hover ul {
		max-height: 20em;
	}

	.menu ul li ul li {
		width: 100% !important;
		display: block;
		border: none !important;
	}

	.menu ul li ul li a {
		padding: 9px 5px;
		text-align: left;
	
	}
	/****************************************************************************** CONTENT */
	.content {
		top:0; z-index:0;
		display: block;
	}
	/* ENCART */
	.encart {
		width: 100%;
		text-align: center
	}

	.encart a {
		display: inline-block;
		width: 49%;
	}
	.encart img{width: 100%; height: auto; max-width:260px;}
	.encart .bouton img{width: auto;}
	.encart a+a {
		margin-top: 0;
	
	}
	/* RELANCE */
	#relance ul li {
		width: 30%;
		display: inline-block;
	}

	#relance ul li a {
		background: url(../gifs/puce.jpg) left center no-repeat;
		padding-left: 12px;
	}
	
	
	.formulaire_contact{
		-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
		background: none;
		border: none;
		padding: 0
	}
	.formulaire_contact .form_left,
	.formulaire_contact .form_right{
		padding: 10px;
		-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
	
		border:solid 1px #8D8674;
		width: 48.936249%;
		display: inline-block;
	}
	.formulaire_contact .form_left{
		float: right;
	}
	/* ville + code postal */
	.cp_ville p{
		width: 40.425597%;
	}
	.cp_ville p+p{
		width: 57.446901%;
	}
	
/* FOOTER */
/* newsletter */
.news{ text-align: center}
.news label{ display: inline-block; margin: 0}
.news form{ width: 45%; margin-left:2.127663%}
#mess_newsletter{ margin-top: 0}
	.news #form_newsletter {width: 30% !important}
	.logo_footer{display:inline-block}
	.contact_header{position:absolute;right:0; top:39px;}
}


@media screen and (min-width:600px) {

	.block_contact{
		display: block;
		margin-bottom:20px;
	}
	.info_contact div{
		display: inline-block;
		vertical-align: top;
		width: 31.914945%;
		-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
		position: relative;
		padding:  0 0 0 15px;
	}
	.info_contact div+div{
		margin: 0 0 0 1.75%;
	}
	.info_contact div+div:before{
		content:'';
		display: block;
		position: absolute;
		background: #8D8674;
		width: 1px;
		height: 200px;
		top: 0px;
		left: -3.5%;
	}
	.info_contact div div:before{
		width: 14px;
		margin-right: 5px;
		content:'';
		display:block;
		position: absolute;
		left:0;
		top: 3px;
		height: 13px;
	}
	/* ville + code postal */
	.cp_ville p{
		width: 31.914945%;
	}
	.cp_ville p+p{
		width: 65.957553%;
		float: right;
	}
	
	
}
@media screen and (min-width:767px){.rendez_vous{ display:inline-block;}}

@media screen and (min-width:810px) {


	.no_mobile {
		display: inline-block;
	}
	
	.clear_both.no_mobile {
		display: block;
	}

	.no_desktop {
		display: none !important;
	}

	.ref_close {
		display: block;
	}

	#container {
		max-width: none;
		min-width: 810px;
	}
	/****************************************************************************** HEADER */
	header>section {
		max-width: 940px;
		margin: auto;
		padding: 0;
	}
	
	/* LOGO */
	.logo { left:-30px;
	background: url("../gifs/logo.png") no-repeat  0 0;
		padding: 0;
	}

	.logo:hover {	background: url("../gifs/logo.png") no-repeat  0 -4px ;
		
	}
	.baseline{left: 150px; width: 257px; top:25%}
	 /*** RDV **/
	 .rendez_vous {margin: 0 20px; padding: 18px 10px}
	 .rendez-vous img{-webkit-transition: scale 0.4s ease-in-out;
-moz-transition: scale 0.4s ease-in-out;
-ms-transition: scale 0.4s ease-in-out;
-o-transition: scale 0.4s ease-in-out;
transition: scale 0.4s ease-in-out;-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
	 .rendez_vous:hover img{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;-moz-transform: scale(0.9);
-webkit-transform:  scale(0.9);
-o-transform:  scale(0.9);
-ms-transform:  scale(0.9);
transform: scale(0.9);}
	/** PLAN **/
	.plan_header{display:inline-block; position:relative; padding:44px 0 44px 13px; margin-left: 15px; vertical-align:top;}
	.plan_header{display:none;}.plan_header span {display:block;}
	.plan_header:hover{color:white;}
	.plan_header:before{background: none repeat scroll 0 0 #3b1433;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: -5px;
    top: 0;
    transform: rotate(-10deg);
    width: 1px;}
	
	
	.contact_header .tel:hover {color: white;}
	
	/* CONTACT HEADER */
	.contact_header a.no_mobile {
		padding: 0;
	}

	.contact_header span {
		font-size: 1.38em;
	}

	.contact_header p.bouton_rappel{
		padding-right: 0 
	}
	/* TOP BAR */
	.top_bar>ul {
		max-width: 940px;
		margin: auto;
	}
	/* TOP BAR */
	
	.top_bar ul li a:before{
		content: none !important;
	}

	.top_bar ul li a:hover,.top_bar ul li a.selected {
		
	}
	.top_bar li a{height:auto;}
	.top_bar ul li a.no_mobile {
		display: none;
	}
	/****************************************************************************** CONTENT */
	.content {
		
		margin: auto;
		
	}.encart .titre:after{display:block; background:#194d62 ; width: 100px; height: 1px; display:block; content:""; position: absolute; right: 0; bottom: 0; top:0; margin:auto;}
	.encart a:before {background:#e0dacc; height: 182px;width: 260px; content:""; position:absolute; left:-260px ; right:0; top:50px; opacity:0.8;  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.encart a:after { content:"Droit du travail";   border:solid 1px #194d62  ;position:absolute; left:-520px; right:0; top:123px; margin:auto;line-height: 38px; text-align: center;width: 130px;color:#194d62; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }

.encart a+a:after {content:"Droit bancaire"}
	.encart a:hover:before{left:0 ; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.encart a:hover:after{left:0; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
	
	.menu li a{background: none; text-transform:uppercase; -webkit-transition: color 0.4s ease-in-out, background 0.4s ease-in-out ;
-moz-transition: color 0.4s ease-in-out, background 0.4s ease-in-out ;
-ms-transition:  color 0.4s ease-in-out, background 0.4s ease-in-out ;
-o-transition: color 0.4s ease-in-out, background 0.4s ease-in-out ;
transition:  color 0.4s ease-in-out, background 0.4s ease-in-out ;}
	.menu li li a{background:#194d62; text-transform:none;}
	.menu li a.main{padding-right:40px;padding-left: 10px; -webkit-transition:  background-color 0.4s ease-in-out;
-moz-transition:  background-color 0.4s ease-in-out;
-ms-transition:  background-color 0.4s ease-in-out;
-o-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;}
	.menu li a.main{background:url("../gifs/nav-fleche.png") no-repeat scroll 94% center rgba(0, 0, 0, 0) }
	.menu li a.main:hover{background:url("../gifs/nav-fleche.png") no-repeat scroll 94% center #3e7b90; }
	#encart_actualite {width: 940px; margin:auto;}
	.encart{ width: 940px; margin:auto;}
	/******************************** COLONNE GAUCHE */
	.colonne_gauche {
		width:100%;
		
		text-align: left;
		padding:0
	}
	/* ENCART PLAN */
	.encart_plan {
		position: relative;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 10px;
		background: #e7e7e7;
		margin-top: 15px;
		display: block;
	}

	.titre_plan {
		font-size: 1.53em;
		display: block;
		color: #f90;
		margin-bottom: 10px;
	}

	.encart_plan .picto {
		position: absolute;
		top: 5px;
		right: 10px;
		color: orange;
		font-size: 1.64em;
	}

	.encart_plan p {
		text-align: right;
		margin-top: 10px;
	}

	.encart_plan a {
		display: inline-block;
		padding: 3px 6px;
		background: #5e5e5e;
		color: #f90;
	}

	.encart_plan a:hover {
		background: #f90;
		color: #5e5e5e;
	}
	/******************************** COLONNE CENTRE */
	.colonne_centre {
		width: 940px;
		display: block;
		position: relative;
		margin:auto;
		padding: 0
	}

	.imgRight {
		width: 30.425597%;
		max-width: 220px;
	}

	.imgLeft {
		width: 30.425597%;
		max-width: 220px;
	}
	/****************************************************************************** FOOTER */
	
	/**** ENCART ***/
	.encart a:hover{background:none;}
	.encart a { text-align:left; max-width: 265px;}
	.encart .description {width: auto;}
	.encart .bouton{float:right;}
	.encart a+ a{margin-left:100px;}
	.news #form_newsletter{width:17% !important}
	
/* FOOTER */
footer>section{max-width:940px; margin: auto; padding: 20px 0;}
.top_site_mobile{ display: none !important;}
.adresse_footer{ display: block; text-align: left; font-size: 1em;float:left; line-height:1.9em}
.adresse_footer_mobile{ display: none}
footer{
	margin-top: 10px;
	text-align: right;
	padding:0
}
.navigation { width: 100%;background:#b4aa93; text-align:center; color:white;
	cursor: pointer;
	font-size: 1.28em;padding:5px 20px;
	display: inline-block;
}
.navigation span {background: #c0b59d;
padding:5px 20px; 
font-size:12px; 
color:#36332c;
 margin-right: 130px;
}
.navigation span:hover{color: #000;	text-decoration:underline;}
.navigation:hover {

}



footer .ML_box { 
width: 100%;
text-align:center; 
cursor: pointer;
padding:5px 20px;
display:block;
margin-left: 90px;
 margin-right: -270px;
    margin-top: -22px;
    color: #000;
}



footer .ML_box:hover { 
text-decoration:underline;

}
/* footer box */
.black {
	background: rgba(16, 68, 90, 0.88) none repeat scroll 0 0;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	display:none
}
.close {
	background:url(../gifs/close.png) no-repeat;
	width:28px;
	height:29px;
	display:block;
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer
}
#navigation_frame {
	
	display: none;
	padding: 10px;
	position: fixed;
	left:50%;background: #e0dacc;
	width: 940px;
	z-index: 70;
	margin-left:-480px;
	top: 300px
}
#navigation_frame a{
	color: #000; 
}
.ML_box{background:none;}
#navigation_frame a:hover {
	text-decoration:underline;
}
.lien_footer {
	width:940px;
	display: table;
	border-spacing:15px;
}
.ML_box{ font-size:1em; color: #5e5e5e}
#navigation_frame ul {
	display: table-cell;
	padding-left:4px;
	border-left:1px solid #5e5e5e;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;}
#navigation_frame ul.last_link{ min-width:250px;}
#navigation_frame ul li ul {
	display: block;
	border: none;
}

#navigation_frame ul li ul li a {
	font-size:0.84em
}
/* logo footer */
a.logo_footer { margin-right: 30px;

}
.contact_footer{margin-right: 80px; text-align:left;}
.contact_footer:hover{	color:#000;}
.adresse_footer{line-height: 14px; margin:0 87px;}
.adresse_footer:hover{	color:#000;}
.adresse_footer:before{background: none repeat scroll 0 0 #bbb199;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: -10px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px;}
.adresse_footer.no_mobile{display:inline-block;float:none; vertical-align:middle;}

a.logo_footer:hover {
	color:#000;
}
/* news input */

.news{ background: none;  padding-left: 0; padding-right: 0; max-width:none;}
.news #input_newsletter{ border:1px solid #ccc}
.news #js_submit{ background: #3e7b90; color: #fff; cursor: pointer}
.news #js_submit:hover{ background: #5693a8 ;}
.menu li a {text-transform:none;}
}
@media screen and (min-width:960px) {.menu li a.main {    padding-left: 29px;
    padding-right: 55px;}.plan_header{display:inline-block; color:#5e5e5e}.contact_header{position:relative;display:inline-block; top:auto;}}
.rappel_telephonique{
	max-width: 470px; background: none;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
}
.rappel_telephonique,
#ami_box_frame,
#newsletter_iframe{
	padding: 10px;
}
#ami_box_frame img {margin:25px 0}
#newsletter_iframe form{
	text-align: right;
}
form.generateur p,
form.generateur div.divGenerateur,
form.generateur div.divGenerateurErreur{
	padding: 0 !important;
	font-size: 1em !important;
	margin: 0 0 10px 0 !important;
}
form.generateur p.erreur input,
form.generateur p.erreur textarea{
	border: 1px solid red;
}
form.generateur label,
form.formulaire label,
#newsletter_iframe div label{
	display: block;
	float: none !important;
	font-size: 0.84em;
	text-align: left !important;
	width: 100% !important;
	padding: 0 !important;
	line-height: normal !important;
	margin:0 0 5px !important;
	color: #666666;
}
#newsletter_iframe #input_newsletter{width:80%; height:33px }
form.generateur .noFloatingLabel{
	color: #5e5e5e;
}
.fancybox-skin{background:#e0dacc !important;}
.formulaire_contact p label span{
	color: red;
	display: inline-block;
}
form input[type="text"],
form.generateur textarea,
form.formulaire textarea{
	width:100%;
	text-indent: 5px;
	height:25px;
	font-size: 0.84em;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
	border:1px solid #adadad;
	color: #5e5e5e; border-radius: 7px;
}
form.generateur textarea,
form.formulaire textarea{
	padding-top: 5px;
	height: 120px;
}
form .form_left textarea{
	height: 160px;
}
/* inscription newsletter bouton radio + checkbox */
.formulaire_contact input[type='checkbox'],
.formulaire_contact input[type='radio']{
	width: auto !important;border-radius: 7px;
	margin-right: 5px;
}
.divGenerateur ul,
.divGenerateur li{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.divGenerateur label.optional{
	display: none;
}
.divGenerateur li label{
	display: block;
	width: 100%;
}
/* bouton submit */
form.generateur p.submit,
form.formulaire p.submit,
#form_newsletter input[type="submit"]{
	clear: both;
	text-align: right;
	margin: 30px 0 0!important;
}
form.generateur input[type="submit"],
form.formulaire input[type="submit"],
#form_newsletter input[type="submit"],
.news input[type="button"],
.recherche_actu input[type="submit"]{
	border: none !important;
	color: #fff; border-radius: 7px;
	background:#194d62; color:#fff;font-size: 13px;
	display: inline-block !important;
	padding: 6px 10px;
	cursor: pointer;
	-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
}
form.generateur .form_right input#field_3,
.rappel_telephonique form.generateur input#field_4{
	max-width:110px;
}
.news input[type="button"]{
	height: 25px;
	padding:0 10px;
	margin-left: 10px;
}
form.generateur input[type="submit"]:hover,
form.formulaire input[type="submit"]:hover,
#form_newsletter input[type="submit"]:hover,
.news input[type="button"]:hover{
	background: #3e7b90 ;
	color: #fff;
}
.news #form_newsletter input#submit_newsletter {
	display: none !important;
}
.divGenerateurRequired{
	letter-spacing: normal;
	margin-top: 5px;
}
/* input newsletter */
.news{
	background: #194d62 ;
	padding:20px 0 ;
	text-align: center;
	
	margin:  0 auto 20px;
}
.news #form_newsletter{
	width:50%;
}
.news #form_newsletter input#submit_newsletter{
	display: none !important;
}
.news #form_newsletter input[type="text"]{
	width: 100%;
}
.news label{ color:white;
	float: none !important;
}
.news label img {margin-right: 10px;vertical-align: middle; display:inline-block;}
.news #form_newsletter,
.news input[type="button"]{
	display: inline-block;
	vertical-align: middle
}

.news label{vertical-align: middle}

.news #mess_newsletter{
	display: block;
	text-align: center;
	font-size: 0.92em;
	line-height:25px;
}
/* infobulle */
form.generateur p.erreur, 
form.generateur div.divGenerateurErreur {
	border:none !important;
}
form.generateur p.erreur span.erreur{
	display: none!important;
}
.hint,
[data-hint] {
	position: relative;
	display: block;
}
.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after {
	position: absolute;
	-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);
	visibility: hidden;
	opacity: 0;
	z-index: 9;
	pointer-events: none;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
p.erreur.hint:before, p.erreur.hint:after, p.erreur.hint:hover:before, p.erreur.hint:hover:after, p.erreur.hint:focus:before, p.erreur.hint:focus:after,
div.divGenerateurErreur.hint:before, div.divGenerateurErreur.hint:after, div.divGenerateurErreur.hint:hover:before, div.divGenerateurErreur.hint:hover:after, div.divGenerateurErreur.hint:focus:before,div.divGenerateurErreur.hint:focus:after{
	visibility: visible;
	opacity: 1;
}
.divGenerateurErreur{
	clear: both;
	display: block;
}
.hint:before,
[data-hint]:before {
	content: '';
	position: absolute;
	background: transparent;
	border: 6px solid transparent;
	z-index: 5;
}
.hint:after,
[data-hint]:after {
	content: attr(data-hint);
	background: #c02022;
	color: white;
	padding: 4px 8px;
	font-size: 0.84em;
	line-height: 12px;
	white-space: nowrap;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
.hint--bottom:before {
	border-bottom-color: #c02022;
}
.hint--bottom:before {
	margin-top: -12px;
	left: 8%;
	bottom: -12px;
}
.hint--bottom:after {
	margin-left: -18px;
	bottom: -32px;
	left: 8%; 
}
.hint--bottom:hover:after, 
.hint--bottom:hover:before, 
.hint--bottom:focus:after, 
.hint--bottom:focus:before {
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(8px);
}
/* message validation / erreur */
div.valide,
div.erreur{
	letter-spacing: normal;
	font-weight: normal;
	color: #5e5e5e !important;
	padding: 10px 10px 10px 35px !important;
	position: relative;
	background: none !important;
}
div.valide{
	border: 1px solid #9ac03e;
}
div.erreur{
	border: 1px solid #fb1a49;
}
div.valide:before{
	background: url("../gifs/info_contact.png") left -112px no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    left: 10px;
    margin-right: 15px;
    position: absolute;
    top: 40%;
    vertical-align: top;
    width: 14px;
}
div.erreur:before{
	background: url("../gifs/info_contact.png") left bottom no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    left: 10px;
    margin-right: 15px;
    position: absolute;
    top: 40%;
    vertical-align: top;
    width: 14px;
}
div.valide p,
div.erreur p{
	margin: 0 0 0 25px !important;
}
.validation{
	display: none;
}
/* message validation / erreur CONSEILLER A UN AMI */
.errors{
	color: red;
	font-size:0.84em;
	text-align: right;
}