/* 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, 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;}
body {
	background:#FFF;
	color:#344E45;
	font-family:'ralewayregular',arial,sans-serif;
	font-size:14px;
	text-align:justify;
	}
ol, ul {list-style:none; padding-left: 30px;}
#textes .texte > div:not(.blog-box) li, .blog-box .box_70 li {display:list-item; list-style-image:url(grafx/square.png); margin-bottom:10px;}
#textes .bg_bleu li {display:list-item; list-style-image:url(grafx/square2.png); margin-bottom:10px;}

/* Masquer cadres liens Firefox */
a {outline: none; color:#3d3d3d; text-decoration:none; transition:color 0.2s ease-out 0s;}
a:hover {color:#484848;}
:focus {-moz-outline-style: none;}

::-moz-selection {color:#FFF; background:#ca358c;}
::selection {color:#FFF; background:#039cd8;} 
/* **************************** */

@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular.eot');
    src: url('fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular.woff2') format('woff2'),
         url('fonts/raleway-regular.woff') format('woff'),
         url('fonts/raleway-regular.ttf') format('truetype'),
         url('fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayextrabold';
    src: url('fonts/raleway-extrabold.eot');
    src: url('fonts/raleway-extrabold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold.woff2') format('woff2'),
         url('fonts/raleway-extrabold.woff') format('woff'),
         url('fonts/raleway-extrabold.ttf') format('truetype'),
         url('fonts/raleway-extrabold.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold.eot');
    src: url('fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold.woff2') format('woff2'),
         url('fonts/raleway-semibold.woff') format('woff'),
         url('fonts/raleway-semibold.ttf') format('truetype'),
         url('fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium.eot');
    src: url('fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium.woff2') format('woff2'),
         url('fonts/raleway-medium.woff') format('woff'),
         url('fonts/raleway-medium.ttf') format('truetype'),
         url('fonts/raleway-medium.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Accueil - Home */
section {
	width:1200px; margin:0 auto;
}

section {
	display:block;
	position:relative;
	left:0;
	min-height:100%;
	width:100%;
}
.btn_intro {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-family: 'ralewayregular',arial,sans-serif; font-size: 15px;
	position: relative;
    padding:10px 30px;
    width: auto;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
}
.bg_mission {background-color:#3e3f37; color:#FFF; margin-left:55px;}
a.btn_intro:hover  {color:#3d3d3d;}
a.bg_mission:hover {color:#ca358c;}
.btn_intro img {vertical-align: middle; margin-right: 10px; margin-top:-2px;}
.fullbg {
	background:url(bandeau/home-1.jpg) no-repeat top center fixed; 
	-webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
	margin:0;
	padding:0;	
	text-align:center;
}
.text_bandeau {text-align:center; position:absolute; left:0; top:0; margin:auto; width:50%; height:660px; line-height:860px;}
.text_bandeau div {padding:3rem 2rem;line-height:normal; display:inline-block; font-size:45px; color:#FFF; font-family: 'Open Sans',arial,sans-serif; font-weight:700; text-transform: uppercase; background-color: rgba(1,159,222,0.7);}
#box_home {
	z-index:1;
	position:absolute;
	top:20%;
	width:98%;
	margin:0 auto;
	padding-left:2%;
	font-family:'ralewayregular',arial,sans-serif;
	font-size:15px;
	color:#3d3d3d;
	text-align:left;
}
#box_home .titre_home {
	font-family:'ralewayregular',arial,sans-serif;
	font-size:30px;
	color:#3d3d3d;
	text-transform:uppercase;
	padding-bottom: 30px;
	margin:2% 0 0 0;
	}
#box_home p {
	width:68%; font-size: 20px;
}
.footer_scroll {
	z-index:1;
	width:100%;
	height:38px;
	background:url(grafx/footer_scroll.png) repeat-x top center;
	display:block;
	position:absolute;
	bottom:0;
}

/* Header Pal */
#header_top {
	top:0;
	position:fixed;
	background:rgba(255,255,255,1);
	height:157px;
	width:100%;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	z-index:65535;
}
#header_image {background-image:url('bandeau/home-1.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:660px; display:block;}
#logo {height:100px;display:flex;align-items:center;margin-left:50px;}
#coord_top {position:absolute; top:25px; right:50px; height:25px; line-height: 25px; vertical-align:middle; font-size:10px; color:#717171; font-family:'OpenSansBold',arial,sans-serif;}
#coord_top a, #coord_top a:visited {text-decoration:none; font-size:13px; color:#484848; font-family:'OpenSansRegular',arial,sans-serif; font-weight:bold;}
.top_coord_sep {width:1px; height:50px; background-color: #eaeaea; display: inline-block;}
.top_coord_tel {display:inline-block; height:28px; line-height: 13px; vertical-align:top; background:url(grafx/ico_phone.png) no-repeat 0 50%; padding:0 29px 0 30px; margin-top:10px;}
.top_coord_mail {display:inline-block; height:28px; line-height: 13px; vertical-align:top; background:url(grafx/ico_mail.png) no-repeat 0 50%; padding:0 29px 0 40px; margin-left: 30px; margin-top:10px;}
.top_coord_lng {display:inline-block; height:28px; line-height: 13px; vertical-align:top; background:url(grafx/ico_flag.png) no-repeat 0 50%; padding:0 0 0 30px; margin-left: 30px; margin-top:10px;}

/* Navigation Pal */
#burger {display:none; position:absolute;top: 50%;transform: translateY(-50%); right:2%; cursor:pointer; width:50px; height:40px; background:url(grafx/burger.png) no-repeat 0 0; background-size:cover; z-index:65535;}
#navigation {
	z-index:9;
	margin:0 auto;
	width:100%;
	height:58px; /* Hauteur nav */
	background-color:#019FDE;
	position:absolute;
	bottom:0;
	text-align:center;
}
.nav,.nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.nav {
	display:inline-block;
}
.nav ul {
	height:0;
	left:0;
	overflow:hidden;
	position:absolute;
	top:58px; /* Position top sous-nav = hauteur nav */
}
.nav li {
	list-style-type:none;
	float:left;
	position:relative;
	font-family:'ralewaysemibold',arial,sans-serif;
	font-size:13px;
	color:#FFF;
	text-transform:uppercase;
	margin:0 20px;
}

.nav li a {
	-moz-transition:0.2s;
	-o-transition:0.2s;
	-webkit-transition:0.2s;
	color:#FFF;
	display:block;
	font-size:13px;
	line-height:58px; /* Hauteur nav */
	padding:0 0;
	margin:0;
	text-decoration:none;
	transition:0.5s;
	cursor:pointer;
}
.nav li:hover > a, .links.selection > a {
	color:#484848;
}

.nav li:hover ul.subs {
	height:auto;
	min-width:180px;
}
.nav ul li {
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-webkit-transition:0.5s;
	opacity:0;
	transition:0.5s;
	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;
/*
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
*/
}
.nav ul li a {
	padding:0 40px 0 30px;
	background:#FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #7E7D7B;
	border-left:1px solid #7E7D7B;
	border-right:1px solid #7E7D7B;
	color:#3E3E3D;
	line-height:1px;
	-moz-transition:0.35s;
	-o-transition:0.35s;
	-webkit-transition:0.35s;
	transition:0.35s;
	white-space:nowrap;
}
.nav li:hover ul li a {
	line-height:35px;
}
.nav ul li a:hover {
	color:#FFF;
	background-color:#039cd8;
	border-top:1px solid #FFF;
	border-bottom:1px solid #7E7D7B;
	border-left:1px solid #7E7D7B;
	border-right:1px solid #7E7D7B;
}


/* Boutons standards */
.bg_rose {
	background:#019edc;	
	color:#FFF;
	margin-top: 40px;
	font-family:'ralewayregular',arial,sans-serif;
}
.btn {
	position:relative;
	padding:20px 50px;
	width:auto;
	display:inline-block;
	text-align:center;
	font-family:'ralewayregular',arial,sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}

#nav_box_left {width:23%; padding-right:2%; float:left; text-align:left;}
#nav_box_left div {background-color: #019FDE; color:#FFF; padding:4% 0 4% 4%; width:96%; text-transform: uppercase;}
#nav_box_left a::before {content:'>'; margin-right: 10px;}
#nav_box_left a.no_li::before {content:''; margin-right: 0px;}
#nav_box_left a.no_arrow::before {content:''; margin-right: 10px;}
#nav_box_left a, #nav_box_left a:visited {line-height:1.4em; font-family:'Open Sans', sans-serif; font-weight: 700; font-size:13px; color:#484848; text-decoration:none; padding:4% 0 4% 4%; width:96%; display:inline-block;}
#nav_box_left a:hover, #nav_box_left a.selection_nav {color:#039cd8;}
#nav_box_left a.no_li {padding: 0 0 0 4%; color:#fff;}
#nav_box_left a.no_li:hover {color:#484848;}
#nav_box_left img {max-width: 100%; margin-top:5%;}
#nav_box_left a.btn_contact_lb, #nav_box_left a:visited.btn_contact_lb {text-decoration:none; display:block; max-width:100%; padding:5px 10px; margin-top:30px; color:#FFF; text-transform: uppercase; font-family:'OpenSansBold',arial,sans-serif; font-size: 11px;}
#nav_box_left a:hover.btn_contact_lb {color:#969494;}
/* 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-bottom: 25px;}
.item-box {
	-webkit-flex:1;  /* Safari 6.1+ */
	-ms-flex:1;  /* IE 10 */    
	flex:1;
}
.flex-box.m_right .item-box:not(:last-child) {
	padding-right: 1%;
}
.box_ico_img {width:50px; display:inline-block; vertical-align:top; margin-bottom: 30px;}
.box_ico_img_2 {width:initial; display:inline-block; vertical-align:top; margin-bottom: 30px; margin-right: 4%;}
.box_ico_txt {display:inline-block; width:80%;}

.line_box {display:table; width:100%;}
.box_25 {width:23%; float:left; margin:0 1%;}
.box_33 {width:29%; float:left; padding:0 2%;}
.box_33 span {background:url(grafx/sep.png) no-repeat bottom center; padding-bottom:20px; font-family:'Open Sans',arial,sans-serif; font-weight: 600; font-size: 25px; margin-top:94px; margin-bottom: 20px; display:block; text-align: center;}

.box_50 {width:50%; margin:0 0 0 0; display:table-cell; vertical-align: top;}
.box_50.img_box img {max-width: 100%; display: block;}

.box_30 {width:30%; float:left;}
.box_75 {float:left; padding-right:1%; padding-left:6%; width:68%;}
.no_marge,.titre.no_marge {margin:0 0;}
.no_padding {padding:0 0;}
.l_marge {padding-left:4%; padding-right:0; width:46%;}
.r_marge {padding-left:0; padding-right:4%; width:46%;}

/* Corps de texte */
#content {
	width:100%;
	padding:5px 0 0 0;
	margin:0 0;
	background:#FFF;
}
#textes {
	color:#1e2128;
	font-size:15px;
	font-family:'ralewaymedium',arial,sans-serif;
}
.texte {
	max-width:1300px;
	margin:20px auto 0 auto;/* padding:25px 0; */
}
.texte ul {display: inline-block;}
.texte:after {
	content:'';
	clear:both;
	display: block;
}
.column_3 {
	-webkit-column-count:3; /* Chrome, Safari, Opera */
	-moz-column-count:3; /* Firefox */
	column-count:3;
	-webkit-column-gap:34px; /* Chrome, Safari, Opera */
	-moz-column-gap:34px; /* Firefox */
	column-gap:34px;
}
.titre {color:#484848; font-weight: 700;  font-family:'Open Sans',arial,sans-serif; font-size:30px; display:block; margin:0 0 30px 0; text-transform:uppercase; text-align:left;}
.titre_home { color:#484848; font-family:'Open Sans',arial,sans-serif; font-weight:700; font-size:30px; display:block; margin:30px 0 30px 0; text-transform:uppercase; text-align:center;}
.titre_ico {color:#3d3d3d; 	font-family:'montserrat-semibold',arial,sans-serif; font-size:14px; display:block; text-transform:uppercase; text-align:center; margin:0 0 16px 0;}

.wide_box {
	width:100%;
	height:300px;	
	min-height:170px;	
	padding:40px 0 40px 0;	
	display:table;
}

#headline {
	width:100%;
	height:170px;
	min-height:170px;
	display:table;
	margin:0 0 45px 0;
	-webkit-box-shadow: inset 0px 25px 15px -15px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0px 25px 15px -15px rgba(0, 0, 0, 0.75);
	-o-box-shadow: inset 0px 25px 15px -15px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 25px 15px -15px rgba(0, 0, 0, 0.75);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=180, Strength=25);
	background:url(grafx/trame.png) repeat 0 0 #222222;
}
.box_33.box_headline {
	line-height:1;
	width:30%;
	padding:43px 1.5% 30px 1.5%;
	color:#FFF;
	font-size:12px;
	font-family:'OpenSansRegular',arial,sans-serif;
}
.titre_headline {
	color:#32a1d2;
	font-family:'OpenSansSemibold',arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;
	text-transform:uppercase;
}
.box_lien {
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	margin-top:10px;
	display:block;
}


/* Accueil */
.home_flex .item-box {
	max-width: 330px;
	oveflow:hidden;
	position:relative;
}
.home_flex img {
	width:100%;
	display: block;
}

#box_sh {margin-top:80px; width:100%; height:358px; background-image:url('grafx/img_slogan_home.jpg'); background-repeat:repeat-x; background-position:center center; overflow:hidden;}
#box_sh div.bg_grille {width:100%; height:100%; background-image:url('grafx/bg_slogan_home.png'); background-repeat:repeat-x; background-position:0 0; text-align:center; color:#FFF; font-size:40px; vertical-align:middle; font-family: 'CabinCondensedRegular',arial,sans-serif; font-style: italic;}
#box_sh div.bg_grille div {position:relative; top:50%;}
#box_sh div.bg_grille div span {display:block; font-size:20px; margin-top:5px; font-style: normal; float:right;}

#box_sponsors {background:url(grafx/_bg_box_clients.png) no-repeat top center #dcdcdc; width:100%; height:auto; padding:120px 0 75px 0;}
.img_sponsors {width:33.33%; padding:2% 0; display:inline-block; text-align:center;}
.img_sponsors img {width:100%; vertical-align: middle;}




/* -----------------------------------*/
.slogan {
	font-size:40px;
	color:#FF4A54;
	font-family:'CabinCondensedRegular',arial,sans-serif;
	font-style:italic;
	margin:35px 0;
	display:block;
}

.box_slogan {
	border-style:solid;
	border-width:0 0 1px 0;
	border-color:#e68e17;
	font-size:35px;
	font-family:'oswaldbook',arial,sans-serif;
	padding:25px 0;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
	text-transform:uppercase;
}

.icon_intro {display: inline-block; text-align: left; vertical-align: top; margin-left: 10%;}
.box_illust {
	position:relative;
	padding:30px 0;
}
.box_illust .box_acc {
	display: inline-block;
	width:60%;
	padding:0 0 0 3%;
	margin:0 0;
	text-align:left;
	color:#032137;
	font-size:12px;
	font-family:'OpenSansRegular',arial,sans-serif;
}
.box_illust .box_acc .titre_box {
	height:44px;
	color:#032137;
	font-size:22px;
	font-weight:300;
	font-family:'oswaldbook',arial,sans-serif;
	text-align:center;
	display:block;
	margin-bottom:10px;
}

/* Actualit�s */
.box_actu {height:195px; padding-left:2%; padding-right: 1%; width:47%; color:#032137; font-size:12px; font-family:'OpenSansRegular',arial,sans-serif; padding-top: 95px;}
.box_actu .box_img {width:150px; height:100px; overflow:hidden; background:url(grafx/no_image.png) no-repeat 0 0; border:solid 1px #cdcdcd; box-sizing: border-box; float: left; margin-right:10px;}
.box_actu .box_img img {width:100%;}
.box_25_actu {width:25%; float:left; border-right:solid 1px #cdcdcd; box-sizing: border-box; height:290px;}
.box_25_actu img {margin-top:35px;}
.border_line {border-right:solid 1px #cdcdcd; box-sizing: border-box; height:290px; width:50%;}
.titre_box_actu {color: #032137; font-size: 18px; font-weight: 300; font-family: 'oswaldbook',arial,sans-serif; display: block; margin-bottom: 10px; text-transform: uppercase;}

.box_actu_wide {display:block; margin:0 0 60px 0; float:left; width:100%;}
.box_actu_wide .box_img {width:300px; height:200px; overflow:hidden; background:url(grafx/no_image.png) no-repeat center center #100900; border:solid 1px #cdcdcd; box-sizing: border-box; float: left; margin-right:10px;}
.box_actu_wide .box_img img {width:100%;}

/* Contact */
/* Formulaire : standards */
#contact_box {margin-top: 60px;}
#contact_box form {width:60%; margin:60px auto 0 auto;}
.inputs {width:49.5%; height:40px; line-height: 40px; position:relative; display: inline-block;}
.inputs > label {width:19%; padding:0 0 0 1%; display:none; white-space: nowrap; vertical-align: top; line-height:40px; } /* inline-block */
.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-family:'ralewaymedium',arial,sans-serif; width:94%; height:20px; padding:5px 10px; border-style:solid; border-color:#484848; border-width:1px; -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-family:'ralewaymedium',arial,sans-serif; background-color:transparent; width:100%; height:100px; padding:5px 2%; border-style:solid; border-color:#484848; border-width:1px; -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:'oswaldbook',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);
}
.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:'montserratsemi_bold',arial,sans-serif;
	margin:2% auto;
	display: block;
	border:none;
	background:#019edc;
	padding:10% 15%;
	color:#FFF;
	cursor:pointer;
	text-transform:uppercase;
	font-size:13px;
	letter-spacing: 0.02em;
	font-weight:700;
}
.o_field {font-size: 13px;}


/* Galeries */
#liste_galeries {
	width:100%;
	margin:25px 0;
	padding:0;
}
#galerie {
	z-index: 1;
	width:100%;
}
#filters {
	width: 80%;
    text-align: center;
    margin: 0 10%;
    display: block;
    line-height: 70px;
}
#filters span {padding:0 15px; cursor:pointer;}
#filters span:hover {color:#ca358c;}
.selection_type {color:#ca358c;}
.item {
	width:20%;
	height:431px; /* 475.75px */
	overflow: hidden;
	display:inline-block;
	background:#364147;
}
.zoom_arrow {background:url(grafx/zoom_arrow.png) no-repeat center center #364147;}
.item img {
	max-width: none;
    width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    opacity:1;
}
.item:hover{cursor:pointer;}
.item:hover img {cursor:pointer;}

.item .box_anim_border::before,
.item .box_anim_border::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.item .box_anim_border::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.item .box_anim_border::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.item.anim_img:hover .box_anim_border::before,
.item.anim_img:hover .box_anim_border::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.truc {font-size:1.2em;}

.item.anim_img img {
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:0.25;
}
.titre_photo {
	z-index: 65535;
	color:#FFF;
	width:100%;
	height: 100%;
	text-align:center;
	position: absolute;
    top:0px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s ease-in-out;
    -moz-transition: opacity 0.35s, -webkit-transform 0.35s ease-in-out;
    -o-transition: opacity 0.35s, -webkit-transform 0.35s ease-in-out;
    transition: opacity 0.35s, -webkit-transform 0.35s ease-in-out;
}
.item.anim_img .titre_photo {
	z-index: 65535;
	color:#FFF;
	width:100%;
	height: 100%;
	text-align:center;
	position: absolute;
    top:0px;
	opacity: 1;
	-webkit-transform: translate3d(0, 50%, 0);
    -moz-transform: translate3d(0, 50%, 0);
    -o-transform: translate3d(0, 50%, 0);
    -ms-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
}
.home_item {width:25%; height:476px;}
.centre_nom_projet {
	display:table-cell;
	vertical-align:middle;
}
.nom_projet {
	height: 100%;
	padding:0 0;
	display:inline-block;
	color:#FFF;
	font-size:15px;
	font-family:'RalewayRegular',arial,sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}
.nom_projet span {display:block; margin-top:3%; font-size:13px; font-family:'RalewayRegular',arial,sans-serif;}
.btn_back {
	margin:15px;
	padding:7px 28px 7px 10px;
	text-transform: uppercase;
	font-size: 13px;
	color:#FFF;
	font-family: 'RalewayRegular',arial,sans-serif;
	background:url(grafx/btn_back.png) no-repeat 95% center #ca358c;
}
.btn_back:hover {color:#575757;}

.back_gal_btn {
	background:#bc9b6a;
	padding:5px 10px;
	text-transform:uppercase;
	color:#fff;
	float:left;
}
.gal_btn {
    font-size: 15px;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-family: arial;
    vertical-align: top;
    float: right;
}


/* Footer */
#footer_bottom {
	position:absolute;
	bottom:0;
	display:block;
	width:100%;
	height:50px;
	line-height:normal;
	background: #1e1f16;
}
#footer_bottom a {
	color:#FFF;
}

#footer {
	position:relative;
	height:100%;
	width:1200px;
	min-width:1200px;
	margin:0 auto;
	color:#FFF;
	font-family:'montserratlight',arial,sans-serif;
	font-size:10px;
	text-align:center;
}
#footer .titre {
	color:#032137;
	font-size:20px;
	margin-bottom:20px;
	background:url(grafx/fleche-bleu.png) no-repeat  left center;
	padding-left:15px;
}
	
#bande_ml {
	width:98%;
	height:27px;
	padding:16px 1% 0 1%;
	color:#FFF;
	font-family:'montserratlight',arial,sans-serif;
	font-size:10px;
	text-transform: uppercase;
	text-align:center;
}
#bande_ml div {font-size:10px; float:right;}
#bande_ml a, #bande_ml a:visited {
	color:#FFF;
	font-family:'ralewayregular',arial,sans-serif;
	font-size:10px;
	text-decoration:none;
}
#bande_ml a:hover {
	color:#019FDE;
	font-family:'ralewayregular',arial,sans-serif;
	font-size:10px;
	text-decoration:none;
}
/* Social */
#social {margin: 10px 0;font-size:30px}
#social a {width:30px; height:30px; display:inline-block; margin-right: 5px;color:#1c9adc}
#social a:hover{color:#484848}
#social a.facebook { background-image:url(grafx/social.png); background-repeat:no-repeat; background-position:0 0;}
#social a.facebook:hover { background-position:0 -25px;}
#social a.twitter { background-image:url(grafx/social.png); background-repeat:no-repeat; background-position:-25px 0;}
#social a.twitter:hover { background-position:-25px -25px;}
#social a.linkedin { background-image:url(grafx/social.png); background-repeat:no-repeat; background-position:-50px 0;}
#social a.linkedin:hover { background-position:-50px -25px;}
#social a.viadeo { background-image:url(grafx/social.png); background-repeat:no-repeat; background-position:-75px 0;}
#social a.viadeo:hover { background-position:-75px -25px;}
.copyright {font-family:tahoma,sans-serif; position:relative; top:0; font-size:15px;}


/* Box shuffle */
.box_shuffle {margin-top:115px;}
.box_shuffle .titre_pal {width:100%; text-align:center; font-weight:300; font-size:18px; color:#424C4D; font-family: 'CabinCondensedRegular',arial,sans-serif; display:block; margin-bottom:20px;}

/* Divers - PitooOo */
.t_services {font-size: 18px; font-family: 'Open Sans',arial,sans-serif; font-weight:700; margin-bottom: 20px; display: block;}
.t_bleu {font-size: 18px; font-family: 'ralewayextrabold',arial,sans-serif; margin-bottom:10px; color:#029dda;}
.illu_crea {background-image: url(grafx/expert-comptable.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ligne_b {border-top: solid 1px #029dda; padding-top: 20px;}
.warning {color:#FFF; background: #029dda; width:100%; padding:10px; text-transform: uppercase;}
.chapo {font-family: 'Open Sans',arial,sans-serif; font-weight:400; color:#1ca4d6; font-size:20px; margin-bottom: 10px;}
.adeline {width: 20%;  margin: 0 18px 18px 0; float: left;}


/* Divers */
.no_border {border-style:none;}
.no_padding {padding: 0 0;}
.m_b10 {margin-bottom: 10px;}
.m_b30 {margin-bottom: 30px;}
.pad60 {padding:60px 60px  60px 0;}
.t_italic {font-style: italic;}
.t_underl {text-decoration: underline;}
.ral_r {font-family:'ralewayregular',arial,sans-serif;}
.ral_sb {font-family:'ralewaysemibold',arial,sans-serif;}
.ral_xb {font-family:'ralewayextrabold',arial,sans-serif;}
.ral_m {font-family: 'ralewaymedium',arial,sans-serif;}
.open_b {font-family:'Open Sans',arial,sans-serif; font-weight: 700;}
.open_sb {font-family:'Open Sans',arial,sans-serif; font-weight: 600;}
.open_r {font-family:'Open Sans',arial,sans-serif; font-weight: 400;}



/* Couleurs Std */
.gris {color:#484848;}
.blanc {color:#FFF;}
.bleu {color:#1ca4d6;}
.bg_gris {background:#484848;}
.bg_bleu {background:#1ca4d6;}

/* Alignements */
.t_center {text-align:center;}
.t_justify {text-align:justify;}
.t_left {text-align:left;}
.t_right {text-align:right;}
.display {display: block;}
.big_case {text-transform:uppercase;}
.clearfloat {clear:both;}
strong {font-weight: 700;}


/* Font size */
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size20 {font-size:20px;}
.size25 {font-size:25px;}
.size30 {font-size:30px;}
.size40 {font-size:40px;}

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


/* Boutons standards */
.btn_contact {background: #019edc; color:#FFF; text-transform: uppercase; font-size: 11px; position: relative; display: inline-block; font-family: 'ralewayregular',arial,sans-serif; text-align: center; padding:10px;  margin-bottom: 40px; margin-top:60px;}
.btn_gris {background: #484848; color:#FFF; text-transform: uppercase; font-size: 16px; position: relative; display: inline-block; text-align: center; padding:16px;  margin-bottom: 60px; margin-top:40px;}
.btn_plus {color:#FFF; text-align: center; text-transform: uppercase; display: block; font-family: 'ralewaysemibold',arial,sans-serif; font-size: 13px; margin-top:44px; margin-bottom:60px;}
.btn_plusmini {color:#029dda; font-family: 'ralewayextrabold',arial,sans-serif; font-size:12px; margin-top: 20px; display: block; margin-bottom: 30px; }
.btn_crea {color:#029dda; background: #FFF; padding:15px 5px 15px 0; width:500px; font-size:15px; position: relative; display: inline-block; font-family: 'Open Sans',arial,sans-serif; font-weight: 700; }
.box_acc .btn_fleche, .btn_center {margin-left:auto; margin-right:auto; font-family: 'ralewaysemibold',arial,sans-serif;}
.btn_gris:hover{color:#019fde}
.ico-link, .ico-link:visited {
	color:#FFF;
	text-decoration:none;
}
.ico-link:hover {
	color:#383838;
	text-decoration:none;
}
/*
[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;
}*/

.separateur {
	display:block;
	width:100%;
	height:1px;
	clear:both;
}

#mlegals {
	color:#029dda;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

#page {
	min-height:100%;
	position: relative;
	overflow: hidden;
}

.bg_gris {background-color:#e0e0e0;}
.bg_gc {background-color:#fafafa;}
.bleu {color:#039cd8;}
.mt_5 {margin-top: -5px;}


/* home articles */
.blog-box-actu {margin:2% auto 0 auto; background-color: #efefef;}
.blog-box-actu .box_mini img {max-width: 100%; width: 100%;}
.blog-box-actu .box_mini {width:31.33%; margin:0 .75% 2% .75%; display:inline-block; float:none; padding:0 0 0 0; font-size:13px; vertical-align: top;}

.blog-box-actu .grid-box {box-shadow: 0 1px 0 0 rgba(238, 238, 238, 0.6);border: 1px solid #efefef;background: #fff;}
.blog-box-actu p { box-sizing:border-box; padding: 5% 2% 3% 2%; text-align:left; line-height: 1.4em;}
.blog-box-actu p.no_v_marge {margin-top: 0; margin-bottom: 0;}
.blog-box-actu p.no_v_padding {padding-top: 0; padding-bottom: 0;}
.blog-box-actu p.no_vt_padding {padding-top: 0;}
.blog-box-actu p.no_vb_padding {padding-bottom: 0;}
.blog-box-actu .mini-titre {font-size:20px; min-height:48px; display: inline-block;color:#019FDE;line-height: initial;}
.blog-box-actu a.blog-btn,.blog-box-actu a.blog-btn:visited {background-color:transparent; display: inline-block; border:solid 1px #019FDE; padding:5px 10px; text-transform: uppercase; font-size: 11px; font-weight: 500; color: #019FDE;}
.blog-box-actu a.blog-btn:hover {background-color:#019FDE; border-color:#019FDE; color:#FFF; -webkit-transition: all .1s ease-in; -ms-transition: all .1s ease-in; transition: all .1s ease-in;}
.logo-part{display:flex;gap:1rem} .logo-part img{max-width:45%;margin:2rem 0}
	.partenaire-details {display: flex;gap:2rem;line-height:24px;text-align: left;}
	.flex-1{flex:1} .flex-2{flex:2} .flex-3{flex:3} .flex-4{flex:4} .flex-5{flex:5} .flex-6{flex:6}
	.order-1{order:1} .order-2{order:2} .order-3{order:3} .order-4{order:4} .order-5{order:5} .order-6{order:6}
	.flex-center{align-items:center;justify-content:center;padding:90px 0}
	.flex-top{align-items:flex-start}

	.col-part-details img {width:440px; height:auto; object-fit:contain; float:left;margin-bottom:35px;}/*height:405px;*/
	.separartor{width:100%; height:1px; background:#e0e0e0; margin:35px 0;display: block;}
	.ste-part{color:#019FDE;font-size:14px;font-weight:500;margin-bottom:10px;text-transform:uppercase;}
	.nom-part{font-size:20px;font-weight:700;margin-bottom:20px;}

	.col-part-content ul{margin-bottom:1rem;text-align:left;}
	.titre-part{font-size:35px;font-weight:700;margin:10px 0 15px 0;display:block;line-height:normal;color:#1e2128;}
	a.btn-part{color:#fff;background:#019fde;padding:.25rem .75rem;} 	a.btn-part:hover{background:#484848}

	ul.flex-part{display:flex;gap:1rem;padding:0;line-height:22px;margin-bottom:2rem;flex-direction:column}
	ul.flex-list{display:flex;gap:3rem;padding:0;line-height:22px;margin-bottom:2rem}
	ul.flex-list li{flex:1}
	@media (max-width: 1024px){ul.flex-list{flex-direction:column;gap:2rem;margin-bottom:3rem}}




	.leaflet-interactive:focus { outline: none; }
    :root{
      --bg:#0b0d12;
      --panel:#10131a;
      --muted:#7a8aa0;
      --accent:#3b82f6;
      --success:#10b981;
      --warning:#f59e0b;
      --chip:#1b2333;
      --border:#1f2937;
      --white:#e5e7eb;
      --filter-stroke: var(--accent);
    }
    *{box-sizing:border-box}
    .app{display:grid; grid-template-columns: 1fr 380px; gap:12px; height:80vh; padding:12px;color:#fff}
    #map{width:100%; height:100%; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.35); position:relative}
    aside.map{height:100%; background:var(--panel); border:1px solid var(--border); border-radius:14px; display:flex; flex-direction:column; overflow:hidden;color:#fff}
    header.appbar{display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--border); background:linear-gradient(180deg,#111827 0%,#0f172a 100%)}
    .dot{width:10px; height:10px; border-radius:50%}
    .title{font-weight:700; letter-spacing:.3px}

    .filters{padding:12px 14px; display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--border)}
    .chip{background:var(--chip); border:1px solid var(--border); padding:8px 10px; border-radius:999px; cursor:pointer; font-size:12px; user-select:none; transition:border-color .15s ease, box-shadow .15s ease;color:#fff}
    .chip.active{ border-color: var(--filter-stroke); box-shadow: 0 0 0 2px var(--filter-stroke); outline: none; }

    .legend{padding:10px 14px; display:flex; flex-direction:column; gap:6px; border-bottom:1px solid var(--border); max-height:180px; overflow:auto}
    .legend-item{display:flex; align-items:center; gap:8px; cursor:pointer; padding:6px; border-radius:8px}
    .legend-item:hover{background:#151b26}
    .legend-swatch{width:14px; height:14px; border-radius:3px; border:1px solid rgba(255,255,255,.25)}
    .legend-name{font-size:13px; color:#d1d5db}

    .stats{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:12px 14px; border-bottom:1px solid var(--border)}
    .stat{background:#0f1520; border:1px solid var(--border); border-radius:12px; padding:10px}
    .stat .k{font-size:20px; font-weight:700}
    .stat .l{font-size:12px; color:var(--muted)}

    .panel{flex:1; overflow:auto; padding:10px 14px}
    .card{background:#0f1520; border:1px solid var(--border); border-radius:14px; padding:12px; display:grid; grid-template-columns:72px 1fr; gap:12px; margin-bottom:12px}
    .card img{width:72px; height:72px; object-fit:contain; border-radius:12px}
    .card h3{margin:0; font-size:16px}
    .badge{display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:999px; font-size:11px; background:#111827; border:1px solid var(--border); color:#c7d2fe}
    .depts{font-size:12px; color:#cbd5e1}
    .meta{font-size:12px; color:#aab4c3}
    .cta-bar{display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 14px; border-top:1px solid var(--border); background:#0e1420}
    .btn{padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:#111827; color:#e5e7eb; font-weight:600; text-align:center; text-decoration:none}
    .btn:hover{filter:brightness(1.1)}
    .btn.primary{background:var(--accent); border-color:#2a59b6}

    /* Leaflet theming (dark) */
    .leaflet-container{background:#0b0d12}
    .leaflet-control-zoom a{background:#111827; color:#e5e7eb; border:1px solid var(--border)}
    .leaflet-control-attribution{background:#0f1520;color:#9fb0c6}
    .leaflet-tooltip{background:#0f1520; color:#e5e7eb; border:1px solid var(--border)}
    .leaflet-popup-content-wrapper{background:#0f1520; color:#e5e7eb; border:1px solid var(--border)}
    .leaflet-popup-tip{background:#0f1520}

    /* Loading overlay */
    .loading-overlay{position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(11,13,18,.6); backdrop-filter:blur(2px); z-index:500; border-radius:14px}
    .loading-badge{background:#0f1520; border:1px solid var(--border); padding:8px 12px; border-radius:999px; font-size:12px; color:#cbd5e1}

    @media (max-width: 1024px){
      .app{height:145vh;grid-template-columns:1fr; grid-template-rows:40% 60%}
      aside{order:2}
    }
	.partenaire-details-bo{line-height:24px;color:#1e2128}