/* CSS Document */
@font-face {
    font-family: 'gotham_boldregular';
    src: url('../lib/polices/gotham-bold-webfont.eot');
    src: url('../lib/polices/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/gotham-bold-webfont.woff2') format('woff2'),
         url('../lib/polices/gotham-bold-webfont.woff') format('woff'),
         url('../lib/polices/gotham-bold-webfont.ttf') format('truetype'),
         url('../lib/polices/gotham-bold-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;font-style: normal;}
	
@font-face {
    font-family: 'gotham_bookregular';
    src: url('../lib/polices/gotham-book-webfont.eot');
    src: url('../lib/polices/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/gotham-book-webfont.woff2') format('woff2'),
         url('../lib/polices/gotham-book-webfont.woff') format('woff'),
         url('../lib/polices/gotham-book-webfont.ttf') format('truetype'),
         url('../lib/polices/gotham-book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;font-style: normal;}
	
@font-face {
    font-family: 'gotham_lightregular';
    src: url('../lib/polices/gotham-light-webfont.eot');
    src: url('../lib/polices/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/gotham-light-webfont.woff2') format('woff2'),
         url('../lib/polices/gotham-light-webfont.woff') format('woff'),
         url('../lib/polices/gotham-light-webfont.ttf') format('truetype'),
         url('../lib/polices/gotham-light-webfont.svg#gotham_lightregular') format('svg');
    font-weight: normal;font-style: normal;}

@font-face {
    font-family: 'arsenalregular';
    src: url('../lib/polices/arsenal-regular-webfont.eot');
    src: url('../lib/polices/arsenal-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/arsenal-regular-webfont.woff2') format('woff2'),
         url('../lib/polices/arsenal-regular-webfont.woff') format('woff'),
         url('../lib/polices/arsenal-regular-webfont.ttf') format('truetype'),
         url('../lib/polices/arsenal-regular-webfont.svg#arsenalregular') format('svg');
    font-weight: normal;font-style: normal;}
	
@font-face {
    font-family: 'arsenalbold';
    src: url('../lib/polices/arsenal-bold-webfont.eot');
    src: url('../lib/polices/arsenal-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/arsenal-bold-webfont.woff2') format('woff2'),
         url('../lib/polices/arsenal-bold-webfont.woff') format('woff'),
         url('../lib/polices/arsenal-bold-webfont.ttf') format('truetype'),
         url('../lib/polices/arsenal-bold-webfont.svg#arsenalbold') format('svg');
    font-weight: normal;font-style: normal;}
	
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

*    {outline:none;margin:0;padding:0;}
html {-webkit-text-size-adjust:none;}
img  {border:none;max-width:100%;height:auto;width:auto\9;/* ie8 */}
ul   {list-style-type:none;font-weight:normal;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;}
body {font-family:'arsenalregular',Arial,Helvetica,sans-serif;font-size:15px; line-height:28px; color:#929395;}

/*SELECT LANGUE*/
#lang    {display:table-cell;vertical-align:bottom; width:6%; font-size:11px;}
#lang li {display:inline-block; margin-bottom: 10px;}
#lang a  {display:block;padding:5px 5px; color:#8f8f8f;}

/*HEADER*/
header  {width:100%;height:90px;}
header .header_wrap {width:100%;background: url(../webimages/header_bg.png);height:90px;z-index:10000;}
header nav {display:table; text-transform:uppercase; width:100%; max-width:1100px; margin:0 auto;height:90px; position: relative;}

#logo {display:block; margin:10px 0 15px 0px;}
#facebook{ position:absolute; top:18px; right:44px; display:inline-block;}
#facebook img { width:25px; display:inline-block;}
#instagram{ position:absolute; top:18px; right:10px; display:inline-block;}
#instagram img { width:25px; display:inline-block;}
#main_nav      {display:table-cell;vertical-align:middle; width:75%; padding-left:20px;}
#main_nav li   {display:inline-block;}
#main_nav li a {display:block;padding:10px 8px; color:#8f8f8f; font-size:11px; letter-spacing:1px;}
#main_nav a.menu_actif,#lang a.menu_actif, #main_nav a:hover,#lang a:hover { color:#FFF;}

/* STRUCTURE */
section {max-width:1600px; margin:0 auto;padding:3% 28%; text-align:justify;}
section.gris { max-width:inherit; width:inherit; background:url(../webimages/article_bg.png); padding:0;}
section.gris .wrap {max-width:1600px; margin:0 auto;padding:3% 28%;}

section.noir { max-width:inherit;width:inherit;background:url(../webimages/header_bg.png);padding:0;}
section.noir .wrap {max-width:1600px;margin:0 auto;padding:3% 28%;}
.noir h1 { color:#929395;}

#intro {text-align:center;background:url(../webimages/fils.png) no-repeat center;max-width:650px;}
#intro h1 { margin-top:4%; text-align:center;}
#intro h3 {margin-top:4%;}
#intro p { font-style:italic; font-size:18px;}

#portes {max-width:1200px; width:100%; margin:0 auto; }
#portes li {float:left; margin:0 0.2%;padding-bottom:32.9%;width:32.9%; height:100%;cursor:pointer;position:relative;text-align:center; overflow: hidden;}
#portes li > div {position: absolute;height: 100%;width: 100%;z-index: -1;}
#portes li.elle > div {
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    background-image: url('../webimages/box1.jpg');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#portes li.presentation > div {
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    background-image: url('../webimages/box2.jpg');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#portes li.lui > div {
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
    transition: all 2s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    background-image: url('../webimages/box3.jpg');
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

#portes li:hover > div {-moz-transform: scale(1.12,1.12);-webkit-transform: scale(1.12,1.12);transform: scale(1.12,1.12);}
#portes li a{position:absolute;display:table-cell; vertical-align:middle;color:#FFF;height:100%;width:100%;background: url('../webimages/bg_box.png');background-size: 100% 100%;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;background-position:center;}
#portes li h4 {font-family:'gotham_lightregular',Arial,Helvetica,sans-serif;font-size:26px;text-align:center;text-transform:uppercase; position:relative; top:37%; line-height:40px; letter-spacing:4px; color:#FFF;}
#portes li h4 span { font-size:26px; border-bottom:2px solid #FFF; display:block;width:10%;margin:12% auto 0;}
#portes li p {font-family:'gotham_lightregular',Arial,Helvetica,sans-serif; text-transform:uppercase; position:relative; font-size:13px; letter-spacing:2px; top:37%;}
#portes li.active_2 a { display:none;}



footer  {background:#000;color:#FFF; clear:both; position:relative; z-index:11;height: 280px;}
footer a { color:#FFF;}
.footer_wrap {display:table;width:100%; max-width:1000px; margin:0 auto;height:140px; padding:1% 0; line-height:18px;}
.footer_wrap div {display:table-cell;vertical-align:middle;width:20%; text-align:left;}
.footer_wrap div:nth-of-type(1){ width:40%;}

.footer_wrap div:last-child {text-align:left;}


/*NEWS*/
#news { padding:0 28% 3%;}
#news h1 { border-top:1px solid #cfd1d2; padding:4% 0 4% 0;}
#news h3 { margin-left:2%;}
#news article {padding:4% 0% 4% 10%;}
#news article div {padding:4% 0% 4% 18%;}

/*TEXTE BIENVENUE TANYA MICHEL*/
#bienvenue .wrap {}
#bienvenue .table { margin:8% 0 0; clear:both; width:100%;}
#bienvenue .table td { }

#bienvenue .table div { float:left;width:26%;vertical-align:top; padding-right:4%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#bienvenue .table div:nth-of-type(2) { width:73%; padding:0; }

/*PRESENTATION*/
#rub_presentation {padding:3% 20%;}
#rub_presentation h1 {border-bottom:1px solid #cfd1d2;padding:0 0 2% 0; margin:0 0 4% 0;}
.sticky-wrapper { position:absolute; width:30%; padding-right:4%;}
#rub_presentation .colA li { padding:0 0 4%;}
#rub_presentation .colA li a { color:#929395;}
#rub_presentation .colA li a:hover { color:#bb242f;}
#rub_presentation .colA li a.current { color:#000;}
#rub_presentation .colB { float:left; width:70%; margin-left:30%;}

#rub_presentation .colB .wrapper { text-align:right;}
#rub_presentation .colB .wrapper.left { background:url(../webimages/fils_presentation.gif) no-repeat center 135%; text-align:left;}
#rub_presentation .colB .wrapper:last-child { background:none;}
#rub_presentation .colB .wrapper.left h2 { text-align:left;}

#rub_presentation .colB h2 { font-size:18px; line-height:32px;text-align:left; margin:14% 0 0; text-align:right;}
#rub_presentation .colB .header { margin:0 0 4%;}
#rub_presentation .colB article {float:left; width:70%; margin:0 0 4%;padding:0 0 0 4%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#rub_presentation .colB .left article {padding:0 4% 0 0;}
#rub_presentation .colB figure {float:left; width:30%;margin:0 0 2%;}
#rub_presentation .colB figure img { display:block;margin:0 0 10%; }

/*PRESTATIONS*/
#rub_prestations {padding:3% 20%; background:url(../webimages/fils_presentation.gif) no-repeat bottom;}
#rub_prestations h1 {border-bottom:1px solid #cfd1d2;padding:0 0 2% 0; margin:0 0 4% 0;}
#rub_prestations .colA { float:left; width:30%; margin-bottom:70px; text-align:left; padding-right:4%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#rub_prestations .colA li { padding:0 0 6%;}
#rub_prestations .colA li a { color:#929395; line-height:16px; display:block;}
#rub_prestations .colA li a:hover, #rub_prestations .colA li a:focus, #rub_prestations .colA li a.active { color:#000;}
#rub_prestations .colA li a:hover span, #rub_prestations .colA li a:focus span, #rub_prestations .colA li a.active span { color:#bb242f;}
#rub_prestations .colA li span { display:block; font-size:12px;}
#rub_prestations .colB { float:left; width:70%; padding-bottom:20%;}
#rub_prestations .colB h3 { margin:2% 0;letter-spacing:2px;font-size:16px;}
#rub_prestations .colB h2 strong { display:block; margin:0 0 4%; font-size:14px;color:#bb242f;font-weight:normal;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;}
#rub_prestations .colB ul { margin:2% 0; list-style-type:none !important;}
#rub_prestations .colB li:before { content:">"; margin-right:2%;}

.social { width:100%; display:inline-block; text-align:center;}
.fancybox.order { margin:0 2%; display:inline-block;transition:color 1.5s;transition:background 1.5s; padding:0.5% 3%;border:1px solid #000; background:#000; text-transform:uppercase; color:#fff;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif; font-size:12px;}
.fancybox.order:hover {background:none;transition:color 0.5s;transition:background 0.5s; color:#000;}
a.fb_share {margin:0 2%; text-align:center; background:#000 url(../webimages/icon_facebook.png) no-repeat left;  display:inline-block;transition:color 1.5s;transition:background 1.5s; padding:0.5% 3% 0.5% 5%;border:1px solid #000; text-transform:uppercase; color:#fff;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif; font-size:12px;}


/*CALENDAR*/
#dates { padding-bottom:8%;background:url(../webimages/fils_presentation.gif) no-repeat center 130%;}
#wrapper_calendrier { background:url(../webimages/header_bg.png);}
#cal_wrap {max-width:40%; margin:0 auto; padding:4%; color:#FFF; text-align:center; background:none;}
#calendar_header {text-align:center;width:96%; margin:2% auto 0%;border-collapse:collapse;border:1px #fff solid;}
#calendar_header a {color:#fff; font-size:28px; line-height:18px;}
#calendar_header td:first-child, #calendar_header td:last-child { text-align:center; width:8%; background:#000;}
.cal_link { display:block; width:100%; height:100%;}
.headcal { line-height:34px; color:#000; text-transform:uppercase; letter-spacing:2px; background:url(../webimages/article_bg.png);}
#calendar {width:100%;text-align:center; border-collapse:collapse;font-size:16px;line-height:14px;}
#calendar td a, #calendar td span {color:#fff;display:block;padding:15% 15% 15%;margin:15%;border:1px #fff solid;}
#jours td {font-size:10px;padding:0.5em 0;height:inherit; color:#FFF;}
.ligne{overflow:hidden;width:100%;}
.empty{}
.event.current a{background:#4a1014;}
#calendar .other.current a, #calendar .other.current span{background:#202122;}
.other span{background:url(../webimages/header_bg.png);}
.event a{background:#bb242f;}

.event:hover a{background:#000;}

.fb_share { background:#000 url(../webimages/facebook.png) no-repeat left;}

/*TEMOIGNAGES*/
#temoignages h3{ color:#bb242f;}
#temoignages figure img { float:left; width:25%;}

#temoignages figure img { margin-top:25px; cursor:pointer; 
-webkit-transition: all 2s ease;
transition: all 2s ease;

-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}

#temoignages figure img:hover {-webkit-filter: grayscale(0);filter: none;}



.portrait {cursor:pointer; 
-webkit-transition: all 2s ease;
transition: all 2s ease;

-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}

.portrait:hover {-webkit-filter: grayscale(0);filter: none;}


/*COMPO FOOTER*/
.compo_wrapper {max-width:2300px; margin:0 auto -2px; float:left; z-index:10; position:relative;}
.compo_wrapper h2 { color:#fff;font-family:'gotham_lightregular',Arial,Helvetica,sans-serif; text-align:center;}
.compo_wrapper .blanc h2 { color:#000;}
.compo_wrapper .right, .compo_wrapper .left { float:left; display:block;}
.compo_wrapper .left {width:40%; background-image:url(../webimages/fils.png);}
.compo_wrapper .right {width:60%; background:url(../webimages/fils_2.jpg)}

.compo_wrapper img, .compo_wrapper .contenu {display:block;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
.compo_wrapper .contenu  {background:url(../webimages/header_bg.png);color:#FFF; display:table; cursor:pointer; }
.compo_wrapper .contenu.blanc  {background:#fff url(../webimages/article_bg.png);color:#000;}

.left .contenu.first {width:100%;}
.left .contenu.second {width:50%;margin-top:50%;}
.left .img2 { width:50%;}

.fwrap {padding:3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display:table-cell; vertical-align:middle; text-align:center;}
.fwrap p, .fwrap ul {font-family:'arsenalregular',Arial,Helvetica,sans-serif; font-size:14px; color:#8e9092;}
.fwrap li { line-height:22px;}
.compo_wrapper span  { display:block;}
.compo_wrapper img { cursor:pointer; 
-webkit-transition: all 2s ease;
transition: all 2s ease;

-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");}

.compo_wrapper img:hover {-webkit-filter: grayscale(0);filter: none;}


/* STYLES */
::selection {color:#fff;background:#000;}
::-moz-selection {color:#fff;background:#000;}

a   	{color:#000;transition:color 1.5s;text-decoration:none;}
a:hover {color:#CCC;transition:color 0.5s;}
h1,h2,h3,h4 {font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:normal; color:#000;letter-spacing:3px;}

h1  	{font-size:22px; text-align:left; }
h2  	{font-size:22px;line-height:32px;text-align:left;}
h3 strong {color:#bb242f;font-weight:normal;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;text-align:left;}
h3		{font-size:14px;line-height:16px;text-align:left;}
h4		{font-size:14px;line-height:22px;text-align:left;}
p   	{margin:15px 0;}
strong {font-family:'gotham_boldregular',Arial,Helvetica,sans-serif; font-weight:normal;}
hr {clear:both;visibility:hidden;height:0;border:0;}

.owl-nav {text-align:center;letter-spacing:1px; color:#000;font-size:12px; line-height:12px;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;text-transform:uppercase;}
.owl-prev, .owl-next { width:120px; display:inline-block; margin:25px 1px;padding:0 10px 0 30px;}
.owl-next { border-left:1px solid #929395;padding:0 30px 0 10px;margin:25px 10px; }

/* FORMULAIRES */
#contact  { padding-bottom:7%;background:url(../webimages/fils_presentation2.gif) no-repeat center 110%;}
#contact strong { color:#bb242f;}
#formulaire {max-width:1200px; margin:0 auto;}
#formulaire textarea {width:95%;height:200px;}
#formulaire .failed  {color:#900;}
#formulaire .valid   {color:#090;}
#formulaire .sends   {width:inherit;margin:5px auto;text-align:center;cursor:pointer;display:block;font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;font-size:18px; padding:2% 8%;}
#special {display:none;}

#formulaire table { width:80%; margin:4% auto 0%; text-align:left; }
#formulaire table h2 { color:#FFF; font-size:14px; line-height:18px;}
#formulaire .infos { display:inline-block; width:85%; font-size:12px; line-height:14px; padding-left:2%;}
#formulaire .img { display:block; width:100px; margin-right:10px;}

/*FORMULAIRES STYLES*/
select {background:#0066B2;color:#FFF;border-radius:10px;padding:2.5% 10% 2.5% 2.5%;cursor:pointer;outline:none;border:0 !important;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow:"";box-shadow:inset 0 0 5px rgba(000,000,000, 0.5);}
input, textarea {font-family:'gotham_bookregular',Arial,Helvetica,sans-serif;width:95%;font-size:14px;background:#fff;color: #000;transition:background 1.5s;padding:2%;outline:none;border:3px solid #000;-webkit-appearance:none;-moz-appearance:none;}
input:focus, textarea:focus, .sends:hover {background:#ccc;transition:background 0.5s;}
/*FORMULAIRES STYLES REMOVE OUTLINE SELECT FIREFOX*/
select:-moz-focusring {color:transparent;text-shadow:0 0 0 #fff;}
/*FORMULAIRES STYLES REMOVE ARROW IE */
select::-ms-expand {display: none;}

#toTop {width:65px;height:65px;bottom:2.5%;right:2.5%;background:url(../webimages/top.png);cursor:pointer;position:fixed;z-index:100;display:none;}

/* COPYRIGHT LELIXIR */
#copyright {background:url(../webimages/icon/copyright_lelixir_blanc.png);margin:0;display:block;width:73px;height:13px; float:right;}
#copyright:hover {background-position:0 -13px;}

/*SELECTEURS CSS3 */
:nth-child(2n){} /* represents every even element 1 sur 2 */
:nth-child(even){} /* same, represents every even element */
:nth-child(2n+1){} /* represents every odd element */
:nth-child(odd){} /* same, represents every odd element */
:nth-child(10n-1){} /* represents the 9th, 19th, 29th, etc, element */ 

:last-child {} /* Dernier element */
:first-child {} /* Premier element */

:nth-of-type(3){} /* 3ème element */

#test p:first-of-type {}/* 1er p de #test */
#test p:last-of-type {} /* Dernier p de #test */

p:not(#example){} /* Tous les p qui n'ont pas l'ID Exemple */

.mobile, .mobile2 { display:none;}

/*VERSION IMPRIMABLE*/
@media print{*{background:none!important;background-color:white!important;}}


@media screen and (max-width: 1560px) {
	.fwrap p, .fwrap ul {font-size: 14px; line-height:14px;}
	.compo_wrapper h2 { font-size:16px; line-height:18px;}
}

@media screen and (max-width: 1260px) {
	/*rouge
	header .header_wrap{background:#F00;}*/
	
	header .header_wrap, header nav, header {height: 55px;}
	
	#facebook {position:absolute; right:85px; top:15px;z-index:1000;}
    #instagram {position:absolute; right:55px; top:15px;z-index:1000;}

	
	
	
	#lang { position:absolute; right:135px; top:10px;z-index:1000; width:15%; display:block;}
	
	#logo { margin:0; display:inline;}
	#logo img { height:45px;margin:5px 10px 0;}
	
	.mobile { display:block;}
	#main_nav { display:none;}
	section { padding:3% 15%;}
	#news { padding:0 10% 3%;}
	section.gris .wrap {padding: 3% 10%;}
	#rub_presentation {padding: 3% 2%;}
	#rub_prestations { padding: 3% 10%;}
	#dates, #contact {padding-bottom: 150px;}
	
	.fwrap p, .fwrap ul {font-size: 12px; line-height:14px;}
	.compo_wrapper h2 { font-size:14px; line-height:18px;}
	
	#formulaire table { width:100%;}

}

@media screen and (max-width: 1024px) {
	/*vert
	header .header_wrap{background:#0F0;}*/

	#portes li h4 {font-size: 20px;line-height: 20px;}
	#portes li p {font-size: 11px; padding:0 8%; line-height:12px;}
	#portes li h4 span {margin: 6% auto 0;}
	
	
	#rub_presentation .colB h2 {font-size: 14px;line-height: 28px;margin: 4% 0 0;}
	#rub_presentation .colB .wrapper.left {background:none;}
	#rub_prestations .colB article { text-align:left;}
	
	.compo_wrapper { display:none;}
	/*.fwrap p, .fwrap ul {font-size: 12px; line-height:16px;}
	.compo_wrapper h2 { font-size:8px; line-height:14px;}
	.compo_wrapper .left { background-position:right top; background-repeat:no-repeat;}


	.left .contenu.first {width: 50%; float:left;}
	#reference {width: 50%; float:left;}
	
	.left .contenu.second {margin-top:30%;width: 60%; float:right;}
	.left .img2 { width:40%; float:left;}
	
	.compo_wrapper .right, .compo_wrapper .left {width:100%;}*/
	
}

@media screen and (max-width: 768px) {
	/*Rose
	header .header_wrap{background:#F0F;}*/
	
	body { font-size:12px; line-height:18px;}
	#portes li h4 {font-size: 13px;line-height: 16px;letter-spacing:1px;}
	#portes li p {font-size: 10px;}
	#portes li h4 span {margin: 6% auto 0;}
	
	section { padding:3% 8%;}
	#news { padding:0 8% 3%;}
	section.gris .wrap {padding: 3% 8%;}
	section.noir .wrap {padding: 3% 8%;}
	#rub_presentation {padding: 3% 2%;}
	#rub_prestations { padding: 3% 8%;}
	#cal_wrap {max-width: 100%;padding: 4% 8%;}
	#rub_presentation .colA { font-size:12px;}
	
	.mobile2 { display:block;}
	#rub_prestations .colA { display:none;}
	#rub_prestations .colB {width: 100%;}
	
	#bienvenue .table div { width:100%;vertical-align:top; padding:0 0 8%; text-align:center;}
	#bienvenue .table div:nth-of-type(2) { width:100%; text-align:left;}
	
	#news article, #news article div {padding:0;}
	#news h3 {margin:0;}
	#intro p {font-size: 14px;}

	h1  	{font-size:16px;line-height:28px;letter-spacing:0;}
	h2  	{font-size:16px;line-height:18px;letter-spacing:0;}
	h3		{font-size:12px;line-height:14px;letter-spacing:0;}
	h4		{font-size:12px;line-height:14px;letter-spacing:0;}
	#dates {padding-bottom: 150px;}
	#rub_presentation .colB h2 {line-height: 20px;margin: 0% 0 0;}
	#rub_prestations {background:none;}
	
	.footer_wrap div {display:block;vertical-align:middle;width:100%; text-align:center;}
	.footer_wrap div:nth-of-type(1){ width:100%; margin:15px 0 0;}
	.footer_wrap div:last-child {text-align:center;}
	#formulaire .img, #formulaire_2 .img { display:none;}
	#formulaire_2 table { width:100%;}
	.infos {width: 100%;}
	a.fb_share {background:#000;padding:0.5% 3%;}

}

@media screen and (max-width: 480px) {
	/*Turquoise
	header .header_wrap{background:#0FF;}*/
	#lang { top:13px; font-size:8px; right:120px;}
	#portes li h4 {letter-spacing:0;}
	#rub_presentation .colA { display:none;}
	#rub_presentation .colB {float:none;margin-left:0%;width: 100%;}
	#portes li p {font-size: 5px;-webkit-text-size-adjust: none; line-height:8px;}
	.owl-prev, .owl-next {margin: 15px 1px;padding: 0px 3px 0 5px;width:inherit;font-size:10px;}
	#rub_presentation .colB h2 { font-size:11px;line-height: 16px;margin: 0% 0 0;}
	#rub_prestations .colA li a { font-size:6px;line-height:8px;}
	#rub_prestations .colA li span {font-size:4px;line-height:8px;}
	

	
}






/* ===[ Common styles of menus ]=== */
.dl-menuwrapper {width: 30%; min-width:170px; z-index:100;  top: 6px; right: 5px; position:absolute; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
#dl-menu2.dl-menuwrapper {width: 30%; top:-10px; right:0; min-width:170px; z-index:100; position:relative; float:right;   -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }


.dl-menuwrapper button {
	background: #000;
	border: none;
	width: 47px;float:right;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}
#dl-menu2.dl-menuwrapper button {width:37px;height:40px;}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {background:#000;}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 72%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 15%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
#dl-menu2.dl-menuwrapper button:after {
	height: 4px;
	top: 8px;
}

.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { width: inherit; position: relative; border-bottom: 1px solid #dbdcdd; }
.dl-menuwrapper li a:before {padding-right:5px;color:#2DB8C1; font-size:10px; top:-1px; position:relative;}

.dl-menuwrapper li a { display: block; position: relative; padding: 8px 20px; text-align:left; font-size: 14px; line-height: 20px; font-weight: 300; color: #2f3133; outline: none; background: #fff; }
#dl-menu2.dl-menuwrapper li a {font-size: 12px; line-height: 16px; font-weight: 300;}

.dl-menuwrapper .dl-submenu a { padding: 15px 20px; font-size: 16px; }
.no-touch .dl-menuwrapper li a:hover, .no-touch .dl-menuwrapper li a.menu_actif, .dl-menuwrapper li a.menu_actif, .dl-menuwrapper li a.active { color: #bb242f }
/* BG Retour
   ================================================== */
.dl-menuwrapper li.dl-back > a { padding: 8px 20px 8px 30px; font-size: 14px; line-height: 20px; background: #FCC100; color: #000; }
.dl-menuwrapper li.dl-back > a:hover { color: #fff }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 3px; line-height: 25px; color: #fff; -webkit-font-smoothing: antialiased;}
.dl-menuwrapper li > a:hover:not(:only-child):after { color: #FCC100 }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: #000; }
.dl-menuwrapper .dl-menu { margin: 12px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
#dl-menu2.dl-menuwrapper .dl-menu { margin: 16px 0 0 0;}

.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
/* ===[ Hide the inner submenus ]=== */
.dl-menuwrapper li .dl-submenu { display: none }
/** 
 * When a submenu is openend, we will hide all li siblings.
 * For that we give a class to the parent menu called "dl-subview".
 * We also hide the submenu link. 
 * The opened submenu will get the class "dl-subviewopen".
 * All this is done for any sub-level being entered.
 */
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }
/* ===[ Dynamically added submenu outside of the menu context ]=== */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
/* ===[ Animation classes for moving out and in ]=== */
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
@-webkit-keyframes MenuAnimOut1 { 
	50% { -webkit-transform: translateZ(-250px) rotateY(30deg) }
	75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-moz-keyframes MenuAnimOut1 { 
	50% { -moz-transform: translateZ(-250px) rotateY(30deg) }
	75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@keyframes MenuAnimOut1 { 
	50% { transform: translateZ(-250px) rotateY(30deg) }
	75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
@-webkit-keyframes MenuAnimIn1 { 
	0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes MenuAnimIn1 { 
	0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes MenuAnimIn1 { 
	0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
@-webkit-keyframes SubMenuAnimIn1 { 
	0% { -webkit-transform: translateX(50%); opacity: 0; }
	100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn1 { 
	0% { -moz-transform: translateX(50%); opacity: 0; }
	100% { -moz-transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn1 { 
	0% { transform: translateX(50%); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
@-webkit-keyframes SubMenuAnimOut1 { 
	0% { -webkit-transform: translateX(0%); opacity: 1; }
	100% { -webkit-transform: translateX(50%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut1 { 
	0% { -moz-transform: translateX(0%); opacity: 1; }
	100% { -moz-transform: translateX(50%); opacity: 0; }
}

@keyframes SubMenuAnimOut1 { 
	0% { transform: translateX(0%); opacity: 1; }
	100% { transform: translateX(50%); opacity: 0; }
}
/* ===[ No JS Fallback ]=== */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block }
.no-js .dl-menuwrapper li.dl-back { display: none }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1) }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: '' }
/* ===[ Colors for demos ]=== */







/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
/*  width: 100%;
  -webkit-transform-style: preserve-3d;*/
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
/*.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}*/