/*

	Site internet les Bâtisseurs De Mémoire
	Version : 2.1
	Site	: http://www.lesbdm.com/
	
	Theme 	: les Bâtisseurs De Mémoire 1.1
	Author	: Design : Frédéric Kalfon, Thierry Palau - Integration : Yann Lobry
	
*/

/* GENERAL BASE / RESET */

* {
  margin: 0;padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
          box-sizing: border-box;
}

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,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:16px;font:inherit;/*vertical-align: top;*/font-weight: normal;font-style: normal;}

ul,
ol {
  padding-left: 2em;
}

ul.unstyled {
  list-style: none;
}

img {
  height: auto;
  vertical-align: middle;
  border: 0;
}

audio,
canvas,
video {
  display: inline-block;
}

svg:not(:root) {
  overflow: hidden;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.4em;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
}

p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

h1,
.h1-like {
  font-size: 3.2rem;
}

h2,
.h2-like {
  font-size: 2.8rem;
}

h3,
.h3-like {
  font-size: 2.4rem;
}

h4,
.h4-like {
  font-size: 2rem;
}

h5,
.h5-like {
  font-size: 1.8rem;
}

h6,
.h6-like {
  font-size: 1.6rem;
}

code,
pre,
samp,
kbd {
  white-space: pre-line;
  /* IE fix */
  white-space: pre-wrap;
  font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace;
  line-height: normal;
}

em,
.em,
address,
cite,
dfn,
i,
var {
  font-style: italic;
}

strong,
.strong {
  font-weight: bold;
}

small,
sub,
sup {
  font-size: smaller;
}

sup,sub {font-size: 0.7em;line-height: 0.7em;}

li p,
li .p-like,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}

/* table layout */

.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}

body > script {
  display: none !important;
}

.ie8 img {
  width: auto;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Corrects excess space around these inputs in IE8/9 */
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
}

@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}



.clear{height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}
span.clear {display: block;}
.clear-right{height:0px;clear:right;font-size:0px;line-height:0px;width:0px;}
.clear-left{height:0px;clear:left;font-size:0px;line-height:0px;width:0px;}

.clear-after:after {content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}

.invisible{display:none;border: 0;margin: 0;padding: 0;}

.inline{display: inline;}

.block{display: block;}

.right{float: right;}

.left{float: left;}

.relative{position: relative;}

.alignRight{text-align:right}
.center{text-align:center}

table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;}

a img{border:none}

.inside {position:relative;}

.nowrap {white-space: nowrap;}

/* 
##############
GENERALE STYLE
##############
*/

