/* Fonts Std => style_fonts.css 	*/
/* Couleurs Std => style_colors.css	*/ 

/* css reset - all browsers */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 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;}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; font-size: 100%;font: inherit;vertical-align: baseline;}
td {padding:1% 1%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {	background:#FFF;color:#363636;font-family:'Lato',arial,sans-serif;font-size:14px;font-weight: 300;text-align:justify;}
ol, ul {list-style:none; padding-left: 30px;}
body.blockOverflowY {overflow-y: hidden;}
.texte ul li {display: list-item; list-style-image: url(grafx/square.png); margin-bottom: 10px;}


/* Masquer cadres liens Firefox */
a {outline: none; color:#213886; text-decoration:none; transition:color 0.2s ease-out 0s; font-weight: 700;}
a:hover {color:#212121;}
:focus {-moz-outline-style: none;}

::-moz-selection {color:#FFF; background:#213886;}
::selection {color:#FFF; background:#213886;} 
/* **************************** */


/* Home - Slide */
article, section {width:1200px; margin:0 auto;}
section {display:block; position:relative; left:0; max-height:235px; height:100%; width:100%;}
.btn_intro img {vertical-align: middle; margin-right: 10px; margin-top:-2px;}
.fullbg {margin:0;padding:0;text-align:center;}
.fullbg.stdpage {}/*max-height:452px; overflow: hidden;*/
#box_home {z-index:1;position:relative;top:0px; width:100%; max-height: 338px; height:100%;margin:103px auto 0 auto;font-family:'Open Sans',arial,sans-serif;font-size:15px;color:#3d3d3d;text-align:center;}
#box_home p {width:68%; font-size: 20px;}

/* Header Pal */
#header_top {top:0; position:fixed;	background-color:#FFF; min-height:80px; width:100%; -webkit-transition: height 0.3s; -moz-transition: height 0.3s;	transition: height 0.3s; z-index:1000;}
#header_top.bg_transparent {background-color:transparent; border-color:transparent;}
#header_top.bg_noir_alpha {background-color:rgba(47,41,41,0.95); border-color:transparent;}
/*#header_top.bg_noir_alpha .nav li:not(.selection), #header_top.bg_noir_alpha .nav li:not(.selection) a {color:#000;}*/
#box_top_header {width:400px; height:105px; z-index:1000; position:absolute; top:0; right: 0; text-align: center; padding-top: 35px ;text-transform: uppercase; font-size:15px; font-family:'Roboto',arial,sans-serif; font-weight: 700; color:#503e3b;}
#box_top_header img {vertical-align: middle;}
#box_top_header a, #box_top_header a:visited {color:#3b3b3b; font-size:20px; font-family:'Roboto',arial,sans-serif; font-weight:700; padding:0 15px; display: block; margin-bottom: -15px;}
#logo {width:380px; height:auto; overflow:hidden; z-index:1000; position:absolute; top:5px; left: 50px;}
#logo img {max-width: 100%;max-height:88px;}
.box_50.bg_50 {height: 475px;}
.bg_50 {background-position: center center; background-size: cover; background-repeat: no-repeat;}

#box_top_content {position: absolute; bottom:-65px; left:0; width:100%;max-height: 130px; height: 100%; z-index: 1;}
.box_top a {color:#fff;}
.box_top {font-size: 14px; font-family:'Lato',arial,sans-serif; font-weight: 300;margin-top:0; margin-bottom:0; height: 100%; max-width: 1300px; width: 100%; margin:0 auto;}
.box_top .box_25:last-child {border-right: none;}
.box_top .box_25 {box-sizing: border-box; height: 100%; width: 25%; margin:0 0; padding:0 1%; border-right:solid 1px #FFF;align-content:center;align-items:center;flex-wrap:wrap;display:flex;justify-content:center}
.titre_box_top {margin:0 0 5px 0;display: block; font-size: 16px; font-family:'Lato',arial,sans-serif; font-weight: 700;}

/* Navigation Pal */
#burger {display:none; position:fixed; top:7%; right:2%; cursor:pointer; width:50px; height:40px; background:url(grafx/burger.png) no-repeat 0 0; background-size:cover; z-index:65535;}
#navigation {-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);-o-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=180, Strength=3); z-index:9; margin:0 auto; width:100%; height:103px; /* Hauteur nav */ background-color:#fff;	position:relative; 	top:0; 	text-align:right; z-index:2;}
.nav,.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav {
	display:inline-block;
}
.nav ul {
	height:0;
	right:0;
	overflow:hidden;
	position:absolute;
	top:102px; /* Position top sous-nav = hauteur nav */
	z-index: 0;
}
.nav li {
	list-style-type:none;
	float:left;
	position:relative;
	font-family:'Droid Serif',arial,sans-serif;
	font-weight: 400;
	font-size:14px;
	color:#213886;
	letter-spacing:initial;
	text-transform:uppercase;
}
.nav_log{margin-right: 20px;}
.nav_sep {background:url(grafx/nav-sep.png) no-repeat left center;}
.nav li a {
	-moz-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;transition:0.2s;
	font-family:'Roboto',arial,sans-serif;
	font-weight:500;
	font-size:13px;
	color:#212121;
	letter-spacing:initial;
	display:block;
	line-height:103px; /* Hauteur nav */
	padding:0 20px;
	margin:0 0;
	text-decoration:none;	
	cursor:pointer;
}
.nav li:hover > a, .links.selection > a {
	font-family:'Roboto',arial,sans-serif;
	font-weight:500;
	font-size:13px;
	color:#213886;
	letter-spacing:initial;
	-moz-transition-duration:0.05s;-o-transition-duration:0.05s;-webkit-transition-duration:0.05s;transition-duration:0.05s;
	-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;
}

body:not(.open_burger) .nav li:hover ul.subs {
	height:auto;
	min-width:180px;
	overflow:visible;
	z-index: 65535;
    width: fit-content;
}
body:not(.open_burger) .nav ul li {
	-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;transition:0.5s;
	opacity:0;	
	width:100%;
}
.nav li ul li {
	margin:0;
	-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;
}
.nav li:hover ul li {opacity:1;}
.nav ul li a {
	margin:0 0;
	padding:0 40px 0 30px;
	background:#FFF;
	border-bottom:1px solid #a1a1a1;
	color:#3b3b3b;
	line-height:1px;
	-moz-transition:0.35s;-o-transition:0.35s;-webkit-transition:0.35s;transition:0.35s;
	white-space:nowrap;
}
.nav ul li a span {text-transform: capitalize;}
.nav li:hover ul li a {
	line-height:45px; margin:0 0;
}
.nav ul li a:hover {
	color:#FFF;
	background-color:#213886;
	border-bottom:1px solid #a1a1a1;
}
/* Social nav top */
.nav li.social, div.social {height: 103px;line-height: 103px;margin:0 0 0 0;padding:0 20px;font-family:'Open Sans',arial,sans-serif;font-weight: 400;font-size:12px;color:#3b3b3b;}
.nav li.social a, div.social button, #bande_coords div.social a {padding:0 0;border:none; background-color:transparent; cursor:pointer; background-image:url(grafx/mini_social.png); width:20px; height:105px; background-repeat:no-repeat; display: inline-block; vertical-align: middle; -moz-transition-duration:0s;-o-transition-duration:0s;-webkit-transition-duration:0s;transition-duration:0s; -moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s;}
.sub_level {text-align: right;}
.nav ul li.sub_level a.ico_rub {background-image:url(grafx/ico_rub_left.png);background-repeat:no-repeat;background-position:98% center;text-align:left}
.sub_level div {display:none;position:absolute;right:100%;width:auto;top:0}/*.sub_level div {display: none; position: absolute; right:-130%; width: 130%; top:0;}*/
.sub_level span {text-align: right;}
.sub_level:hover div {display: block;}
.nav ul li.sub_level:hover a.ico_rub {background-image:url(grafx/ico_rub_bot.png); background-repeat:no-repeat; background-position:98% center;}

/* Chenillard */
#chenillard {width:100%; height:100px; line-height: 70px; letter-spacing: 0.02em; text-transform:uppercase; font-size: 13px; color:#FFF; font-family: 'Open Sans',arial,sans-serif; font-weight:600;}
#chenillard a, #chenillard a:visited {color:#FFF;}
#chenillard a:hover, #chenillard a:last-child, #chenillard a.vert {color:#ff4d59;}


/* Corps de texte */
#content {width:100%; padding:0 0 0 0; margin:0 0; background-color:#fff;}
#content.home {padding:10px 0 0 0;}
#textes {color:#363636; font-size:15px; font-family:'Lato',arial,sans-serif; font-weight: 400; line-height: 1.5em;}
#textes.no_mb {padding-bottom: 0;}
#content.home #textes {padding: 50px 0 0 0;}
#page {min-height:100%;position: relative;}
.wide_box {width:100%;display:table;}
.texte {max-width:1300px; margin:20px auto 20px auto;/* padding:25px 0; */}
.texte img {max-width:100%;}
.min_texte {max-width:1000px; margin:20px auto 20px auto;/* padding:25px 0; */}
.texte:after {content:''; clear:both; display: block;}
.titre {color:#213886; font-family:'Roboto Condensed',arial,sans-serif; font-weight: 400; margin:0 0 15px 0; font-size:35px; display:block; text-align:left; letter-spacing: normal; text-transform: uppercase; line-height: initial;}
.titre span {text-transform: none;}
.actus {color:#363636; font-family:'Lato',arial,sans-serif; font-weight: 900; margin:30px 0 10px 0; font-size:16px; text-transform: uppercase;}
.t_actus {color:#213886; font-family:'Lato',arial,sans-serif; font-weight: 700; font-size: 15px;}
.txt_actus {color:#616161; font-family:'Lato',arial,sans-serif; font-weight: 300; font-size: 12px;}
.t_page {color: #213886; font-size: 18px; text-transform:none; font-family:'Lato',arial,sans-serif; font-weight: 700; margin-bottom: 5px;}
.t_zoom {color: #FFF; background-color:#213886; padding:10px; display: inline-block; font-size: 18px; text-transform:none; font-family:'Lato',arial,sans-serif; font-weight: 700; margin-bottom: 5px;}
.tm_page {color: #213886; font-size: 16px; font-family:'Lato',arial,sans-serif; font-weight: 700; margin-bottom: 2px;}
.t_services{font-size:24px;font-family:'Lato',arial,sans-serif; font-weight:700; text-transform:uppercase; margin-bottom:10px; color:#213886; display:block;}
.t_services span {font-size: 18px; font-weight: 500; text-transform: initial;}
.txt_services{color:#363636;font-family:'Lato',arial,sans-serif; font-weight:400;  font-size:16px; margin-bottom:60px; margin-top:16px; line-height: 1.5em; padding: 0 10px;}
.chapo {color:#363636; font-family:'Lato',arial,sans-serif; font-weight: 400; font-size: 16px;}

/* Accueil */
.box_33.box_33_home {font-size: 12px; text-align: center;}
.box_33.box_33_home img {margin-top: 25px;}
.box_33.box_33_home p {padding: 10% 5%; text-align: left; line-height: 15px;}
.box_33.box_33_home p .titre_box {margin-bottom: 20px; display: block; font-size: 16px; text-align: center;}

.box_50.home_actu {height:165px; line-height: initial;}
.titre_actu_home {font-size: 15px; font-weight: 700; font-family: 'Lato',arial,sans-serif; color:#213886; text-align: left; display: inline-block; margin:10px 0 2px 0;}
.texte_actu_home {font-size: 12px; font-weight: 400; font-family: 'Lato',arial,sans-serif; color:#616161; text-align: left; display: inline-block;}
.link_actu_home {font-size: 13px; font-weight: 700; font-family: 'Lato',arial,sans-serif; color:#213886; text-align: left; display: inline-block; margin:2px 0 2px 0; font-style: italic;}

/* Grid */
.grid {max-width: 1300px;}
.grid:after {content: ''; display: block; clear: both;}
.grid-item {margin-left: 0;margin-right: 1%;float: left; width:19%; height: 205px; line-height:205px; vertical-align:middle; margin-bottom: 1%;font-family:'colaboratelightregular',arial,sans-serif; font-weight:600; font-size:25px; color:#FFF; text-transform: uppercase;border:solid 1px #e6e6e6; box-sizing: border-box;}
.grid-item div {color:#FFF;background-color:rgba(0,0,0,0.5); cursor:pointer; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.grid-item div:hover {background-color:rgba(0,0,0,0); color:#000;}

/* ---- button-group ---- */
.button-group {line-height: 60px;}/*height: 60px; */
.button-group:after {content: '';display: block;clear: both;}
.button-group .button {float: left;border-radius: 0;min-width: 30px; height: 30px; cursor:pointer; }/*margin-left: -1px;*/
.button-group .button:first-child {border-radius: 5px 0 0 5px;}
.button-group .button:last-child { border-radius: 0 5px 5px 0; }
.button {display: inline-block; padding: 5px 15px; margin-bottom: 10px; background-color: #F8F8F8; background-image: linear-gradient( hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.1) ); border: 1px solid #CCC; border-radius: 5px;}
.button.is-checked, .button.is-selected {background-color: #213886; color: white;}

/* Tableaux Actu */
.head_actu {background-color: #213886; color:#FFF; width:98%; padding:1.2% 0 1.2% 2%; font-family: 'Lato',arial,sans-serif; font-weight: 900; margin: 30px 0 0 0; font-size: 16px; text-transform: uppercase;}
.line_actu {display: block; background-color:#FFF; width:96%; padding:1.5% 2% 1.5% 2%; font-family: 'Lato',arial,sans-serif; font-weight: 600; font-size: 14px;}
.line_actu.normal_weight {font-weight: initial;}
.line_actu:nth-child(odd) {background-color:#e0e0e0;}/*#f5f5f5*/
.line_actu .rub_titre {margin-bottom: 5px; display: inline-block;}
.btn_back {float:right; margin-top:-50px; color:#213886; font-family: 'Lato',arial,sans-serif; font-weight: 900; font-size: 14px; text-transform: uppercase; padding:5px 15px; border:1px solid #213886;}
.date_actu {text-transform: uppercase; font-family: 'Lato',arial,sans-serif; font-weight:600; font-size: 13px; color:#213886;}
.dt-buttons {display: inline-block;}
button.dt-button, div.dt-button, a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.333em;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0.5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    line-height: 1.6em;
    color: #213886;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
}

.circle_num {border-radius: 50%; border:solid 2px #fff; width: 60px; height: 60px; line-height:60px; vertical-align:middle; text-align:center; display: block; color:#FFF; font-size: 40px; font-weight: 700; font-family: 'Poppins',arial,sans-serif; margin:30px auto;}
.wide_box.parallax-window {margin-bottom: 40px;}
.btn_link {display: inline-block; margin-top:-50px; color:#213886; font-family: 'Lato',arial,sans-serif; font-weight: 900; font-size: 14px; text-transform: uppercase; padding:5px 15px; border:1px solid #213886;}


/* -----------------------------------*/
/* 				Standard 		      */
/* -----------------------------------*/


/* Boutons standards */
.btn {letter-spacing: initial; border: solid 1px #93be0f; background: #fff; color:#93be0f; text-transform:uppercase; font-size: 12px; position: relative; display: inline-block; font-family: 'Open Sans',arial,sans-serif; font-weight:400; text-align: center; padding:10px 40px;  margin-bottom: 40px; margin-top:50px;}
.btn_sub.btn_padding, .btn_sub.btn_padding:focus, .inputs .btn_sub.btn_padding, .inputs .btn_sub.btn_padding:focus {padding:10px 25px;}
.btn_form_pop {
	cursor:pointer;
	border:none;
	letter-spacing: initial;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    display: inline-block;
    font-family: 'Open Sans',arial,sans-serif;
    font-weight: 400;
    text-align: center;
    padding: 10px 40px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* Contact */
/* Formulaire : standards */
#contact_box form {width:100%; margin:60px auto 0 auto;}
.inputs{width:49.5%;height:40px;line-height:40px;position:relative;display:inline-block;margin: 0 0 10px 0;}
.inputs.wide{width:100%;}
.inputs.w33 {width:32%; margin-right:1.1%;}
.inputs.wide {width:100%;}
.inputs > label{width:19%;padding:0 0 0 1%;display:none;white-space:nowrap;vertical-align:top;line-height:40px;}
.inputs > label.auto_width{width:auto;margin:0 1% 0 0;}
.inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]), select>option, .inputs input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus{font-size:15px;background-color:#F7F7F7; border-style:none; font-family:'Open Sans',arial,sans-serif;width:94%;height:20px;padding:10px 10px;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.inputs input[type=checkbox], .inputs input[type=checkbox]:focus{border:0;vertical-align:middle;width:35px;height:20px;}
.inputs input[type=radio]{width:5%;height:15px;margin-top:12px;}
.inputs textarea{font-size:15px;background-color:#F7F7F7;font-family:'Open Sans',arial,sans-serif;width:100%;height:100px;padding:5px 2%;border-style:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
select{height:30px;min-width:175px;}
	#message_client{height:220px;width:196%;margin-top:1.5%;}
.inputs input.required{background:url(grafx/required.png) no-repeat right center;}
.rub_form{font-size:15px;font-family:'Open Sans',arial,sans-serif;text-transform:uppercase;color:#FFF;margin-bottom:15px;margin-top:15px;display:block;background:#13A4CC;padding:5px 5px 5px 10px;}
.inputs input.required.form_error, .inputs textarea.required.form_error, .inputs select.required.form_error{outline:#FF0000;border-color:#FF0000;-moz-box-shadow:0px 0px 5px 0px #ff0000;-webkit-box-shadow:0px 0px 5px 0px #ff0000;-o-box-shadow:0px 0px 5px 0px #ff0000;box-shadow:0px 0px 5px 0px #ff0000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#ff0000, Direction=NaN, Strength=5);}
.inputs.white_space {width:100%; height:0; line-height: 0; margin: 0 0 0 0;}
.help_mess{position:absolute;display:none;right:8%;top:0;width:96%;text-align:right;color:#FF0000;}
.form_ok{display:block;margin:20px 0;color:#13A4CC;font-weight:700;color:#21B339;}
.form_err{display:block;margin:20px 0;color:#FF0000;font-weight:700;}
.btn_sub, .btn_sub:focus, .inputs .btn_sub, .inputs .btn_sub:focus{font-family: 'Open Sans',arial,sans-serif; font-weight: 500; font-size: 13px; text-transform: uppercase;margin:2% auto;display:block;border:none;background:#93be0f;padding:12% 20%;color:#FFF;cursor:pointer;text-transform:uppercase;}
.o_field{font-size:12px;}
.btn_sub.bg_error {background-color: #e00735;}

form#form_newsletter {padding:5px 0; width: 33.33%; min-width: 435px; margin:15px auto 0 auto;}
input#mail_newsletter {font-size: 14px; font-weight:400;font-family: 'Lato',arial,sans-serif; color:#FFF;width:75%; border:none; text-align: center;padding:10px; background-color: transparent;}
input#mail_newsletter::-webkit-input-placeholder {font-size: 14px; font-weight:400;font-family: 'Lato',arial,sans-serif; color:#FFF !important;}
input#mail_newsletter:-moz-placeholder {font-size: 14px; font-weight:400;font-family: 'Lato',arial,sans-serif; color:#FFF !important;}
input#mail_newsletter::-moz-placeholder {font-size: 14px; font-weight:400;font-family: 'Lato',arial,sans-serif; color:#FFF !important;}
input#mail_newsletter:-ms-input-placeholder {font-size: 14px; font-weight:400;font-family: 'Lato',arial,sans-serif; color:#FFF !important;}
form#form_newsletter.afop {border:solid 1px #213886;}
form#form_newsletter.afop input#mail_newsletter {color:#213886;}
form#form_newsletter.afop input#mail_newsletter::-webkit-input-placeholder {color:#213886 !important;}
form#form_newsletter.afop input#mail_newsletter:-moz-placeholder {color:#213886 !important;}
form#form_newsletter.afop input#mail_newsletter::-moz-placeholder {color:#213886 !important;}
form#form_newsletter.afop input#mail_newsletter:-ms-input-placeholder {color:#213886 !important;}

/* Making placeholder text disappear when clicked on */
[placeholder]:focus::-webkit-input-placeholder {opacity: 0;}
[placeholder]:focus::-moz-placeholder {opacity: 0;}
[placeholder]:focus::-ms-input-placeholder  {opacity: 0;}
input:focus{outline: transparent;}
#btn_sub_news {background:url(grafx/send_newsletter.png) no-repeat 0 0; border-style: none; background-color: transparent; width: 26px; height: 26px; padding:10px 0; cursor:pointer;}
form#form_newsletter.afop #btn_sub_news {background:url(grafx/send_newsletter_bleu.png) no-repeat 0 0;}

/* Footer */
#footer_bottom .texte {width:100%; max-width: 1200px;}
#footer_bottom {margin-top:50px; position:relative; display:block; width:100%; height:auto; line-height:normal; background-color:#213886; background-image:url(); background-repeat:no-repeat; background-size:initial; background-position:center 20px; padding:20px 0 0 0;}
#bande_ml {position:relative;width:96%; height:70px; line-height: 70px; padding:15px 2% 15px 2%; background-color:transparent; color:#213886; font-family:'Poppins',arial,sans-serif; font-weight:400; font-size:14px; letter-spacing:0.1em; text-align:left;}
#bande_ml div:not('#social') {font-size:14px; float:right;}
#bande_ml a, #bande_ml a:visited {color:#FFF; font-family:'Open Sans',arial,sans-serif; font-weight:400; font-size:11px; letter-spacing:0.1em; text-decoration:none; text-transform: uppercase;}
#bande_ml a:hover {color:#545454; font-family:'Open Sans',arial,sans-serif; font-weight:400;  font-size:11px; letter-spacing:0.1em; text-decoration:none;}
#footer_bottom .mail_no_sp, #footer_bottom a, #footer_bottom a:visited {font-size: 18px; color:#fff; font-family: 'Lato',arial,sans-serif; font-weight: 300;white-space: nowrap;}

/* Social */
.mini_facebook {background-position:0 -10px;}
.mini_twitter {background-position:-20px -10px;}
.mini_linkedin {background-position:-40px -10px;}
.mini_youtube {background-position:-60px -10px;}
.mini_instagram {background-position:-80px -10px;}
.nav li.social a:hover, div.social button:hover {background-position-y:-103px;}

#social {width:100%;text-align: center; height: 45px; line-height: 45px;}
#social a {width:26px; height:25px; display:inline-block; margin-right: 0.25%; margin-left: 0.25%; vertical-align: middle;}
#social a.facebook { background-image:url(grafx/big_social.png); background-repeat:no-repeat; background-position:0 0;}
#social a.twitter { background-image:url(grafx/big_social.png); background-repeat:no-repeat; background-position:-26px 0;}
#social a.linkedin { background-image:url(grafx/big_social.png); background-repeat:no-repeat; background-position:-52px 0;}
#social a.youtube { background-image:url(grafx/big_social.png); background-repeat:no-repeat; background-position:-78px 0;}
#social a.instagram { background-image:url(grafx/big_social.png); background-repeat:no-repeat; background-position:-104px 0;}
#social a:hover { background-position-y:-25px;}


/* Mise en Page */
/* Divers */
.italic {font-style: italic;}
strong {font-weight: 600;}
.no_border {border-style:none;}
.no_padding {padding: 0 0;}
.no_margin,.titre.no_margin {margin: 0 0;}
.m_t20 {margin-top: 20px;}
.m_t10 {margin-top: 10px;}
.m_t40 {margin-top: 40px;}
.m_t50 {margin-top: 50px;}
.m_t80 {margin-top: 80px;}
.m_t100 {margin-top: 100px;}
.m_b10 {margin-bottom: 10px;}
.m_b20 {margin-bottom: 20px;}
.m_b25 {margin-bottom: 25px;}
.m_p60 {padding-bottom: 60px;}
.m_b40 {margin-bottom: 40px;}
.m_b50 {margin-bottom: 50px;}
.p_left {padding-left: 40px;}
.p_t10 {padding-top:10px;}
.p_tb30 {padding-top:30px; padding-bottom: 30px;}
.p_tb40 {padding-top:40px; padding-bottom: 40px;}
.p_tb50 {padding-top:50px; padding-bottom: 50px;}
.t_italic {font-style: italic;}
.t_normal {text-transform: none;}
.big_case {text-transform:uppercase;}
.display_ib {display: inline-block;}
.mw60 {max-width: 60%;}


/* Alignements */
.t_center {text-align:center;}
img.t_center {margin:0 auto; display:block;}
.t_justify {text-align:justify;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.f_right {float:right;}
.f_left {float:left;}
.clearfloat {clear:both; height: 0;}



/* Font size */
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}
.size24 {font-size:24px;}
.size30 {font-size:30px;}
.size35 {font-size:35px;}
.size40 {font-size:40px;}
.size45 {font-size:45px;}
.size50 {font-size:50px;}
.size55 {font-size:55px;}
.size60 {font-size:60px;}

/* Mise en page colonnes */
.col_2 {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.col_3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}


/* Divers Box */
.flex-box {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex_marge {margin-top: 45px;}
.item-box {	-webkit-flex:1;	-ms-flex:1;	flex:1;}
.item-box.auto_w {	flex:auto;width:33%; margin-bottom: 20px;}
.flex-box.m_right .item-box:not(:last-child) {padding-right: 1%;}
.box_ico_img {text-align:center; min-width:65px; height:65px; overflow:hidden; display:block; vertical-align:top; margin:0 auto;}
.box_ico_txt {display:inline-block; width:90%; margin:0 5%; padding-top:35px;}
.item-box:hover .box_ico_txt {cursor:pointer; background-color:#28afce; border-color:#28afce;}
.item-box:hover .txt_services, .item-box:hover .t_services {color:#FFF;}
.item-box:hover img {margin-top:-65px;}
.box_20 {width:18%; float:left; margin:0 1%;}
.box_25 {width:23%; float:left; margin:0 1%;}
.box_25 img {display: block; margin: 8% auto 2% auto;}
.box_33 {width:31.33%; margin-right:1%; margin-left:1%; float:left; overflow: hidden;}
.box_33 img {max-width: 100%;}
.box_50 {padding-right:1%; padding-left:1%;	width:48%;float:left;}
.box_50.bulle_box {width:49%; display:inline-block; vertical-align:top;float: none; min-height: 85px;}
.box_50 img {max-width:100%; width:100%;}
.box_50 img.normalwidth {max-width:initial; width:auto;}
.box_75 {padding-right:1%; padding-left:1%; width:73%;float:left;}
.box_80{padding-right:1%;padding-left:1%;width:78%;float:left;}
.wide_box .box_70 span {color:#FFF; font-size: 30px; font-family:'Lato',arial,sans-serif; font-weight: 100;}
.box_70 {width:68%; float:left; margin-left:2%;}
.box_30 {width:30%; float:left;}
.box_60 {width:58%; display:inline-block; vertical-align:top; margin-right: 2%;}/*float:left;*/
.box_40 {width:39%; display:inline-block; vertical-align:top; }/*float:left;*/
.box_35 {width:35%; float:left;}
.box_65 {width:65%; float:left;}
.bulle_box {box-sizing: border-box; padding: 2% 2%; color: #FFF; background-color: #28afce; font-family:'Lato',arial,sans-serif; font-weight: 300; font-size: 20px; }
.bulle_conex {box-sizing: border-box; padding: 2% 2% 2% 6%; color: #213886; background-color: #e0e0e0; font-family:'Lato',arial,sans-serif; font-weight: 300; font-size: 20px; background-image:url(grafx/lock.png);background-position:2% center;background-repeat: no-repeat;}

/*[class^="box_"] img, [class*=" box_"] img {max-width: 100%; width:100%;}*/


/* Boutons standards */
.btn_contact {border: solid 1px #93be0f; background: #fff; color:#93be0f; font-size: 12px; position: relative; display: inline-block; font-family: 'Open Sans',arial,sans-serif; font-weight:400; text-align: center; padding:10px 40px;  margin-bottom: 40px; margin-top:50px;}
.btn_contact:hover {color:#523f3a;}
.btn_blanc {margin-top: 10px; display: inline-block;border: solid 1px #fff; padding: 10px; color:#fff; font-size: 14px; font-family:'Lato',arial,sans-serif; font-weight: 300; text-transform: uppercase;}
.btn_adherent {background-color: #1894e9; padding: 10px; color:#fff; text-transform: uppercase; font-size: 14px; font-family:'Lato',arial,sans-serif; font-weight: 400;}
.btn_adherent_blanc {background-color: #FFF; padding: 10px; color:#444; text-transform: uppercase; font-size: 14px; font-family:'Lato',arial,sans-serif; font-weight: 600;}
.no_cursor {cursor: default;}

/* Divers - PitooOo */
.social_burger {display: inherit;}




/* Box x4 */
.content_box_4 {width:100%; margin-top:0;}
.box_25_cb4 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; color:#7a7a7a; font-size:15px; font-family:'Roboto',arial,sans-serif; font-weight: 300; width:23%; min-height:270px; margin:0 1%; background-color:#FFF; background-repeat:no-repeat; background-position: bottom right; float:left; border: solid 1px #e3e3e3; -moz-box-shadow: 1px 1px 5px 0px #cfcfcf; -webkit-box-shadow: 1px 1px 5px 0px #cfcfcf; -o-box-shadow: 1px 1px 5px 0px #cfcfcf; box-shadow: 1px 1px 5px 0px #cfcfcf; filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=5);}
.box_25_cb4 img {top:0; margin-bottom: 15px; max-width: 100%;}
.titre_cb4 {display:block;  color:#93be0f; font-size: 18px; font-family:'Open Sans',arial,sans-serif; font-weight: 400; text-align:center;}
.texte_cb4 {color:#858583; font-family:'Open Sans',arial,sans-serif; font-weight: 300; font-size: 12px; padding:10px; text-align: left;  margin-bottom:55px;}

.content_box_4 .box_25:first-child {margin-left:12.5%;}

/* Top logo */
#module_logo_top {border-bottom: solid 1px #213886; width: 100%; height:100px; margin-bottom: 30px;}
/* ModulePage */
#box_1 {margin-bottom:15px; border-top:2px solid #213886; background-color:#f5f5f5; width: 100%; padding:25px 20px 30px 70px; box-sizing: border-box; color:#363636; background-image:url(grafx/bg_btn_gris.png); background-repeat:no-repeat; background-position:25px 30px; float:left;}
#box_2 {margin-top:15px; border-top:2px solid #213886; background-color:#f5f5f5; width: 100%; padding:25px 20px 30px 70px; box-sizing: border-box; color:#363636; background-image:url(grafx/bg_send_gris.png); background-repeat:no-repeat; background-position:25px 30px;}
#box_3 {margin-bottom:15px; border-top:2px solid #213886; background-color:#f5f5f5; width: 100%; padding:25px 10px 30px 10px; box-sizing: border-box; color:#363636; background-image:url(grafx/pin.png); background-repeat:no-repeat; background-position:90% 10%; float:left; font-size: 14px; font-family: 'Lato',arial,sans-serif; font-weight:300; line-height: normal;}
.imgmp {width:100%; max-width:100%; display:block;}
.titre_mp_12 {font-size: 12px; font-family: 'Lato',arial,sans-serif; font-weight:300;}
.titre_mp_18 {font-size: 18px; font-family: 'Lato',arial,sans-serif; font-weight:700; margin-bottom: 5px;}
.form_rb input#mail_newsletter,.form_rb input#email_newsletter,.form_rb input#np_newsletter,.form_rb input#ste_newsletter,.form_rb input#btn_sub_news {margin-bottom: 3px; border:solid 1px #a9a9a9; padding: 5px 5px; background-color: #fff;color:#363636;}
.form_rb input#btn_sub_news {display: block; width: auto;}

/* Accordeon */
.accordeon {cursor: pointer; transition: 0.4s;}
.panel {display: none; overflow: hidden;}

/* Eudonet */
.totalPages {margin:15px 0;}
#map {height: 300px; width: 100%;}
.logo_clients_eudo {width:20%; margin-bottom:20px;}
.box_33_eudo {width:31.33%; padding:1% 1%; display:inline-block; vertical-align:top; text-align:left;}

/* Espace client */
#nav_adh {display: block; min-height: 30px; line-height: 30px; vertical-align: middle; width: 100%; border: solid 1px silver; margin-bottom: 20px;}
#nav_adh a {display:inline-block; padding: 0px 10px; border-right: solid 1px silver;}
#nav_adh a:last-child {border-left: solid 1px silver; border-right:none; float:right;}
#nav_adh a:hover, #nav_adh a.selection {background-color:#213886; color:#fff;}
#nav_adh a:last-child:hover {background-color:#FF0000; color:#fff;}
.titre_adh_client img {vertical-align: top;}
.titre_adh_client {font-size:20px; text-transform: uppercase; display: block; margin-bottom: 10px; height: 30px; line-height: 30px; vertical-align: middle; color:#213886;}

acronym {color: #ff0000;font-size: 12px;cursor: help;font-weight: 600;}

select.new_select{background:url(grafx/select_arrow.png) no-repeat 100% #FFF;-webkit-appearance:none;-moz-appearance:none;text-overflow:'';}
.inputs select{font-size:15px;background-color:#fff;border:1px solid #d7d7d7;color:#6a6a6a;font-weight:500;width:97%;height:auto;padding:10.5px 10px;box-sizing:border-box;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
.form_err span {display: block;}

#cust_module_shop_cp {max-width: 930px;}

.label_new {
  animation: shake 1s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}

.share_box {padding: 1rem 0;display: flex;}
.sharebtn {margin: 0 1%;padding: 0 0 0 0;vertical-align: text-top;}
.sharebtn span {position: relative;top: -1px;}

#carousel-news .mini_date {position:absolute; z-index:1; top:3%; left:7%; width:50px; height:60px; background-color:#005599; text-align:center; color:#FFF; border-radius:3px; font-size:12px;}
#carousel-news .mini_date .mini_date_jours {font-weight:300;width:100%; height:35px; line-height:35px; font-size:24px;font-family: 'Montserrat',arial,sans-serif;}
#carousel-news .mini_date .mini_date_mois {font-weight:500;width:100%; height:25px; line-height:25px; font-size:12px;font-family: 'Montserrat',arial,sans-serif; background-color:#0871c6; border-radius:3px;}
.btn-content {width:100%;margin:0 auto;text-align:center;display:inline-block}
.btn-content a {border:solid 1px #213886;padding:1rem 2rem;color:#213886;display:inline-block}
.btn-content a:hover {border:solid 1px #213886;background-color:#213886;color:#fff}

/* Updt 07 12 22 */
.portfolio-actu {display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-auto-flow:row dense}
.projet-actu {margin-bottom:20px}    
@media screen and (min-width:560px) {.portfolio-actu {grid-template-columns:repeat(1, 1fr)}}
@media screen and (min-width:780px) {.portfolio-actu {grid-template-columns:repeat(2, 1fr)}}
@media screen and (min-width:1024px) {.portfolio-actu {grid-template-columns:repeat(3, 1fr)}}
.texte p{margin-bottom:20px}

iframe{max-width:100%}

h1,h1.titre{font-size:20pt;font-family:'Lato',arial,sans-serif;color:#1894e9;font-weight:600;text-transform:uppercase;text-align:left;line-height:initial}
h2,h2.titre{font-size:16pt;font-family:'Lato',arial,sans-serif;color:#213886;font-weight:400;text-transform:none;text-align:left;line-height:initial}
h3,h3.titre{font-size:12pt;font-family:'Lato',arial,sans-serif;color:#000000;font-weight:600;text-transform:none;text-align:left;line-height:initial}
.texte p {font-size:12pt;font-family:'Lato',arial,sans-serif;color:#363636;font-weight:400;text-transform:none;text-align:justify}



/* Updt 03 2023 */
div.social{height:30px;line-height:30px}
#bande_coords {font-size: 13px;width:100%;height:30px;line-height:30px;display:flex;align-items:center;color:#fff;background:#292929;padding:0 0;justify-content: flex-end;}
#bande_coords div.social a{height:30px}
#bande_coords div.social a {background-image:url(grafx/mini_social_Updt.png);margin:0 10px}
#bande_coords div.social a:hover{background-position-y: -60px}
#bande_coords .nav_sep {background:url(grafx/nav-sep_Updt.png) no-repeat left center;background-size: 1px 70%;}
#bande_coords .form-adherent{margin-right:20px;}
#bande_coords .form-adherent a{color:#fff} #bande_coords .form-adherent a:hover{color:#0871c6}
#bande_coords #btn_nav_search a{padding:0 20px;}
#logo-resp {display:none;width:380px; height:auto; overflow:hidden; z-index:1000; position:absolute;left:2%;top:35px;}
#logo-resp img {max-height:65px}
.confirmPass{width: 30%;}

#adv_filter {margin:0 0 20px 0}