.captcha {font-size: 28pt;color: #; font-weight: 400;margin-top: 0px;padding: 15px;transform: skewX(30deg) skewY(3deg)} 

.filet_H_1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 4px ; background: none repeat scroll 0% 0% transparent;}
.filet_H_2 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 4px ; background: none repeat scroll 0% 0% transparent;}
.filet_H_3 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 4px ; background: none repeat scroll 0% 0% transparent;}

.filetblanc { margin-top: 5px; padding: 15px 20px 15px 20px ; border: 0px solid #eee; border-radius: 4px ; ;background: #fff }
.danger { margin-top: 5px; padding: 15px 30px 15px 30px  ; border: 1px solid #90241F;  border-radius: 4px ; background: none repeat scroll 0% 0% #FFECEB; opacity:0.9; }
.success { margin-top: 5px; padding: 15px 30px 15px 30px  ; border: 1px solid #489011;  border-radius: 4px ; background: none repeat scroll 0% 0% #CDFFB8; opacity:0.9; }
.alert { margin-top: 5px; padding: 15px 30px 15px 30px  ; border: 1px solid #185C90;  border-radius: 4px ; background: none repeat scroll 0% 0% #CCE0FF; opacity:0.9; }

.box-shadow { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); }
.boxrouge {  -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5); margin-top: 5px; padding: 14px 30px 14px 30px  ;   border-radius: 2px ; background: none repeat scroll 0% 0% #E64D15;  color: #fff; font-size: 28px; line-height: 32px;}
.boxbleue { -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5); margin-top: 5px; padding: 14px 30px 14px 30px  ;   border-radius: 2px ; background: none repeat scroll 0% 0% #0192D0;   color: #fff; font-size: 28px; line-height: 32px; }
.boxverte { -moz-box-shadow: 1px 3px 5px 0px #9b9b9b;-webkit-box-shadow: 1px 3px 5px 0px #9b9b9b;-o-box-shadow: 1px 3px 5px 0px #9b9b9b;box-shadow: 1px 3px 5px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=161, Strength=5);margin-top: 5px; padding: 14px 30px 14px 30px  ;  border-radius: 2px ; background: none repeat scroll 0% 0% #ACAE06;  color: #fff; font-size: 28px; line-height: 32px;}

html, body { background-color: #FAFAFA; font-size : 16px; line-height: 24px;    font-weight: 400;font-family: Open Sans, sans-serif;, height: 100%; width:100%}
html, body { padding : 0;margin : 0;height: 100%; width:100% }

.option { height: 20px; margin-bottom: 15px; } 
.optionBG { height: 130px;margin: -40px auto -120px auto;width: 398px;background: url(../images/options.png) no-repeat scroll -1px 0px transparent; } 
.col-main {margin-left : -5px; margin-right : 5px }
.row { margin-right: 0px;  margin-left: 0px; }
.recent-work-wrap { position: relative; margin : 5%; }
.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 
{
padding-right: 15px;
padding-left: 15px;
}
.testimonial-inner .pull-left { border-right: 1px solid #; }
body > section { padding-top: 0px;    padding-bottom: 0; }

.blanc { color: #fff; }
.gris { color: #CCC; }
.noir { color: #141414; }
.rouge { color: #FF0000; }
.bleu { color: #185C90; }

.right { text-align: right }
.left { text-align: left }
.uppercase { text-transform: uppercase }
.centre { text-align: center }
.nowrap{ white-space: nowrap}

p { text-align : justify; hyphens: auto; margin: 0px }
.img-responsive img {  height: auto; max-width: 100%; border-radius: 2px  }
.content img {  height: auto; max-width: 100%; border-radius: 2px; border:0 }
img { border-radius: 0px;  }

.content a img:hover { filter: brightness(100%); -webkit-filter: brightness(130%); -moz-filter: brightness(130%); -o-filter: brightness(130%);-ms-filter: brightness(130%)}
blockquote { margin: 20px ;border-left: 8px solid #ccc; padding: 5px 0 5px 20px }
ul, ol { margin: 1px }
 
 
.h1, h1, .h1left, .h1right { font-size: 2.5em;font-weight: 400;margin-bottom:0.75em;line-height: 65px;text-transform: uppercase; 
  /*text-shadow: 0px 3px 2px rgba(123, 139, 140, 0.49); */
   margin-top: 0 }

/* .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,, .h1left, .h1right {  font-family:gothambook,Helvetica,Arial,sans-serif } */ 
 
h1.left, .h1left { text-align: left ;margin-left : 3%}
h1.right, .h1right {text-align: right ;margin-right : 3%}
 
.h2, h2 { font-size: 1.7em; line-height:1.25em;margin-top:0;margin-bottom:.675em } 
.h3, h3 { font-size: 1.1em;	line-height:1.9090909091em;margin-top:0;margin-bottom:.9545454545em }
.h4, h4 { font-size: 0.8em;line-height:1.05em;margin-top:0;margin-bottom:1.05em }
.h5, h5 { font-size: 0.8em; padding : 0;margin : 0 0 10px 0 }
.h6, h6 { font-size: 0.6em; padding : 0;margin : 0 0 10px 0 }
.h6, h6, pre { line-height:1.3125em }
 
.taille_GD { font-size: 28pt; font-weight: 400;margin-bottom:0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.8);line-height:1.25em;  background-image:none}

cite { font-style: normal; font-size: 0.8em }
.cite { font-style: normal; font-size: 1.1em }

big { display: block;  float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px; }
hr { border-top: 1px solid #;  border-bottom: 1px solid #FFF; }
.chemin { display:none }
.fet {font-size: 12pt }
.dat {font-size: 12pt }
.stitched_element { border: 2px dashed  #ffffff; box-shadow: 0 0 0 8px #ff0030 }


a:link {text-decoration:none;font-size: 16px;color: #;}
a:visited {text-decoration:none;color: #;}
a:hover {text-decoration:none;color: #; }
a:active {text-decoration:none;color: #; }  
a { cursor:pointer }


@media (max-width:1024px) {
.filet2, .filet3 { border: 1px solid transparent;}
.widget { text-align : center; padding-left: 0;}

.h1, h1, .h1left, .h1right { text-align: center; line-height:1.6em; background-image: none}
.h2, h2 { text-align: center;line-height:1.8em; }
.h3, h3, .h4, h4, .h5, h5, .h6, h6 { text-align: center }

.left p { text-align : center}
.left p { text-align : center}
.fet { display : none; }
.dat { display : none; }
.option { display : none; }
.optionBG { display : none; }
.margin_moins_25  { display: none; }  
.margin_moins_40  { display: none; }  
     
.right { text-align: center }
.left { text-align: center }
h1.left, .h1left {text-align: center; margin-left : auto; margin-right : auto}
h1.right, .h1right {text-align: center; margin-right : auto; margin-left : auto}
}


@media (max-width:768px) {
blockquote { padding: 0px; margin: 0px;  border-left: 0; }
p {text-align : left; }
}


@media (max-width:480px) {
.filet1 { border: 1px solid transparent;}

h1, .h1, h1.right, h1.left, .h1left, .h1right { font-size: 26px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px;}
h2, .h2 { font-size: 22px;font-weight: 400; text-align: center; margin-top: 10px; margin-bottom: 10px;}
h3, .h3 { font-size: 20px;font-weight: 400; margin-top: 0px; text-align: center;margin-bottom: 0px;}
}



figcaption { padding: 3px; margin-bottom: 10px; margin-top: 7px;border: 0px solid #000;  text-align: center; border-radius: 4px; background: none repeat scroll 0% 0% #000; opacity:0.9; color: #fff;font-size : 12px; font-weight: bold;}
button, html input[type="button"], input[type="reset"]{ padding: 5px 20px 8px 20px ; border-radius: 5px; margin-top: 25px;display: inline-block; font-size: 12pt; }

/* Bouton newsletter bottom */
.ppe {display: inline-block;margin-bottom: 0px; padding: 0;  white-space: nowrap;vertical-align: middle; color : #000; border:transparent}
.ppe  .btn {display: inline-block;padding: 5px 12px 5px 12px;margin-bottom: 0;    margin-left: -3px; margin-top: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 0;    border-radius: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none}

.btnn a{background: #872232;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;color: white;position: relative}
.btnn a:hover{border-color: #C4C4C4;background: #C4C4C4;color: #fff}
.btnn a:before, .btnn a:after {position: absolute;content: "";height: 2px;width: 60%;background-color: black;bottom: 10px;border-radius: 50%;-webkit-box-shadow: 0 0 15px 10px #141414;box-shadow: 0 0 15px 10px #141414;z-index: -1}
.btnn a:before {left: 10%;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg)}
.btnn a:after {right: 10%;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg)}

button {  background: #872232;color: #fff;  display: inline-block;padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;color: white;position: relative}
button:hover {    border-color: #C4C4C4; background: #C4C4C4;color: #fff}
button:before, button:after {position: absolute;content: "";height: 2px;width: 60%;background-color: black;bottom: 10px;border-radius: 50%;-webkit-box-shadow: 0 0 15px 10px #141414;box-shadow: 0 0 15px 10px #141414;z-index: -1}
button:before {left: 10%;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg);}
button:after {right: 10%;-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);transform: rotate(8deg)}

.nav-tabs > li > a { background: #141414 none repeat scroll 0% 0%; color: #FFF ; border:0;border-bottom: 1px #fff solid;  }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  border:0;border-bottom: 1px #fff solid;color: #FFF; background: #1F1F20 none repeat scroll 0% 0%; }
.tab-wrap { border-radius: 2px; margin-bottom: 40px; z-index:1}
.widget { margin-bottom: 60px; padding-left: 0; }
.widget h3 {color: #;}
.widget h2 { color: #; text-transform: uppercase; margin-bottom: 20px;font-size: 1.1em; }
.widget h3 { text-transform: none; margin-bottom: 0;font-size: 10pt; }
.marker { padding: 2px ;background-color: #FFFF00; color : #000; }

.intonav { display: none }


@media (min-width:999px) {
.intonav { display: block; padding: 5px 0;margin-left: 35px;margin-right: 10px;margin-bottom: 10px;text-transform: none }
.intonav a{ font-size: 0.95em; color: #FFFFFF }
.intonav a:hover{ color: #872232 }
.navbar-nav { border-radius: 0;margin-top: 6px;float: none }
.navbar-default { border: none;background: none }
.navbar-nav > li:before { content: "";height: 2px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease;
    width: 0;opacity: 0;background: #872232;position: absolute;left: 50%;top: 2px;margin-left: 0 }

.navbar-default .navbar-nav .active { color: #872232; 
/* font-weight: bold  */
}
.navbar-nav > li:hover:before {
    opacity: 1;
    width: 56px;
    margin-left: -28px;
}
.navbar-nav > li:last-child:after { display: none }
.navbar-default .navbar-nav > li > a { padding: 5px 10px 6px 10px;margin-top: 8px; margin-bottom: 3px;font-family: arial;letter-spacing: 0.1em;
    /*    text-shadow: 1px 1px 1px #000;*/
}
.navbar-default .navbar-toggle { top: -2px;position: absolute;right: 10px }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: none }
.navbar-default ul.dropdown-menu { min-width: 380px;top: 70%; padding: 0; z-index: 990; border: 3px solid #606060;border-radius: 3px }
.navbar-default ul.dropdown-menu li:after {content: "";position: absolute;left: 10px;top: 50%;margin-top: -14px; height: 30px; width: 30px }
.navbar-default ul.dropdown-menu li:last-child:after { display: none }
.navbar-nav > li:hover ul.dropdown-menu { display: block;z-index: 990 }
}

.menu_haut{}  
.navbar-inverse .navbar-nav .dropdown-menu > li > a { color: #FFFFFF }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px none }
.navbar-inverse .navbar-nav > li > a{ color: #FFFFFF;    font-size : 14px; padding-top:5px;padding-bottom: 5px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: rgba(41,41,41,1); margin-top: 0px; border-top : 1px solid rgba(255,255,255,0.2); font-size : 14px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: rgba(41,41,41,1); ;border-top : 1px solid rgba(255,255,255,0.2); font-size : 14px }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #872232;opacity:; color: #FFFFFF;font-size : 14px }
.navbar-inverse .navbar-nav > li > a:hover{ background-color: #872232;opacity:; color: #FFFFFF;font-size : 14px }
.navbar-inverse .navbar-nav .dropdown-menu { background-color: rgba(0,0,0,.85); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);  border: 0;
 padding: 0; margin-top: 0;  border-top: 0;  border-radius: 0;  left: 0 }
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {  background-color: #872232;opacity:;  color: #FFFFFF;font-size : 14px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { font-size : 14px; border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li > a { font-size : 14px }
.navbar-header { float: none }
.navbar {background: rgba(41,41,41,1); z-index:3000; border-top : 0px solid rgba(255,255,255,0.2); border-bottom : 0px solid rgba(255,255,255,0.2);font-size : 14px; min-height: 30px } 
.navbar-nav { margin: 0;margin-top: 0px;padding-top:3px; padding-bottom:0 }
.navbar { padding:0 }  
.navbar-inverse .navbar-nav .dropdown-menu > li >{  margin-top: -10px }
.navbar-nav > li { margin-left: 0.1em; padding-bottom: 4px }
.dropdown-menu { margin-top: -1px; min-width: 220px }
.navbar-collapse {  max-height: 340px; padding-right: 0;  padding-left: 0 }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:25%;  padding-left: 0 }
@media (max-width:999px) {
}
@media (min-width:1000px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:2%;  padding-left: 0 }
}
@media (min-width:1200px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:2%;  padding-left: 0 }
}
@media (min-width:1400px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:22.5%;  padding-left: 0 }

.navbar-default .navbar-nav > li > a { padding: 5px 10px 6px 10px; margin-top: 10px;margin-bottom: 14px;font-family: arial;letter-spacing: 0;
  /*      text-shadow: none;*/
}
}
@media (min-width:1500px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:25%;  padding-left: 0 }
}
@media (min-width:1800px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:27.5%;  padding-left: 0 }
}
@media (min-width:2200px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:30%;  padding-left: 0 }
}
@media (min-width:2600px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:32.5%;  padding-left: 0 }
}
@media (min-width:3000px) {
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { float: left !important; margin-left:35%;  padding-left: 0 }
}


#logo { Position:relative;  margin-top:10px; margin-left:%; overflow:hidden; margin-bottom: 10px }
#logo a:hover { -webkit-filter: contrast(140%);filter: contrast(140%) }
.top-bar { background-color: rgba(255,255,255,1) ; border-bottom: 0; padding: 10px 0 0 0 }
.topsite { background-color: #000000 ; margin-top:-10px;height:30px; width: 100%; border-bottom : 0px solid rgba(255,255,255,0.2) }


#header { background:rgba(255,255,255,1); }
.top-bar { background : transparent; padding: 10px 0 0 0; border-bottom: 0;}


.aide-nav {width: 40px;position: fixed;top: 20%;right: 0;white-space: nowrap;border: 2px solid #FFF;border-right: none;z-index: 9999;box-shadow: 0 0 10px #141414 }
.aide-nav ul {list-style-type: none}
.aide-nav .outils {margin: 0;padding: 0}
.aide-nav .outils li a {display: block;border-bottom: 1px solid #ccc;padding: 12px 0px 12px 11px; height: 45px;background-color: transparent;-moz-transition: background-color 250ms ease-out;-o-transition: background-color 250ms ease-out;-webkit-transition: background-color 250ms ease-out;transition: background-color 250ms ease-out;font-size : 12pt; color: #FFF;  background-color: ##FFFFFF}
.aide-nav .outils li a:hover {background-color: ##FFFFFF}

ul.social-share li a { display: inline-block; color :  #fff;  background: none; none repeat scroll 0% 0%; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px }
ul.social-share li a:hover { display: inline-block; background: #; none repeat scroll 0% 0%; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px }


/************************************ ADVERTISSINGS *************************************/

#carousel-slider2 {  margin-top: 1px; padding-left : 0px;padding-right : 0px; }
#pub_head{ z-index: 2000;margin-top:-180px;margin-bottom:0px;overflow:hidden; float:right;background :transparent; margin-right: 0 ; border: solid 0px #666; border-radius:4px; -webkit-animation: zoomIn 1200ms linear 100ms both;-moz-animation: zoomIn 1200ms linear 100ms both;-o-animation: zoomIn 1200ms linear 100ms both;-ms-animation: zoomIn 1200ms linear 100ms both;   animation: zoomIn 1200ms linear 100ms both }

/* Advertissing vertical sans bug pour chrome */
.pub_head{margin-top: 50px;float: right;margin-right: 20px;border: 0px #eee solid;min-width: 1px;min-height: 1px}
.vertical .carousel-inner { height: 100%; }
.carousel.vertical .item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;transition: 0.6s ease-in-out top}
.carousel.vertical .active { top: 0; }
.carousel.vertical .next { top: 400px; }
.carousel.vertical .prev { top: -400px; }
.carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; }
.carousel.vertical .active.left { top: -400px; }
.carousel.vertical .active.right { top: 400px;}
.carousel.vertical .item { left: 0; }
.carousel.vertical .carousel-control { width: 100%; bottom: inherit; top: inherit; }
.carousel.vertical .carousel-control.left { top: 0; }

.coordonnees { margin-top:-155px; margin-left: 60%;color:#141414; font-size:16px; line-height: 25px; text-align: left; font-weight: normal;}

.options { box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75); margin-top: -3px }  

#carousel-slider { margin-top: 5px; position: relative;  opacity: 0.95; margin-top: 20px; margin-bottom: 40px }
#carousel-slider .carousel-control.right i { background-position:  -10px -40px }
#carousel-slider .carousel-control.left i { background-position: -10px -40px }
#carousel-slider a i { display: block;  position: absolute;  width: 40px;  height: 40px;  cursor: pointer;  background: transparent url("../../images/a17.png") no-repeat scroll 0% 0%;  overflow: hidden }
#carousel-slider a i:hover { background-position: -130px -40px }
.full {  top:  150px; position: absolute;width: 100% }

#main-slider .carousel .carousel-content { margin-top: 50px }
#main-slider .carousel .slide-margin { margin-top: 0px }


.container > .navbar-header, .container > .navbar-collapse {margin-right: 0; margin-left: 0 }
.margin_moins_25  { margin-top: -25px }       
.margin_moins_40  { margin-top: -40px }       
 @media (min-width:1024px) {  .container { width: 82%;  min-width: 1024px; max-width: px; padding-right: 0px; padding-left: 0px } } 
.Section_1 h1, .Section_1 .h1, .Section_1 .h1left, .Section_1 .h1right { color: #474747; 
 /*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both;  
}
.Section_1 h1 span, .Section_1 .h1left span,  .Section_1 .h1right span { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em   
}



@media (min-width:950px) {
.Section_1 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_1 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
.Section_1 h1, .Section_1 .h1, .Section_1 .h1left, .Section_1 .h1right { text-align: center } 
}

/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_1 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/


.Section_1 .content { color: #474747 } 
.Section_1 a{ color: #872232; cursor:pointer }
.Section_1 a:hover {color: #C4C4C4 }
.Section_1 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_1 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_1 h2 { color: #872232 }
.Section_1 h3 { color: #872232 }
.Section_1 h4 { color: #C4C4C4 }
.Section_1 h5 { color: #0E4380 }
.Section_1 h6 { color: #0E4380 }
.Section_1 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_1 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_1 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_1 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_1 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_1 .btnn a{ background: #872232;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative }
.Section_1 .btnn a:hover{border-color: #C4C4C4;background: #C4C4C4; color: #fff }


.Section_2 h1, .Section_2 .h1, .Section_2 .h1left, .Section_2 .h1right { color: #474747; 
/*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: bounceInRight 900ms linear 1400ms both;
    -moz-animation: bounceInRight 900ms linear 1400ms both;
    -o-animation: bounceInRight 900ms linear 1400ms both;
    -ms-animation: bounceInRight 900ms linear 1400ms both;  
    animation: bounceInRight 900ms linear 1400ms both;   
}
.Section_2 .h1 span, .Section_2 .h1left span,  .Section_2 .h1right span { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em;    
}



@media (min-width:950px) {
.Section_2 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/1505306880img_communication_papeterie-min.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_2 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
  
.Section_2 h1, .Section_2 .h1, .Section_2 .h1left, .Section_2 .h1right {text-align: center} 
}


/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_2 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/


.Section_2 .content { color: #474747;} 
.Section_2 a{ color: #00A6A3; cursor:pointer }
.Section_2 a:hover {color: #006362; }
.Section_2 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_2 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_2 h2 { color: #00A6A3 }
.Section_2 h3 { color: #007573 }
.Section_2 h4 { color: #0E4380 }
.Section_2 h5 { color: #0E4380 }
.Section_2 h6 { color: #0E4380 }
.Section_2 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_2 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_2 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_2 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_2 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_2 .btnn a{ background: #00A6A3;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative }
.Section_2 .btnn a:hover{border-color: #006362;background: #006362; color: #fff }

.Section_3 h1, .Section_3 .h1, .Section_3 .h1left, .Section_3 .h1right  { color: #474747; 
/*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: pulse 900ms linear 1400ms both;
    -moz-animation: pulse 900ms linear 1400ms both;
    -o-animation: pulse 900ms linear 1400ms both;
    -ms-animation: pulse 900ms linear 1400ms both;  
    animation: pulse 900ms linear 1400ms both;   
}
.Section_3 .h1 span, .Section_3 .h1left span,  .Section_3 .h1right span  { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em;    
}

@media (min-width:950px) {
.Section_3 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/1505306880img_impression_plaquette-min.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_3 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
.Section_3 h1, .Section_3 .h1{ 
text-align: center
  }   
}

/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_3 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/


.Section_3 .content { color: #474747 } 

.Section_3 a{ color: #D93125; cursor:pointer }
.Section_3 a:hover {color: #A6251C }
.Section_3 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_3 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_3 h2 { color: #D93125 }
.Section_3 h3 { color: #B3281E }
.Section_3 h4 { color: #0E4380 }
.Section_3 h5 { color: #0E4380 }
.Section_3 h6 { color: #0E4380 }
.Section_3 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_3 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_3 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_3 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_3 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_3 .btnn a{ background: #D93125;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative;}
.Section_3 .btnn a:hover{border-color: #A6251C;background: #A6251C; color: #fff }

.Section_4 h1, .Section_4 .h1, .Section_4 .h1left, .Section_4 .h1right  { color: #474747; 
/*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: bounceInDown 900ms linear 1400ms both;
    -moz-animation: bounceInDown 900ms linear 1400ms both;
    -o-animation: bounceInDown 900ms linear 1400ms both;
    -ms-animation: bounceInDown 900ms linear 1400ms both;  
    animation: bounceInDown 900ms linear 1400ms both;   
}
.Section_4 .h1 span, .Section_4 .h1left span,  .Section_4 .h1right span  { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em;    
}

@media (min-width:950px) {
.Section_4 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/1505308045img_signaletique_caisson-min.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_4 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
.Section_4 h1, .Section_4 .h1{ 
text-align: center
  } 
  
}
/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_4 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/


.Section_4 .content { color: #474747 } 
.Section_4 a{ color: #DB476F; cursor:pointer }
.Section_4 a:hover {color: #99324E }
.Section_4 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_4 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_4 h2 { color: #DB476F }
.Section_4 h3 { color: #BA3C5E }
.Section_4 h4 { color: #0E4380 }
.Section_4 h5 { color: #0E4380 }
.Section_4 h6 { color: #0E4380 }
.Section_4 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_4 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_4 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_4 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_4 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_4 .btnn a{ background: #DB476F;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative;}
.Section_4 .btnn a:hover{border-color: #99324E;background: #99324E; color: #fff;}

.Section_5 h1, .Section_5 .h1, .Section_5 .h1left, .Section_5 .h1right  { color: #474747; 
/*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: flash 900ms linear 1400ms both;
    -moz-animation: flash 900ms linear 1400ms both;
    -o-animation: flash 900ms linear 1400ms both;
    -ms-animation: flash 900ms linear 1400ms both;  
    animation: flash 900ms linear 1400ms both;   
}
.Section_5 .h1 span, .Section_5 .h1left span,  .Section_5 .h1right span  { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em;    
}

@media (min-width:950px) {
.Section_5 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/1505306928img_web_responsive-min.jpg); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_5 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
.Section_5 h1, .Section_5 .h1{ 
text-align: center
  } 
  
}

/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_5 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/


.Section_5 .content { color: #474747 } 
.Section_5 a{ color: #ED7C1F; cursor:pointer }
.Section_5 a:hover {color: #964F14 }
.Section_5 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_5 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_5 h2 { color: #ED7C1F }
.Section_5 h3 { color: #BF6419 }
.Section_5 h4 { color: #0E4380 }
.Section_5 h5 { color: #0E4380 }
.Section_5 h6 { color: #0E4380 }
.Section_5 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_5 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_5 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_5 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_5 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_5 .btnn a{ background: #ED7C1F;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative }
.Section_5 .btnn a:hover{border-color: #964F14;background: #964F14; color: #fff }

.Section_6 h1, .Section_6 .h1, .Section_6 .h1left, .Section_6 .h1right  { color: #474747; 
/*background-image: url(../images/puce_H1.png); background-position : bottom center; background-repeat: no-repeat;*/
    -webkit-animation: pulse 900ms linear 1400ms both;
    -moz-animation: pulse 900ms linear 1400ms both;
    -o-animation: pulse 900ms linear 1400ms both;
    -ms-animation: pulse 900ms linear 1400ms both;  
    animation: pulse 900ms linear 1400ms both;   
}
.Section_6 .h1 span, .Section_6 .h1left span,  .Section_6 .h1right span  { color: #2FA8E3; 
    -webkit-animation: bounceIn 900ms linear 1400ms both;
    -moz-animation: bounceIn 900ms linear 1400ms both;
    -o-animation: bounceIn 900ms linear 1400ms both;
    -ms-animation: bounceIn 900ms linear 1400ms both;  
    animation: bounceIn 900ms linear 1400ms both; 
    font-size: 2.0em;    
}

@media (min-width:950px) {
.Section_6 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: url(../../uploadfiles/advertisings/milieu/); background-position: center top; background-repeat: no-repeat; background-attachment: fixed; background-size: cover;

} 
}

@media (max-width:950px) {
.Section_6 { 
margin-top: 0; padding-top: 0;  padding-bottom: 0; background: rgba(255,255,255,1); border-right :0; border-left :0;
background-image: none
  } 
.Section_6 h1, .Section_6 .h1{ 
text-align: center
  } 
  
}
/* IPAD */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


/* IPAD MINI */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
.Section_6 {
        background-attachment: scroll;
        min-height:100%; min-width:100%        
    }
}

/**************************************************************/

.Section_6 .content { color: #474747 } 
.Section_6 a{ color: #2FA8E3; cursor:pointer }
.Section_6 a:hover {color: #1566C2 }
.Section_6 .filet1 { margin-top: 5px; padding: 15px 20px 20px 15px ;  border: 1px solid #EEEEEE; border-radius: 2px ; background: none repeat scroll 0% 0% transparent }
 
.Section_6 .col-sm-12{ width : 100%;margin-left : 0;  border-radius : 0px 0px 0px 0px ;  margin-top:0px } 

.Section_6 h2 { color: #872232 }
.Section_6 h3 { color: #872232 }
.Section_6 h4 { color: #0E4380 }
.Section_6 h5 { color: #0E4380 }
.Section_6 h6 { color: #0E4380 }
.Section_6 big { display: block;  color: #E64D15; float: left; font-size: 65px; line-height: 65px; margin: 0px 10px 0px 0px }

.Section_6 .pricing-area h1 { font-weight: 400;  margin-top: 0px;  margin-bottom: 15px;    font-size: 28pt; background: #fff none repeat scroll 0% 0% }
.Section_6 .pricing-area h2 { font-weight: 400;   margin-top: 15px;  margin-bottom: 15px; color: #27AE60 }
.Section_6 .pricing-area ul li { list-style: outside none none;  padding: 15px; font-size: 16px; font-weight: none }
.Section_6 .pricing-area span { font-weight: normal; font-size: 16px }

.Section_6 .btnn a{ background: #2FA8E3;color: #fff; display: inline-block; padding: 10px 30px;border: 0;border-radius: 2px;font-size: 18px;position: relative }
.Section_6 .btnn a:hover{border-color: #1566C2;background: #1566C2; color: #fff }
.Section_6 .btnn a:before, .btnn a:after { position: absolute;content: "";height: 2px; width: 60%; background-color: black; bottom: 10px;border-radius: 50%; -webkit-box-shadow: 0 0 15px 10px #141414; box-shadow: 0 0 15px 10px #141414;z-index: -1 }
.Section_6 .btnn a:before { left: 10%;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);transform: rotate(-8deg) }
.Section_6 .btnn a:after { right: 10%;-webkit-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg) }


#bottom { background: rgba(41,41,41,1) none repeat scroll 0% 0%;
   /* border-bottom: 1px solid #FFFFFF;*/
   border-top: 1px solid rgba(41,41,41,1); color: #FFFFFF }

.bott { width : 100%; background : rgba(0,0,0,1); box-shadow: 2px 2px 10px #808080; padding-top : 12px;  padding-bottom : 12px; color: #FFFFFF; border-bottom: 1px solid #141414 }  

#bottom { color: #FFFFFF }
#bottom h3 {margin-top: 0px; margin-bottom: 5px; text-transform: uppercase;font-size:1.2em; color: #FFFFFF; opacity: 0.7 }
#bottom a { color: #FFFFFF } 
#bottom a:hover { color: #872232 } 
#bottom ul li { display: block;padding: 3px }

#bottom ul li a { color: #FFFFFF; font-size: 11pt} 
#bottom ul li a:hover { color: #872232; font-size: 11pt } 

/*********** Reseaux sociaux bottom cercle **********/
.sb { width: 51px;height: 51px;line-height: 100%; white-space: nowrap; display: inline-block;position: relative;vertical-align: middle;margin: 0 ;margin-top: 20px;margin-bottom: 20px; font-size: 23px;   background-color: transparent;border: solid 1px #666 }
.circle { -webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius: 10em }


#footer a:link { color: #FFFFFF; font-size : 12px }
#footer a:visited {color: #C2C2C2 }
#footer a:hover {color: #E0E0E0 }
#footer { margin-top: 0;  padding-top: 10px;  padding-bottom: 30px; color: #FFFFFF; font-size : 12px; background: rgba(0,0,0,1) none repeat scroll 0% 0% } 
.social { text-align: right; white-space: nowrap }
.languages { margin-top:2px;  margin-left:3%;overflow:hidden; white-space:nowrap }
.themes { margin-top:-12px; margin-right:3%; overflow:hidden; float:right }

.zoom {
   -webkit-animation: zoomIn 3200ms linear 500ms both;
   -moz-animation: zoomIn 3200ms linear 500ms both;
   -o-animation: zoomIn 3200ms linear 500ms both;
   -ms-animation: zoomIn 3200ms linear 500ms both;   
   animation: zoomIn 3200ms linear 500ms both  
}

.anileft {
   -webkit-animation: bounceInLeft 2500ms linear 400ms both;
  -moz-animation: bounceInLeft 2500ms linear 400ms both;
  -o-animation: bounceInLeft 2500ms linear 400ms both;
  -ms-animation: bounceInLeft 2500ms linear 400ms both;  
  animation: bounceInLeft 2500ms linear 400ms both  
}

.bouton {
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both 
}

.bouton_anime a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
    padding: 5px 20px 7px 20px ;
    background: rgba(41,41,41,1) none repeat scroll 0% 0%; color :#FFFFFF;
    border-radius: 5px;
    margin-top: 15px;
    display: inline-block; font-size: 12pt
 }

.bouton_anime a:hover{ background: #872232;color: #FFFFFF }

.bouton_anime_inverse a{
   -webkit-animation: bounceInLeft 900ms linear 1400ms both;
  -moz-animation: bounceInLeft 900ms linear 1400ms both;
  -o-animation: bounceInLeft 900ms linear 1400ms both;
  -ms-animation: bounceInLeft 900ms linear 1400ms both;  
  animation: bounceInLeft 900ms linear 1400ms both;  
  padding: 5px 20px 7px 20px ;
  background: #872232;color: #FFFFFF;
  border-radius: 5px;
  margin-top: 15px;
  display: inline-block; font-size: 12pt
}

.bouton_anime_inverse a:hover{ background: rgba(41,41,41,1) none repeat scroll 0% 0%; color :#FFFFFF }

.carousel-content .bouton a{
    padding: 5px 20px 7px 20px ;
    background: rgba(41,41,41,1) none repeat scroll 0% 0%;
    color: #FFFFFF;
    border-radius: 5px;
    margin-top: 25px;
    display: inline-block; font-size: 12pt
}

.carousel-content .bouton a:hover{ background:  #872232 none repeat scroll 0% 0%;color: #FFFFFF } 

.auto h1{ font-size : 36pt }
.auto h2 { font-size : 14px }
.auto h3 { }
.auto .bouton a{ padding: 5px 20px 7px 20px ; background: rgba(41,41,41,1) none repeat scroll 0% 0%;color: #FFFFFF;border-radius: 4px;margin-top: 25px;display: inline-block; font-size: 12pt }
.auto .bouton a:hover{ background: #872232 none repeat scroll 0% 0%;color: #FFFFFF } 

.slider-gauche {
    -webkit-animation: bounceInLeft 2400ms linear 1150ms both;
    -moz-animation: bounceInLeft 2400ms linear 1150ms both;
    -o-animation: bounceInLeft 2400ms linear 1150ms both;
    -ms-animation: bounceInLeft 2400ms linear 1150ms both;
    animation: bounceInLeft 2400ms linear 1150ms both
}
.slider-droite{
    -webkit-animation: fadeInRightBig 2800ms linear 1700ms both;
    -moz-animation: fadeInRightBig 2800ms linear 1700ms both;
    -o-animation: fadeInRightBig 2800ms linear 1700ms both;
    -ms-animation: fadeInRightBig 2800ms linear 1700ms both;
    animation: fadeInRightBig 2800ms linear 1700ms both

}
.slider-bas {
    -webkit-animation: fadeInUpBig 1900ms linear 1950ms both;
    -moz-animation: fadeInUpBig 1900ms linear 1950ms both;
    -o-animation: fadeInUpBig 1900ms linear 1950ms both;
    -ms-animation: fadeInUpBig 1900ms linear 1950ms both;
    animation: fadeInUpBig 1900ms linear 1950ms both
}


.fadeown {
  -webkit-animation: fadeInDown 1000ms linear 300ms both;
  -moz-animation: fadeInDown 1000ms linear 300ms both;
  -o-animation: fadeInDown 1000ms linear 300ms both;
  -ms-animation: fadeInDown 1000ms linear 300ms both;    
   animation: fadeInDown 1000ms linear 300ms both   
}
.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0px;
    white-space: nowrap;
    vertical-align: middle
}

.zoom-in-out {
    -webkit-animation-name: zoom-in-out;
    -o-animation-name: zoom-in-out;
    animation-name: zoom-in-out;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 20s;
    -o-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}


.form-control {  display: block;  width: 90%; border-radius: 0 }
.control-label { white-space:nowrap; margin-left: 10px }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

input[type=text],input[type=tel],input[type=color],input[type=number],input[type=search],input[type=email],input[type=password],input[type=url],select,textarea {
	width:100%; -o-transition:background-color .3s ease; transition:background-color .3s ease }

input[type=text]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,select:focus,textarea:focus {background-color:#f7f7f7 }
input.search-form, input.search-form:focus {
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    width: 110px;
    padding: 0px 10px;
    color: #FFF;
    transition: all 400ms ease 0s
}

button[disabled],input[disabled],input[type=radio][disabled]+label,input[type=checkbox][disabled]+label,select[disabled],textarea[disabled] {
	cursor:not-allowed;background-color:#eee;opacity:1 }

input[type=radio][disabled]+label,input[type=checkbox][disabled]+label { background-color:transparent }
label { font-weight:400; }
input[type=checkbox] { display: none }
input[type="checkbox"] + label span {
    border: 1px solid #656565;
    background: #f2f2f2;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: -1px 4px 0 0;
    cursor: pointer;
}

input[type=checkbox]:checked+label span {
	border-color:#86060e;
	background:#b51b34;
	background-image:url(../images/check.png);
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:0 0 4px 1px #b2b2b2
}

input[type=checkbox]:checked+label span:before {
	top:1px!important;
	left:3px;
	color:#fff;
	text-shadow:1px 1px 2px rgba(0,0,0,.75)
}

select {
	width: auto;
	padding: 6px 30px 5px 5px;
	border-radius: 0;
	
}


.blur img{-webkit-filter: blur(4px);filter: blur(4px)}
.blur img:hover{-webkit-filter: none;filter: none}
.brightness img{-webkit-filter: brightness(0.30);filter: brightness(0.30)}
.brightness img:hover{-webkit-filter: none;filter: none}
.contrast img:hover{-webkit-filter: contrast(140%);filter: contrast(140%)}
.contrast img{-webkit-filter: none;filter: none}
.huerotate img{-webkit-filter: hue-rotate(180deg);filter: hue-rotate(180deg)}
.huerotate img:hover{-webkit-filter: none;filter: none}
.invert img{-webkit-filter: invert(100%);filter: invert(100%)}
.invert img:hover{-webkit-filter: none;filter: none}
.saturate img{-webkit-filter: saturate(7);filter: saturate(7)}
.saturate img:hover{-webkit-filter: none;filter: none}
.sepia img{-webkit-filter: sepia(100%); filter: sepia(100%)}
.sepia img:hover{-webkit-filter: none;filter: none}
.shadow img{-webkit-filter: drop-shadow(8px 8px 10px green);filter: drop-shadow(8px 8px 10px green)}
.shadow img:hover{-webkit-filter: none;filter: none}
.gray img{-webkit-filter: grayscale(100%);filter: grayscale(100%)}
.gray img:hover{-webkit-filter: none;filter: none}
.rotation {overflow: hidden;transition-duration: 0.8s;transition-property: transform}
.rotation:hover {transform: rotate(60deg);-webkit-transform: rotate(60deg)} 
.shadow-img {padding-bottom:20px}
.shadow-img a {display:inline-block;border-bottom:0;position:relative}
.shadow-img a::after,.shadow-img a::before {content:"";position:absolute;z-index:-2;bottom:6px;left:4px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 10px 10px rgba(0,0,0,.7);-webkit-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);transform:rotate(-2deg)}
.shadow-img a::after {right:4px;left:auto;-webkit-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}
::-webkit-input-placeholder { color:#999 }
:-moz-placeholder { color:#999 }
::-moz-placeholder { color:#999 }
:-ms-input-placeholder { color:#999 }
.shadow { text-shadow: 1px 1px 2px rgba(0,0,0,.75) }


/*************** OUTER ****************/
.outter { margin-top: 0px;padding:20px 0;position:relative;overflow:hidden;margin-bottom: -40px }
.outter:before {
	content:" ";
	background-image:url(../images/shadow.png);background-position:center top;background-repeat:no-repeat;width:100%;position:absolute;height:38px;display:block;top:0;z-index:10}
.outter--noshadow:before,.outter--searchReference:before {
	content:" ";background:0 0;height:0;width:auto }
.outter--pagination { background:#4e4e4e }
.outter--pagination-bottom { padding-bottom:40px;background:0 0 }



@media (max-width:1440px) {
.no1440 { display : none; }
}

@media (max-width:1024px) {
.no1024 { display : none }
.no_1024 { display : none }
.yes1024 { display : inline }
.yes_1024 { display : inline }
.container { min-width: 100%; padding-right: 1px; padding-left: 1px }

#Section_1 h1, #Section_1 .h1 { text-align: center; line-height:1.6em; background-image: none }

#Section_1 h2 { text-align: center;line-height:1.8em }
#Section_2 h2 { text-align: center;line-height:1.8em }
#Section_3 h2 { text-align: center;line-height:1.8em }
#Section_4 h2 { text-align: center;line-height:1.8em }
#Section_5 h2 { text-align: center;line-height:1.8em }
#Section_6 h2 { text-align: center;line-height:1.8em }

#Section_1 h3, #Section_1 h4, #Section_1 h5, #Section_1 h6 { text-align: center }
#Section_2 h3, #Section_2 h4, #Section_2 h5, #Section_2 h6 { text-align: center }
#Section_3 h3, #Section_3 h4, #Section_3 h5, #Section_3 h6 { text-align: center }
#Section_4 h3, #Section_4 h4, #Section_4 h5, #Section_4 h6 { text-align: center }
#Section_5 h3, #Section_5 h4, #Section_5 h5, #Section_5 h6 { text-align: center }
#Section_6 h3, #Section_6 h4, #Section_6 h5, #Section_6 h6 { text-align: center }

.top-number { display: none }
#pub_head { display : none }
} 

@media (max-width:999px) {
.menu_haut{ display: none }
.navbar-inverse .navbar-nav .dropdown-menu > li { background: #000; ;border-top : 0px solid rgba(255,255,255,0.2); font-size : 14px }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child  { background: #000; margin-top: 0px; border-top : 0px solid rgba(255,255,255,0.2); font-size : 14px;  border-radius: 0px 0px 3px 3px }
.navbar-inverse .navbar-nav .dropdown-menu > li > a {color: #fff }
.navbar { background: #000; z-index:3000; border-bottom : 1px solid rgba(255,255,255,0.2); font-size : 14px; min-height: 30px } 
.navbar-inverse .navbar-nav > li > a{ color: #fff;    font-size : 14px; padding:0; padding-top:3px;padding-bottom: 3px }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { margin-left:5% }
}
  
@media (max-width:1024px) {
.fet { display : none }
.dat { display : none }
.option { display : none }
.optionBG { display : none }

.margin_moins_25  { display: none }  
.margin_moins_40  { display: none }       
.right { text-align: center }
.left { text-align: center }
}

@media (max-width:800px) {
.no_800 { display: none }
.no800 { display: none }
#footer { margin-top: -11px }
}

@media (max-width:768px) {
.no768 { display : none }
.no_768 { display : none }
.themes { display:none }
#bottom { background: rgba(41,41,41,1) none repeat scroll 0% 0%; border-bottom: 0; border-top: 0 }
blockquote { padding: 0px; margin: 0px;  border-left: 0 }
p {text-align : left }
}
    
@media (max-width:600px) {
.no_600 { display: none }
.no600 { display : none }
.yes_600 { display: inline }
.yes600 { display : inline }

.fondslide { width: 100%; height: 260px;border-bottom: #413618 1px solid; overflow: hidden;background: #015699 }
.bouton_anime a{ clear: both; width: 100%; text-align: center;padding-top : 10px; padding-bottom:10px }
input.search-form {  width: 10px } 
}
 
@media (min-width:600px) {
.fondslide {  width: 100%; height: 520px;border-bottom: #413618 1px solid; overflow: hidden;background-image: url(/images/slid_whois.png);  background-position:  no-repeat center fixed }
}

@media (max-width:480px) {
.no480 { display : none }
.no_480 { display : none }

#logo { Position:relative;  margin-top:21px; text-align: center; overflow:hidden }
.fb_fb { display : none }
ol, ul { padding-inline-start: 10px }
.filet1 { border: 1px solid transparent; padding: 0 }

#Section_1 h1, #Section_1 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }
#Section_2 h1, #Section_2 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }
#Section_3 h1, #Section_3 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }
#Section_4 h1, #Section_4 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }
#Section_5 h1, #Section_5 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }
#Section_6 h1, #Section_6 .h1  { font-size: 28px;font-weight: 400; margin-top: 30px; text-align: center;margin-bottom: 10px }

#section_1 h2, #section_2 h2, #section_3 h2, #section_4 h2, #section_5 h2, #section_6 h2 { font-size: 24px;font-weight: 400;  margin-top: 10px; margin-bottom: 10px }
#section_1 h3, #section_2 h3, #section_3 h3, #section_4 h3, #section_5 h3, #section_6 h3  { font-size: 20px;font-weight: 400; margin-top: 0px; margin-bottom: 0px }
.col-main {margin-left : -15px; margin-right : -15px }
#logo { z-index: 5; Position:relative; margin-top:21px; margin-left:px; overflow:hidden; width:94%; height:auto }
} 
 
*/ Divers */  
@media (min-width:400px) {
.yes_400 { display: none }
}
  
@media (min-width:800px) {
.yes_800 { display: none }
}

@media (min-width:1000px) {
.yes1024 { display : none }
}

@media (min-width:1100px) {
.yes_1024 { display : none }
}

@media (min-width:1020px) {
.1024_yes { display: none }
.yes_1024 { display: none }
}

@media (max-width:1100px) {
.form1024 {font-size: 18pt; height: 72px }
.form1024b {font-size: 14pt; height: 71px }
}

@media (min-width:1100px) {
.form1024 { font-size: 14pt;height: 52px }
.form1024b { height: 51px }
}

@media (min-width:480px) {
.yes_480 { display: none }
}

@media (max-width:1000px) {
#bottom ul li a {text-align: center; margin-bottom: 0 }
#bottom h3 {text-align: center; margin-bottom: 0 }
#bottom p {text-align: center; margin-bottom: 0 }
#bottom a {text-align: center; margin-bottom: 0 }
}

@media (min-width:1000px) {
#bottom ul li a {text-align: left; margin-bottom: 0 }
#bottom h3 {text-align: left; margin-bottom: 0 }
#bottom p {text-align: left; margin-bottom: 0 }
#bottom a {text-align: left; margin-bottom: 0 }
}

.form-horizontal .form-group { margin-right: 0;margin-left: 0 }

.slide_content { font-size : 100% }
.back-defaut { background-color: #FFF}

@media screen and (min-width: 200px) and (max-width: 540px) {
.marge_logo { margin-top: 46%; padding-right : 40px }
.largeur_logo { width: 100%; height:auto }

.jsso1 { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1460px; height: 950px; overflow: hidden; visibility: hidden }
.jsso2 { cursor: default; position: relative; top: 0px; left: 0px; width: 1460px; height: 950px;border-bottom: #413618 1px solid;  overflow: hidden }

.jss_arrow_left { display:none }
.jss_arrow_right { display:none }

.slide_content .taille_GD {font-size: 78pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.8);line-height: 1.25em}
.slide_content .taille_GDD {font-size: 118pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.9);line-height: 1.25em}
}


@media screen and (min-width: 540px) and (max-width: 1024px) {
.marge_logo { margin-top: 28%; padding-right : 10px }
.largeur_logo { width: 90%; height:auto }
.slide_content .taille_GD {font-size: 48pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.8);line-height: 1.25em}
.slide_content .taille_GDD {font-size: 68pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.9);line-height: 1.25em }
}

@media (min-width:1024px) {
.marge_logo { margin-top: 32%; padding-right : 0 }
.largeur_logo { width: 70%; height:auto }
.jsso1 { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1460px; height: 560px; overflow: hidden; visibility: hidden }
.jsso2 { cursor: default; position: relative; top: 0px; left: 0px; width: 1460px; height: 560px;border-bottom: #413618 1px solid;  overflow: hidden }
.jss_arrow_left { top:260px;left:8px;width:40px;height:40px; }
.jss_arrow_right { top:260px;right:8px;width:40px;height:40px; }
.slide_content .taille_GD {font-size: 28pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.8);line-height: 1.25em}
.slide_content .taille_GDD {font-size: 48pt;font-weight: 400;margin-bottom: 0.45em;text-shadow: 0 0 8px rgba(0,0,0,0.9);line-height: 1.25em}
}

/* IPAD MINI */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.jsso1 { zoom : 1.25}
.jsso2 { zoom : 1.25}
.slide_content { display: none }
}

/* IPHONE 6 ET 7 PLUS */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 628px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
.jsso1 { zoom : 1.1}
.jsso2 { zoom : 1.1}
.slide_content { display: none }
}

table, td, th {border: 1px solid #0F4A76;border-collapse: collapse;text-align: center}
.tabcenter p {   text-align: center;    line-height: 1.7;}
th { border-bottom-width: 1px ; }
tr:nth-child(even){ background-color: #eee; }

@media (max-width: 40em) {
   table, tbody { display: block; }
   tr {
      display: table;
      width: 100%;
   }
   th {
      font-size: 0;
      border: none;
      visibility: hidden;
   }
   td, th { display: table-row }
   td:before {
      content: attr(data-headers);
      display: table-cell;
      width: 60%;
      border-right:  1px solid #0F4A76;      
   }
}

@media only screen and (min-width: 480px) {
.specials {list-style-type: none;  background-image: url(../images/LI.png);  background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: 0;  }
.specials ul > li {list-style-type: none;  background-image: url(../images/LI.png);  background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }
ul > li.specials  {list-style-type: none; background-image: url(../images/LI.png); background-repeat: no-repeat;  background-position: left 6px;  padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }

.specials ol {counter-reset: repas;}  
.specials ol > li {list-style-type: none;background-image: none;  	counter-increment: repas; margin-bottom: 8px;padding-left: 25px;text-indent: -25px;}
.specials ol > li:before {content: counter(repas);  padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;; vertical-align: text-bottom}

ol.specials  {counter-reset: repas;}  
ol > li.specials {list-style-type: none;counter-increment: repas; margin-bottom: 8px;background-image: none;  padding-left: 25px;text-indent: -25px; /* par rapport au before margin-left */}
ol > li.specials:before {content: counter(repas);  padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;; vertical-align: text-bottom}
}


@media only screen and (max-width: 480px) {
.specials {list-style-type: none; background-image: none; padding-left: 28px;	margin-bottom: 8px;	margin-left: 0;  }
.specials ul > li {list-style-type: none; background-image: none; padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }
ul > li.specials  {list-style-type: none; background-image: none; padding-left: 28px;	margin-bottom: 8px;	margin-left: -15px;  }

.specials ol {counter-reset: repas;}  
.specials ol > li {list-style-type: none;background-image: none;counter-increment: repas; margin-bottom: 8px;padding-left: 25px;text-indent: -25px;}
.specials ol > li:before {content: counter(repas);padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;;vertical-align: text-bottom}

ol.specials  {counter-reset: repas;}  
 ol > li.specials {list-style-type: none;counter-increment: repas; margin-bottom: 8px;background-image: none;  padding-left: 25px;
	text-indent: -25px; /* par rapport au before margin-left */
	}
ol > li.specials:before {content: counter(repas);  padding: 3px 20px 6px;margin-right: 8px;margin-left: -30px;vertical-align: top;background: #666;-moz-border-radius: 60px;border-radius: 60px;font-weight: bold;font-size: 0.8em;color: white;font-family: Open Sans, sans-serif;;vertical-align: text-bottom}
}



.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;
  background: #A3A3A3 url(../../start_to_top/img/cd-top-arrow.svg) no-repeat center 50%; border-radius: 50%; border : 2px solid #eee;
  visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #4A4A4A;opacity: 1;}

@media only screen and (min-width: 768px) {
  .cd-top {right: 20px;bottom: 40px;}
}

@media only screen and (min-width: 1024px) {
  .cd-top {height: 60px;width: 60px;right: 30px;bottom: 80px;}
}


@media screen and (max-width: 1024px) {
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0px;background: rgba(0,0,0,0.8);z-index: 4000;
opacity: 1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in;color : #fff}
            
.modalDialog:target {opacity:1;pointer-events: auto}
.modalDialog > div {width: 300px;position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px;border: 1px dashed #FF0000;background: #000}
.close {background: #606061;color: #000;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000}
.close:hover {background: #00d9ff}
  
}

@media screen and (min-width: 1024px) {
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0px;background: rgba(0,0,0,0.8);
z-index: 4000;opacity: 1;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;color : #fff}
.modalDialog:target {opacity:1; pointer-events: auto}
.modalDialog > div { z-index: 99999;width: 800px; position: relative;margin: 10% auto;padding: 5px 20px 13px 20px;border-radius: 10px; border: 1px dashed #FF0000;background: #000}

.close {background: #606061;color: #000;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000}
.close:hover {background: #00d9ff}
}

@media screen and (max-width: 960px) {
#bloc_right, #header_menu, #slide1 {display: none}
}

@media screen and (max-width: 600px) {
.modal, .modal.fade, .modal-body, .modal-content{display: none}
}


.av-section-color-overlay-wrap{position: relative; width:100%; } 
.scroll-down-link {
height: 64px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
position: absolute;
left: 50%;
bottom: 0px;
color: #FFF;
text-align: center;
z-index: 1000;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);


-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation: avia_fade_move_down 2s ease-in-out infinite;
}
.av-slider-scroll-down-active .avia-slideshow-dots a{bottom: 80px;}
 
/*pop up animation*/
@-webkit-keyframes avia_msonry_show {
  0%   { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes avia_msonry_show {
  0%   { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1;  }
}

/*animated arrow animattion*/
@-webkit-keyframes avia_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes avia_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}



/********* coockies intro **********/
#cookieChoiceInfo a {background-color : #fff; padding: 3px 10px 3px 10px; font-size:14px;font-weight: normal;color: #141414; text-decoration: none; border-radius: 0;border:1px solid #000;white-space: nowrap; }
#cookieChoiceInfo a:hover {background-color : #666; color: #fff; text-decoration: none;}