@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
 img.album{
     max-width:100%;
     height:auto;
}
 .bo_paragraphe {
     border: 1px dashed #C00000;
     margin-bottom: 5px;
}
 .bo_paragraphe p.bo_barre_boutons {
     font-size: 0.85em;
     background: #FAFAFA;
}
 #backoffice_menu_haut {
     width: 1030px;
     margin: 0 auto;
     z-index:1000000!important;
}
 a {
     text-decoration: none!important;
}
 body {
     background: #fff;
     font-size: 12px;
     color: #7C7C7C;
     font-family: 'Lato', sans-serif;
     font-weight: 400;
     -webkit-font-smoothing: antialiased;
     margin: 0;
     padding: 0;
     position: relative;
}
.slider-top img{
    height:auto;
}
.owl-dots{
    display:none;
}
 .owl-carousel .disabled{
     display:none;
}
 .clr {
     clear: both;
}
 #ariane {
     width: 1170px;
     margin: auto;
     font-size: 14px;
     height: 30px;
     margin-top: 10px;
}
 h1 {
     font-size: 1.75em;
}
 h2 {
     font-size: 1.5em;
}
 h3 {
     font-size: 1.25em;
     color: #333;
}
 .title-h3 h3 {
     display: inline-block;
     padding: 0 30px;
     padding-bottom: 15px;
     border-bottom: 1px solid #d9d9d9 
}
 h4 {
     font-size: 20px;
     margin-bottom: 10px;
     color: #3A4046;
}
/* Listes */
 ul, ol {
    /* margin: .75em 0 .75em 32px;
     */
     padding: 0;
}
/* Paragraphes */
 p {
     margin: .75em 0;
}
 address {
     margin: .75em 0;
     font-style: normal;
}
 em {
     font-style: italic;
}
 strong {
     font-weight: bold;
}
/* Formulaires */
 #form_resa label{
     display:inline-block;
     width:180px;
     font-size:14px;
     vertical-align:middle;
     font-weight:600;
     color:#222;
}
 #form_resa .group-form{
     margin-bottom:15px;
     text-align:left;
     font-size:0;
}
 #form_resa .group-form:nth-child(10) label{
     vertical-align:top;
}
 #form_resa .group-form:last-child{
     text-align:right;
}
 #form_resa{
     width:600px;
     margin:auto;
}
 #contenu #form_resa input[type="text"], #contenu #form_resa textarea{
     display:inline-block;
     vertical-align:middle;
     width:calc(100% - 180px)!important;
}
 #contenu #form_resa .group-form:first-child img{
     width:35px;
     margin-left:15px;
}
 #contenu #form_resa .group-form:first-child input{
     width:calc(100% - 300px)!important;
}
 #contenu #form_resa input[type="text"], #contenu #form_resa select, #contenu #form_resa textarea{
     padding:5px 10px!important;
     font-size:14px;
     color:#222;
     line-height:30px!important;
     height:auto!important;
     font-family: 'karla', sans-serif;
}
 #contenu #form_resa select{
     padding:10px 5px!important;
}
 form, fieldset {
     margin: 0;
     padding: 0;
     border: none;
}
 input, button, select {
     vertical-align: middle;
}
/**********/
/* Boites */
/**********/
 #conteneur_contenu {
     min-width: 1000px;
     width: 100%;
     margin: 0 auto;
     z-index: 6;
}
 #header {
     min-width: 1000px;
     width: 100%;
     position: relative;
     margin: 0px;
     padding: 0px;
     z-index: 100;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     position:fixed;
     background-color: transparent;
     z-index: 1000;
     width: 100%;
     background-repeat:no-repeat;
     background-position:center;
     background-size:100%;
     background-color:rgba(255,255,255,0.75);
     border-top:10px solid #7C7C7C;
}
 .bg_menu{
    /* background-color:#222;
     */
}
 #logo{
     text-align:center;
     display:block;
     width:100%;
}
 #logo h1{
     display:inline-block;
     font-size:30px;
}
 .top-header {
     margin: auto;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}
 .page-heading {
     background-image:url(../images/interface/slide_mention.jpg);
     background-size: 100% auto;
     background-repeat: no-repeat;
     padding: 160px 0 160px;
     text-align: left;
     position: relative;
     background-position: bottom center;
     background-size:cover;
}
 .page-heading .container {
     margin: auto;
     position: relative;
     z-index: 2;
     width: 1170px;
}
 .page-heading .page-title h2 {
     font-size: 50px;
     margin-top: 0;
     text-align: center;
     font-weight: 700;
     text-transform: uppercase;
     color: #fff;
     padding-bottom: 0;
     margin-bottom: 0px;
     letter-spacing: 2px;
    /* margin-top:40px;
     */
}
 .page-heading .page-title h2:after {
     background-color: #1059a6!important;
     width: 90px!important;
}
 .page-heading .page-title .line-dec {
     margin: 10px 0px;
     width: 90px;
     height: 1px;
     background-color: #1059a6;
     display: none;
}
 .page-heading .page-title span {
     font-size: 24px;
     font-weight: normal;
     color: #2d3031;
     line-height: 36px!important;
}
 #header #logo {
     z-index: 1000;
     text-align: center;
    /* padding-top: 15px;
     */
     margin: 0px;
     display:inline-block;
     width:auto;
     vertical-align:middle;
}
 #header #logo img {
    /* padding-top: 10px;
     */
     z-index: 39;
     max-width: 100%;
}
 #conteneur_header {
     padding:20px 0px;
     font-size: 0;
     margin: auto;
     max-width:1170px;
     margin:auto;
     text-align:center;
     position: relative;
}
 #header h1 {
     margin: 0px;
     padding: 0px;
     text-transform:uppercase;
     vertical-align:middle;
}
 #header img {
     margin: 0;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     padding: 0;
     background-image: none;
}
 .par_style_1 table, .par_style_3 table {
     width: 95%;
     color: #191919;
     font-size: 14px;
     line-height: 1.8;
     font-weight: 400;
     font-family: 'Droid Serif', Helvetica, Arial, sans-serif;
}
 .par_style_3 table {
     margin-bottom: 30px;
}
 .par_style_1 table td:first-child {
     width: 80%;
}
 .par_style_3 table td:first-child {
     width: 60%;
}
 #paragraphe287 h3:after{
     background-color: #7C7C7C;
     height: 2px;
     width: 100%;
     margin: auto;
     max-width: 650px;
     display: block;
     margin-top: 80px;
     content:'';
}
/* ============================================================================= * MENU * ===========================================================================*/
 p {
     margin: 0 0 20px 0;
     color: #7C7C7C;
     font-size: 14px;
     line-height: 1.8;
     font-weight: 400;
}
 #menu_haut {
     list-style-type: none;
    /* background: #314555;
     */
    /* position: relative;
     */
    /* margin-right: 27px;
     */
    /* padding-left: 38px;
     */
     width: 100%;
     text-align:center;
    /* margin-top: 24px;
     */
     font-size: 0;
}
 #menu_haut > ul > li {
     display: inline-block;
     text-transform: uppercase;
     font-size: 14px;
     position: relative;
     transition: 0.5s all ease;
     -webkit-transition: 0.5s all ease;
     position:relative;
     margin:0 35px;
}
 #menu_haut > ul > li:hover > a {
    /* background: #2a3b48;
     */
}
 #menu_haut > ul > li.sousmenu:hover >a:before {
     position: absolute;
     display: block;
     float: left;
     content: "";
     width: 100%;
     height: 3px;
     background: #7C7C7C;
     bottom: 0;
     left: 0;
}
 #menu_haut ul {
     margin: 0!important;
     padding: 0!important;
     text-align: center;
}
 #menu_haut li:first-child {
     border-left: 0px;
}
 #menu_haut li a {
     display: block;
     padding:10px 0px;
     color: #fff;
     transition: 1s all ease;
     -webkit-transition: 1s all ease;
     outline: none;
     text-decoration: none;
     font-size: 17px;
     font-weight:bold;
     color:#000;
     text-transform:none;
}
 .menu-sub {
     position: absolute;
     top: 49px;
     z-index: 999;
     padding: 0 0;
     background-color:rgba(255,255,255,0.7);
     left: -17px;
     list-style-type: none;
}
 .menu-sub > li {
     display: block !important;
}
 .menu-sub a {
     min-width: 100%;
     color: #d0d0d0!important;
     padding: 4px 10px !important;
     font-weight: 500!important;
     font-size: 16px!important;
     color:#000!important;
     text-align:left;
     width:220px;
}
 .menu-sub a:hover {
     background-color: rgba(255, 255, 255, 0.3);
}
 #menu_haut > ul > li > ul {
     top: 100px;
}
 #menu_haut ul ul {
     left: -9999px;
     opacity: 0;
     -webkit-transition: top .2s ease, opacity .2s ease;
     -moz-transition: top .2s ease, opacity .2s ease;
     -ms-transition: top .2s ease, opacity .2s ease;
     -o-transition: top .2s ease, opacity .2s ease;
     transition: top .2s ease, opacity .2s ease;
}
/*******************************/
/* specific to non IE browsers */
/* ============================================================================= * End of Menu * ===========================================================================*/
 #header_popup {
     display: none;
}
 #contenu {
     margin: 0;
     padding: 0;
     position: relative;
     width: 100%;
     margin: auto;
     z-index: 4;
     background-repeat: no-repeat;
     background-position: right bottom;
}
 .page_liquid #contenu {
     width: 100%!important;
}
 .pageAccueil #contenu {
     padding: 0px;
     width: 100%;
}
 .pageAccueil #contenu h2 {
     display: none;
}
 .pageAccueil #ariane {
     display: none;
}
 #contenu_scroller {
     text-align: justify;
}
 .left_image,.right_top{
     display:inline-block;
     width:50%;
     text-align:center;
}
 .left_image img{
     width:100%;
     height:auto;
}
 .right_top p{
     text-transform:uppercase;
     font-size:30px;
     line-height:30px;
     width:470px;
     max-width:100%;
     display:inline-block;
     padding:10px 20px;
     border-top:2px solid #7c7c7c;
     border-bottom:2px solid #7c7c7c;
     margin-bottom:40px;
}
 .plus_prod{
     display:block;
     width:470px;
     margin:auto;
     background-color:#7C7C7C;
     color:#CFCFCF;
     max-width:100%;
     font-size:20px;
     line-height:24px;
     padding:10px 15px;
}
 .plus_prod span{
     background-color:#CFCFCF;
     display:inline-block;
     width:45px;
     height:45px;
     border-radius:50%;
     color:#7C7C7C;
     line-height:44px;
     font-size:32px;
     margin-right:30px;
     vertical-align:middle;
}
 .right_top h2{
     margin:0px;
     margin-bottom:40px;
     font-size:60px;
     font-weight:bold;
}
 .left_info{
     background-color:#7C7C7C;
     padding:70px;
}
 .left_info img{
     display:block;
     margin:auto;
     margin-bottom:10px;
}
 .left_info a{
     text-align:center;
     font-size:35px;
     text-transform:uppercase;
     color:#CFCFCF!important;
     letter-spacing:7px;
}
 .left_info a span{
     text-transform:none;
     font-size:33px;
     display:block;
     margin-bottom:30px;
     letter-spacing:0px;
}
 .left_info,.right_info{
     display:inline-block;
     width:50%;
     text-align:center;
}
 .right_info{
     background-color:#CFCFCF;
}
 .right_info h4{
     display:inline-block;
     text-align: center;
     text-transform: uppercase;
     font-size: 35px;
     letter-spacing: 7px;
     color: #7C7C7C;
     border-bottom:2px solid #7c7c7c;
     padding-bottom:20px;
     margin-bottom:30px;
}
 .right_info ul li{
     display:block;
     margin:auto;
     text-align:center;
     font-size:33px;
     line-height:40px;
}
 .right_info ul li:before{
     content:'';
     display:inline-block;
     width:12px;
     margin-right:10px;
     height:12px;
     border-radius:50%;
     background-color:#7c7c7c;
     vertical-align:middle;
}
 .top_prod,.info_prod{
     display:flex;
     align-items: center 
}
 .info_prod{
     background-color:#CFCFCF;
}
 #contact_left,.contact_right{
     display:inline-block;
     width:50%;
     vertical-align:top;
     position:relative;
}
 #map_canvas{
     position:absolute!important;
     top:0;
     left:0;
     right:0;
     bottom:0;
     width:100%;
     height:100%;
}
 .contact_page{
     display:flex;
     margin-top:80px;
}
 #contact_left{
     text-align:center;
     background-color:#CFCFCF;
     padding:50px 0px;
}
 #contact_left h6{
     text-transform:uppercase;
     letter-spacing:5px;
     font-size:25px;
     line-height:30px;
     margin-top:0px;
     margin-bottom:50px;
}
 .adress_contact,.tel_contact{
     width:50%;
     vertical-align:top;
     display:inline-block;
     padding-top:30px;
     padding-bottom:30px;
}
 .adress_contact{
     border-right:1px solid #7C7C7C;
}
 .picto_contact{
     display:block;
     text-align:center;
     margin:auto;
     margin-bottom:30px;
}
 .text_contact{
     line-height:24px;
     font-size:20px;
}
 #gauche {
     float: right;
     margin: 0;
     padding: 0;
     padding: 0 0 0 20px;
    /* background-image: url(../images/interface/fond-gauche.png);
     */
     background-repeat: no-repeat;
     background-position: left center;
     width: 262px;
}
 .societe {
     max-width: 500px;
    /* margin:auto;
     */
}
 .par_style_1 img {
     vertical-align: top;
}
 .societe ul {
     margin: 0;
}
 .societe ul li {
     display: inline-block;
     width: 45%;
}
 .prix {
     float: right;
     color: #3A4046!important;
     font-size: 14px!important;
     font-weight: normal!important;
     vertical-align: middle;
}
 .par_style_1 h4 img{
     vertical-align:middle;
     margin-top:-2px!important;
}
 .price{
     text-align: center;
     font-family: 'Great Vibes', serif;
     font-size: 26px;
     font-weight: bold;
     color: #c20725!important;
}
 .price *{
     color: #c20725!important;
}
 #centre {
     width: 620px;
     margin: 0;
     margin-left: 30px;
     padding: 0;
}
 #centreetdroite {
     width: 100%;
     margin: auto;
     padding-bottom: 0px;
}
 .block_list_actu:nth-child(even) {
     background-color: #f7f7f7;
}
 .block_list_actu .center_actu {
     padding: 70px 0px;
     border-bottom: 1px solid #e6e6e6;
}
 .right_actu {
     display: inline-block;
     width: calc(100% - 300px);
     vertical-align: top;
     padding-left: 55px;
     box-sizing: border-box;
}
 .right_actu h4 {
     margin: 0;
     margin-bottom: 10px;
     margin: 0;
     color: #f19100;
     margin-bottom: 10px;
     font-size: 25px;
     line-height: 40px;
}
 .right_actu h4 a {
     color: #222;
}
 .lin_actu a.suite {
     display: inline-block;
     color: #fff!important;
     background-color: #f19100!important;
     border: 0px;
     font-size: 18px;
     font-weight: 300;
     padding: 10px 20px;
}
 .lin_actu a.suite:hover {
     color: #fff!important;
}
 .block_list_menu:nth-child(even) {
}
 .block_list_menu .center_menu {
    /* border: 1px double #ccc;
     */
}
 .right_menu {
     display: block;
     display:inline-block;
     padding:10px 15px;
     vertical-align: top;
     padding: 10px 10px;
     width:calc(100% - 150px);
     box-sizing: border-box;
     padding-left:50px;
     vertical-align:middle;
}
 .block_list_menu{
     vertical-align:top;
     display:inline-block;
     width: 100%;
     box-sizing:border-box;
     margin-bottom:30px;
}
 .right_menu h4 {
     margin: 0;
     color:#f19100;
     font-family: 'Great Vibes', serif;
     margin-bottom: 10px;
     font-size:35px;
     line-height:40px;
     float:left;
}
 #centreetdroite .right_menu h4 a {
     color: #222;
     font-size:16px!important;
}
 .lin_menu a.suite {
     display: inline-block;
     color: #fff!important;
     background-color: #c20725!important;
     border: 0px;
     font-size: 18px;
     font-weight: 300;
     padding: 10px 20px;
}
 .lin_menu a.suite:hover {
     color: #fff!important;
}
 .prevnext {
     max-width: 1140px!important;
     margin: auto!important;
     margin-top: 30px!important;
}
 .desc_menu {
     font-size: 14px!important;
     margin-bottom: 0px!important;
     color: #888;
}
 .center_menu {
     max-width: 1140px;
     margin: auto;
}
 .center_menu img {
     display: inline-block;
     width:150px;
     vertical-align:middle!important;
     height: auto;
     height:auto;
}
 .date_actu {
     color: #333!important;
     font-size: 16px!important;
     font-weight: 300!important;
     margin-bottom: 20px!important;
     display: none;
}
 .desc_actu {
     font-size: 14px!important;
     margin-bottom: 40px!important;
     color: #888;
}
 .center_actu {
     max-width: 1140px;
     margin: auto;
}
 .center_actu img {
     display: inline-block;
     width: 300px;
     height: auto;
     -webkit-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     -moz-box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
     box-shadow: -4px 2px 56px 0px rgba(0, 0, 0, 0.16);
}
 .pageAccueil #centreetdroite {
     padding-bottom: 0;
     height: auto!important;
     width: 100%!important;
}
 #droite {
     width: 300px;
     margin: 0;
     padding: 0;
    /*float:right;
    */
     position: absolute;
     top: 0px;
     right: 0px;
}
 #pied #conteneur_pied {
    /* background-image:url(../images/interface/top-pied.png);
     */
     color: #fff;
    /* background-color: #2d343f;
     */
     background-repeat: no-repeat;
     background-position: center top;
     width: 1140px;
     margin: 0 auto;
     height: auto;
     padding-top: 50px;
     padding-bottom: 50px;
     padding: 30px 0;
     text-align: left;
    /* margin-bottom:40px;
     */
}
 #pied h5 {
     color: #fff;
     padding-bottom: 10px;
     border-bottom: none;
     margin: 15px 0 25px 0;
     position: relative;
     font-size: 15px;
     letter-spacing: 2px;
     text-transform: uppercase;
     line-height: 1.5;
     font-weight: 700;
     text-align: center;
}
 #pied {
     width: 100%;
     margin: auto;
     background: #181818;
     ;
     color: #fff;
     border-top: 10px solid #101010;
}
/**********/
/* GAUCHE */
/**********/
/**********/
/* CENTRE */
/**********/
 .paragraph-text p{
     color: #2b302f;
     text-align: center;
     font-size: 15px;
     font-family: 'Lato', sans-serif;
}
 .special-font {
     font-family: 'Great Vibes', serif;
     font-size: 63px;
     font-weight: 400;
     color: #c20725;
     line-height: 30px;
     display: block;
}
 img.imgtitre {
     margin-left: 0px!important;
     padding: 9px!important;
     padding-left: 0px!important;
}
 img.mdl_billet {
     padding-right: 5px!important;
     padding-bottom: 5px!important;
     padding-top: 5px!important;
}
 h2 img.imgtitre {
     margin-left: 0px!important;
     padding: 0px!important;
}
 .news {
     padding: 70px 0px;
     font-size: 0;
}
 #centreetdroite .news h4 a {
     font-size: 18px!important;
}
 .ariane a {
     text-decoration: underline;
     color: #8C8C8C 
}
 #centre p img {
     padding: 0 5px;
     margin: 0;
}
 #centreetdroite h4 a {
     color: #f19100;
     font-size: 26px!important;
}
 img.picto {
     padding: 2px 2px 0 0;
}
 img.immo, img.immo_vignette {
     padding: 0 4px;
     background-color: #FFFFFF;
}
 #droite img.immo, #droite img.immo_vignette {
     padding: 0 4px;
     border: 1px solid #000000;
     background-color: #FFFFFF;
}
/**********/
/* DROITE */
/**********/
 input {
     font-size: 0.85em;
}
 select {
     font-size: 0.85em;
}
 #gauche h4 a {
     color: #36b5e4!important;
}
 #gauche p {
     color: #1a333c!important;
}
 #gauche #paragraphe146 .suite {
     position: absolute;
     background-color: #36b5e4;
}
 #gauche #paragraphe146 .suite:hover {
     background-color: #36b5e4;
     color: #fff!important;
     border: none;
}
 #gauche .mdl_billet p {
     padding-bottom: 40px;
}
 #gauche h3 {
     text-transform: uppercase;
}
/********/
/* PIED */
/********/
 #pied {
     font-size: 0;
}
 #pied ul {
     margin: 0;
     padding: 0;
    /* text-align: center;
     */
}
 html>body #pied ul {
     margin: 0;
     list-style: none;
}
 #pied li {
     display: inline-block;
     width: 45%;
     margin-right: 3%;
     margin-bottom: 10px;
}
 #pied li a {
     font-size: 15px;
}
 #pied li a:hover {
     color: #fff;
}
 #pied li:last-child {
     border-right: 0px solid #fff;
}
 .col1, .col2, .col3 {
     width: 33.3333%;
     display: inline-block;
     vertical-align: top;
}
 .col2 {
     box-sizing: border-box;
     padding: 0px 15px;
}
 .info-contact {
     border: 7px solid rgba(255, 2555, 255, 0.06);
     padding: 30px;
     width: 300px;
     margin: auto;
     box-sizing: border-box;
}
 .info-contact p {
     color: #a8a8a8;
     margin: 0;
     margin-bottom: 5px;
     font-size: 13px;
}
 .col1 p {
     line-height: 1.83;
     color: #a8a8a8;
     font-size: 13px;
     letter-spacing: 0;
     font-weight: 400;
}
 .col1 ul li a {
     display: block;
     color: #99abb8;
     text-transform: uppercase;
     font-size: 14px;
     padding: 12px 0 10px;
     transition: 1s al ease;
     -webkit-transition: 1s al ease;
     text-align: left;
}
/**********/
/* HTML */
/**********/
 legend {
     font-weight: bold;
}
 label {
     font-weight: bold;
}
 label.intitule {
     display: inline;
     float: left;
     width: 120px;
}
 fieldset {
    /* padding: 5px;
     */
}
 #droite form {
     margin: 0px;
     padding: 0px;
}
 #droite fieldset {
     margin: 0px;
     border: none;
     padding: 0px;
     padding-left: 5px;
}
 #droite h3 {
     color: #eb6c0e;
}
 #droite fieldset p {
     padding: 0px;
     border: none;
}
 #droite fieldset legend {
     border: none;
     padding: 0px;
     padding-top: 10px;
     padding-bottom: 5px;
     color: #cd1671;
     font-weight: bold;
     background: transparent;
}
 #droite label {
     color: #666666;
     float: left;
     font-size: 10px;
     font-weight: normal;
}
 #droite input, #droite textarea {
     float: right;
     font-size: 10px;
     margin-top: -18px;
     border: 1px #666666 solid;
}
 #droite input.submit {
     float: right;
     font-size: 10px;
     margin-top: 10px;
     border: none;
}
 #centre div.paragraphe, #centreetdroite div.paragraphe {
     margin: 0 0 0px 0;
}
 .par_style_1 .mdl_formulaire p select{
     display: inline-block;
     box-sizing: border-box;
     padding: 6px 10px;
     font-size: 16px;
     line-height: 1.42857143;
     color: #555555;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
    /* border-radius: 4px;
     */
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     margin-bottom: 0px!important;
}
 .par_style_1 .mdl_formulaire p:nth-child(1), .par_style_1 .mdl_formulaire p:nth-child(2), .par_style_1 .mdl_formulaire p:nth-child(3), .par_style_1 .mdl_formulaire p:nth-child(4), .par_style_1 .mdl_formulaire p:nth-child(5){
     width:100%;
     display:inline-block;
     padding:0 15px;
     box-sizing:border-box;
}
 .par_style_1 .mdl_formulaire p label{
     display:inline-block;
     width:200px;
}
 .par_style_1 .mdl_formulaire{
     max-width:500px;
     margin:auto;
}
 .par_style_1 .mdl_formulaire p:nth-child(6){
     padding:0 15px;
}
 .page_liquid .par_style_1 {
     max-width: 1170px;
     margin: auto!important;
}
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
     margin-top: 30px;
}
 .video-container iframe, .video-container object, .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .slider_home{
     padding-top:240px;
}
 .slider_home .video-container{
     margin-top:0px;
}
/**************/
/* Modules */
/***********/
 .mdl_paragraphe2Colonne li {
     text-align: left !important;
}
 .mdl_image_aleatoire {
     margin: -2px 0 0 0;
}
 .mdl_citation_aleatoire p {
     padding: 0 10px;
}
 .mdl_citation_aleatoire p {
     color: #3d9bde;
}
 .mdl_citation_aleatoire em {
     font-weight: bold;
}
/* Liens */
 a {
     text-decoration: none;
}
 .btn_page_resa{
     display: inline-block;
     color: #fff!important;
     background-color: #c20725!important;
     border: 0px;
     font-size: 18px;
     font-weight: 300;
     padding: 10px 20px;
}
 #contenu .btns-menus{
     text-align: center;
     font-size: 15px;
     font-family: 'Lato', sans-serif;
}
 #contenu .btns-menus a{
     font-size: 15px;
     margin : 0 20px;
     color: #2b302f;
     font-family: 'Lato', sans-serif;
     padding: 10px 15px;
     border : 1px solid #6b6b6b;
     border-radius : 50px;
     background: rgba(255,255,255,1);
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(229,230,231,1) 69%, rgba(206,208,210,1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(69%, rgba(229,230,231,1)), color-stop(100%, rgba(206,208,210,1)));
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(229,230,231,1) 69%, rgba(206,208,210,1) 100%);
     background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(229,230,231,1) 69%, rgba(206,208,210,1) 100%);
     background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(229,230,231,1) 69%, rgba(206,208,210,1) 100%);
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(229,230,231,1) 69%, rgba(206,208,210,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ced0d2', GradientType=0 );
     -webkit-box-shadow: 2px 2px 47px -23px rgba(0,0,0,0.75);
     -moz-box-shadow: 2px 2px 47px -23px rgba(0,0,0,0.75);
     box-shadow: 2px 2px 47px -23px rgba(0,0,0,0.75);
}
 #contenu .btns-menus a:hover{
     -webkit-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.25);
     -moz-box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.25);
     box-shadow: 2px 2px 10px 1px rgba(0,0,0,0.25);
}
 a:hover, a:focus, a:active {
     color: #000000;
     text-decoration: underline;
}
 a.glossaire {
    /*color:#e3721f;
    */
     color: #808080;
     text-decoration: underline;
}
 a.glossaire:visited {
     color: #808080;
     text-decoration: underline;
}
 a.alt {
     font-weight: bold;
}
 a.suite {
     margin: auto;
     background-color: #f19100;
     color: #fff;
     display: inline-block;
     font-family: 'Montserrat', Trebuchet MS, Helvetica, Arial, sans-serif;
     padding: 5px 10px;
     font-size: 16px;
     -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
     -ms-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     display: inline-block;
     border: 1px solid #f19100;
}
 a.suite:hover {
     background-color: transparent;
     color: #f19100!important;
}
 a.suite:visited {
     color: #ffffff;
}
 #droite a:link {
     color: #d96918;
}
 #droite a:visited {
     color: #d96918;
}
/* Pas de bordure autour des images dans les liens */
 a img {
     border: none;
}
/**********************/
/* Villes Suggestion */
 .villeSuggestionBox {
     position: relative;
     float: left;
     left: 0px;
     margin: 10px 0px 0px 0px;
     padding: 0;
     width: 200px;
     background-color: #FFFFFF;
     border: 1px solid #000;
     color: #000;
}
 .villeSuggestionList {
     margin: 0px;
     padding: 0px;
}
 .villeSuggestionList li {
     list-style: none;
     margin: 0px 0px 3px 0px;
     padding: 3px;
     cursor: pointer;
}
 .villeSuggestionList li:hover {
     background-color: #c0c0c0;
}
/***************************/
/* Recherche */
/***************************/
/* Tag clouds Couleurs orange #e3721f => 0,3 marron #603b0b => 1,4 marron clair #ac741a =>2,5 Bleu #3d9bde */
 #liste_mcl {
     padding: 5px;
     padding-top: 10px;
     padding-bottom: 10px;
     border: 1px #AAAAAA solid;
     background-color: #F9F9F9;
     color: #808080;
}
 #liste_mcl a {
     color: #808080;
     text-decoration: none;
}
 #liste_mcl a:hover {
     text-decoration: underline;
}
 #mdl_TopMCL a {
     color: #fff!important;
     ;
     text-decoration: none!important;
     font-weight: normal;
     display: inline-block;
     background-color: #2d343e;
     padding: 5px;
     border-radius: 3px;
}
 #mdl_TopMCL .mcl0, #mdl_TopMCL .mcl5, #mdl_TopMCL .mcl1, #mdl_TopMCL .mcl2, #mdl_TopMCL .mcl3, #mdl_TopMCL .mcl4 {
     margin-bottom: 5px;
     display: inline-block;
}
/* Immo */
 .mdl_immo_selecteur {
     position: relative;
     width: 918px;
     margin-right: -40px;
}
 .mdl_immo_selecteur table {
     width: 100%;
}
 .mdl_immo_selecteur th {
     color: #be8f05;
     text-align: left;
     padding-left: 20px;
     border-bottom: 1px solid #be8f05;
     font-size: 1.25em;
}
 .mdl_immo_selecteur ul {
     margin: 0px;
     padding: 0px;
}
 .mdl_immo_selecteur li {
     background-image: url(../images/interface/fleche.gif);
     background-position: left top;
     background-repeat: no-repeat;
     list-style: none;
     padding-left: 20px;
     padding-right: 40px;
     margin-bottom: 5px;
}
 div.mdl_immo img.immo {
     background-color: #FFFFFF;
     padding: 6px !important;
     margin-right: 10px;
}
 #centreetdroite .mdl_immo table .insertion, #centre .mdl_immo table .insertion {
     display: block;
     text-align: center;
     background-color: transparent;
     padding: 0px;
     padding-left: 5px;
     margin: 0px;
     margin-right: -3px;
}
 p.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
}
 p.bloc_tri a {
     color: white;
     font-weight: bold;
}
 form.bloc_tri {
     background-color: #544d47;
     color: white;
     padding: 5px;
     text-align: right;
     margin-bottom: 5px;
}
 tr.annonce {
     padding-top: 5px;
}
 tr.annonce:hover {
     background-color: #fce8cd;
}
 tr.annonce h4 {
     margin: 0px!important;
}
 tr.annonce h4 a {
     color: #ff6600;
}
 tr.annonce td {
     border-top: 1px #AFAFAF dotted;
     padding-top: 10px;
     padding-bottom: 10px;
}
 td.footerannonce {
     background-color: #AFAFAF;
     padding-left: 2px;
     vertical-align: bottom;
}
 td.footerannonce p {
     margin: 0px!important;
     padding: 0px!important 
}
 td.footerannonce a {
     background-color: #000000;
     color: #FFFFFF;
     padding: 2px;
     padding-left: 4px;
     padding-right: 4px;
}
 .prix {
     color: #e3721f;
     font-size: 1.25em;
     font-weight: bold;
}
 div.mdl_modele_fiche h2 {
     text-align: right;
     margin: 0!important;
     margin-right: 18px!important;
}
 div.mdl_modele_fiche h2 span {
     color: #fff;
     padding: 8px!important;
}
 div.modeles_similaires {
}
 div.modeles_similaires img {
     padding: 4px;
}
 .mdl_ligne_cev {
     margin-bottom: 0!important;
}
 .rechercher_modeles #frm_surface, .rechercher_modeles #frm_nb_pieces, .rechercher_modeles #frm_etage {
     width: 200px;
}
 .rechercher_modeles td {
     width: 387px;
}
 .prev_fred {
     background-image: url(../images/interface/prev_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
}
 .next_fred {
     background-image: url(../images/interface/next_fred.png);
     height: 55px;
     width: 46px;
     display: block!important;
     position: absolute;
     top: 210px;
     right: 0px;
}
 .pager a span {
     display: none;
}
 .pager a {
     background-color: #fff;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
     line-height: 40px;
     vertical-align: middle;
}
 .pager a.selected {
     background-color: #97bf0d;
     width: 16px;
     height: 16px;
     display: inline-block;
     margin-left: 10px;
     line-height: 15px;
     vertical-align: middle;
}
 #pager2 {
     position: absolute;
     width: 1920px;
     text-align: center;
     top: 400px;
}
 .right_header{
     width: 87%;
     display:inline-block;
     vertical-align:top;
     text-align:right;
}
 #position-menu {
     position: relative;
    /* margin-top:35px;
     */
     text-align: right;
     display: inline-block;
     width:auto;
     vertical-align:middle;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     text-align: center;
}
 #carousel_p div {
     text-align: center;
}
 .page_liquid #centreetdroite{
     width:100%;
}
 @media screen and (min-width: 1170px) {
     body {
         overflow-x: hidden;
    }
     #picto div:nth-child(2):hover .text {
         width: 220px;
         margin-right: 80px;
         height: 400px;
         padding: 15px;
    }
     #menu_haut > ul > li:hover > ul {
         left: auto;
         top: 100%;
         opacity: 1;
    }
     .extend {
         display: none!important;
    }
}
 #totop {
     display: none;
     text-decoration: none;
     position: fixed;
     bottom: 20px;
     right: 20px;
     overflow: hidden;
     width: 51px;
     height: 51px;
     border: none;
     text-indent: -999px;
     background-image: url(../images/interface/uitotop.png);
     background-repeat: no-repeat;
     background-position: left top;
     z-index: 900000;
     background-color: transparent;
}
 #totop:hover {
     background: url(../images/interface/uitotop.png) no-repeat left -51px;
     width: 51px;
     height: 51px;
     display: block;
     overflow: hidden;
     float: left;
     cursor: pointer;
}
 .prevnext {
     font-size: 1.1em;
     color: #3c3c3c;
     margin: 0;
     margin-top: 20px;
     padding: 2px;
}
 .prevnext a {
     font-style: normal;
     background-color: #e6e6e6;
     width: 35px;
     height: 35px;
     display: inline-block;
     text-align: center;
     margin: 5px;
     color: #3c3c3c;
     line-height: 35px;
     border: 1px solid #3c3c3c;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     text-decoration: none;
}
 .prevnext a:first-child {
     margin-left: 0px;
}
 .prevnext a:hover, .prevnext a.selected {
     color: #FFFFFF;
     background-color: #97bf0d;
     border: 1px solid #000000;
}
 .contact{
     text-align:center;
}
 .contact{
     padding:100px 0px;
     background-image:url(../images/interface/BANDEAU_CONTACT.jpg);
    background-repeat:no-repeat;
     background-size:cover;
}
 .center_contact{
     background-color:rgba(255,255,255,0.75);
     padding: 40px 0px;
     width:100%;
     max-width:690px;
     margin:auto;
}
 .center_contact p{
     margin:0px;
     font-size:23.5px;
     line-height:28px;
     font-weight:bold;
     color:#7C7C7C;
     text-align:center;
}
 .center_contact a{
     display:inline-block;
     margin-top:30px;
     background-color:#7c7c7c;
     color:#fff;
     padding:15px 40px;
     border-radius:19px;
     text-transform:uppercase;
}
 label {
     display: none;
}
 form p:last-child {
     margin: 0px!important;
}
/*#contenu input[type="text"], #contenu input[type="password"], textarea {
     display: inline-block;
     width: 100%!important;
     box-sizing: border-box;
     padding: 6px 10px;
     font-size: 16px;
     line-height: 1.42857143;
     color: #555555;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
     margin-bottom: 0px!important;
}
 input[type="text"], input[type="password"] {
     padding: 6px 10px!important;
     font-family: karla, sans-serif;
}
 textarea {
     height: 150px!important;
     width: 100%!important;
     font-family: karla, sans-serif;
}
*/
 .par_style_1 img {
     vertical-align: top;
}
 .par_style_1 .mdl_paragraphe2Colonne > tbody > tr > td:first-child {
     padding-right: 20px!important;
}
 .par_style_1 .mdl_paragraphe2Colonne > tbody > tr > td:last-child {
     padding-left: 20px!important;
}
 .mdl_formulaire h3 {
     display: none;
}
 @media screen and (max-width: 1170px) {
     #menu_haut ul {
         text-align: center;
    }
     #menu_haut ul li a:after {
         display: none;
    }
     #menu_haut ul li a:hover, #menu_haut ul li:hover a {
        /* color: #3A4046;
         */
    }
     #menu_haut .extend {
         padding: 0px;
         font-size: 30px!important;
         position: absolute;
         right: 0px;
         top: 0px;
         height: 100%;
         line-height: 35px;
         width: 35px;
         color: #111!important;
    }
     #header #menu_haut {
         width: 100%!important;
         max-width: 100%;
         float: none;
         margin: 0;
         padding: 0;
         z-index: 160!important;
        /* border-bottom:5px solid #97BF0D;
         */
        /* background-color: #fff;
         */
         overflow: hidden;
         height: 0px;
    }
     .btn-menu {
         padding: 9px 10px;
         margin-bottom: 8px;
         background-color: #fff;
         background-image: none;
         border-radius: 4px;
         z-index: 1000;
         display: inline-block!important;
         position: absolute;
         right: 30px;
         top: 10px;
         margin-right:0px;
         border: 1px solid #ccc;
         cursor: pointer;
    }
     .icon-bar:last-child{
         margin-bottom:0px;
    }
     .icon-bar {
         display: block;
         width: 22px;
         height: 2px;
         margin-bottom:4px;
         border-radius: 1px;
         background-color: #222;
    }
     #picto {
         top: 0;
         padding: 0;
         height: 50px!important;
    }
     .top-header{
         display:none;
    }
     #picto a:nth-child(1), #picto a:nth-child(3) {
         display: none;
    }
     .open .text {
         width: 230px!important;
         margin-right: 80px;
         height: 410px!important;
         padding: 15px!important;
    }
     #header h1{
         font-size:40px;
    }
     .page-heading {
         padding: 50px 0;
    }
     #pied #conteneur_pied {
         width: 100%;
         box-sizing: border-box;
         padding: 20px;
    }
     #header {
         min-width: 100%;
         z-index:100000;
        /* height: 100px;
         */
         padding-bottom:0px;
         position: relative;
         height: auto;
    }
     #conteneur_header {
         padding-bottom: 15px;
    }
     #conteneur {
        /* padding-top:100px;
         */
    }
     .pageAccueil h3 {
        /* font-size: 30px;
         */
    }
     #conteneur_contenu {
         min-width: 100%;
    }
     #contenu, #conteneur_header {
         width: 100%;
    }
     #conteneur_header {
         width: 100%;
         box-sizing: border-box;
         padding: 0 2.5%!important;
         padding-bottom: 15px!important;
    }
     .paragraphe p > img {
         display: block;
         max-width: 100%;
         height: auto;
         padding: 0px!important;
         margin: auto;
         margin-bottom: 20px!important;
    }
     .par_style_1 p>img {
         display: inline!important;
    }
     #centreetdroite .transport-king .about-us p {
         width: auto;
    }
     #header #logo:after {
         border: none;
    }
     #position-menu {
         background-color: #fff;
         position: absolute;
         top: 100%;
         z-index:1000000;
         width: 100%;
         left: 0;
         margin: 0;
         padding: 0;
         text-align: center;
    }
     #menu_haut ul li ul {
         display: block;
         height: 0px;
         overflow: hidden;
         top:0;
         padding: 0px!important;
    }
     #menu_haut ul li a {
         color: #111;
         font-size: 15px;
         line-height: 35px;
    }
     #menu_haut ul li.open ul {
         height: auto;
         text-align: left;
         top: 0px;
         opacity: 1;
         position: relative;
         width: 100%!important;
         border: none;
         padding-top: 9px;
         padding-bottom: 9px;
         display: block;
         left: 0px;
    }
     #menu_haut ul li.open ul li, #menu_haut ul li.open ul li a {
         width: 100%!important;
         text-align: center;
         color: #3e3e3e!important;
         background-color: #f5f5f5;
    }
     #menu_haut ul li ul li a {
         display: block;
         color: #3e3e3e;
         font-size: 14px!important;
         text-align: left;
         padding: 0 20px!important;
         line-height: 35px!important;
         box-sizing: border-box;
        /* background-color:#fff;
         */
         height: auto;
         line-height: 30px;
         padding: 0px 8px;
         margin-bottom: 0px;
         width: 200px;
         font-size: 13px;
         font-weight: bold;
         background-image: none;
         border-bottom: 1px solid #e5e5e5;
    }
     #menu_haut ul.menu-sub > li:first-child:after {
         display: none;
    }
     #menu_haut ul {
         float: none;
         margin: auto;
    }
     #recherche {
         top: 0px;
         right: 0px;
    }
     #centreetdroite {
         width: 100%!important;
    }
     #wrapper {
         top: 0px;
         width: 100%;
         margin-left: 0px;
         min-width: 100%;
         height: auto;
    }
     body {
        /* overflow-x: hidden;
         */
    }
     #carousel div {
         height: auto;
    }
     #carousel div img {
         height: auto;
         width: 100%;
    }
     #pager2 {
         width: 100%;
         bottom: 10px;
         top: auto;
    }
     #ariane {
         width: 96%;
         margin: auto;
    }
     #centreetdroite {
         width: 100%!important;
         margin: auto;
         height: auto!important;
    }
    .PGS_SPECIALE_1 .par_fixe{
        padding:40px 15px!important;
    }
     #block-pres, .center-section {
         width: 95%;
    }
     #gauche {
         width: 96%;
         margin: auto;
         padding: 0px;
         position: absolute;
         float: none;
         margin-left: 2%;
    }
     #col2 > a {
         display: none!important;
    }
     #col2 {
         width: 20%;
         margin-right: 0;
         margin-left: 5%;
    }
     #col2 #reseaux {
         width: 100%;
         text-align: center;
    }
     #col2 #reseaux a {
         margin: auto!important;
         display: block!important;
         margin-bottom: 40px!important;
    }
     #col2 {
         margin-left: 5%;
         width: 50%;
         margin-right: 0px;
    }
     #gauche h3 {
         font-size: 1.8em;
         font-weight: normal;
         text-transform: capitalize;
    }
     #gauche .mdl_billet {
         font-size: 1.2em;
         color: #1a333c;
    }
     #menu_haut> ul >li {
         width: 100%;
         border-bottom: 1px solid #111;
         margin:0;
    }
     .page-heading .container {
         width: 100%;
         box-sizing:border-box;
    }
}
 #lines {
     border-bottom: 17px double black;
     border-top: 6px solid black;
     content: "";
     height: 5px;
     width: 35px;
     display: block;
}
 .btn-menu {
     display: none;
     cursor: pointer;
}
 #pager2 {
     width: 100%;
     bottom: 10px;
     top: auto;
}
 @media screen and (max-width: 740px) {
     .PGS_SPECIALE_1 .paragraphe > h3{
         font-size:28px!important;
         letter-spacing:1px!important;
         margin-bottom:40px!important;
     }
     .block_chiffre img{
         margin-bottom:15px!important;
     }
     .societe_catch p{
         line-height:25px!important;
         font-size:20px!important;
     }
     #paragraphe287 h3:after{
         margin-top:40px;
     }
     .page_resa label{
         display:block!important;
         width:100%!important;
    }
     #contenu #form_resa input[type="text"], #contenu #form_resa textarea {
         width:100%!important;
    }
     #contenu #form_resa .group-form:first-child input{
         width:calc(100% - 50px)!important;
    }
     .block_list_menu{
         width: calc(50% - 20px);
    }
     .center_actu img {
         display: block;
         margin: auto;
         margin-bottom: 30px;
    }
     .right_actu {
         width: 100%;
         padding-left: 0px;
    }
     .bg-slide {
         width: 95%;
    }
     #picto {
         display:none;
         top: 0;
         left: 0!important;
         padding: 0;
         height: 50px!important;
    }
     #picto a:nth-child(1), #picto a:nth-child(3) {
         display: none;
    }
     .open .text {
         width: 230px!important;
         margin-left: 80px;
         height: 410px!important;
         padding: 15px!important;
    }
     #picto div .text {
         left: -30px;
    }
     .slides-content {
         top: 20%;
    }
     .bg-slide .spr {
         font-size: 20px;
    }
     .bg-slide h3 {
         padding: 10px 0;
    }
     .top-header {
         display: none;
    }
     #header #logo {
         text-align:left;
         position: relative;
         display: block;
        /* width: 100%;
         */
         left: 0px;
         width: 100%;
    }
     .block-pres, .plat {
         width: 100%;
         max-width: 400px;
         display: block;
         margin: auto;
         margin-left: auto!important;
         margin-bottom: 35px;
         margin-right: auto!important;
    }
     .spr {
         font-size: 20px;
    }
     .special-font {
         font-size: 35px;
    }
     .plat h3 {
         font-size: 13px;
    }
     .page-heading .page-title h2 {
         font-size: 24px;
    }
     .col1, .col2 {
         width: 100%;
    }
     .col1 {
         margin-bottom: 40px;
    }
     .carousel-inner, .carousel {
         height: auto!important;
    }
     #recherche {
         display: none;
    }
     #menu_haut {
         width: 100%;
        /* top: 35px;
         */
    }
     .cat_menu{
         padding:0 10px;
         margin-bottom:10px;
    }
     #menu_haut >ul {
         padding: 0px;
         text-align: center;
    }
     #menu_haut >ul >li {
         display: inline-block;
         float: none;
    }
     #menu_haut >ul >li a {
        /* padding:0px;
         */
    }
     #menu_haut> ul >li {
         width: 100%;
    }
     #logo {
         left: 30%;
         margin: 0px!important;
         padding: 0px;
    }
     #background-menu-right {
         height: 190px;
    }
     #wrapper {
        /* top:205px;
         */
    }
     #col3 {
         width: 90%;
         margin-left: 5%!important;
         float: none;
    }
     #col2 {
         display: none;
    }
     .logo_footer{
         width:100%;
         text-align:center;
         margin-bottom:40px;
    }
     .left_intro,.right_intro{
         width:100%!important;
         display:block;
         text-align:center;
    }
     .row_intro{
         display:block;
    }
     .right_intro h5{
         padding-top:0;
    }
     .right_intro.bg_blue{
         padding:60px 0px;
    }
     .center_pied > div{
         padding:0 15px;
    }
     .link_footer{
         width:50%;
    }
}
 @media screen and (min-width: 0px) and (max-width: 600px) {
     .row_prod{
         display:inline;
    }
     .block_prod{
         width:calc(50% - 50px);
         margin: 0 25px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 500px) {
     #header #logo{
         padding:15px 0px;
    }
     .block_list_menu{
         width: calc(100% - 20px);
    }
     #logo {
         left: 20%;
    }
     #col1, #col2 {
         width: 90%;
    }
     #col2 #reseaux a {
         display: inline-block!important;
         margin-left: 10px!important;
    }
     #col2 #reseaux {
         width: 100%!important;
    }
     #pied #conteneur_pied {
         height: auto;
    }
}
 @media screen and (min-width: 0px) and (max-width: 400px) {
     .btn-menu {
         right: 10px;
    }
     #position-menu {
         top: 100%;
    }
}
 @media screen and (min-width: 0px) and (max-width: 400px) {
     #header h1{
         display:inline-block;
         width:calc(100% - 130px);
         box-sizing:border-box;
         text-align:center;
    }
     .block_prod{
         width:calc(100% - 50px);
         margin: 0 25px;
    }
}
 @media screen and (min-width: 0px) and (max-width: 950px) {
     .contact_page{
         display:block;
     }
     #map_canvas{
         width:calc(100% - 30px);
         margin:auto;
         display:block;
    }
     #contact_left{
         width:calc(100% );
         margin:auto;
         display:block;
         padding:0px;
         padding-top:30px;
    }
    .contact_right{
        height:300px;
        width:100%;
    }
     .adress_contact{
         display:inline-block;
         width:50%;
    }
     .blue_contact p{
         display:inline-block;
         width:50%;
    }
}
 @media screen and (min-width: 0px) and (max-width: 600px) {
     .adress_contact{
         display:block;
         width:100%;
    }
     .blue_contact p{
         display:block;
         width:100%;
    }
}
 .center_section{
     max-width:1200px;
     margin:auto;
     width:100%;
}
 .catchphrase p{
     color:#7C7C7C;
     text-align:center;
     font-size:25px;
     line-height:30px;
}
 .catchphrase h4{
     margin:0;
     text-align:center;
     text-align: center;
     text-transform: uppercase;
     font-size: 35px;
     letter-spacing: 7px;
     color: #7C7C7C;
     margin: 50px 0;
     line-height:42px;
     margin-bottom:20px;
}
 .catchphrase h4 img{
     padding-right:30px;
     vertical-align:middle;
}
 .section.hr{
     text-align:center;
     padding:0px 0px;
     margin-bottom:70px;
}
 .section.hr span{
     width:660px;
     max-width:90%;
     margin:auto;
     height:2px;
     background-color:#7C7C7C;
     display:inline-block;
}
 .catchphrase{
     padding:35px 0px 50px;
}
 .prestation{
     padding:70px 0px;
     padding-bottom:140px;
}
 .hr + .prestation{
     padding-top:0;
}
 .contact + .prestation{
     padding:70px 0px;
     padding-bottom:140px;
     padding-top:70px;
}
 .section h4.title_section{
     text-align:center;
     text-transform:uppercase;
     font-size:35px;
     letter-spacing:7px;
     color:#7C7C7C;
     margin:70px 0;
}
 .prestation h4.title_section{
     margin:0px;
     margin-bottom:90px;
}
 .row_prestation{
     text-align:center;
     font-size:0;
}
 .bloc_presa{
     width:33.333%;
     max-width:300px;
     padding:0 20px;
     display:inline-block;
     vertical-align:top;
     text-align:center;
}
 .bg_presta{
     background-color:#7C7C7C;
     border-radius:20px;
     padding:60px 0;
     position:relative;
     max-width:280px;
     margin:auto;
}
 .bg_presta a{
     color:#fff;
     display:block;
}
 .bg_presta .icone{
     margin-bottom:40px;
}
 .bg_presta .sep{
     display:inline-block;
     width:217px;
     background-color:#d6d6d6;
     height:2px;
     margin-bottom:30px;
     margin-top:20px;
}
 .bg_presta h5{
     color:#fff;
     text-transform:uppercase;
     font-weight:bold;
     line-height:40px;
     font-size:33px;
     margin-top:0px;
}
 .bg_presta .more{
     background-color:#E8E8E8;
     font-size:20px;
     bottom:-40px;
     left:50%;
     margin-left:-40px;
     width:80px;
     height:80px;
     border-radius:50%;
     color:#7C7C7C;
     line-height:75px;
     font-size:60px;
     position:absolute;
}
 .bg_presta p{
     text-transform:uppercase;
     color:#fff;
     height:36px;
     font-size:16px;
     line-height:18.5px;
     font-weight:400;
}
 .full_section{
     padding:110px 0px;
}
 .full_section .center_section{
     max-width:100%;
     font-size:0;
}
 .bg_orange{
     background-color:#f6b557;
}
 .bg_orange .center_section > div h6{
     color:#fff!important;
}
 .bg_orange a{
     background-color:#fff!important;
     color:#7C7C7C!important;
}
 .left_section{
     display:inline-block;
     width:50%;
     vertical-align:middle;
}
 .right_section{
     display:inline-block;
     width:50%;
     vertical-align:middle;
}
 .full_section .center_section > div img{
     max-width:100%;
     height:auto;
}
 .full_section .center_section > div{
     text-align:center;
}
 .full_section .center_section > div h5, .full_section .center_section > div h6{
     font-size:34px;
     color:#7C7C7C;
     line-height:42px;
}
 .full_section .center_section > div a{
     display:inline-block;
     background-color:#7C7C7C;
     color:#fff;
     font-size:28px;
     margin-top:60px;
     padding:20px 60px;
}
 .section.actu{
     padding-top:90px;
     padding-bottom:150px;
     position:relative;
}
 .section.actu:after{
     content:'';
     height:270px;
     top:50%;
     left:0;
     width:100%;
     position:absolute;
     background-color:#fdedd6;
     z-index:100;
     display:block;
     margin-top:-135px;
}
 .section.actu .center_section{
     z-index:1000;
     position:relative;
}
 .pageAccueil .actu .title_section{
     margin-bottom:110px;
}
 .row_actu{
     font-size:0;
}
 .block_actu{
     display:inline-block;
     width:33.3333333%;
     vertical-align:top;
     padding:0px 45px;
}
 .block_actu img{
     width:100%;
     height:auto;
}
 .actu .center_section{
     max-width:1570px;
}
 .desc_actu_home{
     background-color:#fff;
     font-size:20px;
     padding: 30px 60px 100px;
     position:relative;
}
 .desc_actu_home h3{
     margin:0;
     text-align:center;
     margin-bottom:30px;
}
 .desc_actu_home h3 a{
     font-size:18px;
     color:#000;
}
 .txt_actu{
     height:110px;
}
 .txt_actu p{
     margin:0;
     font-size:16px;
     line-height:18px;
}
 .desc_actu_home .more_actu{
     background-color:#f9c880;
     font-size:20px;
     bottom:-40px;
     left:50%;
     margin-left:-40px;
     width:80px;
     height:80px;
     border-radius:50%;
     text-align:center;
     color:#7C7C7C;
     line-height:75px;
     font-size:60px;
     position:absolute;
}
 .pied{
     background-color:#7C7C7C;
     padding:30px 0px;
}
 .center_pied{
     max-width:1480px;
     margin:auto;
     padding: 0 15px;
     font-size:0;
}
 .left_pied{
     display:inline-block;
     width:50%;
     vertical-align:middle;
     text-align:left;
}
 .left_pied p{
     margin:0px;
     color:#CFCFCF;
     font-size:14px;
}
 .left_pied p a{
     color: #CFCFCF;
     font-size:14px;
}
 .right_pied{
     vertical-align:middle;
     display:inline-block;
     width:50%;
     text-align:right;
     font-size:14px;
     color:#CFCFCF;
}
 .fiche_presta{
     text-align:center;
     padding-top:40px;
     padding-bottom:50px;
}
 .title_presta h3{
     font-size:30px;
     color:#7C7C7C;
     margin:0;
     letter-spacing:7px;
     text-transform:uppercase;
     margin-bottom:70px;
}
 .title_presta img{
     margin-bottom:30px;
}
 .catch_presta span{
     letter-spacing:5px;
     text-transform:uppercase;
     display:block;
}
 .catch_presta{
     font-size:24px;
     margin-bottom:60px;
     letter-spacing:0px;
     color:#000;
     display:block;
}
 .fiche_presta ul{
     color:#7C7C7C;
}
 .fiche_presta ul li{
     font-size:24px;
     list-style:none;
     margin:auto;
     margin-bottom:20px;
     color:#7C7C7C!important;
}
 .fiche_presta ul li:before{
     content:"\f111";
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     display:inline-block;
     padding-right:10px;
     font-size:10px;
     vertical-align:middle;
     line-height:15px;
}
 .fiche_presta .catch_ul li{
     color:#000!important;
     margin-bottom:0px;
}
 .fiche_presta .catch_ul{
     margin-bottom:20px;
}
 .fiche_presta .orange_presta{
     color:#7C7C7C;
     font-size:24px;
     margin-bottom:20px;
}
 .row_conseil{
     font-size:0;
     max-width:1480px;
     padding-top:100px;
     margin:auto;
}
 .block_conseil{
     width:20%;
     padding:0 20px;
     display:inline-block;
     vertical-align:top;
}
 .block_conseil h4{
     color:#7C7C7C;
     font-size:24px;
     margin:0;
     letter-spacing:1px;
     font-weight:400;
}
 .block_conseil .hr{
     display:block;
     width:50px;
     background-color:#7C7C7C;
     height:1px;
     margin:auto;
     margin-bottom:40px;
}
 .block_conseil img{
     margin-bottom:40px;
}
 .PGS_SPECIALE_1 .paragraphe {
     padding:70px 0px;
}
 .PGS_SPECIALE_1 .paragraphe > h3{
     font-size:30px;
     letter-spacing:7px;
     text-align:center;
     color:#7C7C7C;
     text-transform:uppercase;
     margin-bottom:80px;
     margin-top:0;
}
 .PGS_SPECIALE_1 #paragraphe289 h3{
     margin-bottom:50px;
     color:#fff;
}
 .PGS_SPECIALE_1 #paragraphe289 {
     background-image:url(../images/bg_engagement2.jpg);
     background-repeat:no-repeat;
     background-size:cover;
}
 .societe_catch p{
     text-align:center;
     font-size:25px;
     max-width:1300px;
     line-height:32px;
     margin:auto;
}
 .hr_societe{
     background-color:#7C7C7C;
     height:2px;
     width:100%;
     margin:auto;
     max-width:650px;
     display:block;
     margin-top:100px;
}
 .chiffre{
     font-size:0;
     text-align:center;
     max-width:840px;
     margin:auto;
     padding-bottom:80px;
}
 .block_chiffre{
     width:25%;
     padding:0 40px;
     text-align:center;
     display:inline-block;
     vertical-align:top;
}
 .block_chiffre img{
     margin-bottom:40px;
}
 .block_chiffre h3{
     display:block;
     color:#7C7C7C;
     margin:0px;
     line-height:25px;
     font-size:20px;
}
 .block_chiffre p{
     display:block;
     color:#7C7C7C;
     line-height:25px;
     margin:0px;
     font-size:20px;
}
 .engagement{
     text-align:center;
}
 .engagement .border{
     max-width:1660px;
     height:1px;
     width:100%;
     margin:auto;
     background-color:#fff;
     display:block;
     margin-bottom:70px;
}
 .center_engagement{
     font-size:0;
     text-align:center;
     max-width:940px;
     margin:auto;
}
 .block_engagement{
     display:inline-block;
     width:20%;
     padding:0 20px;
     vertical-align:top;
}
 .block_engagement img{
     margin-bottom:15px;
}
 .block_engagement h6{
     color:#fff;
     font-size:18px;
}
 .par_style_2{
     max-width:1170px;
     margin:auto!important;
}
 .par_style_3{
     max-width:920px;
     padding-top:40px;
     margin:auto!important;
     padding-bottom:80px;
     position:relative;
}
/*.par_style_3:after{
     display:block;
     content:'';
     max-width:100%;
     left:0;
     bottom:0;
     margin:auto;
     width:660px;
     right:0;
     height:1px;
     position:absolute;
     background-color :#7C7C7C;
}
*/
 #paragraphe307.par_style_3:after{
     display:none;
}
 .par_style_3 h3{
     color:#7C7C7C;
     padding-bottom:80px;
     margin-bottom:60px;
     display:block;
     text-align:center;
     letter-spacing:7px;
     font-size:32px;
     position:relative;
     text-transform:uppercase;
}
 .par_style_3 h3:after{
     display:block;
     content:'';
     max-width:100%;
     left:0;
     bottom:0;
     margin:auto;
     width:660px;
     right:0;
     height:1px;
     position:absolute;
     background-color :#7C7C7C;
}
 .par_style_3 h4{
     color:#7C7C7C;
     display:block;
     letter-spacing:2px;
     font-size:25px;
     text-transform:uppercase;
}
 .par_style_3 p + h4{
     margin-top:80px;
}
 .par_style_3 p label{
     color:#7C7C7C;
     display:block;
     font-weight:400;
     letter-spacing:2px;
     font-size:22px;
     vertical-align:middle;
     margin-bottom:0;
     margin-bottom:15px;
}
 .par_style_3 p:nth-child(3) label, #paragraphe307.par_style_3 p:nth-child(1) label {
     display:inline-block;
     width:125px;
     margin-bottom:0;
}
 #paragraphe307.par_style_3 p:nth-child(10) {
     text-align:center;
}
 #paragraphe307.par_style_3 p:nth-child(3) label{
     width:100%;
     margin-bottom:15px;
}
 .par_style_3 p{
     font-size:22px;
     line-height:22px;
}
 .par_style_3 p input{
     margin:0;
     vertical-align:middle;
     max-width:100%;
     margin-right:10px;
}
 .par_style_3 p:nth-child(4), .par_style_3 p:nth-child(6), #paragraphe307.par_style_3 p:nth-child(3), #paragraphe307.par_style_3 p:nth-child(5){
     display:inline-block;
     width:50%;
     padding-left:0;
     padding-right:20px;
}
 #paragraphe307.par_style_3 p:nth-child(3), #paragraphe307.par_style_3 p:nth-child(5), #paragraphe307.par_style_3 p:nth-child(7){
     padding-left:0!important;
}
 .par_style_3 p:nth-child(5), .par_style_3 p:nth-child(7), #paragraphe307.par_style_3 p:nth-child(8), #paragraphe307.par_style_3 p:nth-child(4), #paragraphe307.par_style_3 p:nth-child(6){
     display:inline-block;
     width:50%;
     padding-right:0px;
     padding-left:20px;
}
 #paragraphe307.par_style_3 p:nth-child(4), #paragraphe307.par_style_3 p:nth-child(6), #paragraphe307.par_style_3 p:nth-child(8){
     padding-right:0px!important;
}
 .par_style_3 p input[type="text"], .par_style_3 p select, .par_style_3 p textarea{
     border:2px solid #c9c9c9;
     font-family: 'Lato', sans-serif;
     font-size:22px;
     width:100%;
     display:block;
     padding:7px 10px;
     line-height:25px;
}
 .par_style_3 p textarea{
     resize:none;
     height:180px;
}
 .par_style_3 p:nth-child(11){
     text-align:center;
}
 .par_style_3 p:nth-child(10) label, .par_style_3 p:nth-child(16) label, .par_style_3 p:nth-child(17) label, .par_style_3 p:nth-child(18) label, .par_style_3 p:nth-child(19) label{
     display:none;
}
 .par_style_3 p:nth-child(15) em, .par_style_3 p:nth-child(16) em, .par_style_3 p:nth-child(17) em, .par_style_3 p:nth-child(18) em{
     display:none;
}
 .par_style_3 p:nth-child(15) br, .par_style_3 p:nth-child(16) br, .par_style_3 p:nth-child(17) br, .par_style_3 p:nth-child(18) br{
     display:none;
}
 .par_style_3 p:nth-child(18){
     text-align:center;
}
 .par_style_3 p input[type="submit"]{
     font-size:35px!important;
     margin-top:40px;
     background-color:#7C7C7C;
     border:0px;
     color:#fff;
     text-transform:uppercase;
     letter-spacing:5px;
     padding:15px 100px;
}
 .footer_contact{
     background-image:url(../images/fond-responsive.png);
     background-size:100% 100%;
     background-repeat:no-repeat;
     padding-top:40px;
     padding-bottom:100px;
}
 .center_contact{
     display:block;
     font-size:0;
     position:relative;
}
 .left_footer_contact{
     display:inline-block;
     width:50%;
     vertical-align:top;
     text-align:center;
     position:relative;
}
 .right_footer_contact{
     display:inline-block;
     position:relative;
     width:50%;
     text-align:center;
}
 .left_footer_contact h6, .right_footer_contact h6{
     font-size:30px;
     padding-bottom:480px;
     color:#7C7C7C;
     z-index:1000;
     position:relative;
}
 .left_footer_contact img, .right_footer_contact img{
     display:block;
     top:100px;
     z-index:1;
     height:auto;
     position:absolute;
     max-width:100%;
}
 .right_footer_contact img{
     max-width:100%;
     height:auto;
     right:0;
}
 .left_footer_contact a, .right_footer_contact a{
     display: inline-block;
     background-color: #7C7C7C;
     color: #fff;
     font-size: 28px;
     z-index:1000;
     padding: 20px 60px;
     position:relative;
}
 .top_section{
     background-image:url(../images/fond_contact.png);
     background-repeat:no-repeat;
     background-size:cover;
}
 .top_section{
     height:auto;
     font-size:0;
}
 .top_section .left_section{
     display:inline-block;
     width:50%;
     vertical-align:middle;
}
 .left_section img{
     width:100%;
}
 .PGS_SPECIALE_4 .top_section .left_section{
     padding-top:0px;
     margin-bottom:0px;
}
 .PGS_SPECIALE_4 .top_section{
     background-position:bottom center;
     background-size:100% !important;
}
 .top_section .right_section{
     width:50%;
     text-align:center;
     display:inline-block;
     height:auto;
     position:relative;
}
 .PGS_SPECIALE_4 .top_section .right_section h5{
    /* margin-top:-150px;
     */
     padding-top:40px;
}
 .top_section .right_section h5{
     font-size: 34px;
     color: #7C7C7C;
     line-height: 42px;
    /*position:absolute;
    */
     text-align:center;
     left:0;
     right:0;
     top:50%;
}
 .search_agence{
     display:block;
     font-size:0;
     background-image:url(../images/fond_contact.png);
     background-size: 100% auto;
     background-position:bottom center;
     background-repeat:no-repeat;
}
 .sep_h3{
     display:block;
     height:3px;
     margin:30px auto;
     width:20px;
     background-color:#7C7C7C;
}
 .left_agence{
     display:inline-block;
     width:50%;
     vertical-align: bottom;
     padding:0px 0px;
}
 .fiche_agence .left_agence{
     vertical-align:middle;
}
 .fiche_agence .right_agence{
     vertical-align:middle;
     padding-top:40px;
}
 .left_agence img{
     width:100%;
}
 .right_agence{
     display:inline-block;
     width:50%;
     vertical-align:bottom;
     text-align:center;
}
 .right_agence h3{
     color:#7C7C7C ;
     font-size:34px;
     margin-bottom:100px;
     text-transform:uppercase;
     letter-spacing:10px;
}
 .right_agence h4{
     color:#7C7C7C ;
     font-size:34px;
     margin-top:0;
     margin-bottom:40px;
}
 .form_search label{
     font-size:34px;
     color:#000;
     display:block;
     margin-bottom:30px;
     font-weight:500;
}
 #search_agence{
     border:0px;
     color:#222;
     font-size:34px;
     margin-bottom:40px;
     padding:15px 30px;
}
 .submit_search{
     display:block;
     background-color:#7C7C7C ;
     width:88px;
     cursor:pointer;
     height:82px;
     margin:auto;
}
 .list_result h4:after{
     display:block;
     content:'';
     left:0;
     bottom:0;
     max-width:100%;
     margin:auto;
     width:660px;
     right:0;
     height:1px;
     position:absolute;
     background-color :#7C7C7C;
}
 .list_result h4{
     font-size:34px;
     letter-spacing:7px;
     color :#7C7C7C;
     text-transform:uppercase;
     position:relative;
     margin-bottom:60px;
     padding-bottom:60px;
}
 .list_result{
     text-align:center;
}
 .center_list_result{
     max-width:1400px;
     margin:auto;
}
 .block_agence{
     display:inline-block;
     width:25%;
     vertical-align:top;
     padding:0 12px;
     margin-bottom:95px;
}
 .block_agence .bg_agence{
     border-radius:10px;
     background-color:#7C7C7C;
     overflow:hidden;
     padding-bottom:30px;
}
 .top_block_agence{
     display:block;
     background-color:#f9c880;
     font-size:24px;
     color:#000;
     padding:25px 20px;
     line-height;
}
 .content_agence {
     padding:35px 0px;
}
 .content_agence h5{
     display:block;
     font-size:24px;
     color:#000;
     margin-bottom:25px;
     line-height;
}
 .sep_agence{
     display:inline-block;
     width:110px;
     height:2px;
     margin-bottom:25px;
     background-color:#000;
}
 .ville_agence{
     display:block;
     font-size:24px;
     color:#000;
     margin:0;
     line-height;
}
 .block_agence .more{
     background-color: #f9c880;
     font-size: 20px;
     bottom: -40px;
     left: 50%;
     margin-left: -40px;
     width: 80px;
     height: 80px;
     border-radius: 50%;
     color: #7C7C7C;
     line-height: 75px;
     font-size: 60px;
     position: absolute;
}
 .block_agence{
     position:relative;
}
 .center_desc_agence{
     max-width:900px;
     margin:auto;
     font-size:0;
}
 .left_desc_agence{
     display:inline-block;
     vertical-align:top;
     width:calc(100% - 370px);
     padding-right:30px;
}
 .right_desc_agence{
     display:inline-block;
     vertical-align:top;
     width:370px;
}
 .inline_desc{
     display:block;
     margin-bottom:40px;
}
 .inline_desc a{
     color:#7C7C7C;
}
 .inline_desc img{
     display:inline-block;
     vertical-align:top;
}
 .inline_desc span{
     font-size:25px;
     padding-top:10px;
     text-align:left;
     width:calc(100% - 61px);
     line-height:30px;
     display:inline-block;
     padding-left:20px;
}
 .list_dep{
     width:100%!important;
     display:block!important;
     padding:0px!important;
     margin:0;
     font-size:0!important;
     margin-top:10px;
     margin-left:-10px;
}
 .list_dep span{
     display:inline-block;
     width:auto;
     padding:0px;
     margin-right:15px;
     background-color:#f19109;
     font-size:20px;
     color:#fff;
     padding:5px 10px;
     border-radius:5px;
     margin-bottom:10px;
}
 .right_desc_agence{
     text-align:right;
}
 .desc_agence{
     padding:100px 0px;
}
 .desc_agence + .full_section{
     background-color:#f6b657;
}
 .desc_agence + .full_section h6{
     color:#fff!important;
}
 .desc_agence + .full_section a{
     background-color:#fff!important;
     color:#7C7C7C!important;
}
 .absolute_back{
     display:inline-block;
     background-color:#f29220;
     font-size:18px;
     color:#fff!important;
     text-transform:uppercase;
     line-height:30px;
     position:absolute;
     right:0px;
     letter-spacing:5px;
     top:150px;
     padding:5px 15px;
}
 .absolute_back img{
     padding-right:10px;
     vertical-align:top;
     padding-top:7px;
}
 .center_fiche{
     max-width:1600px;
     margin:auto;
     padding-top:60px;
     padding-bottom:120px;
}
 .title_fiche{
     text-align:center;
}
 .title_fiche h3{
     font-size:34px;
     letter-spacing:5px;
     color:#f19100;
     text-transform:uppercase;
     margin-bottom:60px;
}
 .title_fiche h3:after{
     content:'';
     display:block;
     margin:auto;
     margin-top:50px;
     max-width:100%;
     width:660px;
     height:2px;
     background-color:#f19100;
}
 .left_fiche{
     display:inline-block;
     width:50%;
}
 .left_fiche img{
     width:100%;
     height:auto;
}
 .right_fiche{
     display:inline-block;
     width:50%;
     padding-left:130px;
     padding-top:40px;
     text-align:left;
     font-size:20px;
     vertical-align:top;
}
 .right_fiche p{
     font-size:20px;
}
 .liste_recrutement{
     padding-bottom:100px;
     padding-top:100px;
}
 .liste_recrutement h3{
     text-align:center;
     color:#f19100;
     text-transform:uppercase;
     font-size:34px;
     margin-bottom:70px;
     letter-spacing:5px;
}
 .liste_recrutement h3:after{
     content:'';
     display:block;
     margin:auto;
     margin-top:50px;
     max-width:100%;
     width:660px;
     height:2px;
     background-color:#f19100;
}
 .rectu_block {
     padding:70px 0px;
     position:relative;
}
 .rectu_block:after{
     content:'';
     background-color:#939393;
     height:2px;
     width:70%;
     display:block;
     margin:auto;
     position:absolute;
     bottom:0;
     margin:auto;
     left:50%;
     margin-left:-35%;
     max-width:100%;
}
 .img_recru{
     display:inline-block;
     width:430px;
     vertical-align:top;
}
 .img_recru img{
     width:100%;
     height:auto;
}
 .right_actu{
     display:inline-block;
     max-width:950px;
     width:calc(100% - 430px);
     padding-right:15px;
}
 .rectu_block:last-child:after{
     display:none;
}
 .top_offre,.ref_recru{
     color:#f19100;
     text-transform:uppercase;
     letter-spacing:3.5px;
     font-size:16px;
}
 .top_offre{
     margin-bottom:50px;
}
 .rectu_block .desc_actu {
     font-size: 18px!important;
     margin-bottom: 40px!important;
     color: #000;
}
 .rectu_block .desc_actu p{
     font-size: 18px!important;
     margin-bottom: 0px!important;
     color: #000;
}
 .bottom_recru{
     font-size:0;
}
 .ref_recru{
     display:inline-block;
     width:calc(100% - 450px);
     vertical-align:middle;
     text-align:left;
}
 .btn_recru{
     display:inline-block;
     width:450px;
     vertical-align:middle;
}
 .bottom_recru a{
     background-color:#f19100;
     color:#fff;
     font-size:20px;
     text-align:center;
     text-transform:uppercase;
     font-size:34px;
     letter-spacing:7px;
     width:100%;
     display:block;
     padding:5px 7px;
}
 @media screen and (max-width: 1200px) {
     .bg_presta .sep{
         display:none;
    }
     .par_style_3 form{
         padding:0 15px;
    }
     .btn_recru{
         display:block;
         max-width:100%;
         margin-top:20px;
    }
     .btn_postul{
         font-size:20px!important;
    }
     .ref_recru{
         width:100%;
    }
     .top_section{
         height:auto!important;
    }
     .top_section .right_section{
         height:auto;
    }
     .fiche_presta{
         padding-left:15px;
         padding-right:15px;
    }
     .block_chiffre{
         padding:0 15px;
    }
     .block_actu{
         padding: 0 15px;
    }
     .txt_actu{
         height:auto;
    }
     #header #logo{
         padding-top:10px;
         padding-bottom:10px;
    }
     .bloc_presa{
         width:50%;
         margin-bottom:80px;
    }
     .full_section .center_section > div h5, .full_section .center_section > div h6{
         font-size:25px;
         line-height:30px;
         padding:0 15px;
    }
     .full_section .center_section > div a{
         font-size:25px;
         margin-top:30px;
         padding:15px 30px;
    }
     .block_conseil{
         padding: 0 15px;
    }
     .block_conseil img{
         max-width:100%;
         height:auto;
    }
     .search_agence{
         background-size:cover;
    }
     .right_agence h4, .form_search label{
         font-size:24px;
    }
     .right_agence h4{
         margin-bottom:20px;
    }
     #search_agence{
         font-size:24px;
         margin-bottom:15px;
         width:100%;
    }
     .left_agence{
         padding: 150px 0px;
    }
     .submit_search{
         width:70px;
         height:66px;
    }
     .submit_search img{
         width:100%;
    }
     .right_agence h3{
         font-size:24px;
    }
     .absolute_back{
         top:20px;
         font-size:18px;
         letter-spacing:2px;
    }
     .PGS_SPECIALE_4 .top_section .left_section{
         padding:75px 0px;
    }
     .top_section .right_section h5{
         font-size:22px;
         line-height:28px;
         margin-top:0px!important;
         position:relative;
    }
     .liste_recrutement{
         padding:50px 0px;
    }
     .top_offre{
         margin-bottom:20px;
    }
}
 @media screen and (max-width: 1100px) {
     .block_agence{
         width:33.333333%;
    }
     .block_conseil{
         width:33.3333333%;
         margin-bottom:40px;
    }
}
 @media screen and (max-width: 1100px) {
}
 @media screen and (max-width: 900px) {
  .top_prod, .info_prod{
     display:block;
     text-align:center;

   }
   .right_info{
     padding: 40px 0px;
   }
   .left_info, .right_info{
     width:100%;
   }
   .left_info{
       padding:40px 0px;
   }
 
   .left_image img{
     max-width:600px;
     width:100%;
   }
   .left_image{
     width:100%;
   }
   .right_top{
     padding:40px 0px;
     width:100%;
   }
     .desc_agence{
         padding:60px 15px;
    }
     .liste_recrutement h3{
         font-size:20px;
         letter-spacing:2px;
         margin-bottom:20px;
    }
     .rectu_block{
         padding:40px 0;
    }
     .left_desc_agence{
         width:100%;
         padding-right:0px;
    }
     .right_desc_agence{
         width:100%;
         text-align:center;
    }
     .right_desc_agence img{
         width:100%;
         height:auto;
    }
     .desc_actu_home{
         padding:20px;
         padding-bottom:80px;
    }
     .catchphrase h4{
         font-size:36px;
         padding:0 15px;
    }
     .catchphrase img{
         width:200px;
         padding-right:20px;
    }
     .catchphrase{
         padding-bottom:40px;
    }
     .section.hr{
         padding:40px 0px;
    }
     .prestation{
         padding:40px 0px;
    }
     .img_recru{
         width:100%;
    }
     .center_actu_block{
         padding:0 15px;
         max-width:700px;
         margin:auto;
    }
     .right_actu{
         width:100%;
         padding-left:0px;
         padding-top:15px;
         text-align:left;
         padding-right:0px;
    }
}
 @media screen and (max-width: 767px) {
     .right_info ul li{
font-size:26px;
     }
        .left_info a{
        font-size:30px;
        letter-spacing:2px;
    }
    .right_info h4{
        font-size:32px;
    }
     .par_style_3 p{
         width:100%!important;
         padding:0px!important;
    }
     .par_style_3 p input[type="submit"]{
         width:100%;
         font-size:20px!important;
         padding:10px 0px;
    }
     .par_style_3 p em{
         font-size:14px;
    }
     .par_style_3 h3{
         font-size:25px;
         padding-bottom:20px;
    }
     .absolute_back{
         display:none;
    }
     .top_section .right_section{
         width:100%;
         display:block;
         padding-bottom:90px;
    }
     .right_actu h4{
         font-size:24px;
    }
     .top_section .left_section{
         width:100%;
         display:block;
    }
     .top_section .left_section img{
         width:400px;
         max-width:100%;
    }
     .list_result h4{
         font-size:24px;
    }
     .block_agence{
         width:50% 
    }
     .left_agence{
         padding:50px 0px;
         width:100%;
    }
     .left_agence img{
         max-width:400px;
    }
     .right_agence{
         width:100%;
         padding-bottom:40px;
    }
     .fiche_presta ul li{
         font-size:20px;
    }
     .block_conseil{
         width:50%;
    }
     .full_section{
         padding:60px 0px;
    }
     .left_section, .right_section{
         width:100%;
    }
     .txt_full{
         padding:30px 0px;
    }
     .block_actu{
         display:block;
         width:100%;
         max-width:500px;
         margin:auto;
         margin-bottom:60px;
    }
     .left_pied{
         display:block;
         width:100%;
    }
     .right_pied{
         width:100%;
         display:block;
    }
     .section h4.title_section{
         font-size:25px;
         letter-spacing:3px;
    }
     .block_engagement{
         width:33.33333%;
         margin-bottom:20px;
    }
     .title_presta h3{
         font-size:26px;
         letter-spacing:2px;
    }
     .catch_presta{
         font-size:20px;
    }
     .catch_presta span{
         letter-spacing:2px;
    }
}
 @media screen and (max-width: 600px) {
     .bloc_presa{
         padding: 0 5px;
         width:100%;
    }
     .block_chiffre{
         width:50%;
         margin-bottom:20px;
    }
     .inline_desc img{
         display:block;
         margin:auto;
    }
     .list_dep{
         text-align:center!important;
         margin-left:0;
         margin-right:0px!important;
    }
     .inline_desc > span{
         width:100%;
         text-align:center;
         padding:0px;
         padding-top:20px;
    }
}
 @media screen and (max-width: 500px) {
     .bg_presta h5{
         padding: 0 15px;
         height:50px;
    }
     .bg_presta .icone{
         margin-bottom:30px;
    }
     .bg_presta .icone img{
         max-width:100%;
         padding:0 15px;
         height:auto;
    }
     .block_agence{
         width:100% 
    }
     .bg_presta{
         padding: 30px 0px;
         padding-bottom:40px;
    }
     .block_engagement{
         width:50%;
         margin-bottom:20px;
    }
     .PGS_SPECIALE_1 #paragraphe289 h3{
         font-size:25px;
         letter-spacing:2px;
    }
     .block_conseil{
         width:100%;
    }
     .form_search{
         padding: 0 15px;
    }
}
 @media screen and (max-width: 350px) {
     .block_chiffre, .block_engagement{
         width:100%;
         margin-bottom:20px;
    }
}
 @media screen and (max-width: 900px) {
     .left_footer_contact{
         width:100%;
         margin-bottom:40px;
    }
     .right_footer_contact{
         width:100%;
    }
     .left_footer_contact img, .right_footer_contact img{
         position:relative;
         top:0px;
         margin-bottom:30px;
    }
     .left_footer_contact, .right_footer_contact {
    }
     .left_footer_contact h6, .right_footer_contact h6{
         padding-bottom:40px;
         font-size:24px;
         padding:0 15px;
    }
     .left_footer_contact a, .right_footer_contact a{
         font-size:22px;
         padding:10px 20px;
    }
}