a{cursor: pointer;text-decoration: none;color: #7c7c7c;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}

a:visited{color: #7c7c7c;}

a:hover{color: #e01515;}

/* STRUCTURE BASE */

body {background-color: #2b2b2b;}

.slider-fond {position: absolute;left: 0;top: 0;width: 100%;z-index: -2;}

.slider-fond img {width: 100%;height: auto;}

.wrapper {position: relative;}

header {float: left;width: 250px;background: transparent url(../../files/bdm/images-structure/pix-noir-30.png) repeat 0 0;}

.wrapper-logo-header {padding: 23px 10px 0 0;text-align: right;margin-bottom: 41px;}

.wrapper-left-main {display: table;table-layout: fixed;width: 732px;margin-left: 250px;min-height: 656px;}

aside#left {display: table-cell;vertical-align: top;width: 251px;background: transparent url(../../files/bdm/images-structure/pix-noir-73.png) repeat 0 0;z-index: 1;}

section#main {display: table-cell;vertical-align: top;width: 481px;}

section#main > div {background-color: #fff;}

#footer {padding-bottom: 160px;}

.copyright-footer {color: #fff;width: 732px;margin: 14px 0 0 250px;text-align: center;}

.signature-footer {width: 100%;height: auto;}

/* on cache les élément pour l'anime de départ */
/*#left, #main, #main > div {display: none;}*/


/* PRE-HOME */



.pre-home .wrapper, .pre-home .point-interrogation-un, .pre-home .point-interrogation-deux, .pre-home .logo-prehome, .pre-home .lien-prehome {display: none;}

.pre-home .wrapper.wrapper1 {display: block;}

body.pre-home {background: #2b2b2b url(../../files/bdm/images-structure/fond-pre-home.jpg) repeat-x 0 0;}



.pre-home .texte-riche a {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 1.0em;color: #e01515;}
.pre-home .texte-riche a:visited {color: #e01515;}
.pre-home .texte-riche a:hover {color: #000;}

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

	.pre-home .container-texte-pre-home .texte-riche p {
	padding: 0;
	color: #fff;
	font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4em;
	text-align: right;
	width: 60%;
	margin: 0px 5% 20px 0;
	float: right;
	}

	.pre-home .texte-riche p:first-child {margin-top: 40px;}

	.pre-home .texte-riche a:hover {color: #fff;}
	
	.pre-home .container-texte-pre-home .texte-riche ul {
	padding: 0;
	width: 60%;
	margin: 0px 5% 20px 0;
	float: right;
	text-align: right;}
	
	.pre-home .container-texte-pre-home .texte-riche li {
	padding: 0 12px 0 0;
	color: #fff;
	font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.4em;
	text-align: right;
	background: transparent url(../../files/bdm/images-structure/puce-liste.gif) no-repeat right 8px;
	margin: 0px 0% 0px 0;

	}
	
	.pre-home .lien-fleche {background: transparent url(../../files/bdm/images-structure/fleche-rouge-lien.png) no-repeat right 6px;  padding: 0 8px 5px 0;}
}



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

	.pre-home .texte-riche p {
		padding: 0px 32px 0px 28px;
		color: #000;
		font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;
		line-height: 1.2em;
		text-align: left;
		width: auto;
		margin: 0 0 20px 0;
		float: none;
	}
	
	.lien-logo-texte-prehome {display: none;}

	.pre-home .wrapper, .pre-home .point-interrogation-un, .pre-home .point-interrogation-deux, .pre-home .logo-prehome, .pre-home .lien-prehome {display: block;}
	

	body.pre-home, .resp1050 body.pre-home {background: #2b2b2b url(../../files/bdm/images-structure/fond-pre-home.jpg) repeat-x 0 0;}

	.pre-home .wrapper1 {height: 1056px;overflow-x: hidden;}
	
	.pre-home img {max-width: none;height: inherit;}
	
	.point-interrogation-deux {margin: 122px 0 0 284px;overflow-y: hidden;height: 169px;}
	
	.logo-prehome {position: absolute;top:197px;left:0px;width:303px;height:175px;overflow: hidden;}
	
	.logo-prehome img {margin-left:45px;}
	
	.lien-prehome {position: absolute;top:428px;left:0px;width:303px;height:175px;overflow: hidden;text-align: right;}
	
	.lien-prehome a {text-transform: uppercase;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.6em;font-size: 1.6em;color: #e01515;}
	.lien-prehome a:visited {color: #e01515;}
	.lien-prehome a:hover {color: #fff;}
	
	.container-texte-pre-home {position: absolute;top:535px;left:355px;width: 281px;height: 199px;background-color: #fff;}
	
	.container-texte-pre-home .texte-riche p {padding: 0 32px 0 7px;text-align: left;}

	@-webkit-keyframes elemopacity {
	    0% {
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    50% {
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	    100% {
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	}
	@keyframes elemopacity {
	    0% {
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    50% {
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	    100% {
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	}
	
	@-webkit-keyframes pointdepl {
	    0% {
	        margin-top: 169px;
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    50% {
	        margin-top: 169px;
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    84% {
	        margin-top: 0px;
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	    100% {
	        margin-top: 0px;
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	}
	@keyframes pointdepl {
	    0% {
	        margin-top: 169px;
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    50% {
	        margin-top: 169px;
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    84% {
	        margin-top: 0px;
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	    100% {
	        margin-top: 0px;
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	}
	
	@-webkit-keyframes logodepl {
	    0% {
	        margin-left:-303px;
	    }
	    50% {
	        margin-left:-303px;
	    }
	    76% {
	        margin-left:45px;
	    }
	    100% {
	        margin-left:45px;
	    }
	}
	
	@keyframes logodepl {
	    0% {
	        margin-left:-303px;
	    }
	    50% {
	        margin-left:-303px;
	    }
	    76% {
	        margin-left:45px;
	    }
	    100% {
	        margin-left:45px;
	    }
	}
	
	@-webkit-keyframes liendepl {
	    0% {
	        margin-left:-303px;
	    }
	    67% {
	        margin-left:-303px;
	    }
	    80% {
	        margin-left:0px;
	    }
	    100% {
	        margin-left:0px;
	    }
	}
	@keyframes liendepl {
	    0% {
	        margin-left:-303px;
	    }
	    67% {
	        margin-left:-303px;
	    }
	    80% {
	        margin-left:0px;
	    }
	    100% {
	        margin-left:0px;
	    }
	}
	
	@-webkit-keyframes texteop {
	    0% {
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    67% {
	        opacity: 0.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	    	filter: alpha(opacity = 0);
	    }
	    100% {
	        opacity: 1.0;
	    	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=1)"; 
	    	filter: alpha(opacity = 1);
	    }
	}
	
	 
	
	.point-interrogation-un img {
		/*ie*/
		animation-duration: 6s;
      	animation-name: elemopacity;
		
	    -webkit-animation: elemopacity 6s ease-out;
	    animation: elemopacity 6s ease-out;
	}
	
	.point-interrogation-deux img {
		animation-duration: 6s;
      	animation-name: pointdepl;
      	
		-webkit-animation: pointdepl 6s ease-out;
	    animation: pointdepl 6s ease-out;
	}
	
	.logo-prehome img {
		-webkit-animation: logodepl 6s ease-in;
	    animation: logodepl 6s ease-in;
	}
	
	.lien-prehome {
		-webkit-animation: liendepl 6s ease-in;
	    animation: liendepl 6s ease-in;
	}
	
	.container-texte-pre-home {
	    -webkit-animation: texteop 6s ease-out;
	    animation: texteop 6s ease-out;
	}
	
	/*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/
	
}



/* MENU PRINCIPAL */

#menu-principal {margin-bottom: 52px;}

#menu-principal ul {list-style-type: none;padding: 0;}

#menu-principal .contener-level_3 {display: none;padding: 5px 3px 5px 0;background-color: #2b2b2b;}

#menu-principal > ul {padding-right: 11px;}

#menu-principal li {clear: right;}

#menu-principal ul a, #menu-principal span, #menu-contact a {display: block;float: right;padding: 3px 3px 0px 5px;color: #000;background-color: #fff;margin-bottom: 9px;text-transform: uppercase;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 0.9em;font-size: 1.3em;}
#menu-principal a:visited, #menu-contact a:visited {color: #000;}
#menu-principal a:hover, #menu-contact a:hover {color: #fff;background-color: #e01515;}

.ie #menu-principal ul a, .ie #menu-principal span, .ie #menu-contact a {padding: 2px 3px 1px 5px;}

#menu-principal a.accueil.active {color: #fff;background-color: #e01515;}

#menu-principal .menu-principal-affiche a {color: #fff;background-color: #e01515;}
#menu-principal .menu-principal-affiche a:visited {color: #fff;background-color: #e01515;}
#menu-principal .menu-principal-affiche a:hover {color: #fff;background-color: #e01515;cursor: text;}

/* SSMENU */

.ssmenu {display: none;margin-bottom: 10px;}

.origine .ssmenu.origine, .memoire .ssmenu.memoire, .references .ssmenu.references, .entreprendre .ssmenu.entreprendre, .utiliser .ssmenu.utiliser {display: block;}

.ssmenu ul {list-style-type: none;padding: 0;}

.ssmenu ul a, .ssmenu ul span {display: block;padding: 7px 12px 4px 25px;color: #fff;margin-bottom: 6px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.1em;font-size: 1.2em;}
.ssmenu a:visited {color: #fff;}
.ssmenu a:hover, .ssmenu a.trail {color: #fff;background-color: #e01515;}

.ssmenu span {color: #fff;background-color: #e01515;}

.references .ssmenu ul a, .references .ssmenu ul span {padding: 5px 12px 2px 25px;margin-bottom: 3px;}

/* SS-SSMENU (pages utiliser en MAIN */

.ss-ssmenu {padding: 40px 36px 0px 25px;}

.ss-ssmenu h2 {font-size: 1.0em;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;margin-bottom: 7px;}

.ss-ssmenu ul {list-style-type: none;padding: 0;}

.ss-ssmenu ul.level_1 > li {position: relative;}

.ss-ssmenu ul.level_1 li ul {display: none;}

.ss-ssmenu ul.level_1 li.trail {background: transparent url(../../files/bdm/images-structure/pix-rouge.gif) repeat-x left bottom;}

.ss-ssmenu ul.level_1 li.trail ul {display: block;}

.ss-ssmenu ul.level_2 {position: absolute;bottom: -4px;right: 0;}

.ss-ssmenu ul.level_2 > li {float: left;}

.ss-ssmenu ul a, .ss-ssmenu ul span {display: inline-block;padding: 4px 4px 1px 4px;color: #000;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 0.9em;text-transform: uppercase;}
.ss-ssmenu a:visited {color: #000;}
.ss-ssmenu a:hover {color: #fff;background-color: #e01515;}

.ss-ssmenu ul span, .ss-ssmenu ul.level_1 > li > a.trail {color: #fff;background-color: #e01515;}

.ss-ssmenu ul.level_1 > li > a, .ss-ssmenu ul.level_1 > li > span {max-width: 230px;margin-top: 3px;}

.references .ss-ssmenu ul.level_1 > li > a, .references .ss-ssmenu ul.level_1 > li > span {max-width:none;}

.ss-ssmenu ul.level_2 a, .ss-ssmenu ul.level_2 span {padding: 0 15px 0 0;}
.ss-ssmenu ul.level_2 a:visited {color: #000;}
.ss-ssmenu ul.level_2 a:hover {color: #e01515;background-color: transparent;}

.ss-ssmenu ul.level_2 a.last, .ss-ssmenu ul.level_2 span.last {padding: 0 0 0 0;}

.ss-ssmenu ul.level_2 span {color: #e01515;background-color: transparent;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}


/* SS-SSMENU pages références */

.references .ss-ssmenu ul.level_2 {/*display: block;*/position: static;bottom: auto;right: auto;}

.references .ss-ssmenu ul.level_2 > li {float: none;}

.references .ss-ssmenu ul.level_1 li.trail {background: none;}

.references .ss-ssmenu ul.level_2 a, .references .ss-ssmenu ul.level_2 span {margin: 0 0 0 20px;}

.ss-ssmenu ul span, .ss-ssmenu ul.level_1 > li > a.trail {cursor: text;}



/* ELEMENTS HEADER */

#form-recherche-header {margin: 0 11px 11px 0;float: right;}

#form-recherche-header input.text {
width: 142px;
height: 19px;
padding: 0px 0px 0px 5px;
float: left;
color: #6d6d6d;
border:none;
font-size: 0.9em;
line-height: 19px;
font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;
outline: none;
}

#form-recherche-header input.submit {
width: 22px;
height: 19px;
background: #fff url(../../files/bdm/images-structure/loupe-form-head.gif) no-repeat 4px 2px;
border: none;
font-size: 0px;
cursor: pointer;
color: transparent;
text-transform: capitalize;
text-indent: -9999px;
margin: 0;
padding: 0;
outline: none;
float: left;
}
#form-recherche-header input.submit:hover {
background: #fff url(../../files/bdm/images-structure/loupe-form-head.gif) no-repeat 4px -33px;
}



#menu-contact {clear: both;margin: 0 11px 95px 0;}

#menu-contact a.active {color: #fff;background-color: #e01515;}



.telecharger-plaquette {margin: 0 11px 35px 0;clear: both;}

.telecharger-plaquette a {text-transform: uppercase;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 0.9em;line-height: 1.1em;color: #fff;display: block;padding: 4px 42px 0 0;background: transparent url(../../files/bdm/images-structure/icone-pdf-plaquette.png) no-repeat right 0;height: 48px;text-align: right;}
.telecharger-plaquette a:visited {color: #fff;}
.telecharger-plaquette a:hover {color: #fff;background: transparent url(../../files/bdm/images-structure/icone-pdf-plaquette.png) no-repeat right -48px;}



.resaux-sociaux-header {margin: 0 11px 0 0;}

.resaux-sociaux-header a {display: block;float: right;height: 16px;width: 8px;background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 0 0;margin-right: 19px;}

.resaux-sociaux-header a.bt-facebook-head:hover {background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 0 -34px;}

.resaux-sociaux-header a.bt-twitter-head {width: 19px;background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -30px 0;margin-right: 16px;}
.resaux-sociaux-header a.bt-twitter-head:hover {background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -30px -34px;}

.resaux-sociaux-header a.bt-pinterest-head {width: 14px;background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -66px 0;margin-right: 0px;}
.resaux-sociaux-header a.bt-pinterest-head:hover {background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -66px -34px;}


/* col LEFT : lettrine + vidéo home + ssmenu */

.container-lettrine {height: 246px;overflow-y: hidden;}

.lettrine {padding: 0 0 0 19px;margin: 128px 0 0 0;height: 118px;display: none;}

.lettrine.lettrine-base {display: block;}

.lettrine span {color: #fff; font-size: 131px;line-height: 131px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;}

.ie .lettrine span, .win.chrome .lettrine span {line-height: 112px;}

.lettrine p {position: absolute;top:13px;left:106px;color: #fff;font-size: 1.1em;line-height: 1.0em;text-transform: uppercase;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;}

#lettrine-newsletter.lettrine span {font-size: 154px;}

#lettrine-newsletter.lettrine p {top: 3px;}


#video {padding: 0 0 0 19px;}

.sscontainer-une-video {width:194px;height:110px;margin-bottom: 5px;position: relative;}

.container-une-video p {color: #fff;font-size: 1.0em;line-height: 1.2em;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;margin-bottom: 19px;}

.container-une-video a {width:194px;height:110px;position: absolute;top:0;left: 0;background: transparent url(../../files/bdm/images-structure/bt-video.png) no-repeat 61px 19px;}
.container-une-video a:hover {background: transparent url(../../files/bdm/images-structure/bt-video.png) no-repeat 61px -136px;}




/* ACCUEIL */

.accueil #main article .container-image img.img-border {border: solid 1px #b7b7b7;}

.accueil #main h2 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 6px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 2.4em;}

.accueil #main p {margin-bottom: 5px;}

.container-image {padding-left: 28px;margin-bottom: 22px;}

div.hr hr
{
	display:none;
}

.hr
{
	height: 3px;
	background-color: #000;
	color: #000;
	margin: 0 0 0 28px;
	padding:0;
	border:0;
	width: 360px;
}

.accueil #main article {padding: 0 0 30px 0;}

.accueil #main article:first-child {padding: 46px 0 30px 0;}

.accueil #main .categorie a {color: #000;}
.accueil #main .categorie a:visited {color: #000;}
.accueil #main .categorie a:hover {color: #e01515;}




/* CONTENU PAGES */

#main article {padding: 86px 0 40px 0;}

.utiliser #main article {padding: 39px 0 40px 0;}

.references #main article {padding: 138px 0 40px 0;}

.ref-ssmenu.references #main article {padding: 60px 0 40px 0;}

.hors-texte, .texte-riche p.hors-texte {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 20px;font-family: 'ProximaNova-LightIt', Arial, Helvetica, Verdana, sans-serif;line-height: 1.1em;font-size: 1.4em;}

.hors-texte em {font-style: normal;}

#main .categorie {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 3px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 1.1em;text-transform: uppercase;}

.references #main .categorie {text-transform: none;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.4em;margin-bottom: 20px;}

#main h1 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 24px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 2.4em;}

.references #main h1 {margin-bottom: 4px;}

.texte-riche h2 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.5em;}

.texte-riche h2 strong {font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h2 em {font-family: 'ProximaNova-BoldIt', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h3 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.3em;}

.texte-riche h3 strong {font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h3 em {font-family: 'ProximaNova-BoldIt', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h4 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.3em;}

.texte-riche h4 strong {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h4 em {font-family: 'ProximaNova-SemiboldIt', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h5 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.2em;}

.texte-riche h5 strong {font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h5 em {font-family: 'ProximaNova-BoldIt', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h6 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.2em;}

.texte-riche h6 strong {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche h6 em {font-family: 'ProximaNova-SemiboldIt', Arial, Helvetica, Verdana, sans-serif;}



.texte-riche h3.like-h2 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 2px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.5em;}



.texte-riche p {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 20px;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.2em;}

.texte-riche p.last {margin-bottom: 25px;}

.texte-riche p.fond-gris {background-color: #d6d6d6;padding: 15px 32px 11px 28px;}

.texte-riche ul {padding: 0px 32px 14px 28px;list-style-type: none;}

.pre-home .texte-riche ul {padding: 0px 32px 14px 7px;}

.texte-riche li {padding: 0px 0px 0px 12px;color: #000;margin-bottom: 6px;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.2em;background: transparent url(../../files/bdm/images-structure/puce-liste-noire.gif) no-repeat 0 8px;}


.texte-riche strong {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;}

.texte-riche em {font-family: 'ProximaNova-RegularIt', Arial, Helvetica, Verdana, sans-serif;font-style: normal;}

.lien-lire-la-suite {display: block;padding: 0px 32px 0px 28px;color: #000;margin-bottom: 13px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 0.9em;text-transform: uppercase;}
.lien-lire-la-suite:visited {color: #000;}
.lien-lire-la-suite:hover {color: #e01515;}

.ombre {
-moz-box-shadow: 0 4px 18px rgba(0,0,0,0.2); 
-webkit-box-shadow: 0 4px 18px rgba(0,0,0,0.2);
box-shadow: 0 4px 18px rgba(0,0,0,0.2);}

.flottant-gauche {float: left;margin: 0 15px 0 28px;}

.lien-fleche {display: block;padding: 0 0 5px 8px;background: transparent url(../../files/bdm/images-structure/fleche-rouge-lien.gif) no-repeat 0 6px;color:#000;}
.lien-fleche:visited {color:#000;}
.lien-fleche:hover {color:#e01515;}

.lien-fleche > a, a.lien-fleche {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
line-height: 1.0em;
font-size: 0.9em;
text-transform: uppercase;margin-top: 3px;}

.lien-fleche > a em, a.lien-fleche em {font-family: 'ProximaNova-SemiboldIt', Arial, Helvetica, Verdana, sans-serif;}

.safari .lien-fleche > a em, .safari a.lien-fleche em {line-height: 0.9em;}


.texte-riche table {border: solid 2px #000;margin: 0 14px 36px 28px;}

.texte-riche td {border: solid 1px #000;padding: 7px;font-size: 1.0em;line-height: 1.3em;}

.texte-riche thead td {background: #d0d1d2;
background: -moz-linear-gradient(top,  #d0d1d2 0%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d1d2), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,  #d0d1d2 0%,#eaeaea 100%);
background: -o-linear-gradient(top,  #d0d1d2 0%,#eaeaea 100%);
background: -ms-linear-gradient(top,  #d0d1d2 0%,#eaeaea 100%);
background: linear-gradient(to bottom,  #d0d1d2 0%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d1d2', endColorstr='#eaeaea',GradientType=0 );
}


.texte-riche blockquote p {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 20px;font-family: 'ProximaNova-LightIt', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.2em;}

.texte-riche blockquote p em {font-style: normal;font-family: 'ProximaNova-LightIt', Arial, Helvetica, Verdana, sans-serif;}

.texte-riche blockquote p strong {font-family: 'ProximaNova-RegularIt',Arial,Helvetica,Verdana,sans-serif;font-style: normal;}




.texte-riche p.contener-images {width:449px;padding-right: 0;}

.demi-image-un {margin: 21px 21px 0 0;}

.demi-image-deux {margin: 21px 0 0 0;}

.tier-image-un {margin: 11px 11px 0 0;}

.tier-image-deux {margin: 11px 0 0 0;}

.deuxtier-image-un {margin: 11px 11px 0 0;}

.deuxtier-image-deux {margin: 11px 0 0 0;}

.quart-image-un {margin: 11px 11px 0 0;}

.quart-image-deux {margin: 11px 0 0 0;}

.image-marge-top {margin: 21px 0 0 0;}

.img-border {border: solid 1px #b7b7b7;}

.texte-riche .container-video {position: relative;/*width: 421px;height: 226px;*/margin-bottom: 20px;margin-left: 28px;}

.resp500 .texte-riche .container-video {width: auto;height: auto;margin-left: 16px;margin-right: 16px;}

.resp500 .texte-riche .container-video img {/*width: 100%;*/}

.texte-riche .container-video a {/*width: 421px;height: 226px;*/position: absolute;top: 0;left: 0;background: transparent url(../../files/bdm/images-structure/bt-video-seul.png) no-repeat 50% 50%;display: block;}
.texte-riche .container-video a:hover {background: transparent url(../../files/bdm/images-structure/bt-video-seul-hover.png) no-repeat 50% 50%;}

.resp500 .texte-riche .container-video a {width: 100%;height: 100%;}


/* HORS TEXTE RICHE MAIS MAIN */

.explication {padding: 0px 32px 0px 28px;color: #575757;margin: 0 0 0 0;padding-top:40px;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;line-height: 1.2em;font-size: 1.1em;}


/* CONTACT */

#googlemap-bdm { height: 1000px; margin: 0; padding: 0;}

.contact aside#left {background: none;background-color: #f5f5f5;}

.contact h1 {display: none;}

#contact-texte-col-centrale {padding-top: 120px;}

#contact-texte-col-centrale .texte-riche p {text-align: right;}

#contact-texte-col-centrale .texte-riche h2 {font-family: 'ProximaNova-Light', Arial, Helvetica, Verdana, sans-serif;font-size: 1.4em;margin-bottom: 20px;}

.contact .texte-riche p {font-size: 1.1em;line-height: 1.3em;}


/* RECHERCHE */

#resultat-recherche {padding: 94px 0 0 0;min-height: 720px;}

.recherche-form-page {border: solid 13px #e5e5e5;padding:5px 0 5px 10px;background-color: #fff;margin: 0 20px 28px 28px;}

.recherche-form-page input.text {width: 92%;height: 22px;
padding: 0px 0px 0px 5px;
float: left;
color: #000;
border: none;
font-size: 1.4em;
line-height: 22px;
font-family: 'ProximaNova-Light', Arial, Helvetica, Verdana, sans-serif;
outline: none;text-align: right;}

.recherche-form-page input.submit {width: 8%;
height: 22px;
background: #fff url(../../files/bdm/images-structure/loupe-form-head.gif) no-repeat 4px 3px;
border: none;
font-size: 0px;
cursor: pointer;
color: transparent;
text-transform: capitalize;
text-indent: -9999px;
margin: 0;
padding: 0;
outline: none;
float: left;}

.recherche-form-page input.submit:hover {
background: #fff url(../../files/bdm/images-structure/loupe-form-head.gif) no-repeat 4px -32px;
}

.un-resultat {border-bottom: solid 1px #ebebeb;margin-bottom: 26px;display: none;}

.un-resultat.last {border-bottom: none;}

#resultat-recherche h2 {font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;float: left;margin: 0 20px 0 28px;text-transform: uppercase;font-size: 1.4em;margin-bottom: 36px;}

#resultat-recherche h3 {font-size: 1.2em;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}

#resultat-recherche h3 a {color: #000;}
#resultat-recherche h3 a:visited {color: #000;}
#resultat-recherche h3 a:hover {color: #e01515;}

#resultat-recherche .texte-riche p {margin-bottom: 5px;}

#resultat-recherche .texte-riche p .highlight {color: #e01515;}

#resultat-recherche .lien-fleche {margin: 0 0 18px 28px;font-size: 1.0em;background-position-y: 4px;}

#resultat-recherche .pagination {float: right;margin: 0 20px 28px 20px;}

#resultat-recherche .pagination ul {list-style-type: none;}

#resultat-recherche .pagination li {float: left;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;font-size: 0.9em;margin-left: 7px;color: #000;}

#resultat-recherche .pagination li.texte-page, #resultat-recherche .pagination li.next {margin-left: 12px;}

#resultat-recherche .pagination li a {font-size: 1.0em;color: #000;}
#resultat-recherche .pagination li a:visited {color: #000;}
#resultat-recherche .pagination li a:hover {color: #e01515;}

#resultat-recherche .pagination li span {font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;color: #e01515;}


.recherche #form-recherche-header {display: none;}

.recherche aside#left {background: none;background-color: #f5f5f5;}

.container-cat-recherche {padding: 177px 16px 0 0;}

.container-cat-recherche h2 {text-align: right;font-family: 'ProximaNova-Light', Arial, Helvetica, Verdana, sans-serif;font-size: 1.3em;color: #000;margin-right: 5px;}

.container-cat-recherche p {text-align: right;padding-top: 20px;}

.container-cat-recherche ul {list-style-type: none;padding-top: 20px;}

.container-cat-recherche ul li {clear: both;}

.container-cat-recherche ul a {font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;font-size: 0.9em;color: #000;display: block;float: right;padding: 3px 7px 1px 7px;margin-bottom: 5px;text-transform: uppercase;line-height: 1.0em;}
.container-cat-recherche ul a:visited {color: #000;}
.container-cat-recherche ul a:hover {color: #fff;background-color: #e01515;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}


.container-cat-recherche ul a.active {color: #fff;background-color: #e01515;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;}



.recherche .telecharger-plaquette {
margin: 152px 11px 35px 0;}





/* RESPONSIVE */

/* ct pour bande blanche sous footer
html.resp1050 {background-color: #2b2b2b;}*/

.resp1050 body {background-color: #fff;}

.resp1050 .slider-fond {position: fixed;z-index: 59;height: 174px;overflow-y: hidden;margin-top: 103px;-webkit-transform: translateZ(0);}

.resp1050 .slider-fond img {margin-top: -25%;}

.resp1050 header {float:none;width: 100%;border-top: solid 103px #000;position: fixed;z-index: 60;top: 0;-webkit-transform: translateZ(0);}
	
.resp1050 .wrapper-logo-header {position: absolute;right: 10px;top: -69px;padding: 0;margin-bottom: 0;overflow-y: hidden;}
	
.resp1050 #menu-principal {width: 173px;margin: 0 0 6px 0;padding-top: 6px;}


.bt-tablette {position: absolute;left:132px;top:-48px;}

.bt-tablette span {display: block;float: left;width: 30px;height: 18px;background: transparent url(../../files/bdm/images-structure/bt-menu-tablette.png) no-repeat 0 0;margin-right: 38px;cursor: pointer;}
.bt-tablette span:hover {background: transparent url(../../files/bdm/images-structure/bt-menu-tablette.png) no-repeat 0 -56px;}
.bt-tablette span.active {background: transparent url(../../files/bdm/images-structure/bt-menu-tablette.png) no-repeat 0 -28px;cursor:text;}

.bt-tablette span.bt-tablette-recherche {background: transparent url(../../files/bdm/images-structure/bt-loupe-tablette.png) no-repeat 0 1px;width: 16px;}
.bt-tablette span.bt-tablette-recherche:hover {background: transparent url(../../files/bdm/images-structure/bt-loupe-tablette.png) no-repeat 0 -51px;}
.bt-tablette span.bt-tablette-recherche.active {background: transparent url(../../files/bdm/images-structure/bt-loupe-tablette.png) no-repeat 0 -25px;}


.bt-tablette-contact {display: block;float: left;width: 22px;height: 16px;background: transparent url(../../files/bdm/images-structure/bt-contact-tablette.png) no-repeat 0 0;margin-right: 0px;cursor: pointer;}
.bt-tablette-contact:hover {background: transparent url(../../files/bdm/images-structure/bt-contact-tablette.png) no-repeat 0 -52px;}
.bt-tablette-contact.active {background: transparent url(../../files/bdm/images-structure/bt-contact-tablette.png) no-repeat 0 -26px;}


.resp1050 #form-recherche-header {float: none;width: 100%;position: absolute;top: -6px;border: solid 18px #e5e5e5;padding:5px 0 5px 10px;background-color: #fff;display: none;z-index: 51;}

.resp1050 #form-recherche-header input.text {width: 96%;font-size: 1.1em;}

.resp1050 #form-recherche-header input.submit {width: 4%;}

.resp1050 #menu-contact {background-color: #e5e5e5;height: 33px;width: 100%;margin: 0;display: none;}

.resp1050 #menu-contact a {float: none;background-color: #e5e5e5;width: 163px;text-align: right;height: 33px;padding: 2px 3px 0 0;margin: 0;line-height: 33px;color: #000;}
.resp1050 #menu-contact a:visited {color: #000;}
.resp1050 #menu-contact a:hover {background-color: #e01515;color: #fff;}


.resp1050 .telecharger-plaquette {margin: 0;position: absolute;/*top: 168px;*/margin-top: -33px;right: 110px;display: none;}

.resp1050 .telecharger-plaquette a {padding: 0;width:104px;height: 33px;background: url(../../files/bdm/images-structure/icone-pdf-plaquette-tablette.png) no-repeat 0 0;border-left: solid 1px #fff;}
.resp1050 .telecharger-plaquette a:hover {background: url(../../files/bdm/images-structure/icone-pdf-plaquette-tablette.png) no-repeat 0 -33px;}

.resp1050 .telecharger-plaquette a span {display: none;}


.resp1050 .resaux-sociaux-header {position: absolute;margin: -33px 10px 0 0;right: 0;display:none;}

.resp1050 .resaux-sociaux-header a {height: 33px;width: 33px;border-left: solid 1px #fff;}

.resp1050 .resaux-sociaux-header a.bt-facebook-head {background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 12px -60px;margin-right: 0;}
.resp1050 .resaux-sociaux-header a.bt-facebook-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 12px 8px;}

.resp1050 .resaux-sociaux-header a.bt-twitter-head {width: 19px;background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -22px -60px;width: 33px;margin-right: 0;}
.resp1050 .resaux-sociaux-header a.bt-twitter-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -22px 8px;}

.resp1050 .resaux-sociaux-header a.bt-pinterest-head {width: 14px;background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -56px -60px;width: 33px;}
.resp1050 .resaux-sociaux-header a.bt-pinterest-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -56px 8px;}


.container-video-tablette {position: absolute;top: 9px;left: 190px;width: 410px;}

.resp1050 .container-une-video {float: left;margin-right: 8px;}


.lettrine-tablette {position: absolute;top: 63px;left: 572px;width: 250px;}

.lettrine-tablette .lettrine {margin: 0;}


.resp1050 .wrapper-left-main {margin: 0;width: 100%;display: block;margin-top: 277px;min-height: 0;}


.resp1050 #left {display: none;}



.resp1050 #main {width: 100%;display: block;}

/* HOME */

.col-tablette-home {width: 40%;}

/* SSMENU */

.container-ssmenu-tablette {display: none;}

.resp1050 .container-ssmenu-tablette {position: absolute;left:190px;top:0px;background: transparent url(../../files/bdm/images-structure/pix-noir-73.png) repeat 0 0;z-index: 50;width:359px;height:174px;padding: 3px 5px 3px 0;display: block;}

.resp1050 .accueil .container-ssmenu-tablette {display: none;}

.resp1050 .sscontainer-ssmenu-tablette {padding: 0 13px 0 0;}

.resp1050 .ssmenu ul a, .resp1050 .ssmenu ul span {margin-bottom: 0;padding: 7px 20px 4px 21px;font-size: 1.0em;}

/* CONTENU */

.resp1050 #main .inside {padding: 38px 40px 40px 162px;}

.resp1050 .accueil #main .inside {padding: 0px 40px 40px 162px;}

.resp1050 #main article {padding: 0px 0 40px 0;}

.resp1050 .accueil #main article:first-child {padding: 27px 0 30px 0;}

.resp1050 .references #main article {padding: 0px 0 40px 0;}

.resp1050 #main .ss-ssmenu {margin-bottom: 60px;padding-top: 0;}

.resp1050 .hr {width: auto;}
	
	
	
	
	
.resp1050 #footer {padding: 0;background-color: #2b2b2b;}

.resp1050 .copyright-footer {margin: 5px 0 5px 0;width: auto;}

.resp1050 .signature-footer {display: none;}


/* CONTACT */

.resp1050 .contact .wrapper-left-main {display: table;table-layout: fixed;width: 100%;}

.resp1050 .contact #left {display: table-cell;vertical-align: top;width: 250px;}

.resp1050 .contact #main {display: table-cell;vertical-align: top;width: auto;}

.resp1050 .contact #main .inside {padding: 0;}

.resp1050 #contact-texte-col-centrale {padding-top: 78px;}

.resp1050 #googlemap-bdm {height: 700px;}

.contact-500 a.active, .contact-1050 a.active {background-color: #e5e5e5;color: #d7d7d7;cursor: text;}
.contact-500 a.active:visited, .contact-1050 a.active:visited {background-color: #e5e5e5;color: #d7d7d7;}
.contact-500 a.active:hover, .contact-1050 a.active:hover {background-color: #e5e5e5;color: #d7d7d7;}

/* RECHERCHE */

.resp1050 .recherche .wrapper-left-main {display: table;table-layout: fixed;width: 100%;}

.resp1050 .recherche #left {display: table-cell;vertical-align: top;width: 220px;}

.resp1050 .container-cat-recherche {padding: 112px 16px 0 0;}

.resp1050 .recherche #main {display: table-cell;vertical-align: top;width: auto;}

.resp1050 .recherche #main .inside {padding: 0px 0px 40px 0px;}

.resp1050 #resultat-recherche {padding: 28px 0 0 0;}

.resp1050 .recherche-form-page {margin: 0px 28px 28px 28px;}


/* +++ */

.resp1050 .explication {margin: 0 0 20px 0;padding-top: 0;}






/* tablette 850 */

.block-850 {width: 100% ;height: 174px;}

.layer-menu-850 {width: 100%;height: 174px;background: transparent url(../../files/bdm/images-structure/pix-noir-73.png) repeat 0 0;display: none;position: absolute;top: 0px;z-index: 1;}

.resp850 .lettrine-tablette {z-index: -1;left:51px;}

.resp850 .accueil .lettrine-tablette {left:413px;}

.resp850 .wrapper-logo-header {z-index: -1;}

.resp850 #menu-principal {display: none;position: absolute;top: 0;z-index: 2;}

.resp850 .container-ssmenu-tablette {display: none;background: none;width: 301px;left: 172px;}

.resp850 .bt-tablette {top: -48px;}

.resp850 .wrapper-logo-header {top: -69px;}

.resp850 .container-ssmenu-tablette {top:0px;}

.resp850 .ssmenu ul a, .resp850 .ssmenu ul span {font-size: 1.0em;padding: 5px 20px 3px 21px;}

.resp850 #main .inside {padding: 38px 40px 40px 15px;}

.resp850 #form-recherche-header {top:0px;}

.resp850 #form-recherche-header input.text {width: 95%;}

.resp850 #form-recherche-header input.submit {width: 5%;}


.resp850 .container-video-tablette {left:17px;top:19px;z-index: 0;}

.resp850 .accueil #main .inside {padding: 0 16px 0 0;}


/* inter < 700 */

.resp700 .accueil .lettrine-tablette {display: none;}

/*.resp700 .container-une-video {float: none;clear: left;}

.resp700 .sscontainer-une-video {float: left;}

.resp700 .container-une-video p {margin: }*/

.resp700 .accueil .container-une-video {
  display: table;
  table-layout: fixed;
  float: none;
  margin-bottom: 7px;
}

.resp700 .accueil .sscontainer-une-video, .resp700 .accueil .container-une-video p {
  display: table-cell;
  vertical-align: bottom;
}

.resp700 .accueil .sscontainer-une-video {width: 204px;margin-bottom: 5px;}

.resp700 .accueil .container-une-video p {width: 140px;}

.resp700 .accueil .block-850 {height: 263px;}

.resp700 .accueil .slider-fond img {margin-top: 0;}

.resp700 .accueil .slider-fond {height: 263px;}

.resp700 .accueil .wrapper-left-main {margin-top: 394px;}



/* SMART < 500 pixels de large */

.resp500 .slider-fond  {display: none;}

.resp500 header {float: none;width: 100%;background: #000;position: fixed;top:0;z-index: 60;-webkit-transform: translateZ(0);}

.resp500 .bt-tablette {position: absolute;left: 14px;top: 27px;}

.resp500 .wrapper-logo-header {height: 72px;overflow-y: hidden;padding: 21px 12px 0 0;margin-bottom: 0;}

.resp500 .wrapper-logo-header img {width: 145px;height: auto;}

.resp500 .container-ssmenu-tablette {display: none;}

.resp500 .wrapper-left-main {display: block;table-layout:auto;width: 100%;margin-left: 0px;min-height: 0;}

.resp500 aside#left {display: none;}

.resp500 section#main {display:block;width: 100%;}

.newwrap-logo-header {height: 81px;}

.resp500 section#main > div.inside {padding-top: 100px;}

.resp500 .ss-ssmenu {padding: 0px 16px 40px 16px;}

.resp500 .ss-ssmenu ul.level_2 a, .resp500 .ss-ssmenu ul.level_2 span {padding: 0 9px 0 0;}

.resp500 .ss-ssmenu ul.level_2 a.last, .resp500 .ss-ssmenu ul.level_2 span.last {padding: 0 0 0 0;}

.resp500 .ref-ssmenu.references #main article {padding-top: 0;}

.resp500 .bt-tablette span.active {cursor: pointer;}

.resp500 .utiliser.des-actions .ss-ssmenu ul.level_1 > li > a, .resp500 .utiliser.des-actions .ss-ssmenu ul.level_1 > li > span {max-width: 144px;}

/* RECHERCHE */
.resp500 #form-recherche-header {float: none;width: 100%;border: solid 12px #e5e5e5;padding:7px 0 10px 10px;background-color: #fff;display: none;z-index: 51;margin: 0;}

.resp500 #form-recherche-header input.text {width: 93%;font-size: 1.1em;}

.resp500 #form-recherche-header input.submit {width: 7%;}

/* MENU PRINCIPAL */

.resp500 #menu-principal ul a.accueil {display: none;}

.resp500 #menu-principal {margin-bottom: 0px;display: none;}

.resp500 #menu-principal > ul {padding-right: 0px;}

.resp500 #menu-principal li {clear:none;}

.resp500 #menu-principal ul a, .resp500 #menu-principal span {float: none;text-align: right;margin: 0;padding: 8px 11px 5px 5px;background-color: #e5e5e5;border-bottom: solid 1px #fff;color: #000;cursor: pointer;font-size: 1.2em;}
.resp500 #menu-principal a:visited {color: #000;}
.resp500 #menu-principal a:hover {color: #fff;background-color: #e01515;}

.resp500 #menu-principal > ul > li > ul > .menu-principal-affiche > a {color: #fff;background-color: #e01515;}
.resp500 #menu-principal > ul > li > ul > .menu-principal-affiche > a:visited {color: #fff;background-color: #e01515;}
.resp500 #menu-principal > ul > li > ul > .menu-principal-affiche > a:hover {color: #fff;background-color: #e01515;}

.resp500 #menu-principal ul.level_2 a {cursor: pointer;}

.resp500 #menu-principal ul.level_3 {padding-right: 15px;}

.resp500 #menu-principal ul.level_3 li {border-bottom: solid 1px #515151;}

.resp500 #menu-principal ul.level_3 li:last-child {border-bottom: none;}

.resp500 #menu-principal ul.level_3 a, .resp500 #menu-principal ul.level_3 span {background-color: #2b2b2b;color: #d2d2d2;border-bottom: none;cursor: pointer;}
.resp500 #menu-principal ul.level_3 a:visited {color: #d2d2d2;}
.resp500 #menu-principal ul.level_3 a:hover {color: #fff;background-color: #e01515;}

.resp500 #menu-principal ul.level_3 a.active {color: #fff;background-color: #e01515;cursor: text;}

.resp500 #menu-principal ul.level_3 li.trail a {color: #fff;background-color: #e01515;}

/* CONTENU */

.resp500 #main article {padding-top: 0px;}

.resp500 .hr {width: auto;margin: 0 16px;max-width: 360px;}

.resp500 .texte-riche p.contener-images {padding-right: 16px;width: auto;}

.resp500 .texte-riche p.contener-images img {width: 100%;height: auto;vertical-align: top;}

.resp500 .texte-riche p.contener-images img.demi-image-un {width: 48%;margin-right: 4%;}

.resp500 .texte-riche p.contener-images img.demi-image-deux {width: 48%;}

.resp500 .texte-riche p.contener-images img.tier-image-un {width: 32%;margin-right: 2%;}

.resp500 .texte-riche p.contener-images img.tier-image-deux {width: 32%;}

.resp500 .texte-riche p.contener-images img.deuxtier-image-un {width: 64%;margin-right: 4%;}

.resp500 .texte-riche p.contener-images img.deuxtier-image-deux {width: 64%;}

.resp500 .texte-riche p.contener-images img.quart-image-un {width: 23.5%;margin-right: 2%;}

.resp500 .texte-riche p.contener-images img.quart-image-deux {width: 23.5%;}


.resp500 .hors-texte, .resp500 .texte-riche p.hors-texte, .resp500 #main .categorie, .resp500 #main h1, .resp500 .texte-riche h2, .resp500 .texte-riche h3, .resp500 .texte-riche h4, .resp500 .texte-riche h5, .resp500 .texte-riche h6, .resp500 .texte-riche p {padding: 0px 16px 0px 16px;}

.resp500 .texte-riche p.fond-gris {padding: 15px 16px 11px 16px;}

.resp500 .texte-riche ul {padding: 0px 16px 14px 16px;}

.resp500 .flottant-gauche {margin: 0 15px 0 16px;}





/* FOOTER */

.resp500 #footer {padding-bottom: 0;}

.resp500 .copyright-footer, .resp500 .signature-footer, .resp500 .resaux-sociaux-header, .resp500 .telecharger-plaquette, .resp500 #menu-contact {display: none;}

.contact-500, .contact-1050 {background-color: #e5e5e5;height: 33px;width: 100%;margin: 0;}

.contact-500 a, .contact-1050 a {float: none;background-color: #e5e5e5;width: 100%;text-align: right;height: 33px;padding: 2px 7px 0 0;margin: 0;line-height: 33px;color: #000;display: block;text-transform: uppercase;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.3em;}
.contact-500 a:visited, .contact-1050 a:visited {color: #000;}
.contact-500 a:hover, .contact-1050 a:hover {background-color: #e01515;color: #fff;}


.plaquette-500, .plaquette-1050 {margin: 0;position: absolute;margin-top: 0;left: 99px;}

.plaquette-500 a, .plaquette-1050 a {padding: 0;width:104px;height: 33px;background: url(../../files/bdm/images-structure/icone-pdf-plaquette-tablette.png) no-repeat 0 0;border-right: solid 1px #fff;display: block;}
.plaquette-500 a:hover, .plaquette-1050 a:hover {background: url(../../files/bdm/images-structure/icone-pdf-plaquette-tablette.png) no-repeat 0 -33px;}

.plaquette-500 a span, .plaquette-1050 a span {display: none;}


.sociaux-500, .sociaux-1050 {position: absolute;margin: 0 0px 0 0;left: 0;}

.sociaux-500 a, .sociaux-1050 a {height: 33px;width: 33px;border-right: solid 1px #fff;display: block;float: right;background-color: #e5e5e5;}

.sociaux-500 a.bt-facebook-head, .sociaux-1050 a.bt-facebook-head {background: #e5e5e5 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 12px -60px;margin-right: 0;}
.sociaux-500 a.bt-facebook-head:hover, .sociaux-1050 a.bt-facebook-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat 12px 8px;}

.sociaux-500 a.bt-twitter-head, .sociaux-1050 a.bt-twitter-head {width: 19px;background: #e5e5e5 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -22px -60px;width: 33px;margin-right: 0;}
.sociaux-500 a.bt-twitter-head:hover, .sociaux-1050 a.bt-twitter-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -22px 8px;}

.sociaux-500 a.bt-pinterest-head, .sociaux-1050 a.bt-pinterest-head {width: 14px;background: #e5e5e5 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -56px -60px;width: 33px;}
.sociaux-500 a.bt-pinterest-head:hover, .sociaux-1050 a.bt-pinterest-head:hover {background: #e01515 url(../../files/bdm/images-structure/icones-resaux-sociaux.png) no-repeat -56px 8px;}

.version-web {display: none;}

/* ACCUEIL */

.resp500 body.accueil {overflow-x: hidden;}

.resp500 .accueil aside#left {display: block;padding-top: 100px;width: auto;background: transparent url(../../files/bdm/images-structure/pix-noir-30.png) repeat 0 0;height: 347px;}

.resp500 .accueil .container-lettrine {display: none;}

.resp500 .accueil .container-une-video {
  display: table;
  table-layout: fixed;
  float: none;
  margin-bottom: 7px;
  width: auto;
}

.resp500 .accueil .sscontainer-une-video, .resp500 .accueil .container-une-video p {
  display: table-cell;
  vertical-align: bottom;
}

.resp500 .accueil .sscontainer-une-video {width: 204px;margin-bottom: 5px;}

.resp500 .accueil .container-une-video p {width: auto;padding-right: 10%;}

.resp500 .accueil .block-850 {height: 263px;}

.resp500 .accueil .slider-fond img {margin-top: 0;}

.resp500 .accueil .slider-fond {height: 266px;display: block;margin-top: 81px;width: 133%;}

.resp500 .accueil #main article {padding-top: 0px;}

.resp500 .accueil #main article:first-child {padding-top: 27px;}

.resp500 .accueil section#main > div.inside {padding-top: 0px;}

.resp500 .accueil .container-image, .resp500 .accueil #main h2, .resp500 .lien-lire-la-suite {padding: 0 16px;}


/* CONTACT */

.resp500 .contact aside#left {display: block;width: auto;height: 250px;}

.resp500 #contact-texte-col-centrale {padding-top: 78px;}

.resp500 #contact-texte-col-centrale p img {display: none;}

.resp500 .contact section#main > div.inside {padding-top: 0;}

.resp500 #googlemap-bdm {height: 550px;}


/* RECHERCHE */

.resp500 .recherche aside#left {display: block;width: auto;height: 302px;}

.resp500 .container-cat-recherche {padding-top: 106px;}

.resp500 .recherche section#main > div.inside {padding-top: 0;}

.resp500 #resultat-recherche {padding: 16px 0 0 0;}

.resp500 .recherche-form-page {margin: 0 16px 28px 16px;} 

.resp500 #resultat-recherche h2, .resp500 #resultat-recherche .lien-fleche {margin-left: 16px;}

.resp500 .recherche .plaquette-500, .resp1050 .recherche .plaquette-1050 {left: 0;}


/* +++ */

.resp500 .explication {margin: 0 0 20px 0;padding: 0 16px 0 16px;}

.galerie .tier-image-un {margin: 21px 11px 0 0;}

.galerie .tier-image-deux {margin: 21px 0 0 0;}

.galerie .deuxtier-image-un {margin: 21px 11px 0 0;}

.galerie .deuxtier-image-deux {margin: 21px 0 0 0;}

.galerie .quart-image-un {margin: 21px 11px 0 0;}

.galerie .quart-image-deux {margin: 21px 0 0 0;}


/* NEW PAGE ARCHIVES NEWSLETTER */

body.newsletter #main article {padding-bottom: 0;}

body.newsletter #main h1 {margin-bottom: 16px;}

.liste-capture-newsletter {min-height: 434px;padding-bottom: 16px;}

.liste-capture-newsletter h3 {padding: 21px 0px 0px 0px;
    color: #000;
    margin-bottom: 3px;
    font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.0em;
    font-size: 1.1em;
    text-transform: uppercase;
    border-top: solid 3px #000;
    margin: 0 70px 8px 28px;}

.liste-capture-newsletter ul {list-style-type: none;}

.liste-capture-newsletter li {float: left;margin: 0 10px 10px 0;}

.liste-capture-newsletter li a:hover img {
-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.5);
box-shadow: 0 1px 6px rgba(0,0,0,0.5);}


.liste-menu-newsletter,
.liste-menu-blog-mois,
.liste-menu-blog-cat {padding: 8px 38px 0 23px;}

.liste-menu-newsletter .titre,
.liste-menu-blog-mois .titre,
.liste-menu-blog-cat .titre {color: #fff;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.1em;line-height: 1.2em;margin-bottom: 5px;}

.liste-menu-newsletter > a,
.liste-menu-blog-mois > a,
.liste-menu-blog-cat > a {display: block;background: #fff url(../../files/bdm/images-structure/fleche-menu-liste.png) no-repeat right 6px;font-size: 0.9em;line-height: 1.2em;color: #6d6a6a;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-style: italic;padding: 3px 0 2px 7px}
.liste-menu-newsletter > a:visited,
.liste-menu-blog-mois > a:visited,
.liste-menu-blog-cat > a:visited {color: #6d6a6a;}
.liste-menu-newsletter > a:hover,
.liste-menu-blog-mois > a:hover,
.liste-menu-blog-cat > a:hover {background: #e01515 url(../../files/bdm/images-structure/fleche-menu-liste.png) no-repeat right -32px;color: #fff;}

.liste-menu-newsletter > a.open,
.liste-menu-blog-mois > a.open,
.liste-menu-blog-cat > a.open {color: #cacac9;background: #b5b5b4 url(../../files/bdm/images-structure/fleche-menu-liste.png) no-repeat right -69px;}

.contener-liste-menu-newsletter,
.contener-liste-menu-blog-mois,
.contener-liste-menu-blog-cat {display: none;padding: 3px 1px 3px 0;background: transparent url(../../files/bdm/images-structure/pixt-blanc-28.png) repeat 0 0;}

.liste-menu-newsletter ul,
.liste-menu-blog-mois ul,
.liste-menu-blog-cat ul {list-style-type: none;padding: 0px 0 9px 0;}

.liste-menu-newsletter li,
.liste-menu-blog-mois li {padding: 0 12px 0 12px;}

.liste-menu-blog-cat .mod_newscategories li {padding: 0 12px 0 12px;margin: 0;}

.liste-menu-newsletter li a,
.liste-menu-blog-mois li a,
.liste-menu-blog-cat .mod_newscategories li a {display: block;border-bottom: solid 1px #828284;padding: 3px 0 2px 4px;color: #fff;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.0em;line-height: 1.2em;}
.liste-menu-newsletter li a:visited,
.liste-menu-blog-mois li a:visited,
.liste-menu-blog-cat li a:visited {color: #fff;}
.liste-menu-newsletter li a:hover,
.liste-menu-blog-mois li a:hover,
.liste-menu-blog-cat li a:hover {color: #fff;background-color: #e01515;}

/**/#menu-newsletter {margin: 0 11px 19px 0;clear: both;}

/**/#menu-newsletter a {
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #fff;
    display: block;
    padding: 4px 42px 0 0;
    background: transparent url(../../files/bdm/images-structure/picto-bt-newsletter.png) no-repeat right -76px;
    height: 38px;
    text-align: right;
}
/**/#menu-newsletter a:visited {color: #fff;}
/**/#menu-newsletter a:hover {color: #fff;background: transparent url(../../files/bdm/images-structure/picto-bt-newsletter.png) no-repeat right 0;}

/**/#menu-newsletter.active a {opacity:0.5;}


#formulaire-abonnement-newsletter {margin-bottom: 34px;}

#formulaire-abonnement-newsletter label {display: none;}

#formulaire-abonnement-newsletter .email {font-style: italic;line-height: 20px;font-size: 0.94em;padding: 0 6px;border: solid 1px #393b3d;margin: 0 14px 0 28px;width: 265px;color: #393b3d;outline: none;float: left;}

#formulaire-abonnement-newsletter .submit {background: #f0f0f0;min-width: 104px;text-align: center;height: 22px;line-height: 1.2em;font-size: 1.2em;color: #000;text-transform: uppercase;border: none;cursor: pointer;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;padding: 3px 0 0 0;margin: 0;float: left;}
#formulaire-abonnement-newsletter .submit:hover {background: #e01515;color: #fff;}

#formulaire-abonnement-newsletter p.error {margin-left: 28px;color: #e01515;font-size: 1.0em;line-height: 1.2em;}

body.newsletter #main .texte-riche p {color: #e01515;}


/* responsive page newsletter */

.bt-tablette-newsletter {display: block;float: left;width: 33px;height: 36px;background: transparent url(../../files/bdm/images-structure/picto-bt-newsletter-tablette.png) no-repeat 0 0;margin-right: 38px;cursor: pointer;}
.bt-tablette-newsletter:hover {background: transparent url(../../files/bdm/images-structure/picto-bt-newsletter-tablette.png) no-repeat 0 -36px;}
.bt-tablette-newsletter.active {background: transparent url(../../files/bdm/images-structure/picto-bt-newsletter-tablette.png) no-repeat 0 -72px;}

.resp1050 #menu-newsletter,
.resp500 #menu-newsletter {display: none;}
.resp1050 .liste-capture-newsletter,
.resp500 .liste-capture-newsletter {min-height: inherit;}

.container-liste-newsletter-tablette {position: absolute;top: 4px;left: 190px;z-index: 50;width: 254px;}

.resp1050 #lettrine-newsletter.lettrine {padding-left: 6px !important;}
.resp1050 #lettrine-newsletter.lettrine span {font-size: 131px;}
.resp1050 #lettrine-newsletter.lettrine p {top:13px !important;left: 72px !important;}

.resp1050 body.newsletter .container-ssmenu-tablette .slimScrollDiv {display: none;}

.resp1050 .liste-capture-newsletter h3 {margin: 0 0px 8px 28px;width: 645px;}

.resp1050 .liste-capture-newsletter ul {max-width: 684px;}

@media screen and (max-width: 960px) {
	.resp1050 .liste-capture-newsletter h3 {width: 515px;}
	.resp1050 .liste-capture-newsletter ul {max-width: 558px;}
}

.resp850 .liste-capture-newsletter {position: relative;}
.resp850 .container-liste-newsletter-tablette-850 {position: absolute;top:20px;    left: 378px;width: 170px;}
.resp850 .container-liste-newsletter-tablette-850 .liste-menu-newsletter {padding: 0;}
.resp850 .container-liste-newsletter-tablette-850 .titre {display: none;}
.resp850 .contener-liste-menu-newsletter {background: transparent url(../../files/bdm/images-structure/pix-noir-73.png) repeat 0 0;}
.resp850 .liste-capture-newsletter .contener-liste-menu-newsletter li {margin: 0;float: none;}

.resp850 .newsletter .lettrine-tablette {left: 117px;}
.resp850 .newsletter #main .inside {padding: 38px 40px 40px 102px;}

@media screen and (max-width: 750px) {
	.resp850 .newsletter .lettrine-tablette {left: 83px;}
	.resp850 .newsletter #main .inside {padding: 38px 40px 40px 68px;}
}

@media screen and (max-width: 690px) {
	.resp850 .newsletter .lettrine-tablette {left: 25px;}
	.resp850 .newsletter #main .inside {padding: 38px 20px 40px 10px;}
}



.resp500 #formulaire-abonnement-newsletter {margin-bottom: 26px;}

.resp500 #formulaire-abonnement-newsletter .email {line-height: 28px;margin-left: 16px;width: 395px;}

.resp500 #formulaire-abonnement-newsletter .submit {height: 30px;font-size: 1.3em;}

.resp500 .liste-capture-newsletter h3 {margin: 0 0px 8px 16px;width: 514px;}

.resp500 .liste-capture-newsletter ul {margin-left: 16px;padding-left: 0;}

@media screen and (max-width: 556px) {
	.resp500 body.newsletter #main h1 {font-size: 2.0em;}
	.resp500 .liste-capture-newsletter ul {width: 400px;}
	.resp500 .liste-capture-newsletter h3 {width: 383px;}
	.resp500 #formulaire-abonnement-newsletter .email {width: 265px;}
}

@media screen and (max-width: 440px) {
	.resp500 .liste-capture-newsletter h3 {width: auto;margin: 0 16px 8px 16px;}
	.resp500 .liste-capture-newsletter ul {width: auto;}
	.resp500 .liste-capture-newsletter li {width: 30%;margin: 0 3% 3% 0;}
	.resp500 .liste-capture-newsletter li img {width: 100%;height: auto;}
	.resp500 #formulaire-abonnement-newsletter {padding: 0 16px;}
	.resp500 #formulaire-abonnement-newsletter .email {width: 67%;margin: 0 3% 0 0;}
	.resp500 #formulaire-abonnement-newsletter .submit {width: 30%;min-width: inherit;}
}

@media screen and (max-width: 360px) {
	.resp500 #formulaire-abonnement-newsletter .email {width: 62%;}
	.resp500 #formulaire-abonnement-newsletter .submit {width: 35%;}
}


/* !!! LIGNE !!! supprimer le body.newsletter */
/* Modif autre car ajout newsletter */

.bt-tablette {top: -57px;}
.resp500 .bt-tablette {top:27px;}
.bt-tablette span {margin-top: 9px;}
.bt-tablette-contact {margin-right: 38px;margin-top: 9px;}
#menu-contact {margin: 0 11px 41px 0;}

@media screen and (max-width: 380px) {
	/*.resp500 .bt-tablette span {margin-right: 24px;}*/
}

@media screen and (max-width: 340px) {
	/*.resp500 .bt-tablette span {margin-right: 12px;}*/
}


/* 201802 AJOUT BLOG */

#menu-blog {
    margin: 0 11px 19px 0;
    clear: both;
}

#menu-blog a {
    text-transform: uppercase;
    font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.9em;
    line-height: 1.1em;
    color: #fff;
    display: block;
    padding: 4px 42px 0 0;
    background: transparent url(../../files/bdm/images-structure/picto-bt-blog.png) no-repeat right -76px;
    height: 38px;
    text-align: right;
}
#menu-blog a:visited {color: #fff;}
#menu-blog a:hover {color: #fff;background: transparent url(../../files/bdm/images-structure/picto-bt-blog.png) no-repeat right 0;}

#menu-blog.active a {opacity:0.5;}

.blog .liste-menu-blog-mois li span,
.blog .liste-menu-blog-cat li span {display: block;border-bottom: solid 1px #828284;padding: 3px 0 2px 4px;color: #858585;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.0em;line-height: 1.2em;}

#left .mod_newscategories {padding: 8px 0 0 0;margin-bottom: 26px;}

.titre-nav-categories {font-size: 1.1em;line-height: 1.2em;color: #fff;text-transform: uppercase;padding: 5px 0 0 20px;margin-bottom: 9px;letter-spacing: 0.07em;}

.mod_newscategories ul,
.mod_newscategories li {padding: 0;list-style-type: none;}

.mod_newscategories li {margin-bottom: 2px;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;font-size: 1.0em;line-height: 1.16em;}

.mod_newscategories li a,
.mod_newscategories li span {color: #fff;display: inline-block;padding: 6px 12px 5px 20px;width: 100%;}
.mod_newscategories li a:visited {color: #fff;}
.mod_newscategories li a:hover {background-color: #e01515;color: #fff;}

.mod_newscategories li span {background-color: #e01515;color: #fff;}

.liste-menu-blog-cat .mod_newscategories li span {background-color: transparent;}

#Select-archives-mois.liste-menu-blog-mois .titre,
.liste-menu-blog-cat .titre {font-size: 1.1em;line-height: 1.2em;color: #fff;text-transform: uppercase;padding-top: 5px;margin-bottom: 12px;letter-spacing: 0.07em;font-family: 'ProximaNova-Regular', Arial, Helvetica, Verdana, sans-serif;}

.accueil #main h2 a,
.accueil #main h2 a:visited,
#vedette-liste h2 a,
#vedette-liste h2 a:visited {color: #000;}
.accueil #main h2 a:hover,
#vedette-liste h2 a:hover {color: #e01515;}

#vedette-liste {padding: 46px 0 20px 0;}

#vedette-liste .categorie {margin-bottom: 10px;}

#vedette-liste .container-image {margin-bottom: 16px;}

#vedette-liste h2 {padding: 0px 32px 0px 28px;color: #000;margin-bottom: 6px;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 2.4em;}

#vedette-liste .texte-riche  {margin-bottom: 4px;}

#vedette-liste .texte-riche p {margin-bottom: 0;}

#vedette-liste .lien-lire-la-suite {margin-bottom: 20px;}

#blog-liste {padding: 0px 32px 0px 28px;}

.une-actu-liste {padding-top: 8px;}

.une-actu-liste.last {padding-bottom: 20px;}

#blog-liste.sans-vedette,
.liste-categorie #blog-liste,
.liste-mois #blog-liste {padding-top: 46px;}

#blog-liste h1 {padding: 0;color: #000;font-family: 'ProximaNova-Semibold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.0em;font-size: 1.1em;text-transform: uppercase;margin-bottom: 3px;}

.liste-categorie #main .categorie {padding:0;}

#blog-liste .container-image {padding: 0;margin: 0 0 7px 0;float: left;}

#blog-liste .container-texte {margin-bottom: 5px;padding-top: 3px;margin-left: 132px;}

#blog-liste h2 {color: #000;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.16em;font-size: 1.1em;margin-bottom: 0;}

#blog-liste h2 a,
#blog-liste h2 a:visited {color: #000;}
#blog-liste h2 a:hover {color: #e01515;}

#blog-liste .texte-riche p {padding: 0;margin-bottom: 4px;line-height: 1.16em;font-size: 1.1em;}

#blog-liste .lien-lire-la-suite {padding: 0;margin: 0;}

#blog-liste .hr {margin: 0;}

.hr.fin {height: 1px;background-color: #e5e5e5;color: #e5e5e5;font-size: 1.1em;line-height: 1.16em;}

#blog-liste .pagination p,
#blog-liste .pagination li {display: none;}

#blog-liste .pagination {padding: 14px 0 26px 0;max-width: 360px;border-top: solid 3px #000;}

#blog-liste .pagination ul {padding: 0;list-style-type: none;}

#blog-liste .pagination ul:after {content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}

#blog-liste .pagination li.previous,
#blog-liste .pagination li.next {display: block;float: left;color: #000;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.16em;font-size: 0.93em;text-transform: uppercase;}

#blog-liste .pagination li a,
#blog-liste .pagination li a:visited {color: #000;}
#blog-liste .pagination li a:hover {color: #e01515;}

#blog-liste .pagination li.previous {padding-left: 13px;background: url(../../files/bdm/images-structure/fleche-pagination-prev.gif) no-repeat 0 4px;}

#blog-liste .pagination li.next {padding-right: 13px;background: url(../../files/bdm/images-structure/fleche-pagination-next.gif) no-repeat right 4px;}

.inter-pagination {display: inline-block;padding: 2px 8px 0 8px;float: left;}

.inter-pagination span {display: inline-block; width: 2px;height: 9px;background-color: #000;vertical-align: top;}

#une-actu {padding: 72px 0px 0px 0px;}

#main #une-actu article {padding: 0;}

#une-actu h1 {margin-bottom: 4px;}

#une-actu .cont-infos {padding: 0px 32px 0px 28px;margin-bottom: 12px;}

#une-actu .info {float: left;font-size: 0.9em;line-height: 1.1em;color: #9c9e9f;}

#une-actu .categories {float: left;font-size: 0.9em;line-height: 1.1em;color: #9c9e9f;}

#une-actu .info span.author {color: #58585a;}

#une-actu .categories a,
#une-actu .categories a:visited {color: #58585a;}
#une-actu .categories a:hover {color: #e01515;}

.cont-panination-reader {padding: 0 32px 0 28px;}

#une-actu .pagination p,
#une-actu .pagination li {display: none;float: left;color: #000;font-family: 'ProximaNova-Bold', Arial, Helvetica, Verdana, sans-serif;line-height: 1.16em;font-size: 0.9em;text-transform: uppercase;}

#une-actu .pagination {padding: 14px 0 10px 0;border-top: solid 3px #000;margin-top: 10px;}

#une-actu .pagination ul {padding: 0;list-style-type: none;}

#une-actu .pagination ul:after {content:'';display: block;height:0px;clear:both;font-size:0px;line-height:0px;width:0px;}

#une-actu .pagination li.previous,
#une-actu .pagination li.next,
#une-actu .pagination li.lien-blog {display: block;}

#une-actu .pagination li.lien-blog {float: right;}

#une-actu .pagination li a,
#une-actu .pagination li a:visited {color: #000;}
#une-actu .pagination li a:hover {color: #e01515;}

#une-actu .pagination li.previous {padding-left: 13px;background: url(../../files/bdm/images-structure/fleche-pagination-prev.gif) no-repeat 0 3px;}

#une-actu .pagination li.next {padding-right: 13px;background: url(../../files/bdm/images-structure/fleche-pagination-next.gif) no-repeat right 3px;}


#partage-sociaux ul {padding: 0 32px 0 28px;list-style-type: none;float: right;}

#partage-sociaux li {float: left;margin-left: 14px;}

#partage-sociaux a {display: inline-block;width: 18px;height: 18px;background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat 0 0;}

#partage-sociaux a:hover {background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat 0 -18px;}

#partage-sociaux .bt-google-plus a {background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat -32px 0;}

#partage-sociaux .bt-google-plus a:hover {background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat -32px -18px;}

#partage-sociaux .bt-twitter a {background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat -64px 0;}

#partage-sociaux .bt-twitter a:hover {background: transparent url(../../files/bdm/images-structure/picto-sociaux-partage.png) no-repeat -64px -18px;}

#vedette-accueil .empty,
#vedette-liste .empty {display: none;}

/* responsive blog */

/* header + menu mois & cat */

.bt-tablette-blog {display: block;float: left;width: 33px;height: 36px;background: transparent url(../../files/bdm/images-structure/picto-bt-blog-tablette.png) no-repeat 0 0;margin-right: 0px;cursor: pointer;}
.bt-tablette-blog:hover {background: transparent url(../../files/bdm/images-structure/picto-bt-blog-tablette.png) no-repeat 0 -36px;}
.bt-tablette-blog.active {background: transparent url(../../files/bdm/images-structure/picto-bt-blog-tablette.png) no-repeat 0 -72px;}

.resp850 .blog .lettrine-tablette {
    left: 108px;
}

.resp1050 #menu-blog,
.resp500 #menu-blog {display: none;}

.container-liste-blog-tablette {}

.resp1050 #Select-archives-mois.liste-menu-blog-mois .titre,
.resp1050 #Select-archives-mois.liste-menu-blog-cat .titre {margin-bottom: 4px;}

#header .mod_newscategories {padding: 19px 0 0 0;}

#header .titre-nav-categories {margin-bottom: 4px;}

#header .mod_newscategories ul {padding: 0;list-style-type: none;}

#header .mod_newscategories li {margin-bottom: 0;}

.container-liste-blog-tablette-850 {padding: 0 38px 0 23px;margin-bottom: 20px;    max-width: 457px;}

.container-liste-blog-tablette-500 {padding: 0 32px 0 28px;margin-bottom: 20px;    max-width: 420px;}

.container-liste-blog-tablette-850 .liste-menu-blog-mois,
.container-liste-blog-tablette-850 .liste-menu-blog-cat,
.container-liste-blog-tablette-500 .liste-menu-blog-mois,
.container-liste-blog-tablette-500 .liste-menu-blog-cat {padding: 0;width: 48%;float: left;margin-left: 2%;margin-bottom: 14px;}

.container-liste-blog-tablette-850 .liste-menu-blog-cat,
.container-liste-blog-tablette-500 .liste-menu-blog-cat {margin-left: 0;margin-right: 2%;}

.container-liste-blog-tablette-850 .liste-menu-blog-mois .titre,
.container-liste-blog-tablette-850 .liste-menu-blog-cat .titre,
.container-liste-blog-tablette-850 .titre-nav-categories,
.container-liste-blog-tablette-500 .liste-menu-blog-mois .titre,
.container-liste-blog-tablette-500 .liste-menu-blog-cat .titre,
.container-liste-blog-tablette-500 .titre-nav-categories {display: none;}

.container-liste-blog-tablette-850 .liste-menu-blog-mois > a,
.container-liste-blog-tablette-850 .liste-menu-blog-cat > a,
.container-liste-blog-tablette-500 .liste-menu-blog-mois > a,
.container-liste-blog-tablette-500 .liste-menu-blog-cat > a {background-color: #ebebeb;}

.container-liste-blog-tablette-850 .liste-menu-blog-mois > a:hover,
.container-liste-blog-tablette-850 .liste-menu-blog-cat > a:hover,
.container-liste-blog-tablette-500 .liste-menu-blog-mois > a:hover,
.container-liste-blog-tablette-500 .liste-menu-blog-cat > a:hover {background-color: #df161c;}

.container-liste-blog-tablette-850 .hr,
.container-liste-blog-tablette-500 .hr {margin: 0;}

.resp850 .contener-liste-menu-blog-mois,
.resp850 .contener-liste-menu-blog-cat,
.resp500 .contener-liste-menu-blog-mois,
.resp500 .contener-liste-menu-blog-cat {background: transparent url(../../files/bdm/images-structure/pix-noir-73.png) repeat 0 0;}

.resp500 .mod_newscategories li,
.resp500 .liste-menu-blog-mois li {font-size: 0.9em;}

@media screen and (max-width: 660px) {
	.bt-tablette span,
	.bt-tablette-contact,
	.bt-tablette-newsletter {margin-right: 24px;}
}

.resp500 .blog .bt-tablette {left: 28px;}

@media screen and (max-width: 410px) {
	.bt-tablette span,
	.bt-tablette-contact,
	.bt-tablette-newsletter {margin-right: 12px;}
	.resp500 .wrapper-logo-header {height: 66px;padding-top: 27px;}
	.resp500 .wrapper-logo-header img {width: 107px;}
}


/* Accueil */

.resp1050 #vedette-accueil .container-image {width: 36%;float: left;margin-right: 0px;}

.resp1050 #vedette-accueil .cont-contenu-vedette-accueil {float: left;width: 60%;}

.resp1050 .accueil #main #vedette-accueil article:first-child {padding: 38px 0 0px 0;}

.accueil-sans-vedette.accueil #main article.thefirst {padding-top: 46px;}

.resp1050 .accueil-sans-vedette.accueil #main article.thefirst {padding-top: 27px;}

/* le-blog.html (liste) */

.resp1050 #vedette-liste {padding-top: 0;max-width: 608px;}

.resp1050 #vedette-liste .container-image {width: 36%;float: left;margin-right: 0px;}

.resp1050 #vedette-liste .cont-contenu-vedette-liste {float: left;width: 64%;}

.resp1050 #vedette-liste h2,
.resp1050 #vedette-liste .texte-riche p,
.resp1050 #vedette-liste .lien-lire-la-suite {padding: 0 0 0 12px;}

.resp1050 #vedette-liste .hr {max-width: 392px;}

.resp1050 #blog-liste {max-width: 608px;padding-right: 0;}

.resp1050 #blog-liste .container-texte {max-width: 428px;}

.resp1050 #blog-liste .pagination {max-width: 392px;}

.resp1050 #blog-liste .hr {max-width: 392px;}

.resp1050 #blog-liste.sans-vedette {padding-top: 0;}

.resp850 .blog-en-liste #main .inside {padding-left: 47px;}

.resp500 #main #blog-liste h1,
.resp500 #main #vedette-liste .categorie,
.resp500 #vedette-liste .container-image,
.resp500 #vedette-liste h2,
.resp500 #vedette-liste .texte-riche p,
.resp500 #vedette-liste .lien-lire-la-suite {padding-left: 0;padding-right: 0;}

.resp500 #vedette-liste {padding: 0px 32px 0px 28px;}

.resp500 #vedette-liste .hr {margin: 0 0 21px 0;}

.resp500 #blog-liste.sans-vedette {padding-top: 0;}

@media screen and (max-width: 400px) {
	#blog-liste .container-image {float: none;}
	#blog-liste .container-texte {margin-left: 0;}
	#blog-liste .pagination li a span {display: none;}
	
	.container-liste-blog-tablette-500 .liste-menu-blog-mois, 
	.container-liste-blog-tablette-500 .liste-menu-blog-cat {float: none;width: auto;margin: 0 0 14px 0;}
}


/* blog lecteur */

.resp1050 #une-actu {padding-top: 16px;max-width: 621px;}

.resp500 #une-actu {padding-top: 21px;}

#une-actu .container-image {padding-right: 28px;}

.resp850 #une-actu .container-image {max-width: 593px;padding-right: 0;}

.resp850 .blog-lecteur .container-liste-blog-tablette-850,
.resp500 .blog-lecteur .container-liste-blog-tablette-500 {display: none;}

.resp500 #une-actu .texte-riche ul, 
.resp500 #une-actu .texte-riche p.hors-texte,  
.resp500 #main #une-actu h1, 
.resp500 #une-actu .texte-riche h2, 
.resp500 #une-actu .texte-riche h3, 
.resp500 #une-actu .texte-riche h4, 
.resp500 #une-actu .texte-riche h5, 
.resp500 #une-actu .texte-riche h6, 
.resp500 #une-actu .texte-riche p {padding-right: 28px;padding-left: 28px;}

@media screen and (max-width: 510px) {
	#une-actu .pagination li a span {display: none;}
}

@media screen and (max-width: 410px) {
	#une-actu .pagination li.lien-blog {display: none;}
}

.sans-bt-partage .plaquette-500, 
.sans-bt-partage .plaquette-1050 {left: 0;}



.slimScrollRail {z-index: 57 !important;}

.slimScrollBar {z-index: 58 !important}




/* + 20220923 */

.titre-partage-plus {
	color: #fff;
	text-align: right;
	margin: 0 0 5px 0;
	 font-weight: 300;
	 font-size: 12px;
}

.resaux-sociaux-header a.bt-linkedin-head {
	display: block;
	margin-bottom: 10px;
	width: 19px;
	 background: transparent url(../../files/bdm/images-structure/picto-sociaux-linkedin.png) no-repeat 0 0;
	 margin-right: 0;
}

.resaux-sociaux-header a.bt-linkedin-head:hover {
	 background: transparent url(../../files/bdm/images-structure/picto-sociaux-linkedin.png) no-repeat 0 -34px;
}

.resp1050 .container-une-video {
	width: 194px;
}


/*
.sociaux-1050 .titre-partage-plus,
.sociaux-500 .titre-partage-plus {
	color: #000;
	 display: inline-block;
	 width: 100px;
	 padding: 8px 0 0 0;
	 margin: 0 9px 0 0;
}

.sociaux-1050 a.bt-linkedin-head,
.sociaux-500 a.bt-linkedin-head {
	display: inline-block;
	 background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux-linkedin.png) no-repeat 6px -32px;
	 margin-right: 0;
}

.sociaux-1050 a.bt-linkedin-head:hover,
.sociaux-500 a.bt-linkedin-head:hover {
	 background: transparent url(../../files/bdm/images-structure/icones-resaux-sociaux-linkedin.png) no-repeat -22px 8px;
}

#footer-resp {display: none;}

.resp1050 #footer-resp {
	display: block;
	background-color: #e5e5e5;
}

#footer-resp .plaquette-500, 
#footer-resp .plaquette-1050 {
	left: auto;
	 right: 0;
}

*/





/* 20240917 - MODIFS */

.lettrine-tablette {
	 left: 588px;
}

.resp500 #video {
	padding: 0 19px;
}

@media screen and (max-width: 400px) {
	.resp500 .accueil .container-une-video,
	.resp500 .accueil .sscontainer-une-video, 
	.resp500 .accueil .container-une-video p {
		display: block;
	}
}





.container-image.tablette {
	display: none;
}

.resp1050 .container-image.tablette {
	 display: block;
}

.resp1050 .container-image.otre {
	display: none;
}

.resp1050 #main article.deuz {
	padding-top: 32px;
}