/* IMPORT FONTS */
@font-face {
    font-family: 'ops-b';
	src: url('../fonts/opensans-bold.eot');
	src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans-bold.woff') format('woff'),
	     url('../fonts/sourcesanspro-light.ttf') format('truetype'),
	     url('../fonts/opensans-bold.svg#webfont') format('svg');
}
@font-face {
    font-family: 'ops-r';
	src: url('../fonts/opensans-r.eot');
	src: url('../fonts/opensans-r.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans-r.woff') format('woff'),
	     url('../fonts/opensans-r.ttf') format('truetype'),
	     url('../fonts/opensans-r.svg#webfont') format('svg');
}
@font-face {
    font-family: 'awsm';
	src: url('../fonts/fontawesome-webfont.eot');
	src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/fontawesome-webfont.woff') format('woff'),
	     url('../fonts/fontawesome-webfont.ttf') format('truetype'),
	     url('../fonts/fontawesome-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'lt-l';
	src: url('../fonts/lato-light.eot');
	src: url('../fonts/lato-light.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/lato-light.woff') format('woff'),
	     url('../fonts/lato-light.ttf') format('truetype'),
	     url('../fonts/lato-light.svg#webfont') format('svg');
}
@font-face {
    font-family: 'ops-sb';
	src: url('../fonts/opensans-semibold.eot');
	src: url('../fonts/opensans-semibold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans-semibold.woff') format('woff'),
	     url('../fonts/opensans-semibold.ttf') format('truetype'),
	     url('../fonts/opensans-semibold.svg#webfont') format('svg');
}

@font-face {
    font-family: 'ops-li';
	src: url('../fonts/opensanslight-italic.eot');
	src: url('../fonts/opensanslight-italic.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensanslight-italic.woff') format('woff'),
	     url('../fonts/opensanslight-italicd.ttf') format('truetype'),
	     url('../fonts/opensanslight-italic.svg#webfont') format('svg');
}

@font-face {
    font-family: 'ops-i';
	src: url('../fonts/opensans-italic.eot');
	src: url('../fonts/opensans-italic.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/opensans-italic.woff') format('woff'),
	     url('../fonts/opensans-italicd.ttf') format('truetype'),
	     url('../fonts/opensans-italic.svg#webfont') format('svg');
}


/* RESET */
body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p { padding:0; margin:0; border:0; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
strong,b	{ font-weight:normal; font-family:ops-b;}
ul, ol		{ list-style-type:none;}
body		{ font:normal 16px/26px 'ops-r'; color:#444; background:#fff;}
a			{ text-decoration:none; color:#c02026; outline:none;}
img			{ border:none;}
#wrapper 	{ min-width:320px;}
*			{ box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; -webkit-sizing:border-box; outline:0}
figure		{ display:block; margin:0; }

/* CLASS */
.clear			{ clear:both; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; display:block; min-height:0 !important}
.left			{ float:left;}
.right 			{ float:right;}
.sousTitre 		{ font:normal 20px/24px sspr; color:#c02026; position:relative; margin:0 0 25px 0;}
.link 			{ width:auto; height:40px; display:inline-block;position:relative; font:normal 15px/36px ops-r;color:#fff; text-decoration:none !important; padding:0 34px; background:#c02026; border-radius:10px; border:1px solid #c02026;}
.wrapper 		{ width:100%; max-width:1170px; padding:0 15px; margin:0 auto; position:relative}


/* HEADER */
#header						{ width:100%; position:relative;}
.headerTop 					{ background:#f5f5f0}
.logo 						{ float:left; display:block; padding:23px 0 25px 0; line-height:0}
.blocSearch 				{ position:absolute; right:15px; z-index:99; top:17px;}
.search 					{ width:296px; border:1px solid #b4b4b4; border-radius:6px; display:inline-block; vertical-align:middle; position:relative}
.search input#searchText 				{ background:transparent; border:none; width:100%; outline:0; padding:4px 10px; height:35px;}
.search a, 
.search input.btnSearch                     { display:block; position:absolute; top:9px; right:14px; width:18px; height:18px;cursor: pointer; background:url(../images/picto-search.png) center no-repeat; background-size:cover; border:none}
.search a:after 			{ content:"\f002"; font:normal 18px/20px 'awsm'; color:#9fa0a2;}
.langue 					{ display:inline-block; vertical-align:middle;color: #31312f; width:45px; font-size: 16px; text-transform: uppercase;margin-left: 20px;}
.langue select 				{background: url(../images/select.png) no-repeat right center; width: 100%; height: auto; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;  appearance: none;  cursor: pointer; font-size: 16px; color: #c02026;font-family:ops-b;background-color: transparent; text-transform: uppercase;}


/* SLIDER */
#slider						{ width:100%; height:620px; height:75vh; min-height:500px; position:relative; z-index:45;}
#slider .slick-list			{ width:100%; height:100%;}
#slider .slick-track		{ width:100%; height:100%;}

.slick-prev 				{ width:50px; height:70px; background:url(../images/icone-arrow-left.svg) 46% 50% no-repeat #fff; position:absolute; left:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; margin-top:-35px;}
.slick-next 				{ width:50px; height:70px; background:url(../images/icone-arrow-right.svg) 56% 50% no-repeat #fff; position:absolute; right:0; top:50%; z-index:50; cursor:pointer; text-indent:-9999px; outline:none; border:0; padding:0; margin-top:-35px;}

.slick-dots					{ width:100%; height:16px; position:relative; text-align:center; padding:0; line-height:0; z-index:50;}
.slick-dots	li				{ display:inline-block; height:16px; margin:0 10px;}
.slick-dots button			{ display:block; width:16px; height:16px; border-radius:50%; text-indent:-9999px; background:none; outline:none; padding:0; border:1px solid #fff;}
.slick-active button		{ background:#fff;}

/* MENU */
.menu						{ display:block; position:relative; z-index:60; float:right; padding-top:66px}	
.menu>ul					{ display:block; position:relative; text-align:center;font-size:0; line-height:0;}	
.menu>ul>li					{ display:inline-block; position:relative; margin:0 12px; position:relative}
.menu>ul>li:nth-child(3):after,
.menu>ul>li:nth-child(4):after  { position:absolute; right:0; top:1px; font:normal 18px/40px 'awsm'; content:'\f107'; color:#a3a4a5}	
.menu>ul>li:nth-child(3),
.menu>ul>li:nth-child(4)		{ padding-right:20px;}
.menu>ul>li:nth-child(3)>a,
.menu>ul>li:nth-child(4)>a  { padding-bottom:49px;}
.menu>ul>li>a 				{font:normal 18px/40px ops-b;}
.menu a						{ width:auto;font:normal 16px/40px ops-r; letter-spacing:.8px; color:#a3a4a5; display:block; padding:0; position:relative;}
.menu a span 				{ width:0; height:3px; position:absolute; left:0; bottom:0; background:#c02026; display:block;}
.menu>ul>li.active>a, .menu>ul>li.current-menu-item>a		{ color:#c02026;}
.menu>ul>li:last-child 		{ margin-right:0}


/* SUB */
.sub						 	{ width:1170px; position:absolute; top:89px; border-top:9px solid #c02026; left:100%; z-index:995; padding:11px 14px 11px 292px; min-height:262px; display:block; background:#f5f5f0; opacity:0; visibility:hidden;text-align:left;}
.sub.mn01 						{ margin-left:-864px;}
.sub.mn02 						{ margin-left:-982px;}
.submn 							{ width:291px; float:left; position:relative; min-height:205px;}
.photo 						 	{ position:absolute; left:-278px; padding:0 !important; margin:0;}
.submn li 						{ }
.submn a 					 	{ line-height:45px; padding-left:60px;}

.submn01 					 	{ position:absolute; width:100%; right:-100%; top:0; opacity:0; visibility:hidden; border-left:1px solid #a3a4a5;bottom: 0;}
.submnNiv1 					 	{ position:absolute; right:-100%; opacity:0; visibility:hidden; top:0; border-left:1px solid #a3a4a5; width:100%; height:100%}
.sub.mn02 .submn01 li a 	 	{ line-height:35px;}
/*.sub.mn02 .submn01 li a:before  { content:'\f101'; font:normal 18px/35px 'awsm'; margin-right:6px}*/


.sub.mn01 .submn li:nth-child(4):hover .submn01,
.submn01 li:nth-child(3):hover .submnNiv1,
.submn01 li:nth-child(4):hover .submn01,
.submn>li:nth-child(3):hover .submn01,
.sub.mn02 .submn01 li:first-child:hover .submnNiv1 { opacity:1; visibility:visible}
.submn01>li:nth-child(3):hover>a:after, 
.sub.mn01 .submn li:nth-child(4):hover>a:after,
.submn>li:nth-child(3):hover>a:after,
.sub.mn02 .submn01 li:first-child:hover>a:after { color:#fff;}

/* @RTF -- remove sub menu   .submn01>li:nth-child(3)>a:after,*/
.submn>li:nth-child(3)>a:after,
.sub.mn02 .submn01 > li:first-child>a:after { content:'\f054'; font-family:'awsm'; color:#a3a4a5; font-size:18px; line-height:20px; top:14px; position:absolute; right:30px;}
.sub.mn02 .submn01 > li:first-child>a:after { top:10px; } /* Habitat / Cuisine */
.sub.mn02 .submn01 li:nth-child(3)>a:after { content:'' !important; } /* Habitat / Cuisine */

.sub.mn02 .submn01>li:nth-child(3):hover>a:after 	{ display:none;}
.menu>ul>li:nth-child(3):hover>.sub.mn01  			{ opacity:1; visibility:visible;}
.menu>ul>li:nth-child(4):hover>.sub.mn02  			{ opacity:1; visibility:visible;}
.sub.mn02 .submn01 li:nth-child(3) a:after  		{ display:none}




/* BLOC ANIMATION */
#blocAnim 					 { background:#000; border-top:10px solid #fff;}
#blocAnim .content 			 { width:305px;position:relative; z-index:9;padding-top: 108px;}
#blocAnim .animLeft .content { float:right; padding-right:40px; text-align:right}
#blocAnim .animRight .content{ float:left; padding-left:40px; text-align:left}
#blocAnim .content .ttl 	 { font:normal 20px/22px 'ops-b'; color:#9b9c9e}
#blocAnim .content .ttl span { display:block; text-transform:uppercase; font-size:40px; line-height:40px; color:#c02026}
#blocAnim .content .ttl:after{ content:''; display:block; margin:13px 0 20px; width:96px; border-bottom:4px solid #b4b4b4; display:inline-block;}
#blocAnim .content p 		 { font:normal 15px/20px 'ops-r'; padding-bottom:28px;color: #000;}

.animLeft  		 			{ width:50%; float:left; min-height:440px; background:url(../images/anim_left.jpg) center no-repeat; background-size:cover; position:relative; border-right:5px solid #fff;}
/*.animLeft:after 			{ content:''; display:block; width:398px; height:100%; right:0;position:absolute; top:0;
							  background: -moz-linear-gradient(left, rgba(245,245,240,0) 0%, rgba(245,245,240,0.85) 36%, rgba(245,245,240,1) 55%);
							  background: -webkit-linear-gradient(left, rgba(245,245,240,0) 0%, rgba(245,245,240,0.85) 36%, rgba(245,245,240,1) 55%);
							  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(245,245,240,0)), color-stop(0.36, rgba(245,245,240,0.85)), color-stop(0.55, rgba(245,245,240,1)));
							  background: -o-linear-gradient(left, rgba(245,245,240,0) 0%, rgba(245,245,240,0.85) 36%, rgba(245,245,240,1) 55%);
							  background: linear-gradient(left, rgba(245,245,240,0) 0%, rgba(245,245,240,0.85) 36%, rgba(245,245,240,1) 55%);
							  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f0', endColorstr='#f5f5f0',GradientType=1 );}*/

.animRight 					{ width:50%; float:right; border-left:5px solid #fff; min-height:440px; position:relative; background:url(../images/anim_right.jpg) left center no-repeat; background-size:cover}
/*.animRight:before 			{ content:''; display:block; width:398px; height:100%; left:0;position:absolute; top:0;
							  background: -moz-linear-gradient(left, rgba(245,245,240,1) 26%, rgba(245,245,240,0.86) 52%, rgba(245,245,240,0) 100%);
							  background: -webkit-linear-gradient(left, rgba(245,245,240,1) 26%, rgba(245,245,240,0.86) 52%, rgba(245,245,240,0) 100%);
							  background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.26, rgba(245,245,240,1)), color-stop(0.52, rgba(245,245,240,0.86)), to(rgba(245,245,240,0)));
							  background: -o-linear-gradient(left, rgba(245,245,240,1) 26%, rgba(245,245,240,0.86) 52%, rgba(245,245,240,0) 100%);
							  background: linear-gradient(left, rgba(245,245,240,1) 26%, rgba(245,245,240,0.86) 52%, rgba(245,245,240,0) 100%);
							  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f0', endColorstr='#00f5f5f0',GradientType=1 );}*/
							  
#blocAnim .animRight  .link { background:#000; color:#fff; border:1px solid #000}
#blocAnim .animLeft  .link  { color:#fff; background:#c02026; border:1px solid #c02026}


/* CONTENT */
.blocServices 				{ padding-top:42px; padding-bottom:42px;}
.serviceL 					{ width:100%; max-width:458px; float:left}
.bloctop 					{ line-height:0; position:relative; margin-bottom:21px}
.ttlImg 					{ opacity:0; position:absolute; width:100%; left:0; background:rgba(73,75,79,0.8); text-transform:uppercase; font:normal 24px/26px 'ops-b'; top:0; text-align:center; color:#fff; padding:27px 0; top:50%; margin-top:-40px;}
.blocBot 					{ position:relative;}
.blocBot ul 				{ line-height:0;}
.blocBot ul li 				{ position:relative; float:left}
.blocBot ul li:first-child  { margin-right:24px;}

.serviceR 					 	 { float:right; position:relative; width:calc(100% - 490px);}
.blocBienvenu 					 { position:relative; background:url(../images/photo4.jpg) center no-repeat; background-size:cover}
.blocBienvenu .content 		 	 { position:relative; top:0; left:0; width:100%; height:100%; line-height:normal; background:rgba(73,75,79,0.8); color:#fff; padding:35px 60px;min-height: 344px;}
.blocBienvenu .content .ttl 	 { font:normal 20px/22px 'ops-b'; color:#fff}
.blocBienvenu .content .ttl span { display:block; text-transform:uppercase; font-size:40px; line-height:40px; color:#fff}
.blocBienvenu .content .ttl:after{ content:'';  margin:22px 0 12px; width:96px; border-bottom:4px solid #b4b4b4; display:inline-block;}
.blocBienvenu .content p 		 { font:normal 15px/20px 'ops-r'; padding-bottom:23px}
.blocBienvenu .content .link 	 { color:#fff; border:1px solid #fff; background:transparent; padding:0 25px}

.slogan 						 { position:relative; line-height:0; margin-top:20px; min-height:124px; background:url(../images/photo5.jpg) center no-repeat; background-size:cover}
.slogan p 						 { position:absolute; left:65px; font:normal 20px/20px 'ops-b'; color:#fff; top:42px;}
.slogan p span 					 { display:block;}
.slogan .link 					 { position:absolute; right:22px; top:50%; margin-top:-21px; background:rgba(73,75,79,0.8); border:1px solid #fff}


/* BLOC INFOS */
.blocInfos 				{ position:relative; border-bottom:4px solid #fff}
.blocInfos:before 		{ content:''; display:block; position:absolute; top:0; left:0; width:56%; height:100%; background:url(../images/bg_infos.jpg) center no-repeat; background-size:cover;}
.blocInfos .wrapper 	{ min-height:462px; position:relative}
.infos 					{ width:100%; max-width:653px; height:100%; padding-top:30px; float:left}
.blocFormulaire h2, 
.infos h2 				{ font:normal 20px/40px 'ops-b'; text-transform:uppercase; padding-bottom:13px}

.blocMap 				{ position:absolute; right:0; width:44%; top:0; height:100%; border-left:4px solid #fff}
.blocMap iframe 		{ height:100%; width:100%; border:none;}

.contact 				{ padding-bottom:32px}
.horaire li,
.contact li 			{ font-size:18px; line-height:21px; margin-bottom:20px; position:relative; padding-left:45px}
.contact li span 		{ display:block}
.contact li a 			{ color:#494b4f}
.horaire li:before, 
.contact li:before 		{ display:block; font:normal 18px/21px 'awsm'; color:#c02426; position:absolute; left:0;}

.contact li:first-child:before  { content:'\f041';} 
.contact li:nth-child(2):before { content:'\f095';} 
.contact li:nth-child(3):before { content:'\f02f';} 
.contact li:last-child:before   { content:'\f1fa';}
.horaire li:last-child, 
.contact li:last-child 		    { margin-bottom:0}

.horaire li:first-child:before  { content:'\f017';}
.horaire li a 					{ border-bottom:1px solid #494b4f; color:#494b4f;}
.horaire li a:after 			{ content:'\f105'; font-family:'awsm'; padding-left:4px} 
.field.fieldSelect 				{ position:relative; padding-right:23px}


#animPage 						{ background:url(../images/banner_page.jpg) center no-repeat; background-size:cover; position:relative; padding:61px 0 41px 0}
.actusDetails #animPage 		{ background:url(../images/banner_pageactus.jpg) center no-repeat; }
#animPage:before 				{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/masque.png) center no-repeat; background-size:cover}
.blocTitre 						{ text-align:center; position:relative; z-index:1;}
.titre 							{ text-transform:uppercase; font:normal 32px/40px 'ops-b'; letter-spacing:10px; color:#c02026;}
.titre:after 					{ content:''; width:96px; display:block; height:4px; background:#b4b4b4; margin:18px auto 4px}
.breadcumb 						{ color:#a3a4a5;text-shadow:0px 0px 30px #F5F5F0}
.breadcumb a 					{ color:#a3a4a5; text-transform:uppercase; font:normal 12px/40px 'ops-sb';margin: 0 10px;}
.breadcumb a:last-of-type 		{ color:#c02026}
.headerEmploi .titre 			{ letter-spacing:normal}
.contentEmploi .blocRight 		{ padding-bottom:40px}
.contentEmploi .blocLeft 		{ margin-top:0}

/* actus */

#contentPage 					{ padding:56px 0 0 0}
.blocLeft 						{ width:100%; max-width:264px; float:left;margin-top: -10px;}
.ttl 							{ font:normal 20px/40px 'ops-b'; color:#494b4f}
.categorieList ul:last-of-type .ttl{ padding-top:36px}
.categorieList .ttl 			{ text-transform:uppercase}
.categorieList li 				{ font-size:18px; line-height:41px; color:#494b4f; border-bottom:1px solid #dadada}
.categorieList li a 			{ color:#494b4f;}
.categorieList li:before { content:'\f0da'; font:normal 18px/21px 'awsm'; margin-right:5px}
/*.categorieList .cat-list-news li:before { content:''; margin-right:0; }*/
.categorieList ul:last-of-type li:last-child { border:none}

.categorieList ul 				{ margin-bottom:20px}
.categorieList.details ul li.first { font-family:ops-sb}

.blocRight 						{ width:calc(100% - 294px); width:-moz-calc(100% - 294px); width:-webkit-calc(100% - 294px); float:right;padding-bottom:80px}
.photoActus 					{ line-height:0}
.wrapActus .content 			{ margin-bottom:38px; position:relative;}
.photoActus img 				{ width:100%; height:auto}
.textActus 						{ padding:49px 50px 50px 27px; background:#f5f5f0}
.textActus .titre 				{ text-transform:inherit; font:normal 24px/20px 'ops-r'; letter-spacing:normal; color:#494b4f; padding-bottom:24px}
.textActus .titre:after 		{ display:none}
.dateActus 						{ font:normal 14px/24px 'ops-li'; color:#a3a4a5; padding-bottom:21px;}
.textActus p					{ font-size:14px; line-height:24px; padding-bottom:30px}
.pagination li 					{ display:inline-block; width:36px; height:36px; border-radius:6px; background:#f5f5f0; text-align:center; vertical-align:top; font-size:15px; line-height:36px; cursor:pointer; margin-right:4px;}
.pagination li:hover 			{ background:#c02026; color:#fff}
.pagination li:hover a 			{ color:#fff }
.pagination li:before 			{ font-family:'awsm'}
.pagination li:last-child 		{ margin-right:0}
.pagination li.active a			{ background:#c02026; color:#fff}
.pagination li.icon-step-forward a,
.pagination li.icon-fast-forward a	{ font-size:0;}

.contentDetails .blocRight .dateActus { border-bottom:1px solid #a3a4a5; padding-bottom:40px; margin-bottom:40px}
.actusDetails .titre 			{ letter-spacing:normal}
.pagination:after 				{ content:''; width:100%; display:table; clear:both}
.prec 							{ float:left;}
.suivant 						{ float:right}
.prec span 						{ margin-right:10px; transition:none}
.suivant span 					{ margin-left:10px;}
.suivant span:before, .prec span:before 	{ font-family:'awsm'}
.paginDetail div 							{ width:100%; max-width:174px; text-align:center; background:#f5f5f0; border-radius:7px; padding:5px 0; cursor:pointer}
.contentDetails .textActus p:last-of-type	{ padding-bottom:0}
.paginDetail div a                          {color: #000}

/* CONTACT */
.headerEmploi .titre,
.HeaderContact .titre 			{ letter-spacing:normal}
.blocFormulaire 				{ padding-bottom:62px}
.contentContact .left .infos 	{ max-width:294px; padding-top:0}
.contentContact .contact, 
.contentContact .horaire a,
.contentContact .horaire,  
.contentContact .contact li a 	{ color: #000;}
.blocFormulaire>p 				{ padding-bottom:36px}
.contentContact .left 			{ width:406px}
.contentContact .right 			{ width:calc(100% - 406px); width:-webkit-calc(100% - 406px); width:-moz-calc(100% - 406px);}
#google-map 					{ width: 100%; height: 442px;}
.formulaire .field 				{ width:100%; max-width:48%; position:relative; border-bottom:1px solid #dadada; margin-bottom:31px}
.formulaire .field.textArea     { margin-bottom:0; }
.formulaire .field:nth-of-type(even){ float:right}
.formulaire .field:nth-of-type(odd) { float:left}
.formulaire .field em			{ position:absolute; color:#ff7533; right:0; top:10px;z-index: 9;}
#google-map .centerMarker 		{ display:none !important}
.formulaire .field select,
.field.fullWidth textarea,
.formulaire .field input 		{ width:100%; border:none; padding-bottom:6px; padding-top:10px; padding-left:10px; min-height:45px;font-size: 13px; color:#000; font-family:ops-r}
.field.fullWidth span,
.formulaire .field input::-webkit-input-placeholder { color:#000000; font-size:13px; line-height:21px; font-family:'ops-r'}
.formulaire .field input::-moz-placeholder 			{ color:#000000; font-size:13px; line-height:21px;}
.formulaire p 					{ padding-bottom:26px; font-size:15px; color:#494b4f; font-family:'ops-i'; clear:both}
.formulaire .recaptcha			{ margin:1em 0;}
.blocFormulaire>h2>p 			{ font-family:'ops-r'; color:#000; font-size:15px;}
.fullWidth  					{ max-width:100% !important; float:none !important; width:100% !important;}
.field.fullWidth input 			{ opacity:0; cursor:pointer;}
.field.fullWidth label 			{ position:absolute; right:0; top:4px; color:#000; border-radius:10px; font-size:15px; line-height:20px; padding:6px 0; border:1px solid #000; width:106px; text-align:center}
/*.field.fullWidth span 			{ position:absolute; top:16px;left: 10px; font-size:13px}*/

.file 							{ display:block; height:50px; position:relative}
.file::before 					{ content: "Télécharger un document (pdf)"; display: block; position: absolute; color:#000; padding-left: 20px; width:70%; white-space: nowrap;text-overflow: ellipsis; font: 13px/50px ops-r; overflow: hidden;}
.file:after 					{ content:'Parcourir'; position: absolute; right: 0; top:8px; color: #000; border-radius: 10px; font-size: 15px; line-height: 20px; padding: 6px 0; border: 1px solid #000; width: 106px;text-align: center;}
.file input 					{ width:108px !important; right:0; position:absolute; padding:0 !important; height:34px; min-height:0 !important; top:8px; line-height:34px; z-index:99}

.file .filename 				{ position: absolute; background: #fff;top: 0; left: 0; padding-left: 20px; width: calc(100% - 108px); width:-moz-calc(100% - 108px);  width:-webkit-calc(100% - 108px);font: 13px/50px ops-r; color: #000; padding-left: 20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

.field.fullWidth.textArea textarea {}

.pcf7-form-control-wrap 		{ display:block; width:100%; position:static; top:auto; left:auto; font-size:inherit}

.field.fullWidth textarea 		{ min-height:100px; font:normal 13px/21px 'ops-r'; color:#000; border:1px solid #dadada; resize:none}
.textArea 						{ border-bottom: none !important}
.check  						{ font:normal 13px/21px 'ops-r'}
.check ~ button 				{ float:right;margin-top: 1px; cursor:pointer}
.contentContact .blocMap 		{ position:relative; right:auto; left:0; border-left:0; border-right:4px solid #fff; width:calc(100% - 472px); width:-webkit-calc(100% - 472px); width:-moz-calc(100% - 472px); height:442px}
.contentContact .blocInfos:before 			{ left:auto; right:0; background:url(../images/marbrerie_photo.jpg) center no-repeat; width:472px; background-size:cover}
.contentContact .blocInfos 					{ min-height:442px; position:relative}
.infoBull 						{top:0; width:223px; height:193px; background:#fff; padding:14px; font-size:15px; line-height:17px; color:#000}
.infoBull:before 				{ content:url(../images/triangle.png); left:0; right:0; display:block; margin:0 auto; bottom:-22px; position:absolute; text-align:center;}
.infoBull img 					{ display:block; padding-bottom:14px}
.gm-style-iw 					{ position:relative; overflow:visible !important; left:0; right:0; width:100% !important; top:1px !important}
.gm-style .gm-style-iw 			{ width: 224px !important;font-weight: normal;left:27px !important;position: relative;top:66px !important;-webkit-box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow:    0px 0px 7px 2px rgba(0, 0, 0, 0.25);box-shadow:0px 0px 7px 2px rgba(0, 0, 0, 0.25); background:#fff}

.field.fullWidth ::-webkit-input-placeholder 	{ color:#000;}
.field.fullWidth :-moz-placeholder 				{ color:#000;}
.field.fullWidth ::-moz-placeholder 			{ color:#000;}
.field.fullWidth :-ms-input-placeholder 	 	{ color:#000;}

select       									{ width: 100%; height: auto; border:none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; background:url(../images/dropdown.jpg) right center no-repeat}
	
.file { position:relative}	

/**/

/* GENERIQUES */

.headerGenerique #animPage 		{ background:url(../images/banner_generique.jpg) center no-repeat}
#animPage.generiques .titre	 	{ letter-spacing:normal}
.cont-page 						{ padding:0 }
.cont-page p 					{ font-size:15px}
.cont-page h3 					{ text-transform: uppercase; font: normal 20px/40px 'ops-b';color: #494b4f;}
.cont-page h4,
.cont-page h5,
.cont-page h6					{ color:#494b4f;}
.cont-page .blc-txt 			{ border-bottom: 1px solid #a3a4a5;margin-bottom: 38px; padding-bottom:30px;}
.cont-page .grid-2cols 			{ -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.cont-page .blc-txt	p			{ margin-bottom:17px; font:normal 14px/24px 'ops-r'; color:#000; padding-right:6px}
.blc-page h1					{ margin-bottom:30px; padding-left:25px}
.blc-heading p a				{ color:#c02026; text-decoration:underline}
.blc-heading p 					{ margin-bottom: 33px; font-size:14px}
.blc-heading p span 			{ background:#b5b5b5; line-height:24px; display: inline-block;}
.cont-page h1					{ font-size:40px; font-family:ops-b; margin-bottom:48px; padding-left:0; color:#494b4f}
.cont-page h2					{ font-size:36px; font-family:ops-b; margin-bottom:32px; text-transform:none}
.cont-page h3					{ font-size:28px; font-family:ops-b; margin-bottom:24px; text-transform:inherit;}
.cont-page h4					{ font-size:24px; font-family:ops-b; margin-bottom:28px}
.cont-pageg h5					{ font-size:18px; font-family:ops-b; margin-bottom:15px}
.cont-page h6					{ font-size:15px; font-family:ops-b}
.blockquote h4					{ font-size:24px; font-family:ops-b; margin-bottom:27px}
.blockquote 					{ margin-top: 41px;}
.blockquote h3 					{ text-transform:inherit; font-size:24px; padding-bottom:18px;}
.blockquote .intro				{ color:#be1522 ; font-size:18px; padding-left:30px; position:relative; margin-bottom:28px}
.blockquote .intro p			{ font-family:'ops-r'; font-size:18px; max-width:892px}
.blockquote .intro::before 		{ border-left:4px solid #be1522;content: "";display: block; height: 100%; left: 0; position: absolute; top: 0}
.blockquote h5 					{ font-size:18px;  margin-bottom:17px; font-family:ops-b; color:#494b4f}
.blockquote blockquote 			{ color:#be1522; font-size:18px; margin:44px 10px 44px 70px; position:relative; padding-left:40px}
.blockquote blockquote span 	{ display: inline-block; font-size: 30px; line-height: 18px; margin-top: 0; vertical-align: top; position:absolute; left:0; top:0;}
.blockquote blockquote span i:before { font-family:'awsm'}
.blockquote blockquote em		{ font-style:normal; color:#818181; font-size:13px; display:block; margin-top:11px; padding-left:0}
.blockquote blockquote p		{ font-size: 18px; max-width: 882px; padding-left: 2px; line-height: 28px; font-family:ops-b}
.table th						{ font-size:18px; color:#be1522; font-family:ops-r; border-bottom:#be1522 solid 1px; padding:10px 0; text-align:left}
.table td 						{ border-bottom:#817262 solid 1px; color:#897a6b; font-size:18px; padding:10px 30px 10px 0}
.table tr:last-child td			{ border-bottom:none}
.blc-table 						{ margin-bottom: 51px}



/* LISTE */
.blc-liste  					                { padding-bottom:72px}
.blc-liste .cols				                { float:left; width:49%}
.blc-liste .cols:last-of-type 	                { float:right}
.blc-liste:after 				                { content:''; display:table; width:100%; height:0; clear:both}
.blc-liste h3 					                { text-transform:inherit; font-size:24px; padding-bottom:26px; font-family:'ops-b'}
.blc-liste p 					                { margin-bottom: 27px}
.blc-liste ul li, .blc-txt ul li                { margin-bottom:4px}
.blc-liste ul li span, .blc-liste ul li span	{ color:#00ffff; font-size:12px; margin-right:5px}
.blc-liste ul, .blc-txt ul                      { margin-left:37px}
.blc-liste ol li, .blc-txt ol li                { margin-bottom:4px}
.blc-liste ul li:before, .blc-txt ul li:before  { background-color: #be1522; border-radius: 50%; content: ""; display: inline-block; height: 5px; margin-right: 5px; margin-top: 9px; vertical-align: top; width: 5px;}
.blc-liste ol li span, .blc-txt ol li span      { color:#00ffff;  margin-right:5px; font-size:15px; font-family:mont-b}
.blc-liste ol, .blc-txt ol 		                { margin-left:37px}
.blc-liste ol li:before, .blc-txt ol li:before{ display: inline-block; content:"0" counter(item) "."; counter-increment: item; color:#be1522;  margin-right:5px; font-size:15px; font-family:ops-r;}
.actus .blc-liste				                { border-bottom:0;}
ol 								                { counter-reset: item;}
.blc-txt ul, .blc-txt ol                        { margin-bottom:17px; }
.blc-txt ul li, .blc-txt ol li                  { font:normal 14px/24px 'ops-r'; }



/* EMPLOI */
.textTop img 					{ padding-bottom:33px}
.textTop p 						{ padding-bottom:29px; font-size:14px; line-height:24px}
.photoPoste 					{ line-height:0}
.contentPost .photoPoste		{ width:165px; position:absolute; top:0; bottom:0; height:100%; background-size:cover;}
.contentPost .content:after 	{ height:0; content:''; display:table; width:100%; clear:both}
.contentPost .textActus 		{ width:calc(100% - 165px); float:right; width:-webkit-calc(100% - 165px); width:-moz-calc(100% - 165px);}
.textActus .titre 			 	{ font-family:ops-b}
.lisPost .ttl 					{ padding-bottom:8px}

/* RESULTAT RECHERCHE */

.wrapResultat 					{ padding-bottom:30px}
.wrapResultat .titre			{ text-align:center; font:normal 24px/28px 'ops-b'; color:#444; letter-spacing:normal;padding: 40px 0;}
.wrapResultat p 				{ padding-bottom: 39px;}
.wrapResultat h2 				{ font: normal 20px/24px 'ops-b'; color:#c02026;padding-bottom: 25px;}
.wrapResultat h2 span 			{ min-width:130px; display: inline-block; vertical-align: top;}
.wrapResultat h2 em 			{ font-style: normal;}
.wrapResultat li:before 		{ content:'\f0da'; display: inline-block; vertical-align: middle; font:normal 18px/21px 'awsm';margin-right: 10px;}
.wrapResultat li a 				{ color:#444}
.wrapResultat ul 				{ padding-bottom: 29px;}


footer .social { display:none !important; }

.header-banner { background: #f5f5f0; margin-top: 10px; padding: 20px; }
p.p-banner { text-align: center; color: #a3a4a5; font: normal 18px/40px ops-b; }

@media (min-width:1025px) 		{ .menu ul { display:block !important;}}

/* FOOTER */
#footer							  { width:100%; height:auto; position:relative; clear:both}
.footer 						  { background:#f5f5f0; text-align:left; padding-top: 79px;padding-bottom: 84px;}
.footer .content>div 			  { width:25%; float:left;padding:0 15px}
.footer .content div:last-of-type { padding-right:0}
.logoFoot 						  { padding-left:0 !important}
.logoFoot img 					  { width:144px; height:auto; margin-bottom:6px}
.logoFoot p 					  { padding-bottom:9px; font-size:15px; line-height:20px}
.logoFoot a 					  { width:28px; height:28px; display:inline-block; vertical-align:top; margin-right:18px}
.logoFoot a:before 				  { display:block; font:normal 31px/28px 'awsm'; color:#494b4f}
.facebook:before 				  { content:'\f082';}
.twitter:before 				  { content:'\f081';}

.menuFoot 						  { }
.menuFoot h2 					  { font:normal 18px/35px 'ops-b'; padding-bottom:7px}
.menuFoot li 					  { padding-bottom:9px}
.menuFoot li a 					  { color:#494b4f;}
.menuFoot li a:before 			  { content: '\f101'; font: normal 18px/12px 'awsm'; color: #494b4f; display: inline-block; vertical-align: middle; margin-right:4px; margin-bottom:3px}

.footer-bottom								    { background-color:#fff; padding:15px 20px 10px; font-size:14px; color:#7f7f7f; }
.copyright , .signature 						{ display:inline-block}
.footer-bottom	 a								{ color:#7f7f7f;}
.copyright  									{ margin-right:50px; font:normal 14px/16px 'lt-l'}
.signature 										{ margin-left:40px}
.signature a									{ margin-right:44px}
.footer-bottom .right ul li						{ display:inline-block; vertical-align:middle;}
.footer-bottom .right ul li:last-child 			{ margin-left:36px}
.footer-bottom .right ul li a					{ display:inline-block; vertical-align:middle; margin-left:10px}
.footer-bottom .left							{ padding-top:10px}


@media (min-width:1201px) {
	.paginDetail div,.pagination li,.submn01, .submn, a,.ttlImg, *:after, *:before, body a span, body a, span:before, span:after, a:after, a:before, .link, .slick-prev, .slick-next, .slick-dots button,.blocSlide *, .sub{ -webkit-transition:all 400ms ease-in-out; -moz-transition:all 400ms ease-in-out; -ms-transition:all 400ms ease-in-out; transition:all 400ms ease-in-out;}
	.categorieList li:hover a,
	.categorieList li:hover:before, 
        .categorieList li.active,
        .categorieList li.active a { color:#c02026;}
	
	.logo:hover 										{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
	.horaire a:hover 									{ color:#c02026; border-bottom: 1px solid #c02026;}
	
	.link:hover 						{ background-color: transparent; border:1px solid #c02026;color: #c02026;}
	.slick-prev:hover 					{ background-color:#006492;}
	.slick-next:hover 					{ background-color:#006492;}
	.menuFoot a:hover,
	.social a:hover:before,
	.menuFoot a:hover:before,
	.contact li a:hover, 
	.submn1>li:hover a:before 			{ color:#c02026}
	#blocAnim .animRight  .link:hover 	{ background:transparent; color:#000;}
	.blocBot li:hover .ttlImg,
	.bloctop:hover .ttlImg 				{ opacity:1;}
	.blocBienvenu .content .link:hover	{ background:#fff; color:#494b4f}
	.slogan .link:hover 				{ color:#494b4f; background:#fff; border:1px solid #fff}
	.field.fullWidth:hover label		{ color:#fff; background:#000}
	.paginDetail div:hover 				{ background:#c02026; color:#fff}
    .paginDetail div:hover a            { color:#fff}
	.submnNiv1>li:hover a,
	.submn01>li:hover>a,
	.submn>li:hover>a 					{ background: #c02026; color: #fff;}
	.menu>ul>li:hover:after, a:hover, 
	.menu>ul>li:hover>a 				{ color:#c02026;}
	.pagination li:hover a 				{ color:#fff !important; }
	#blocAnim .animLeft .link:hover 	{ background:transparent; color:#c02026;}
}

@media (max-width:1280px){
	.submn 								{ width:231px}	
	.submn a 							{ padding-left:10px}
	.sub 								{ width:984px;}
	.sub.mn01 							{ margin-left: -655px;}
	.sub.mn02 							{ margin-left: -773px;}
	
}
@media (max-width:1200px){
	
	.sub.mn01 							{ margin-left: -675px;}	
	.sub.mn02 							{ margin-left: -793px;}
}

/* HIDE MOBILE */
.wrapMenuMobile, .menu .vueMobile		{ display:none;}

/* RESPONSIVE */
@media (max-width:1024px) {
	.sub.mn01 .submn li:nth-child(4)>a:after,
	.submn01>li:nth-child(3)>a:after, .submn>li:nth-child(3)>a:after { display:none}
	.wrapper 							{ max-width:100%; padding-left:40px; padding-right:40px}
	.logo 								{ margin-left:40px}
	.blocSearch 						{ z-index:0}
	.headerTop .wrapper 				{ padding:0;background: #f5f5f0; clear:both}
	.headerTop 							{ background: #c02026;}
	.photo 								{ display:none}
	.wrapMenuMobile						{ width:auto; height:60px; display:block; transition:all 400ms ease-in-out; color:#fff; font:normal 16px/18px 'ops-b';cursor:pointer; padding:21px 40px 0 40px; text-transform:uppercase; position:relative; z-index:999;background: #c02026; float:right}
	.menu>ul>li:nth-child(3),
	.menu>ul>li:nth-child(4) 			{ padding-right: 0;}
	.submn01>li:nth-child(3):hover>a:after,
	.submn>li:nth-child(3):hover>a:after{ display:none}
	.menuMobile							{ width:auto; display:block; height:18px; cursor:pointer; position:relative; line-height:20px; padding:0 40px 0 0;}
	.menuMobile>div						{ width:30px; height:2px; background:#fff; position:absolute; right:0; top:50%; margin-top:-1px;}
	.menuMobile>div:before				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:8px; content:"";}
	.menuMobile>div:after				{ width:100%; height:2px; background:#fff; position:absolute; right:0; top:-8px; content:"";}
	.menuMobile.active>div				{ height:0px;}
	.menuMobile.active>div:before		{ top:0; transform:rotate(45deg);}
	.menuMobile.active>div:after		{ top:0; transform:rotate(-45deg);}
	.menu 								{ float:none; padding-top:0;}
	.blocSearch 						{ top:60px;}
	.photo 								{ display:none !important}
	.menu>ul 							{ width:100%; height:auto; position:absolute; left:0; padding:0; background:#f0f0f0; display:none; z-index:999;}
	.menu>ul>li:nth-child(3):after,
	.menu>ul>li:nth-child(4):after 		{ display:none}
	.menu ul li 						{ width:100%; margin:0 auto; display:block; float:none; padding:0;}
	.menu li a							{ height:60px; line-height:58px; border:0; padding:0 40px; margin:0; text-align:left; border-bottom:1px solid #cecece;}
	.menu li a span						{ display:none;}
	.menu>ul>li.active>a 				{ background:#c02026; color:#fff; border-color:#c02026;}
	.sub 								{ border-top:none;}
	.submn 								{ float:none}
	.menu em,.menu b,
	.menu i 							{ display:block; width:77px; height:60px; position:absolute; right:0; top:0; z-index:100}
	.menu b:before,
	.menu em:before,					
	.menu i:before 						{ display:block; width:2px; height:22px; position:absolute; right:50px; top:50%; margin-top:-11px; content:""; background:#c02026;}
	.menu em:after,
	.menu b:after, 						
	.menu i:after 						{ display:block; width:22px; height:2px; position:absolute; right:40px; top:50%; margin-top:-1px; content:""; background:#c02026;}
	.menu em.active:before,.menu b.active:before,
	.menu i.active:before				{ display:none;}
	.submnNiv1 							{ opacity:1; visibility:inherit; display:none; right:auto; position:relative;background: #5b5b5b;}
	.submnNiv1 li a						{ padding-left:60px}
	.sub.mn02 .submn01 li a 			{ padding-left:60px}
	.submn01>li>a 						{ padding-left:60px}
	
	.menu li.active i:before			{ background:#fff;}
	.menu li.active i:after				{ background:#fff;}
	.submn 								{ display:block !important; width:100%; min-height:0}
	.submn01 							{ right:auto; position:relative; visibility:inherit; opacity:1; background:#494b4f; display:none}
	.menu>ul>li:nth-child(3)>a,
	.menu>ul>li:nth-child(4)>a 			{ padding-bottom: 0;}
	.submn a { color:#000}
	.sub.mn02 .submn01 li a, 
	.menu>ul>li>a 						{ line-height:58px}
	.submn01 li a 						{ color:#fff !important}
	.menu .sub 							{ display:none; min-height:0; height:auto; visibility:inherit; width:100%; position:relative; left:auto; top:auto; margin:0; opacity:1; background:#fff; padding:0;}
	.menu .sub li a						{ color:#444; text-align:left; padding:0 60px;}
	.menu .sub li 						{ position:relative;}
	.menu .sub li.active a				{ color:#c02026; background:#fff;}
	.slogan 							{ padding:20px 40px}
	.slogan p 							{ position:relative; left:auto; top:auto}
	.slogan p span 						{ display:inline-block;}
	.slogan .link 						{ position:relative; top:auto; margin-top:20px; right:auto}
	.blocSearch 						{ right:40px}
	
	.blocInfos:before 					{ display:none;}
	.contentContact .blocInfos:before 	{ display:block}
	.blocInfos 							{ background:url(../images/bg_infos.jpg) center no-repeat; background-size:cover}
	.blocInfos .wrapper 				{ width:50%; float:left; padding-bottom:30px}
	.blocMap 							{ width:50%; float:right}
	.contentContact .blocMap 			{ float:left; width:50%;}
	.contentContact .blocInfos:before 	{ width:50%;}
	.blocInfos:after 					{ clear:both; content:''; width:100%; display:table}
	.infos 								{ max-width:100%;}
	.animLeft:after,
	.animRight:before 					{ width:100%;}
	.footer .content>div 				{ width:31%;float: left; padding: 0 15px;min-height: 270px;}
	.horaire li, .contact li 			{ padding-left:22px}
	.menuFoot 						  	{ width: 23% !important;}
	.ttlImg 							{ opacity:1; font-size:16px}
	
	
	
}

@media (max-width:1160px) {
	.blocBienvenu .content  { padding:25px 40px}
	.field.fieldSelect 		{ max-width: 100%;}
}
@media (max-width:1024px) {
	.serviceL 					{ max-width:100%;}
	.serviceR 							{ width:100%}
	.bloctop  					{ width:49%; float:left;}
	.bloctop img 				{ width:100%; height:auto}
	.blocBot  					{ width:49%; float:right}
	.blocBot ul li 				{ width:47.5%}
	.blocBot ul li img 			{ width:100%; height:auto}
	.blocBot ul li:first-child  { margin-right:0}	
	.blocBot ul li:last-child 	{ float:right;}
	.footer 					{ padding-bottom:0}
	.search 					{ width:210px;}
	.contentContact .left .infos{ max-width: 90%;}
	.contentContact .left 		{ width: 340px;}
	.contentContact .right 		{ width: calc(100% - 340px);width: -webkit-calc(100% - 340px);width: -moz-calc(100% - 340px);}
	.menuFoot 					{ width:30% !important}
	.footer .content>div 		{ width:100%; text-align:center; min-height:0; padding-bottom:34px; padding-right:0; max-width:320px; margin:0 auto; float:none;}
	.menuFoot 					{ display:none;}
	.footer 					{ padding-top:36px}
}
@media (max-width:820px) {
	.footer-bottom .left 			{ padding-top: 10px;text-align: center; float:none}
	.footer-bottom .right 			{ float:none; text-align:center}
	.footer-bottom .right ul li     { display: inline-block;}
	.copyright 					    { display: block; margin-bottom: 10px;margin-right: 0;}
	.textActus 						{ padding: 22px 25px 50px 27px;background: #f5f5f0;}
	.contentContact .right,
	.contentContact .left 			{ width: 100%;}
	.contentContact .left .infos 	{ max-width: 100%; padding-bottom:40px}
		
}
@media (max-width:767px) {
    table tr                      { display: grid; height: inherit !important;}
    table tr td                   { width: 100% !important; height: inherit !important;}
    table tr p                    { padding-left: 0px !important;}
    table tr ul                   { margin-left: 0px !important;}
	.blocMap,  
	.blocInfos .wrapper 		  { width:100%; float:none; clear:both; position:relative}
	.contentContact .blocMap, 
	.blocMap iframe 			  { height:400px}
	.contentContact .blocMap 	  { border-right:none}
	#blocAnim .content 			  { width:100%;}
	.textTop img 				  { display:block; margin:0 auto}
	.animLeft:after,
	.animRight:before 			  { background:rgba(245,245,240,0.8);}
	#blocAnim .animRight .content, 
	#blocAnim .animLeft .content  { padding-right:10px; padding-left:10px}
	.search 					  { width: 210px;}
	.contentContact .blocMap, 
	.blocRight 					  { width:100%}
	.blocLeft 					  { max-width:100%; padding-bottom:40px; margin-top:0}
	.contentDetails .blocRight .dateActus { padding-bottom: 20px;margin-bottom: 20px;}
	.contentContact .blocInfos:before 	  { display:none}
	.contentContact .blocInfos    { min-height:400px}
	.cont-page .grid-2cols 		  { -moz-column-count:1; -webkit-column-count:1;column-count: 1;}
	.blc-liste .cols 			  { float: none; width:100%;}
	.blocMap 					  { border:none}
	
	.categorieList ul 				{ width:49%; float:left}
	.categorieList ul:last-of-type 	{ float:right}
	.categorieList ul:last-of-type .ttl { padding-top:0}

}
@media (max-width:575px) {
	.menu>ul 		{ top:-212px;}
	.wrapMenuMobile { padding:21px 25px 0 25px}
	.blocSearch 	{ position:relative; right:auto; top:auto; width:100%; text-align:center; padding:10px 0; background:#494b4f}
	.search 		{ width: 228px; border:1px solid #fff}
	.search a:after { color:#fff}
	.logo 			{ float:none; margin:0 auto; width:175px; clear:both;}
	.wrapper 		{ max-width: 100%;padding-left: 25px;padding-right: 25px;}
	.footer .content>div 	{ width: 100%;float: none;padding: 0;min-height: 0;}
	.menuFoot 				{ display:none}
	.footer 				{ padding:40px 0}
	.slogan .link 			{ padding:0 30px}
	.blocBienvenu .content  { padding:40px 25px 35px;}
    .slogan					{ padding: 20px 25px;}
	.slogan .link 			{ padding: 0 12px;}
	.textActus .titre 		{ font-size:16px}
	.titre 					{ text-transform: uppercase;font: normal 16px/24px 'ops-b';}
	#animPage 				{ padding-left:15px; padding-right:15px}
	.blockquote blockquote  { margin-left:0}
	.photoPoste 				{ display:none}
	.contentPost .textActus 	{ width:100%}
	.footer-bottom .right ul li { margin:0 20px !important}
	.logoFoot a 				{ margin-right:10px}
	.categorieList ul 				{ width:100%; float:none}
	.categorieList ul:last-of-type .ttl { padding-top:40px}
	.blocBot,
	.bloctop 				{ width:100%}
	.blocBot { margin-bottom:40px}
}
@media (max-width:500px) {

	.wrapMenuMobile								{ padding:21px 25px 0 25px;}
	.menu li a									{ padding:0 25px;}
	.menu i:before 								{ right:35px;}
	.menu i:after 								{ right:25px;}
	.menu .sub li a								{ padding:0 45px;}
	.animLeft, .animRight 						{ width:100%; min-height:0; padding-bottom:22px; border:none}
	#blocAnim .content 							{ padding-top:11px;}
	#blocAnim .animRight .content,
	#blocAnim .animLeft .content 				{ text-align:center}
	.blocBot, .bloctop 							{ width:100%}
	.animLeft 									{ border-bottom:2px solid #fff}
	.paginDetail div 							{ max-width:49%;}
	.formulaire .field 							{ float:none; max-width:100%;}
	.field.fullWidth span 						{ display:none}
	.menu em:after, .menu b:after  				{ right:26px}
	.menu em:before, .menu b:before				{ right:36px}
	.cont-page h3 								{ line-height:26px}
	.blocFormulaire h2, .infos h2 				{ line-height:22px}
	.field.fieldSelect select					{ padding-right:20px}
}

	/* Generic content */

main#contentPage .generic > hr {margin-bottom: 20px;margin-top:20px;}

	/* 2 cols */
div.two-cols{column-count: 2;column-gap : 40px; display: flex;align-items: center;}

	/* p */
main#contentPage .generic p {margin-bottom:30px;}
	/* Title */
main#contentPage .generic h2{margin-top:32px;margin-bottom:32px;}
main#contentPage .generic h3{margin-top:24px;margin-bottom:32px;}
main#contentPage .generic h4{margin-top:28px;margin-bottom:32px;}
main#contentPage .generic h5{margin-top:15px;margin-bottom:32px;}

	/* Lists */
main#contentPage .generic ul,
main#contentPage .generic ol {margin-left: 37px;margin-bottom:40px;}
main#contentPage .generic ul li {margin-bottom: 4px;padding-left:20px;position:relative;}
main#contentPage .generic ul li::before {position:absolute;left:0;background-color: #be1522;border-radius: 50%;content: "";display: inline-block;height: 5px;margin-right: 5px;margin-top: 9px;vertical-align: top;width: 5px;}

main#contentPage .generic ol {counter-reset: item;list-style-type: none;}
main#contentPage .generic ol li {margin-bottom: 4px;padding-left:30px;position:relative;}
main#contentPage .generic ol li:before {position:absolute;left:0;display: inline-block;content: "0" counter(item) ".";counter-increment: item;color: #be1522;margin-right: 5px;font-size: 15px;font-family: ops-r;}

	/* Blockquote */
main#contentPage .generic blockquote {color: #be1522;font-size: 18px;margin: 44px 10px 44px 70px;position: relative;padding-left: 40px;}
main#contentPage .generic blockquote p {font-size: 18px;max-width: 882px;padding-left: 2px;line-height: 28px;font-family: ops-b;}
main#contentPage .generic blockquote p:first-child:before {content : "\F10E";position:absolute;font-family: FontAwesome;left: 0;font-size: 31px;}

	/* Mark */
main#contentPage .generic mark {background-color: #b5b5b5;}

.generic img {max-width: 100%;height:auto;}

.ul-img > ul {float:left;}
.ul-img .clearfix {clear:both;}

.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}

.gallery .row{
	display:flex;
	flex-wrap: wrap;
}

.gallery figure{
	margin-bottom: 1em;
}