
/* RESET ET STYLE FIXE  **************************************************************************************************************************/
/* ***********************************************************************************************************************************************/
@font-face {
    font-family: 'helveticat';
    src: url('fonts/helveticat.eot');
    src: url('fonts/helveticat.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticat.woff') format('woff'),
         url('fonts/helveticat.ttf') format('truetype'),
         url('fonts/helveticat.svg#bellezaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticam';
    src: url('fonts/helveticam.eot');
    src: url('fonts/helveticam.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticam.woff') format('woff'),
         url('fonts/helveticam.ttf') format('truetype'),
         url('fonts/helveticam.svg#bellezaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body{ height:100% }
body { width:100%; margin:0; padding:0;}
a img { border:none  !important;}
img{ max-width:100% }
ul, ol { list-style-position:inside; padding-left:15px }
table, table td, table th{ font-size:inherit; border: 1px solid #7C7C7C }
main, section, article, aside, footer, header, nav, hgroup { display:block }

.container-fluid{ padding:0 !important }
.row { margin-right:0 !important; margin-left:0 !important }

a{
-webkit-transition:color 300ms ease-out;
   -moz-transition:color 300ms ease-out;
     -o-transition:color 300ms ease-out;
        transition:color 300ms ease-out;
}
.form-control::-moz-placeholder {
	color: #a3a3a3 !important;
}
i.fa-eur {
    color: #c52127;
    position: absolute;
    right: 30px;
    top: 7px;
}
.nopadding{ padding-left:0; padding-right:0 }
.nopaddingl{ padding-left:0 }
.nopaddingr{ padding-right:0 }
.nomargin{ margin:0 }
.hide{ display:none }
.center{ text-align:center }
.right{ text-align:right}
.justify{ text-align:justify }
.floatl{ float:left }
.floatr{ float:right }
.clear{ clear:both }
.bold{ font-weight:bold }
.relative{ position:relative }
.tableau{ display:table; table-layout:fixed; width:100% }
.ligne{ display:table-row }
.cellule{ display:table-cell; vertical-align:top }
.inline-block{ display:inline-block; vertical-align:top }
.noflicker{ -webkit-transform: translateZ(0) }

hr.trait { height:1px; margin:-0.5em 0; padding:0; color:#e0e0e1; background-color:#e0e0e1; border:0 }

.body-page-1 article.page .page-contenu{ text-align:justify }

.page.node-1 a{ color:#fff  }
.page.node-1 a:hover{ color:#890B0F  }
.page{ text-align:justify;   }

.img-1 { float: right; margin: 0 0 20px 20px; width: 353px; }


.pied .scrollbars{width:100%;height: 270px;margin: 0 0 23px;float: left;}
#sectionContenu .scrollbars{height: 100%;}
.scrollbar-path-vertical {height: 100% !important;}
.scrollbar-path-vertical, 
.scrollbar-path-horizontal { position: absolute; background-color: #313335; z-index: 100; }
.scrollbar-path-horizontal { bottom: 5px; left: 0; width: 100%; height: 10px; }
.scrollbar-path-vertical {   right: 5px; top: 0; height: 100%; width: 4px; }
.scrollbar-path-vertical {   box-shadow: inset 1px 0px 1 rgba(0,0,0,0.1) }
.scrollbar-path-horizontal { box-shadow: inset 0px 1px 1 rgba(0,0,0,0.1) }
.scrollbar-handle{position: relative;top: 0;left: 0;background-color: #bd2025;}
.scrollbar-path-vertical .scrollbar-handle { height: 20%; width: 100%; }
.scrollbar-path-horizontal .scrollbar-handle { width: 20%; height: 100%; }
.scrollbar-path-vertical, .scrollbar-path-horizontal, .scrollbar-handle { border-radius: 3px; }
.scrollbar-content {padding:0 20px 0 0;float: left !important;}


/* STYLE GENERAL *********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

/* Commenter ces lignes pour un site non-responsive */
@media (min-width: 1200px){ .container { max-width:950px } }
@media (min-width: 992px){ .container { max-width:950px } }

@font-face 
{
    font-family: "agencyr-webfont";
    font-style: normal;
    font-weight: normal;
    src: url("agencyr-webfont.eot?#iefix") format("embedded-opentype"), url("agencyr-webfont.woff") format("woff"), url("agencyr-webfont.ttf") format("truetype"), url("agencyr-webfont.svg#latoregular") format("svg");
}



body { color:#BACAD4;  font-family: 'helveticat'; font-size:14px; background:#121213; }

a, a:link, a:visited{ color:#BACAD4; text-decoration:none;  }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 { font-family: 'agencyr-webfont'; color:#fff }
h1, .h1{ font-size:38px; line-height:36px; margin-bottom:40px; margin-top: 20px; color: #fff; text-align: center;}
h2, .h2{ font-size:28px }
h3, .h3{ font-size:24px }
h4, h5, h6{ font-size:20px }
h1.url {
    margin-bottom: 10px;
    font-size:42px !important;
}

/* CORPS DE LA PAGE  *****************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

header .container{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
.main-page{ position:relative; overflow:hidden }

#fluid-header{ position:relative; z-index:9999; background: #121213; }
#fluid-header .header{ height:133px;}
#fluid-header .header .logo-site{ margin:0; padding-top:19px; text-align:center; z-index:9999; position: relative;  }

.mask {
width: 574px; height: 551px;left: 10px; background: url(../images/mask.png) no-repeat; position: absolute; z-index: 2000; top: -11px;
-webkit-animation: moveUp 0.5s ease-in-out both;
-moz-animation: moveUp 0.5s ease-in-out both;
-o-animation: moveUp 0.5s ease-in-out both;
-ms-animation: moveUp 0.5s ease-in-out both;
animation: moveUp 0.5s ease-in-out both;
}

@-webkit-keyframes moveUp { 	0% {-webkit-transform: translateY(40px);} 	100% {-webkit-transform: translateY(0px);} }
@-moz-keyframes moveUp { 	0% {-moz-transform: translateY(40px);} 	100% {-moz-transform: translateY(0px);} }
@-o-keyframes moveUp { 	0% {-o-transform: translateY(40px);} 	100% {-o-transform: translateY(0px);} }
@-ms-keyframes moveUp { 	0% {-ms-transform: translateY(40px);} 	100% {-ms-transform: translateY(0px);} }
@keyframes moveUp { 	0% {transform: translateY(40px);} 	100% {transform: translateY(0px);} }

#fluid-slider{ height:356px; }

.fluid-banniere{ height:190px; background-repeat:no-repeat; background-position:center center;  }
.fluid-banniere.ban1{ background-image:url(../images/motif.jpg)  }
.fluid-banniere.ban2{ background-image:url(../images/motif2.jpg)  }
.fluid-banniere.ban3{ background-image:url(../images/motif3.jpg)  }
.fluid-banniere.ban4{ background-image:url(../images/motif4.jpg)  }

.sous-slider{ padding: 2px 0 0 0 !important; font-family: 'agencyr-webfont'; text-shadow: 1px 1px 3px #666;
border-top: 2px solid #fff; border-bottom: 2px solid #fff; color:#fff; 
background: #e7a600; /* Old browsers */
background: -moz-linear-gradient(top,  #e7a600 0%, #ce9500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7a600), color-stop(100%,#ce9500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e7a600 0%,#ce9500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e7a600 0%,#ce9500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e7a600 0%,#ce9500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e7a600 0%,#ce9500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7a600', endColorstr='#ce9500',GradientType=0 ); /* IE6-9 */
}
.sous-slider h3{ font-size: 28px !important; text-transform:uppercase; margin: 25px 0 20px 0;  }
.sous-slider h3 span{ font-size: 36px;   }
.sous-slider a{ font-size:24px; background-color: #ececec;text-align: center; color: #282b2d !important; text-decoration:none; border-radius:10px; margin: 20px 0 0 0;
text-shadow: 1px 1px 0px #751419; display: inline-block; padding: 6px 47px; }
.sous-slider .contact{ text-align:right;    }

#nav{ margin:0; z-index:9999; padding: 0 0 0 90px; position: relative; }
#nav .menu_principal { margin:0; padding:0; list-style:outside none; display:table; /*table-layout:fixed;*/width:100% }
#nav .menu_principal > li { display:table-cell; vertical-align:middle; text-align:center; padding: 0px 0px; height: 130px; }
#nav .menu_principal a, 
#nav .menu_principal a:visited { color:#fff; display:block; font-size:25px; padding:46px 5px; margin-right:1px; text-decoration:none;
font-family: 'agencyr-webfont';
-webkit-transition:all 400ms ease;
   -moz-transition:all 400ms ease;
     -o-transition:all 400ms ease;
        transition:all 400ms ease;
}
#nav .menu_principal a:hover,
#nav .menu_principal li.active > a{ color: #dea001; border-top: 3px solid #dea001; }
#nav .menu_principal li.active > a:hover{ cursor:default }


#fluid-contenu{ position:relative; z-index:8888; }
#fluid-contenu .corps{ padding:20px 0px 40px 0 }

#sidebar{ padding-top:30px; text-align:right }
#sidebar .photoa{ background:url(../images/photo-accueil.png) right top no-repeat; height: 187px; }

#encarts-bas{ background:#fff; padding:30px 0 30px 0 !important }
#encarts-bas .encart{ margin:0; position:relative; }
#encarts-bas .encart img{ border: 1px solid #000; }
#encarts-bas .encart  .btn-1 { width:240px; height:40px; font-family: "agencyr-webfont"; text-align: center; position:absolute; top:135px; left: 38px; text-transform:uppercase; 
color: #232527 !important; font-size: 20px; padding: 5px 81px; border: #232527 1px solid; background: url(../images/fond.png); text-transform: uppercase !important;}
#encarts-bas .encart  .btn-1:hover { transition: 1s; background: #232527; text-decoration:none; border: #232527 1px solid; color: #fff !important; }

#encarts-bas .encart.encart1{  }
#encarts-bas .encart.encart2{ margin:auto }
#encarts-bas .encart.encart3{  }

.text-info { padding: 0 0 0 80px; font-family: "agencyr-webfont" !important; font-size: 20px !important; text-align: center; color: #111213 !important; }
.text-info p { font-family: "agencyr-webfont" !important; font-size: 19px !important; line-height: 25px; text-align: center; color: #111213 !important; }
.text-info b, .text-info strong { font-family: "agencyr-webfont" !important; font-size: 20px !important; text-align: center; color: #da9c00 !important; }
.text-info a { color: #111213 !important; } 

#fluid-footer{ position:relative; z-index:8888;   }
#fluid-footer .nav{ text-align:center; font-family: sans-serif; background:#fff; border-bottom: 1px solid #e4a400; border-top: 1px solid #e4a400; }
#fluid-footer .nav .menu_footer { color:#1e2021; padding:11px 0; font-size:17px; list-style-type:none; margin:0 }
#fluid-footer .nav .menu_footer li { border-right:1px solid #1e2021; display:inline; margin-right:-4px }
#fluid-footer .nav .menu_footer li:last-child { border:none }
#fluid-footer .nav .menu_footer a, 
#fluid-footer .nav .menu_footer a:visited { padding:0 20px; color:inherit; text-decoration:none }
#fluid-footer .nav .menu_footer a:hover { text-decoration:underline }


#fluid-footer #footer-global{ background:url(../images/bg.jpg); padding:5px 0 10px 0 !important }
#fluid-footer #footer-global .addthis_toolbox{ margin-top:5px !important }

	#fluid-footer .menu_referencement { padding:15px 0; float:left; list-style-image:none; list-style-type:none; margin:0;  }
/*	#fluid-footer .menu_referencement li{ height:18px; width:33%; display:block; float:left; margin:0 }
*/	#fluid-footer .menu_referencement a, 
	#fluid-footer .menu_referencement a:visited { color:#6a7379; font-size:11px; letter-spacing:-0.3px; text-decoration:none }
	#fluid-footer .menu_referencement a:hover { text-decoration:underline }

	#footer-bas{ background:#5e0003 url(../images/header.jpg) repeat-x; padding: 10px 0 8px 0!important; }
	
	#fluid-footer .copyright-footer{ margin:5px 0px 0px 0px; font-size:14px; text-align:center; }
	#fluid-footer .copyright-footer span{ color:#fff; border-left: 1px solid #fff; padding-left: 10px; }
	#fluid-footer .copyright-footer a{ color:inherit; text-decoration:none }
	#fluid-footer .copyright-footer a:hover{ text-decoration:underline }
	
	.btn-partage{ padding:10px 0 0 0 }
	.btn-partage .addthis_32x32_style{ margin-top:0 !important; display:inline-block }
	.btn-partage a{ 
	-webkit-transition:all 400ms ease;
	   -moz-transition:all 400ms ease;
		 -o-transition:all 400ms ease;
			transition:all 400ms ease;
	}
	.btn-partage a:hover{ 
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
		 -o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
	}
	
	.qrcode{ position:absolute; top:13px; right:0px; width:85px; }


/* SLIDER JSSOR **********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

.conteneur-slider{ position:absolute; top:0px; width:1872px; left:50%; margin-left:-936px; border-top: 1px solid #000; border-bottom: 1px solid #000;  }

.miettes,
.flechel,
.flecheldn, 
.flecher,
.flecherdn{ display:none !important }

.caption1{ position:absolute; top:0px; left:0; z-index:99999  }

 
/* DEPLACEMENT DES FLECHES DEFAUT PAR RAPPORT A LEUR POSITION INITIALE */
/* Supprimer pour avoir flèches centrées */
.flechel,
.flecheldn{ left:0px !important } 
.flecher,
.flecherdn{ right:0px !important }


/* FLECHES DEFAUT */
.flechel, 
.flecher, 
.flecheldn, 
.flecherdn{ position: absolute; cursor: pointer; display: block; overflow: hidden }
.flechel { background:url(../images/g.png) center center no-repeat }
.flecher { background:url(../images/d.png) center center no-repeat }
.flechel:hover { background:url(../images/g.png) center center no-repeat } /* hover */
.flecher:hover { background:url(../images/d.png) center center no-repeat }
.flecheldn { background:url(../images/g.png) center center no-repeat } /* mousedown */
.flecherdn { background:url(../images/d.png) center center no-repeat } 
	
/* FLECHES EXTERNES */ 
.fleches-ext a{ height:108px; width:83px; display:block; position:absolute }
.fleches-ext a#btn-precedent{ background:url(../images/g.png) center center no-repeat; top:115px; left:10px }
.fleches-ext a#btn-suivant{ background:url(../images/d.png) center center no-repeat; top:115px; right:10px } 
		
/* MIETTES DEFAUT */
.miettes div,
.miettes div:hover,
.miettes .av{ overflow:hidden; cursor:pointer; border-radius: 7px; }
.miettes div { background:#8f0004; }
.miettes div:hover, 
.miettes .av:hover { background:#000; }
.miettes .av { background:#000; }
.miettes .dn, 
.miettes .dn:hover { background:#000; } /* mousedown */

/* MIETTES EXTERNES */
.miettes-ext{ position:absolute; bottom:20px; left:50%; width:70px; z-index: 9999; }
.miettes-ext a{ width:14px; margin-right:5px; height:14px; display:inline-block; border-radius:7px; }
.miettes-ext a.miette-externe { background:#8f0004; }
.miettes-ext a.av { background:#000; cursor:default }


/* GALERIE  **************************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

.gallery .description-galerie{ padding: 0 0px 20px 0px; }

/* Espace entre colonnes de photos */
.gallery .ligne-photos .col-md-2,
.gallery .ligne-photos .col-md-3,
.gallery .ligne-photos .col-md-4,
.gallery .ligne-photos .col-md-6{ padding-left:5px !important; padding-right:5px !important }

/* Espace gauche et droite des lignes de photos */
.gallery .ligne-photos{ margin-left:-5px !important; margin-right:-5px !important;  }

.gallery .propor {  width: 100%;  position: relative; }

.gallery .propor:after { padding-top: 72%; display: block; content: ''; }
.gallery .propor .propor-cont{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; }
.gallery .propor .propor-cont .imagecont{ opacity:0.8; filter:alpha(opacity=80); height:100%; display:block; width:100%; overflow:hidden; position:relative }
.gallery .propor .propor-cont .imagecont .imagefond{ display:block; height:100%; width:100%; overflow:hidden; background-position:center center; background-repeat: no-repeat;
-webkit-background-size: cover;
   -moz-background-size: cover;
	 -o-background-size: cover;
		background-size: cover;
-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
	    transition: all 0.4s ease-in-out 
}
.gallery .propor .propor-cont .imagecont:hover { opacity:1; filter:alpha(opacity=100);  }
.gallery .ombre{ background:url(../images/ombre2.png) no-repeat center -18px; height:35px;   }

/* GALERIE MULTIPLE */
.gallery #myTabs{ margin:10px 0px; padding-right:10px }
.gallery #myTabs li{ display:inline-block; width:85%; margin-bottom: 10px }
.gallery #myTabs li a{ background:#222; display:block; color:#fff; padding:10px 10px;  text-decoration:none; font-family: sans-serif; font-size: 19px; border: 2px solid #890B0F; border-radius: 0px !important; }
.gallery #myTabs li a:hover,
.gallery #myTabs li.active a{ background-color: #890B0F; color: #FFFFFF; transition: 1s; }
.gallery #myTabs li.active a{ cursor: default }

.gallery .tab-content{ padding-top:10px; padding-bottom:10px; }
.gallery .tab-content h2{ padding-left:15px; margin-bottom:20px }


/* CONTACT  **************************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

 /* Style des champs */
.form-horizontal .control-label {display: none; text-align:left !important; font-weight:normal } /* Labels */
.form-horizontal .form-group {margin-bottom: 15px;padding:0 !important;margin-left:0 !important;margin-right:0 !important;} /* Espace entre lignes */
.form-horizontal .form-group .form-control {background: #121213;border: 1px solid #737373;color: #a3a3a3;box-shadow: 1px 1px 3px rgba(0,0,0,0.0) inset;border-radius:0px;width:100% !important;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;font-size: 14px;}
.form-horizontal .form-group .form-control.captcha {width: 30% !important; float: left;}
.form-horizontal .form-group textarea.form-control{height:105px;padding: 7px 15px;position:static;}
.form-horizontal .form-group input.form-control {height: 40px;line-height:1;line-height:32px \9;padding: 0 15px;} /* Ne pas toucher le padding */
.form-horizontal .form-group select.form-control {height: 40px;line-height: 48px;padding: 0 15px;} 
.form-horizontal .form-actions.col-md-12 {
    color: #a3a3a3;
}
.form-horizontal .form-group #captcha {
    height: 38px !important;
    margin-left: 10px;
    width: 110px;
}
.form-horizontal .form-group .form-control:focus,.contact .formulaire .form-group .form-control:active { border-color:#a3a3a3; color:#a3a3a3;}
/* Jouer avec le padding pour corriger FF */
@media screen and (-webkit-min-device-pixel-ratio:0), 
       screen and (-moz-images-in-menus:0) {
    .form-horizontal select.form-control { -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none; 
        background-image:url(../images/select.png) !important; background-repeat:no-repeat !important; background-position:right center !important; line-height: normal !important; }
    .form-horizontal select.form-control option { color:inherit }
}
.form-horizontal input.btn.btn-primary {
	padding:8px 10px;
	display: inline-block;
	padding: 0;
	color: #fff;
	font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url(../images/btnmail.png) no-repeat 91%;
	padding: 10px 75px 10px 27px;
	text-transform: uppercase;
	width: 173px !important;
	background-color: #c52127;
	text-align: center;
	color:#fff;
	font-size: 14px;
	border:none;
	text-decoration:none;
	transition:all 400ms ease;
    margin-top: -164px;
}
.form-horizontal input.btn-primary:hover{
	background: #1a1a1b url(../images/btnmail.png) no-repeat 94%;
}
/* MENU MOBILE 3 *********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/
.top-logo{ position:relative; top:-46px; width:107px; margin-left:auto; margin-right:auto; z-index:99999; }
.header-sidebars{ z-index:9999; position:fixed; width:100%; background-color:#880004; height:50px; border-bottom:solid 1px #880004; -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 		0px 2px 3px 1px rgba(0, 0, 0, 0.1); }
.header-sidebars a{ display: block; overflow:hidden; position:relative; }
.deploy-left-sidebar{ background-image:url(../images/menu-mobile-3/nav.png); background-repeat:no-repeat; background-color:#A80C03; height:50px; width:50px; background-position:center center; }
.deploy-right-sidebar{ background-image:url(../images/menu-mobile-3/contact.png); background-repeat:no-repeat; background-color:#A80C03; width:50px; height:50px; background-position:center center; float:right; margin-top:-50px; }
.deploy-back-home{ background-image:url(../images/menu-mobile-3/home.png); background-repeat:no-repeat; background-color:#f9fafc; width:50px; height:50px; background-position:center center; float:right; margin-top:-50px; }
.delete-right-sidebar{ display:none; background-image:url(../images/menu-mobile-3/contact.png); background-repeat:no-repeat; background-color:#f9fafc; width:50px; height:50px; background-position:center center; float:right; margin-top:-50px; }
.sidebar-left a,
.sidebar-right a{ color: #fff; }
.sidebar-left{ box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.3); background:#1d1f22 url(../images/menu-mobile-3/sidebar-bg.png); width:270px; position:fixed; z-index:99999; top:0px; left:-270px; bottom:0px; overflow:hidden; position:fixed; }
.sidebar-scroll-left{ padding-right:20px; left:0px; width:310px; overflow: scroll!important; overflow-x:hidden!important; -webkit-overflow-scroll:touch!important;	 height:100%; }
.sidebar-scroll-right{ width:290px; overflow: scroll!important; overflow-x:hidden!important; -webkit-overflow-scroll:touch!important;	 height:100%; }
.sidebar-right{ box-shadow: -2px 0px 2px 0px rgba(0, 0, 0, 0.3); background-image:url(../images/menu-mobile-3/sidebar-bg.png); background-repeat:repeat; position: fixed; overflow:hidden; z-index:99999; right:-280px; top:0px; bottom:0px; width:270px; margin-right:10px; }
.sidebar-decoration{ background-image:url(../images/menu-mobile-3/sidebar-deco.png); background-repeat:repeat-x; height:2px;	 margin-bottom:15px; }
.sidebar-left a,
.sidebar-right a { text-decoration: none; display: block; overflow:hidden; position:relative; }

.sidebar-header-left{ height:51px; background-color:#1d1f22; border-bottom:solid 1px #141719; }
.sidebar-left-logo{	 position:absolute; top:7px; left:20px; width:92px; }
.close-sidebar-left{ background-color:#212326; background-image:url(../images/menu-mobile-3/accessdenied.png); background-size:17px 17px; background-repeat:no-repeat; background-position:16px 18px; height:50px; width:50px; margin-left:220px; display:block; }
.sidebar-divider-text{ color:#FFFFFF; font-size:10px; font-weight:700; padding-top:15px; padding-left:15px; margin-bottom:15px; }

.home-nav{background-image:url(../images/menu-mobile-3/home.png);}
.info-nav{background-image:url(../images/menu-mobile-3/infoabout.png);}
.folio-nav{background-image:url(../images/menu-mobile-3/bendedright.png);}
.mail-nav{background-image:url(../images/menu-mobile-3/mail.png);}
.newsletter-nav{background-image:url(../images/menu-mobile-3/rss.png);}
.call-nav { background-image: url(../images/menu-mobile-3/phonehook.png); }
.text-nav { background-image: url(../images/menu-mobile-3/speechbubble4.png); }
.facebook-nav { background-image: url(../images/menu-mobile-3/facebook.png); } 
.twitter-nav { background-image: url(../images/menu-mobile-3/twitter.png); }

.sidebar-bottom-controls { background-color: #1d1f22; }
.sidebar-bottom-controls a { background-image: url(../images/menu-mobile-3/sidebar-deco-vertical.png); background-repeat: repeat-y; font-size: 10px; text-align: center; float: left; width: 32%; text-transform: uppercase; color: #FFFFFF; line-height: 10px; border-top: solid 1px #25272a; display: block; }
.facebook-bottom { display: block; padding-top: 26px; background-image: url(../images/menu-mobile-3/facebook.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.twitter-bottom { display: block; background-image: url(../images/menu-mobile-3/twitter.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }
.close-bottom-left,
.close-bottom-right { display: block; padding-top: 26px; background-image: url(../images/menu-mobile-3/accessdenied.png); background-repeat: no-repeat; background-position: center 33px; background-size: 16px 16px; height: 50px; margin-top: -25px; }

.nav-item:hover{ background-color:#212326; }
.nav-item{ -webkit-tap-highlight-color: rgba(0,0,0,0); background-size:20px 20px;	 background-color:#1d1f22; text-shadow:0px 2px 0px rgba(0,0,0,1); font-size:12px; font-weight:700; color:#d2d2d2; height:50px; line-height:49px; background-repeat:no-repeat; padding-left:60px; background-position:20px center; border-bottom:solid 1px #141719; border-top:solid 1px #25272a; }
.icon-active{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/location.png); background-size:10px 15px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:240px; }
.icon-page{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png); background-size:8px 11px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:240px; }
.icon-drop{ position:absolute; background-image:url(../images/menu-mobile-3/left-sidebar/godrop.png); background-size:11px 8px; background-repeat:no-repeat; display:block; width:10px; height:15px; top:19px; left:239px; }
.submenu a{ text-shadow:0px 2px 0px rgba(0,0,0,1); background-image:url(../images/menu-mobile-3/sidebar-deco.png); background-repeat:repeat-x; padding-top:12px; padding-bottom:12px; padding-left:25px; font-size:10px; color:#878787; text-transform:uppercase; font-weight:900; }
.submenu a em{ background-image:url(../images/menu-mobile-3/left-sidebar/gopage.png); background-size:8px 11px; background-repeat:no-repeat; float:left; width:10px; height:15px; display:block; margin-top:5px; padding-right:35px; }
.submenu a:first-child{ background-image:none!important; }
.submenu{ display:none; }
.submenu-active{ display:block; }
.nav-item-active{ color:#FFFFFF!important; }
.sidebar-notifications a { margin-bottom:15px; background-repeat:no-repeat; background-position:0 center; padding-left:38px; margin-left:20px; font-size:10px; color:#878787; font-family:'Lato', sans-serif; font-weight:700; text-transform:uppercase; line-height:10px; }

.sidebar-header-right{ height:50px; background-color:#1d1f22; border-bottom:solid 1px #141719; }
.sidebar-right-logo{ position:absolute; top:7px; right:40px; width:92px; }
.close-sidebar-right{ background-color:#212326; background-image:url(../images/menu-mobile-3/accessdenied.png); background-size:17px 17px; background-repeat:no-repeat; background-position:16px 18px; height:50px; width:50px; margin-left:0px; display:block; }
.right-sidebar-copyright{ margin:20px 0; }
.footer-text a{ padding-top:10px; font-size:10px; color:#8a8a8a; }
.copyright-sidebar{ font-size:10px; text-align:center; text-transform:uppercase; }

.menu-mobile-dynamique { margin:0; padding:0; list-style-type:none; list-style-position:inside; list-style-image: none;  }
.menu-mobile-dynamique li{ background-color:#1d1f22;  }
.menu-mobile-dynamique li.parent{ background-image: url(../images/menu-mobile-3/left-sidebar/gopage.png); background-position: 241px center; background-repeat:no-repeat;   }
.menu-mobile-dynamique li a{ background-image: url(../images/menu-mobile-3/bendedright.png); -webkit-tap-highlight-color: rgba(0,0,0,0); background-size:20px 20px; text-transform:uppercase; text-shadow:0px 2px 0px rgba(0,0,0,1); font-size:12px; color:#fff; height:50px; line-height:49px; background-repeat:no-repeat; padding-left:60px; background-position:20px center; border-bottom:solid 1px #141719; border-top:solid 1px #25272a; }
.menu-mobile-dynamique li a:hover{ background-color:#212326; }
.menu-mobile-dynamique ul{ list-style-image:none; list-style-position:inside;list-style-type: none; padding-left:0   }
.menu-mobile-dynamique ul li a{ background:none;  color:#BEBEBE;   }

.small-notification p { margin: 10px 13px; padding-bottom: 2px; line-height: 18px; }
.text-input { overflow: hidden;position: relative;font-size: 11px; color: #666; width: 230px; margin-left: 20px; height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; display: block; box-sizing: border-box; background-color: rgba(255,255,255,0.1); border: solid 1px #3d3d3d; }
#contactEmail { margin-bottom: -5px!important; }
#contactMessage { display: none; }
#contactName { display: none;margin-bottom: 10px; }
#left_label_name { overflow: hidden;position: relative;display: none;text-align: left; margin-left: 200px; font-size: 11px; color: #8c8c8c; opacity: 0.3; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
#name_label { overflow: hidden;position: relative;display: none; margin-top: 20px; margin-left: 20px; font-family: 'Lato', sans-serif; font-size: 12px; color: #c5c5c5; }
#email_label { margin-top: 20px; margin-left: 20px; font-size: 12px; color: #c5c5c5;display: block; overflow: hidden; position: relative; }
#left_label_mail { display: block;overflow: hidden;position: relative;line-height: 18px;text-align: left; margin-left: 200px; font-size: 11px; color: #8c8c8c; opacity: 0.3; font-family: 'Open Sans', sans-serif; margin-top: -20px; padding-bottom: 5px; margin-bottom: 10px; }
.contact-button-house{line-height: 18px; margin-bottom: 20px; font-size: 11px;display: block; overflow: hidden; position: relative;vertical-align: baseline; outline: none;}
.contactButton { display: block;overflow: hidden;position: relative;margin-left: 20px; margin-top: 30px; height: 36px; font-family: 'Lato', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #FFFFFF; width: 230px; background-color: rgba(255,255,255,0.1); border: solid 1px #3d3d3d; } 

.buttonWrap { padding: 10px!important; min-width: 43%; }
.contactSubmitButton { display: block!important; height: 36px!important; margin-right: 4px; float: left; margin-bottom: 20px; }
.contactNameField { padding-bottom: 5px; font-size: 12px; }
.contactField { overflow: hidden; position: relative; font-size: 12px; color: #666; min-width: 100%; display: block; box-sizing: border-box;height: 30px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; }
.contactTextarea { overflow: hidden;position: relative; font-size: 12px; color: #666; min-width: 100%; display: block; box-sizing: border-box;  margin-bottom: 20px; padding-left: 12px; padding-right: 12px; padding-top: 9px; padding-bottom: 9px; line-height: 18px; height: 90px; }
.info-sidebar{	background-image:url(../images/menu-mobile-3/update-news.png);}
.update-sidebar{ background-image:url(../images/menu-mobile-3/update-blog.png);}
.folio-sidebar{	background-image:url(../images/misc/left-sidebar-notifications/update-folio.png);}
.menu-mobile-dynamique input { -webkit-appearance:none; border-radius: 0; }
.sidebar-form{ display:none; margin-left:20px; width:230px; box-sizing:border-box; }
.sidebar-form2{ display:none; }
.sidebar-form label{ border-radius:0px!important; color:#c5c5c5; text-transform:uppercase; font-size:11px; padding-top:10px;display: block; }
.sidebar-form label span{ text-transform:lowercase; color:#bcbcbc; float: right; opacity: 0.2;}
.sidebar-form input{ background-color:rgba(255,255,255,0.1); border:solid 1px #3d3d3d; }
.sidebar-form textarea{ background-color:rgba(255,255,255,0.1); border:solid 1px #3d3d3d; border-bottom:none; margin-bottom:0px; }
.sidebar-send-button{ display:block; width:100%; color:#d2d2d2; font-size:11px; font-family:'Lato', sans-serif; text-transform:uppercase; font-weight:700; }
.success-subscribe{ margin-top:20px; width:230px; margin-left:20px;	 }
.sidebar-form{ margin-bottom:0px!important; margin-top:-10px!important; }
.sidebar-form  .formSuccessMessageWrap{ width:230px; margin-top:20px; margin-bottom:0px; }
.sidebar-form .small-notification{ margin-top:20px; }
.sidebar-form #emailError{ margin-top:20px; width:230px; margin-left:20px; border-radius:0px; height:36px; }
.sidebar-form #emailError p{ text-align:center; color:rgb(255,129,129); margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.sidebar-form #emailError2{ margin-top:20px; width:230px; margin-left:20px; border-radius:0px; height:36px; }
.sidebar-form #emailError2 p{ text-align:center; color:rgb(255,129,129); margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.subscribe-notification{ width:230px!important; margin-left:20px; border-radius:0px!important; margin-bottom:-15px!important;	 margin-top:20px!important; background-image:none!important; }
.subscribe-notification p{ background-image:none!important; text-align:center; color:rgb(255,129,129)!important; margin:8px 0px; display:block; text-transform:uppercase; padding-left:0px;	 margin-top:20px;  }
.formValidationError{ margin-bottom:-15px; }
.sidebar-form .formValidationError div{ margin-top:20px; width:230px; border-radius:0px!important; height:36px;	 margin-top:20px!important; }
.sidebar-form .formSubmitButtonErrorsWrap{ overflow:visible!important; margin-bottom:20px; }
.sidebar-form  .formValidationError p{ text-align:center; color:rgb(255,129,129)!important; margin:8px 0px; display:block; background-image:none; text-transform:uppercase; padding-left:0px; }
.menu-mobile-dynamique label { display: block; overflow: hidden; position: relative; border: 0; vertical-align: baseline; outline: none;}
.red-notification { background-color: rgba(219, 84, 84, 0.5); border-radius: 5px; border: solid 1px #c24747; }
.formValidationError .red-notification p { background-image: none!important; display: block!important; padding-left: 0px!important; text-align: center!important; }
.no-bottom { margin-bottom: 0px!important; }

.sub-menu{ 	display:none; }
.pied{text-align: center;position:relative;z-index:8000;float: left;width: 100%;background:#121213; padding-bottom: 50px !important;}
.pied .bande1{ background:#121213; padding: 40px 0;}
.pied .bande2{padding: 30px 32px 60px;background: url(../images/trait.png) no-repeat center top;}
.pied h2{color:#fff;font-weight: bold;font-size: 16px;text-align: left;background: url(../images/title2.png) no-repeat bottom left;padding: 0 0 17px;}
.pied .bande3{background:#1a1a1b;padding: 44px 0;float: left;width: 100%;}
.pied .bande3 h3{
    width: 100%;
    text-transform: uppercase;
    font-size: 45px;
    text-align: center;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.20);
    color: #fff;
    z-index: 1000;
    line-height: 28px;
    font-family: 'helveticat';
    }
.pied .bande3 h3 b{  font-family: 'helveticam'}
.pied .bande3 h3 span{    font-size: 17px;  color:#8d8d8d; text-transform: none;}
.pied .navf{text-align: left;}
.pied .navf .menu_footer, .pied .navf .menu_footer2, .pied .navf .menu_footer3, .pied .navf .menu_apps {color: #90939a;padding:15px 0 15px 0;list-style-image: url(../images/puce1.png) !important;margin:0;display: block;}
.pied .navf .menu_footer li, .pied .navf .menu_footer2 li? , .pied .navf .menu_footer3 li , .pied .navf .menu_apps li{width: 100%;margin-right: 0;}
.pied .navf .menu_footer li:last-child, .pied .navf .menu_footer2 li:last-child, .pied .navf .menu_footer3 li:last-child, .pied .navf .menu_apps li:last-child    { border:none }
.pied .navf .menu_footer li a,
.pied .navf .menu_footer li a:visited, .pied .navf .menu_footer2 li a,
.pied .navf .menu_footer2 li a:visited, .pied .navf .menu_footer3 li a,
.pied .navf .menu_footer3 li a:visited , .pied .navf .menu_apps li a, .pied .navf .menu_apps li a:visited {font-size:12px;padding: 0;color:inherit;text-decoration:none;}
.pied .navf .menu_footer li a:hover, .pied .navf .menu_footer2 li a:hover, .pied .navf .menu_footer3 li a:hover,  .pied .navf .menu_apps li a:hover { text-decoration:underline }
.pied .navf .menu_footer li.active a:hover{ cursor:default; text-decoration:none }

.pied .menu_referencement {color: #90939a;padding:15px 0 15px 0;list-style-image:none;list-style-type:none;margin:0;float:left;/* text-align:justify */}
.pied .menu_referencement li{height:18px;width: 100%;display:block;float:left;margin:0;}
/*
.pied .menu_referencement li{ display:inline }
.pied .menu_referencement li:after{ content:" - " }
.pied .menu_referencement li:last-child:after{ content:"" }
*/
.pied .menu_referencement li a,
.pied .menu_referencement li a:visited{ color:inherit; font-size:11px; text-decoration:none }
.pied .menu_referencement li a:hover { text-decoration:underline ; color:#c52127;}
.pied .menu_referencement li.active a:hover { cursor:default; text-decoration:none;color:#c52127; }

.pied li.menu-item a:hover {color:#c52127 !important;}

.pied address{margin:0;padding:15px 0 15px 0;color: #90939a;}
.pied address p{ background-repeat:no-repeat; margin:0  }
.pied address p.adresse{}
.pied address p.tel.tel1{ background-image:url(../images/ico-tel1.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p.fax{ background-image:url(../images/ico-tel2.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p.mail{ background-image:url(../images/ico-mail.png); background-position:0 2px; padding:0 0 10px 25px }
.pied address p a{ text-decoration:none; color:inherit }
.pied address p a:hover{ text-decoration:underline }

.pied .copyright-footer{  margin:15px 0px 0px 0px; color:#fff; font-size:10px; text-align:center }
.pied .copyright-footer a{ color:inherit; text-decoration:none }
.pied .copyright-footer a:hover{ text-decoration:underline }

.item_realisation img {
  opacity: 0.6;
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  cursor: pointer;
  
  filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><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>#grayscale"); /* Firefox 10+, Firefox on Android */

-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;

}
 .item_realisation img:hover {
  opacity: 1;
 filter: grayscale(0%);
-webkit-filter: grayscale(0%); /* For Webkit browsers */
filter:none; /* For IE 6 - 9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'none\'><feColorMatrix type=\'matrix\' values=\'\'/></filter></svg>#none"); /* Firefox 10+, Firefox on Android */

  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.item_realisation2 {
    float: left;
}

.item_realisation2 img {
  opacity: 1;
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  cursor: pointer;
  
  filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><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>#grayscale"); /* Firefox 10+, Firefox on Android */

-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;

}
 .item_realisation2 img:hover {
  opacity: 1;
 filter: grayscale(0%);
-webkit-filter: grayscale(0%); /* For Webkit browsers */
filter:none; /* For IE 6 - 9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'none\'><feColorMatrix type=\'matrix\' values=\'\'/></filter></svg>#none"); /* Firefox 10+, Firefox on Android */

  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
a.tw{  background: url(../images/tw.png) bottom center no-repeat;}
a.fb{  background: url(../images/fb.png) bottom center no-repeat;}
a.yout{  background: url(../images/yout.png) bottom center no-repeat;}
a.cont{  background: url(../images/contact.png) bottom center no-repeat;}
a.tw, a.fb, a.cont, a.yout{
	width: 38px;
	height: 38px;
	margin: 0 8px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); /* For Webkit browsers */  
	filter: gray; /* For IE 6 - 9 */ 
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><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>#grayscale"); /* Firefox 10+, Firefox on Android */
	float: left; 
	display: block; 
	-moz-transition: all 0.4s ease-in-out; 
	-ms-transition: all 0.4s ease-in-out; 
	-o-transition: all 0.4s ease-in-out; 
	transition: all 0.4s ease-in-out;
}
.tw:hover, .fb:hover, .cont:hover, .yout:hover{  opacity: 1;
 filter: grayscale(0%);
-webkit-filter: grayscale(0%); /* For Webkit browsers */
filter:none; /* For IE 6 - 9 */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'none\'><feColorMatrix type=\'matrix\' values=\'\'/></filter></svg>#none"); /* Firefox 10+, Firefox on Android */
}
/* AUTRES STYLES FIXES  **************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

/* Div IE <8 déprécié */
.deprecated-ie{ text-align:center; color:#000; background:#eee }
.deprecated-ie p{ line-height:30px; margin:0 }
.deprecated-ie a{ line-height:30px; font-family:Helvetica, arial, sans-serif; font-size:13px; color:#000; text-decoration:underline }

/* Fix pour fond noir lightbox qui n'apparait pas sur chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 
.lightboxOverlay { overflow:scroll }
.lightboxOverlay::-webkit-scrollbar { width:0px }
}

/* MEDIA QUERIES  ********************************************************************************************************************************/
/* ***********************************************************************************************************************************************/

/* Mobile */
@media (max-width:767px){

	.pad-xs{ padding-left:15px !important; padding-right:15px !important }
	.pad-xs-l{ padding-left:15px !important }
	.pad-xs-r{ padding-right:15px !important }
	.nopad-xs{ padding-left:0 !important; padding-right:0 !important }
	.nopad-xs-l{ padding-left:0 !important }
	.nopad-xs-r{ padding-right:0 !important }
	
	.fluid-banniere{ height:100px;  }
	
	h1, .h1 { font-size: 28px; line-height: 28px; }
	
	/* Sous slider */
	.sous-slider{ padding: 0px 20px 20px 20px !important; text-align:center;  }
	.sous-slider h3{ font-size: 17px !important; text-transform:uppercase; margin: 25px 0 20px 0;  }
	.sous-slider h3 span{ font-size:26px; display:inline-block;  }
	.sous-slider a{ margin:0; font-size: 18px;   }
	.sous-slider .contact{ text-align:center }
	
	/* Encarts */
	#encarts-bas .encart .btn-1 {
	width: 90px;
	position: absolute;
	padding:2px 0; 
	top: auto;
	bottom:5px;
	height:auto;
	left: 50%;
	margin-left:-45px; 
	font-size: 20px;
	}
	
	.text-info { padding: 25px 0 0 0; clear:both }

 }

/* Tablettes */
@media (min-width:768px) and (max-width: 991px){ 

	.pad-sm{ padding-left:15px !important; padding-right:15px !important }
	.pad-sm-l{ padding-left:15px !important }
	.pad-sm-r{ padding-right:15px !important }
	.nopad-sm{ padding-left:0 !important; padding-right:0 !important }
	.nopad-sm-l{ padding-left:0 !important }
	.nopad-sm-r{ padding-right:0 !important }
	
	.fluid-banniere{ height:145px;  }
	
	.text-info { padding: 0 0 0 20px;}
	
	/* Sous slider */
	.sous-slider{ padding: 0px 20px 20px 20px !important; text-align:center;  }
	.sous-slider h3{  text-transform:uppercase; margin: 25px 0 20px 0;  }
	.sous-slider h3 span{  display:inline-block   }
	.sous-slider a{ margin:0;   }
	.sous-slider .contact{ text-align:center }
	
	/* Encarts */
	#encarts-bas .encart .btn-1 {
	width: 200px;
	position: absolute;
	padding:5px 0; 
	top: auto;
	bottom:10px;
	left: 50%;
	margin-left:-100px; 
	font-size: 20px;
	}
	

}

/* Mobile + Tablettes */
@media (max-width: 991px)
{ 
	.container { max-width:none } 
	
	.fluid-banniere{ margin-top:52px; }
/* Slider */
	#fluid-slider { height:auto; }
	.conteneur-slider { position:static;     width: 100%; margin: 52px 0 0 0;}
	.miettes-ext, .fleches-ext{ display:none;  }

	/* Captcha Contact */
	.contact .formulaire .form-group input[name="captcha"]{ width:100% !important; margin-right:0% !important; text-align:left !important ;  }
	.contact .formulaire .form-group input[name="captcha"] + a{ position: absolute; width:140px; top: 0; right: 0; }
	
	/*
	.miettes,
	.flechel,
	.flecheldn, 
	.flecher,
	.flecherdn{ display:inline-block !important }*/
	
	/* Footer */
	.btn-partage { text-align:center; }
	#footer-bas{ padding-top: 10px !important; padding-bottom:8px !important; }
	#fluid-footer .copyright-footer span{ display:block; border:none; padding:0;  }
	
	
	
	/* Galerie */
	.gallery #myTabs li { width: 100% }
	.gallery #myTabs { padding-right:0px; }
	
	/* Forcer l'affichage des flèches de la lightbox car pas de hover sur mobile */
	.lb-prev { opacity:1 !important; background: url(../images/prev-lightbox.png) left 48% no-repeat; }
	.lb-next { opacity:1 !important; background: url(../images/next-lightbox.png) right 48% no-repeat; }
	
	/* Padding pour mobile */
	.paddingmob{ padding-left:15px !important; padding-right:15px !important }
	.paddingmobl{ padding-left:15px !important }
	.paddingmobr{ padding-right:15px !important }
	.nopaddingmob{ padding-left:0 !important; padding-right:0 !important }
	.nopaddingmobl{ padding-left:0 !important }
	.nopaddingmobr{ padding-right:0 !important }
	
	/* Changement largeurs labels+champs contact */
	.contact .formulaire  .form-group .col-md-4 { width:100% !important }
	.contact .formulaire  .form-group .col-md-8 { width:100% !important }
}

/* Pc normal */
@media (min-width: 991px) and (max-width: 1199px) { }

/* Mobile + Tablettes + Pc normal */
@media (max-width: 1199px){ #remonter{ display:none !important } }

/* PC large */
@media (min-width: 1200px){ }
