@charset "UTF-8";
/* CSS Document */
/* UDUDDUDUDUDUDUDUDUDUDUDUD */
/* UDUD URBANDATA UDUDUDUDDU */
/* UDUD www.urbandata.fr UDU */

/*
border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; box-shadow: #363636 0px 2px 3px 0px; -moz-box-shadow: #363636 0px 2px 3px 0px; -khtml-box-shadow: #363636 0px 2px 3px 0px; -webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/*
border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	box-shadow: #363636 0px 2px 3px 0px;
	-moz-box-shadow: #363636 0px 2px 3px 0px;
	-khtml-box-shadow: #363636 0px 2px 3px 0px;
	-webkit-box-shadow: #363636 0px 2px 3px 0px;
*/
/* Modern Browsers
	opacity: 0.7;
/* IE 8
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
/* IE 5-7
filter: alpha(opacity=70);
/* Netscape
-moz-opacity: 0.7;
/* Safari 1
-khtml-opacity: 0.7;

 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
 /*Internet Explorer 10 in Windows 8 and Windows Phone 8*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
/**/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

@media only screen and (max-width: 1024px) { }
@media only screen and (max-width: 960px) { }
@media only screen and (max-width: 768px) { }
@media only screen and (max-width: 360px) { }
/*
/*
Extra small			<576px		.col-xs-
Small ≥576px		540px		.col-sm-
Medium ≥768px		720px		.col-md-
Large ≥992px		960px		.col-lg-
Extra large ≥1200px	1140px		.col-xl-
*/

/* Reserve
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#f7ac33/*Orange*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/


/*
font-family: 'Roboto', sans-serif;
font-family: 'Shadows Into Light Two', cursive;
*/



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
parametres generaux 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
html 				{ width: 100%;margin: 0; padding: 0;}
body 				{ width: 100%;margin: 0; padding: 0; }
.clear 				{ clear: both; width: 100%; height: 1px; overflow: hidden; /* Precaution pour IE 7 */}
.separator 			{ clear: both; width: 100%; margin : 10px auto; border-bottom: 1px solid #ccc; height: 1px; overflow: hidden; /* Precaution pour IE 7 */}
@media only screen and (max-width: 640px) { 
html 								{ font-size: 14px;}
.imgFond							{ width:auto; height: 100%;}
}

body								{ font-size: 100%; font-size: 14px; color:#000;/*noir*/font-family: 'Roboto', sans-serif; font-weight:400; background-color:#fff; }


/**** URBANDATA_CSS NEW NEW***/
.onMobile  { display:none;}
@media (max-width: 575.98px) { 
.onMobile  { display:block;}
}
.noMobile  { display:block;}
@media (max-width: 575.98px) { 
.noMobile  { display:none;}
}
/******* TRANSITION****/
.transitioncss {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
scroll-page {
  display: flex;
}
.scrollToTop{
	width:60px; 
	height:60px;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:40%;
	display:none;
	background: url('../images/picto-fleche-haut.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
	background: url('../images/picto-fleche-haut.png') no-repeat 0px 0px;
}
/**************TYPO BODY**********/
h1, h2, h3			 				{ margin-top: 20px;margin-bottom: 20px;}
h3						 			{ margin-top: 0px;}
h1									{ font-size: 44px; font-weight:700;text-align:center;line-height:1.00em;}
h2									{ font-size: 38px;font-weight:700;text-align:center;line-height:1.00em;}
h1 .text-muted, h2 .text-muted		{ font-size: 24px;text-align:center; font-weight:400;text-transform:uppercase; line-height:1.10em; margin-bottom:30px; }

h3									{ font-size: 22px; font-weight:700;text-transform:uppercase;margin-bottom: 10px;}			
#actualite h3						{ font-size:22px;}
h4									{ font-size:22px; line-height:1.10em;font-weight:700;margin-top: 5px;margin-bottom: 5px;}
h5									{ font-size:18px; line-height:1.10em;font-weight:700;}
#box_titre h1						{ text-align:center; }
#box_titre h2						{ float:none;text-align:center;}
#box_titre h3, #box_titre p			{ font-size:1.6em; line-height:1.30em; text-align:center; }
p									{ font-size:1.1em; line-height:1.30em;font-weight:400;}
.box_contenor li 					{ font-size:1.1em; line-height:1.30em;}
.box_contenor li li 				{ font-size:1.1em; line-height:1.30em;font-weight:400;}
label								{ font-size:1.1em; line-height:1.30em;font-weight:400;}
label 								{ display: inline-block; margin-bottom: 0rem; margin-top: .5rem;}
ul									{ width:100%;}
@media (max-width: 575.98px) { 
#accueil h1							{ margin-top: 0px;}
h1									{ font-size: 28px;}
h2									{ font-size: 22px;}
h4									{ font-size:18px;}
.box_titre h1 						{ font-size: 26px;}
.box_titre p.sousTitre 				{ font-size: 22px;}
h3									{ font-size: 22px;}
#box_titre h3, #box_titre p			{ font-size:1.4em; line-height:1.20em; text-align: center; }
p									{ font-size:1.5em; line-height:1.20em;}
}



.txtsup								{ 
position: relative;
bottom: 1px;
font-size: .8em;
line-height: .8em;
bleuical-align:super;
text-decoration:none;
}

.fa.fa-1x							{ font-size:20px;}
.fa.fa-2x							{ font-size:30px;}


/***************TYPO COLOR***********/
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#f7ac33/*Orange*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/



h1, h1 span							{}
h1, h2								{ color:#575656;/*grisSombre*/}
h3, h4								{ color:#575656;/*grisSombre*/}
h1 .text-muted						{ color:#575656;/*grisSombre*/}
h2 .text-muted						{ color:#575656;/*grisSombre*/}
a 									{ color:#003160;/*bleu*/text-decoration: none;outline: 0;}
a:hover 							{ color:#003160;/*bleuFonce*/outline: 0;}
a:active		 					{ color:#003160;/*bleu*/outline: 0;}
a:focus								{ color:#003160;/*bleu*/}

.fa-check-square					{ color:#003160;/*bleu*/}
.fa-window-close					{ color:#F00; /*rouge*/}
.typoNoire							{ color:#000;}
.typoBlanche						{ color:#fff;}
.typobleu							{ color:#003160;/*bleu*/}
.typoOrange							{ color:#FF5100;/*orange*/}
.typobleuFonce						{ color:#003160;/*bleuFonce*/}
.typoGrisClair						{ color:#777a83;/*grisClair*/}
a.typoOrange:hover						{ color:#777a83;/*grisClair*/text-decoration: none;outline: 0;}

.typoAlerte							{ color:#F00; /*rouge*/}
.text-muted							{ }
.typoCursive						{ font-family: 'Architects Daughter', cursive; font-size:28px;line-height: 1.10em; }
.typoCursive::first-letter			{ text-transform:uppercase;}
.text-upper							{ text-transform:uppercase;}
.text-capit							{ text-transform: capitalize;}
.text-small							{ font-size:80%;}
.text-bold							{ font-weight:700;}

.txt_j								{ text-align:justify;}
.ta_l								{ text-align:left;}
.ta_c								{ text-align:center;}
.ta_r								{ text-align:right;}
.txt_l			{ text-align:left;}
.txt_j			{ text-align:justify;}
.txt_c			{ text-align:center;}
.txt_r			{ text-align:right;}

/**************BLOC COLOR***********/
.bgBlanc							{ background-color:#fff;}
.bgbleu								{ background-color: #003160;/*bleu*/}
.bgbleuFonce						{ background-color: #003160;/*bleuFonce*/}
.bgGrisClair		 				{ background-color: #ebebeb;/*grisClair*/}
.bgRouge							{ background-color:#C00;/*rouge*/}
.barrebleuicale						{ color:#464442; /*gris fonce*/}

.cadrebleu							{ border: 12px solid #003160;/*bleu*/}
.borderB							{ border-bottom: 2px solid #003160;/*bleu*/}

.fondOpaqueBlanc 					{ background:url(../images/pixel_blanc_trans50.png) repeat left top; overflow:hidden}
.fondOpaqueGris 					{ background: url(../images/pixel_gris_trans70.png) repeat left top; overflow: hidden;}

/**************BLOC BODY***********/
.displayNone		{ display:none;}
.displayBlock		{ display:block;}

.fl 				{ float:left;}
.fr 				{ float:right;}
.fc 				{ margin-left:auto; margin-right:auto;}
.fn				{ float:none;}

.span				{ float:left;}
.span1				{ width:10%;}
.span2				{ width:20%;}
.span3				{ width:30%;}
.span4				{ width:40%;}
.span5				{ width:50%;}
.span6				{ width:60%;}
.span7				{ width:70%;}
.span8				{ width:80%;}
.span9				{ width:90%;}
.span10				{ width:100%;}
.width70			{ width:75%; margin-left:auto; margin-right:auto;}
.width100			{ width:100%; margin-left:auto; margin-right:auto;}
@media only screen and (max-width: 575.98px) { 
.span5				{ width:100%;}
}
.arrondi			{ border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}
.hautarrondi						{ border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-khtml-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
.basarrondi							{ border-radius:  0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	-khtml-border-radius: 1 0 0 15px 15px;
	-webkit-border-radius:  0 0 15px 15px;
}

.imgCentre								{ margin-left:auto; margin-right:auto;}

.mt20								{ margin-top:20px;}
.mt30								{ margin-top:30px;}
.mb20								{ margin-bottom:20px;}
.mb30								{ margin-bottom:30px;}

.marginTB10								{ margin-top:10px;margin-bottom:10px; }
.marginT30all							{ margin-top:30px; }
.marginB30all							{ margin-bottom:30px;}
.PaddingT20all							{ padding-top:20px; }

.marginR5							{ margin-right:5px;}
.marginR10							{ margin-right:10px;}
.marginR15							{ margin-right:15px;}
.marginR30							{ margin-right:30px;}
.marginL10							{ margin-left:10px;}
.marginL15							{ margin-left:15px;}
.marginL30							{ margin-left:30px;}
.marginB0							{ margin-bottom:0px;}
.marginB20							{ margin-bottom:20px;}
.marginB30							{ margin-bottom:30px;}
.marginT20								{ margin-top:20px;}
.marginT30								{ margin-top:30px;}
.marginTschema							{ margin-top:100px;}
.padding10								{ padding:10px;}
.padding15								{ padding:15px;}
.paddingT15								{ padding-top:15px;}
.paddingB05								{ padding-bottom:5px;}
.paddingB10								{ padding-bottom:10px;}
.paddingB15								{ padding-bottom:15px;}
.paddingL15								{ padding-left:15px;}
.paddingR15								{ padding-right:15px;}
.paddingL25								{ padding-left:25px;}
.padding30								{ padding:30px;}


.w_10 {width:10%;}
.w_20 {width:20%;}
.w_30 {width:30%;}
.w_40 {width:40%;}
.w_49 {width:49%; margin-left:1%;}
.w_50 {width:50%;}
.w_60 {width:60%;}
.w_70 {width:70%;}
.w_80 {width:80%;}
.w_90 {width:90%;}
.w_100 {width:100%;}
@media (max-width: 575.98px) {
.wm_10 {width:10%;}
.wm_20 {width:20%;}
.wm_30 {width:30%;}
.wm_40 {width:40%;}
.wm_50 {width:50%;}
.wm_60 {width:60%;}
.wm_70 {width:70%;}
.wm_80 {width:80%;}
.wm_90 {width:90%;}
.wm_100 {width:100%;}
}

.b_1	{ border: 1px solid #ccc;}
.bl_1	{ border-left: 1px solid #ccc;}
.br_1	{ border-right: 1px solid #ccc;}
.bb_1	{ border-bottom: 1px solid #ccc;}
.bt_1	{ border-top: 1px solid #ccc;}

.my_10								{ margin-top:10px;margin-bottom:10px; }
.mt_30all							{ margin-top:30px; }
.mb_30all							{ margin-bottom:30px;}
.pt_20all							{ padding-top:20px; }

.mr_5								{ margin-right:5px;}
.mr_10								{ margin-right:10px;}
.mr_15								{ margin-right:15px;}
.mr_30								{ margin-right:30px;}
.ml_10								{ margin-left:10px;}
.ml_15								{ margin-left:15px;}
.ml_30								{ margin-left:30px;}
.mb_0								{ margin-bottom:0px;}
.mb_5								{ margin-bottom:5px;}
.mb_10								{ margin-bottom:10px;}
.mb_20								{ margin-bottom:20px;}
.mb_30								{ margin-bottom:30px;}
.mt_20								{ margin-top:20px;}
.mt_30								{ margin-top:30px;}
.mt_60								{ margin-top:60px;}
.mt_180								{ margin-top:180px;}

.p_10								{ padding:10px;}
.p_15								{ padding:15px;}
.p_30								{ padding:30px;}
.pt_15								{ padding-top:15px;}
.pb_5								{ padding-bottom:5px;}
.pb_10								{ padding-bottom:10px;}
.pb_15								{ padding-bottom:15px;}
.pl_15								{ padding-left:15px;}
.pl_25								{ padding-left:25px;}
.pr_15								{ padding-right:15px;}


.box_contenor							{ padding-top:40px;padding-bottom:40px;}
.pull-left 								{ float: left !important;}
.pull-right 							{ float: right !important;}
.pull-center							{ margin-left:auto; margin-right:auto;}
.pull-right-noMobile					{ float: right !important;}

.text-right-noMobile					{ text-align:right;}
.displayNone							{ display:none;}

.responsive								{ width:100%; height:auto; margin-left:auto; margin-right:auto;}

.box_visuel								{ height:330px;}
@media only screen and (max-width: 575.98px) { 
.pull-right-noMobile					{ float: none !important;}
.text-right-noMobile					{ text-align:center;}
.marginB30-onMobile						{ margin-bottom:30px;}
}


/* Common style for pseudo-elements */
section::before,
section::after {
  position: absolute;
  content: '';
  pointer-events: none;
  overflow: hidden;
}



.modal-content										{ border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
}
.modal-header, .modal-footer 							{ background-color:#003160;/*bleu*/color:#fff;}
.modal-header											{ border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-khtml-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
}
.modal-footer											{ border-radius:  0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	-khtml-border-radius:  0 0 15px 15px;
	-webkit-border-radius:  0 0 15px 15px;
}


/**************SECTION BACGROUND***********/
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/
/*color:#003160;/*bleu*/
/*color:#003160;/*bleuFonce*/
#fond_image 						{ position:fixed; z-index:-100;width:100%; height:100%;margin:0; padding:0 ; overflow:hidden; }
.imgFond							{ width:100%; height: auto;background-size:cover;
-webkit-background-size: cover; 
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
}
.img-fluid 							{ max-width: 100%; height: auto; max-height: 100%;}

section#supHeader					{ background-color:#000;}
header#header						{ background-color:#fff;}

section#intro						{ background-color:#fff;/*bleu*/}
section#titre						{ }
section#section1					{ background-color:fff;}
section#section1gris 						{ background-color:#ebebeb;/*grisClair*/}
section#section2 					{ background-color:#fff;}
section#section2b 					{ background: url("../images/fonceo-contact") top right;background-repeat: no-repeat;}
section#section3 					{ background-color:#fff;}
/*section#section4 					{ background: url("../images/aa-servis-visuel-atelier-2.jpg") bottom left;background-repeat: no-repeat;}
section#section4b 					{ background: url("../images/aa-servis-visuel-atelier-2.jpg") bottom right;background-repeat: no-repeat;}
*/
section#section5 					{ background-color:#ebebeb;/*grisClair*/}
section#section6 					{ background-color:#fff;}
section#section7 					{ background-color:#ebebeb;/*grisClair*/}
section#separator 					{ background-color:#fff;}
section#visuelXL 					{ background-color:#fff;}
section#contact 					{ background-color:#003160;/*bleu*/;color:#fff;}
section#info 						{ background-color:#f7ac33/*Orange*/;color:#fff;}
footer								{ background-color:#575656/*grisSombre*/;color:#fff;}

/**************SECTION MARGE***********/
section								{ width:100%;position: relative; padding: 0;}

section#supHeader					{ min-height:56px;}
@media only screen and (max-width: 575.98px) { 
section#supHeader					{ min-height:0px;}
}
header#header						{ }
section#intro 						{ margin-top:60px;}
section#section1					{ padding:30px 0; text-align:center;}
section#section1gris				{ padding:30px 0;}
section#section2 					{ padding:30px 0;}
section#section3 					{ }
section#section4 					{ }
section#getMore 					{ }
section#visuelXL 					{ }
section#contact 					{ padding:30px 0; text-align:center;}
footer 								{ position: relative;padding-bottom:60px;}
.inner								{ padding:30px 15px;height:100%;}
.innerSmall							{ padding:15px 15px;height:100%;}
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#f7ac33/*Orange*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/

/**************SECTION HEADER***********/
#supHeader							{ display:block; background-color:#000; text-align:right; padding:10px 15px 0px 15px;}
#supHeader p						{ font-size:80%;color:#ebebeb;/*grisClair*/font-weight:300;}
#box_header							{ width:100%;}
.image_header						{ width:100%;position:absolute; z-index:-100; top:0; overflow:hidden;}
.image_header img					{ width:100%;}
@media only screen and (max-width: 575.98px) { 
.image_header img					{ width:300% ;text-align: center;margin: 0 auto;}
}
.navbar-wrapper						{ }
header#header2						{ height:900px; position:relative;}
#header2 .box-captation.box1		{ width:360px;float:left; margin-top:40px;}
#header2 .box-captation.box_titre	{ width:100%;margin: 80px auto 30px auto ;}
#header2 .box-captation.box_fleche	{ width:70px;margin: 140px auto 30px auto ;}
#header2 .box-captation.box2		{ width:360px;float:right; margin-top:40px;}
#header2 .box1 .slogan a			{ color:#fff;}

header#header3						{ position:relative;}
#header3 .image_header img					{ width:142% ;text-align: center;margin: 0 auto;}

@media only screen and (max-width: 1440px) {
header#header2						{ height:800px; }
}
@media only screen and (max-width: 1194px) {
header#header2						{ height:700px; }
}
@media only screen and (max-width: 1024px) {
header#header2						{ height:600px; }
}
@media only screen and (max-width: 812px) {
#header2 .box-captation.box_titre	{width:100%;margin: 80px auto 20px auto ;}
#header2 .box-captation.box_fleche	{ width:70px;margin: 10px auto 20px auto ;}
#header2 .box-captation .inner		{ padding:10px 15px;height:100%;}	

}

@media only screen and (max-width: 575.98px) { 
}

@media only screen and (max-width: 360px) {
	
}


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

.box_cookies.ko						{  padding:10px auto;}
}

/**************SECTION TABLO************/
/*
table {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border-spacing: 0px;
	  -webkit-border-horizontal-spacing: ;
	  -webkit-border-vertical-spacing: ;
  }
 */
  .tablo_date		{ width:100%;background-color:#003160;color:#fff; font-size:32px; }	
  .tablo_ligne	{ border-bottom: 1px solid #CCC;}
  .cel			{ display:block; float:left;}
  .cel_qui		{ width:20%;}
  .cel_quoi		{ width:70%;}
  .cel_btn		{ width:10%;}

  
/**************SECTION INTRO***********/

#intro .carousel-inner			{ min-height:400px;}

.intro_visuel					{ width: 100%;text-align:center; margin:0 auto;}
.img-control					{ width:60px; height:auto; position:absolute;bottom:30px;}
.control-left					{ left:15px;}
.control-right					{ right:15px;}
/*
.box-captation.box1					{ width:360px;position:absolute; z-index:100;top:40px; left:0px;}
.box-captation.box_titre			{ width:100%;position:absolute; z-index:100;top:200px;}
.box-captation.box2					{ width:360px;position:absolute; z-index:100;top:40px; right:0px;}
*/
.box1							{ background-color:#FF5100;/*orange*/}
.box2							{ background-color:#FF5100;/*orange*/}
.box1 p, .box2 p				{ margin-bottom:0;}
.box-captation.box1 .inner, .box-captation.box2 .inner		{ padding:20px}
#intro .inner		{ padding:20px}

p.slogan.box1						{ font-size: 32px; font-weight:700;text-align:left;line-height:0.80em;color:#fff;}
p.slogan.box2						{ font-size:32px; font-weight:700;text-align:right;line-height:0.80em;color:#fff;}
p.slogan span						{ font-size:50%;}
.onMobile p.slogan.box1				{ font-size: 26px; font-weight:700;text-align:left;line-height:1.00em;color:#fff;}
.onMobile p.slogan.box2				{ font-size: 26px; font-weight:700;text-align:right;line-height:1.00em;color:#fff;}
p.slogan span						{ font-size:70%;line-height:70%;}

#intro .box-captation					{ width:100%;position:absolute; z-index:100;top:60px;}
@media only screen and (max-width: 668px) { 
#intro .box-captation					{ top:20px;}
.box-captation					{ position:relative;margin-top:20px;}
.box-captation.box_titre		{ top:0px;}
.intro_visuel					{ width: 300%;text-align:center; margin:0 auto;}
}
/**************SECTION TITRE***********/
#box_titre_texte					{ }
#box_titre_titre					{ }


/**************SECTION SECTION1***********/
section#section1				{ }

section#section1 .imgLogo		{ height:120px; }

/**************SECTION SECTION2***********/

/**************SECTION SECTION3***********/
#box_section3						{ position: absolute;right: 15%;top: 40px;left: 15%;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;}
/**************SECTION SECTION4***********/
.img_equipe								{ width:300px; height:auto;text-align:center;}
@media only screen and (max-width: 991.98px) {
.img_equipe									{ width:100%; height:auto;text-align:center;}
}

/**************SECTION SECTION5***********/
.puce_ok									{ display:block;width:10px; height:10px;margin-right:10px;background-color:#008000;}
.puce_ko									{ display:block;width:10px; height:10px;margin-right:10px;background-color:#F00;}
.picto-ligne-points 					{ width:100%; height:6px;background: url("../images/picto-point-bleu.png") bottom left ; background-repeat:repeat-x;}
.schema p								{}
.marginTschema							{ margin-top:30px;}
.marginBschema							{ margin-bottom:30px;}
@media only screen and (max-width: 575.98px) {
.marginTschema							{ margin-top:0px;}
}
.box_header								{ width:100%; padding:10px 10px 1px 10px;padding-left:25px;  margin-bottom:20px;background-color: #003160;/*bleu*/}
.box_header h3							{ font-size: 22px;}

@media only screen and (max-width: 991.98px) {
	.box_header								{ padding-left:10px; }
}
@media only screen and (max-width: 575.98px) {
	.box_header								{ padding-left:25px; }
}
.box_apoint								{ width:100%; background: url("../images/picto-point-bleu_v.png") top left ; background-repeat:repeat-y;}
.picto_fleche							{ }


ul.fleche 								{ list-style-type: none; padding: 0;margin: 0;}
 
li.picto_fleche							{ background-image: url('../images/picto-fleche-bleu.png'); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 1.6em;}
.imgInBox								{ width:100%; height:auto;}
/**************SECTION PLLX***********/
.demo-table-cell .slogan { dislay:block;margin-top:20%; font-size: 60px; font-weight:700;text-align:center;line-height:1.00em;}
@media only screen and (max-width: 575.98px) {
	.demo-table-cell .slogan 	{font-size: 48px;}
}
/**************SECTION SECTION6***********/
/**************SECTION SECTION7***********/

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

}
/**************SECTION getMore***********/
section#getMore {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 40px 0 0px 0;
	color:#fff;
}
/**************SECTION PROMO***********/
.blocTitrePromo		{ padding:10px;font-size: 18px; text-align:left; color:#ffffff;background-color:#003160;/*bleu*/}

/**************SECTION COMPARE***********/


/**************SECTION FORM***********/
form							{ width:100%;}
.box_form						{ margin-top:30px;}
form .form-control 				{
  -webkit-box-shadow: none;
  -moz-box-shadow: none;border: 2px solid #cccccc;font-size: 1.0em;line-height: 1.10em;font-weight: 400;}

form .checkbox-inline			{ font-size:1.0em; line-height:1.10em;}
form textarea.form-control 		{ height: auto; line-height: normal;}

form .form-control, form textarea.form-control {
/*   border-radius: 20px; 
    -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  */
}

.mandatory								{ font-size: 160%; font-style: normal; font-weight: bolder; color: #003160;/*bleu*/}
/* input[type="checkbox"], input[type="radio"]					{ width:20px; float:left;margin-right: 10px;}-*
.small									{ display: inline-block; width:80px; text-align:center;}
.obligatoire							{ background-color:#003160;/*bleu*/}
 
.modal-dialog { width: 80%;max-width: 800px;margin: 30px auto;}

.picto_logo_cookies						{ width:100px; height:auto;margin-right:15px;}


.form_box_btn							{ width:100%;}
.form_box_code							{ overflow:hidden; text-align:center;}
.form_box_code img						{ width:120%; height:auto;}


@media only screen and (max-width: 575.98px) { 
.modal-dialog { width: 100%;margin: 0;}	
}

/**************SECTION INFO***********/
.section-heading 				{ margin: 0 0 0 0 ;}

/**************SECTION FOOTER***********/
.imgLogoFooter					{ width:160px; margin-bottom: 40px;}
#footer .txt-footer				{ color:#fff;}
#footer .navbar-nav > li		{ padding : 6px 12px 6px 12px; }
#footer .navbar-nav li a					{ font-weight:700; color:#fff;text-decoration: none; }
#footer .navbar-nav li a:hover				{ color:#003160;/*bleu*/ }
@media only screen and (max-width: 768px) {

}

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

}

@media only screen and (max-width: 575.98px) { 
#footer .navbar-nav > li					{ padding : 22px 12px 20px 12px; }
}

@media only screen and (max-width: 360px) {
	
}




/**************MENU BODY***********/
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#f7ac33/*Orange*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/


#navbar								{}
.navbar								{ width:100%;padding:0;}
a.navbar-brand 						{ }
.logo								{ max-height: 90px; margin-top:10px; }
.navbar-brand 						{ height: 118px; padding:0; font-size: 16px; line-height: 18px; }
 ul.navbar-nav 						{ }
.navbar-toggle 						{ }

.navbar-nav > li					{ padding : 22px 12px 20px 12px; }

.navbar-nav > li.item-separator		{ font-weight:700;color: #003160;/*bleu*/}
.navbar-nav li::marker				{ display:none;}
.navbar-nav li a					{ font-weight:700; color:#575656;/*grisSombre*/text-decoration: none; }
.navbar-nav > li > a				{ text-transform:uppercase;}

.navbar-nav li a:hover				{ color: #f7ac33;;/*bleu*/}
.navbar-nav li.active a				{ color: #f7ac33/*Orange*/}

.navbar-nav ul.dropdown-menu		{ background-color:#000; padding:10px; padding-top:20px;border-radius:0; min-width:300px;}
.navbar-nav ul.dropdown-menu li		{ margin-bottom:10px;}
.navbar-nav ul.dropdown-menu li a	{ font-weight:400;color:#ebebeb;/*grisClair*/ line-height:1.30em}
.navbar-nav ul.dropdown-menu li a:hover		{ color: #003160;/*bleu*/}
.navbar-nav ul.dropdown-menu li a span		{ text-transform:uppercase;}
.dropdown-toggle::after 				{ display: none;}/*petite fleche signalant le dropdown*/
.img_menu							{ margin-top:-10px;}

.navbar-toggle .icon-bar			{ display: block; width: 40px; height: 4px; background-color: #003160;/*bleu*/ border-radius: 2px;}
.navbar-toggler .icon-bar { display: block; width: 40px; height: 4px; background-color: #003160;/*bleu*/ border-radius: 2px; margin-bottom:4px;}
.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,.5);
  border-color: rgba(255,255,255,.5);
}
.navbar-toggler						{ margin-bottom:20px;color: #003160;/*bleu*/margin-top:30px; margin-right:10px;width:60px; height:40px;padding: 8px;
font-size: 10px;
line-height: 1;
background-color: none;
border: 2px solid #003160;/*bleu*/
    border-top-color: #003160;/*bleu*/
    border-right-color: #003160;/*bleu*/
    border-bottom-color: #003160;/*bleu*/
    border-left-color: #003160;/*bleu*/
border-radius: .25rem;}

.navbar-toggler-icon				{ background-color: #003160;/*bleu*/ font-size:18px;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    bleuical-align: middle;
    content: "";
    background: no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: 100% 100%;}
@media only screen and (max-width: 991.98px) {
.navbar-nav > li.item-separator		{ display:none;}
.navbar-nav > li					{ padding : 16px 6px 20px 6px; }
}


@media only screen and (max-width: 575.98px) { 
#page section#supHeader 			{ display:none;}
a.navbar-brand 						{ margin-top:0px;}
.navbar-nav > li.item-separator		{ display:none;}
.navbar-nav li a					{ font-weight:400; font-size:13px; color:#fff;}
#menuprincipal						{ width:100%;background-color:#003160;/*bleu*/}
.navbar-nav ul.dropdown-menu		{ width:100%;}
.logo								{ max-height: 90px; margin-top:20px; }
}


#navbar-footer						{ margin-bottom: 60px;}
.navbar-footer 						{ float: left; margin-top:30px;margin-right:30px;}
#navbar-footer .navbar-nav li a					{ font-weight:700; color:#fff; text-decoration: none; }
#navbar-footer a					{ text-transform:uppercase; text-decoration:none;}
#navbar-footer a:hover				{ color:#003160;/*bleu*/ text-decoration:none;}
span.item-separator 				{ font-weight: 700; color: #003160; margin-left:5px; margin-right:5px;}
#box_footer .contact-details		{ text-align:center;}
#box_footer .mentions-plan			{ text-align:center;}

/**************BTN BODY***********/
/*color:#C00;/*rouge*/
/*color:#003160;/*bleu*/
/*color:#003160;/*bleuFonce*/
/*color:#575656;/*grisSombre*/
/*color:#777a83;/*grisClair*/
/*color:#003160;/*bleu*/
/*color:#003160;/*bleuFonce*/
.btn								{ font-weight:400;display: inline-block; padding: 5px 16px; border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	z-index:100;
	text-transform:uppercase;
}

.btn-orange							{ background: #FF5100;/*orange*/;color:#fff;}
.btn-orange:hover					{ background-color:#ffffff;color:#575656;/*grisSombre*/}
.btn-blanc:hover					{ background-color:#ffffff;color:#575656;/*grisSombre*/}
.btn-blanc							{ background: #FF5100;color:#fff;/*bleuFonce*/}
.btn-blanc:hover					{ background-color:#575656;/*grisSombre*/color:#fff;}
.btn-bleu							{ background-color:#003160;/*bleu*/color:#fff;}
.btn-bleu:hover						{ background-color:#575656;/*grisSombre*/color:#fff;}
.btn-alerte							{ background-color:#C00;/*rouge*/color:#fff;}
.btn-alerte:hover					{ background-color:#575656;/*grisSombre*/color:#fff;}

.btn-small							{ padding: 2px 12px;}


/**************PICTO BODY***********/
.pictoRight							{ margin-left:30px;}
.pictoLeft							{ margin-right:30px;}

@media handheld, only screen and (max-device-width:640px), only screen and (max-width:640px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
p						{ font-size:1.1em;}
.navbar-nav li a		{ font-size:1.1em;}
}
.menu_plan ul, .menu_plan li			{ list-style:none;}
.menu_plan li > a						{ font-size:1.5em; line-height:1.30em; list-style:none;}
.menu_plan li li > a					{ font-size:100%; line-height:1.30em; list-style:none;}

.menu_plan .divider, .menu_plan .separator	{ height: 2px; margin: 10px 0;}
.menu_plan .dropdown-header		{}

/**************CAROUSEL***********/
.carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px; }

.carousel-control-prev:hover .carousel-control-prev-icon	{ color: #003160;/*bleu*/}
.carousel-control-next:hover .carousel-control-next-icon	{ color: #003160;/*bleu*/}

.carousel-indicators				{ bottom: 100px; }
.carousel-indicators li				{ border: 1px solid #003160;/*bleu*/width:20px; height:20px;}
.carousel-indicators .active		{ background-color: #003160;/*bleu*/border:#003160;/*bleu*/width:20px; height:20px;}
.carousel-caption					{ top:140px;}


/******PUB*****/
.carousel-item { height:100%;}
.img_fond 							{ height: 100%; width: auto; position:absolute;top:0;left:0;}
.imgZoom 							{ height: 100%; width: auto; }
#pub .carousel, #pub .carousel-inner; #pub .carousel-item { height:1000px;}
#pub .carousel-caption { top:0px; left:2%; right:2%;}
#pub.carousel-indicators { bottom: 40px;}

#pub h2 { font-size: 70px;}
#pub h3 { font-size: 30px;}
.bando_pub {position:absolute; width:45%; height:auto;}

/**************PARALLAX***********/
.jarallax 					{ min-height: 500px;}
.demo-table 				{ height: 500px; background-color: rgba(39, 35, 51, 0.0);}

/**************DAEPICKER***********/
.datepicker table tr td.today { background-image:none; background-color: #003160; color:#fff;}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover  { background-image:none; background-color: #ccc;}

a .calendar_body_num { color:#575656;}



@media print {
  /* Dimension et marges de page */
  @page {
    size: A4 portrait;
    margin: 0;
  }

  /* Reset général */
  * {
    all: unset;
    display: revert;
    box-sizing: border-box;
  }
  img {
    max-width: 100%;
  }
  input,
  textarea,
  select {
    all: revert;
  }

  /* On redéfinit les styles globaux (12pt = 16px) */
  body {
    width: 600px;
    margin: 0;
    font-family: ;
    font-size: 12pt;
    font-family: Arial;
    line-height: 1.5;
    color: #000000 
!important;
    background-color: #ffffff 
!important;
  }
  .container-entete-print {
  width: 600px;
  padding-right: -10px;
  padding-left:-10px;
  margin-right:10px;
  margin-left: 10px;
  margin-top:10px;
  margin-bottom: 10px;
}
.titre_print {
	margin-top:30px;
    margin-block: 0 18pt;
    font-weight: 700;
    font-size: 18pt;
    line-height: 1.1;
  }
.ligne_footer { font-size: 8pt; line-height: 1.1; } 

  /* Espacements typographiques (15pt = 20px) */
  p,
  blockquote,
  label,
  ul,
  ol {
    margin-block: 0 15pt;
  }
  p:last-child {
    margin-bottom: 0;
  }

  /* Titrages (24pt = 32px) */
  h1 {
    margin-block: 0 24pt;
    font-weight: 700;
    font-size: 18pt;
    line-height: 1.1;
  }
  h2 {
    margin-block: 0 18pt;
    font-weight: 700;
    font-size: 16pt;
    line-height: 1.1;
  }
  h3 {
    margin-block: 0 15pt;
    font-weight: 700;
    font-size: 14pt;
  }
  h4 {
    margin-block: 0 12pt;
    font-weight: 700;
    font-size: 12pt;
	margin-bottom: 0px;
  }

  /* Classes dédiées print / no-print */
  .print {
    display: revert;
  }
  .no-print {
    display: none;
  }

  /* Pas de veuves ou orphelines (3 lignes minimum) */
  p,
  blockquote {
    orphans: 3;
    widows: 3;
  }

  /* Pas de saut de page au sein de ces éléments */
  blockquote,
  ul,
  ol,
  figure,
  table {
    page-break-inside: avoid;
  }

  /* Pas de saut de page après ces éléments */
  h1,
  h2,
  h3,
  h4,
  caption {
    page-break-after: avoid;
  }

  /* Styles des liens */
  a,
  a:link,
  a:visited {
    background: transparent 
!important;
    color: unset;
    font-weight: 700;
    text-decoration: underline !important;
  }

  /* On affiche l'URL des liens externes */
  a[href^="http"]:after,
  a[href^="https"]:after {
    content: " (" attr(href) ")";
  }

  /* On masque les vidéos */
  video,
  object,
  iframe {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

}



.cgv { color:#003160;}
 h1.cgv{ font-size:22px; line-height:1.10em;font-weight:700;margin-top: 5px;margin-bottom: 5px;}
 h2.cgv{ font-size:14px; line-height:1.10em;font-weight:400;margin-top: 5px;margin-bottom: 0px;}
 p.cgv	{ font-size:10pt; line-height:1.10em;font-weight:400;margin-top: 0px;margin-bottom: 5px;}
 
 
 @media print {
		.no_print {display:none;}
	label {
  display: inline-block;
  margin-bottom: 0rem;
  margin-top: 0rem;
	}
	@media (max-width: 960px) {
	  input[type="radio"] + label, input[type="checkbox"] + label {
		padding: 0;
		border: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-khtml-border-radius: 0;
		-webkit-border-radius: 0;
	  }
	}
}