@font-face {
  font-family: 'Gilroy-Light';
  src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-Light.otf')  format('opentype'),
         url('../fonts/Gilroy-Light.woff') format('woff'), url('../fonts/Gilroy-Light.ttf')  format('truetype'), url('../fonts/Gilroy-Light.svg#Gilroy-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Gilroy-ExtraBold.otf')  format('opentype'),
         url('../fonts/Gilroy-ExtraBold.woff') format('woff'), url('../fonts/Gilroy-ExtraBold.ttf')  format('truetype'), url('../fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}



body
    {font-size: 16px; /*background: #f8f8f8;*/background: #fff;}

body, h1, h2, h3, h4, h5, h6
    {font-family: "Gilroy-Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400;}

.bigger
    {font-size: 15px; font-weight: 600;}

.smaller
    {font-size: 11px}

.clear
    {clear: both;}

a:hover
    {text-decoration: none;}

.btn {border-radius: 0px;}

.m0
    {margin: 0px;}

.mt0
    {margin-top: 0px;}

.mb0
    {margin-bottom: 0px;}

.p0
    {padding: 0px;}

.p10
    {padding: 10px;}

.p20
    {padding: 20px;}

.pt20
    {padding-top: 20px;}

.pb20
    {padding-bottom: 20px;}

/* WORDPRESS */
.alignnone
    {margin: 5px 20px 20px 0;}

.aligncenter, div.aligncenter
    {display: block; margin: 5px auto 5px auto;}

.alignright
    {float:right; margin: 5px 0 20px 20px;}

.alignleft
    {float: left; margin: 5px 20px 20px 0;}

.aligncenter
    {display: block; margin: 5px auto 5px auto;}

a img.alignright
    {float: right; margin: 5px 0 20px 20px;}

a img.alignnone
    {margin: 5px 20px 20px 0;}

a img.alignleft
    {float: left; margin: 5px 20px 20px 0;}

a img.aligncenter
    {display: block; margin-left: auto; margin-right: auto;}

.wp-caption
    {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}

.wp-caption.alignnone
    {margin: 5px 20px 20px 0;}

.wp-caption.alignleft
    {margin: 5px 20px 20px 0;}

.wp-caption.alignright
    {margin: 5px 0 20px 20px;}

.wp-caption img
    {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}

.wp-caption p.wp-caption-text
    {font-size: 11px; line-height: 17px; margin: 0;  padding: 0 4px 5px;}

blockquote
    {background: url('../img/quote.png') 7px 7px no-repeat; padding: 10px; border-left: 5px solid #DDD; text-indent: 22px;}

blockquote p
    {font-size: 13px; font-weight: 400;}

/* HEADER */
header .hidden-xs .bar
    {background: #847f6b; height: 31px; line-height: 31px; text-align: right;}
    
/* HEADER Pierre Démé*/
header .hidden-xs .bar2
    {background: #e33e3e; height: 31px; line-height: 31px; text-align: center; color:#FFF}
    
/* HEADER Fin Pierre Démé*/

header .hidden-xs .bar .container div
    {float: right;}

header .hidden-xs .bar .container div#votre-espace
    {background: url('../img/header-votre-espace-bg.png') repeat-x;}

header .hidden-xs .bar .container div#votre-espace a
    {display: block; padding: 0px 30px; height: 31px; color: #000; text-transform: uppercase; font-size: 11px;}

header .hidden-xs .bar .container div#votre-espace a:hover
    {background: rgba(255, 255, 255, .5); color: #555; text-decoration: underline;}

header .hidden-xs .bar .container div#rechercher
    {margin: 0px 10px; padding-top: 5px; line-height: 16px;}

header .hidden-xs .bar .container div#rechercher input[type=text]
    {background: #9c9781; padding: 0px 5px; border: 0px; color: #FFF; height: 20px;}

header .hidden-xs .bar .container div#rechercher button
    {background: #9c9781 url('../img/header-icon-search.png') center center no-repeat; border: 0px; height: 20px; width: 20px; vertical-align: bottom;}

header .hidden-xs .bar .container div#langue a
    {padding: 0px 20px; height: 31px; display: block; float: left; color: #FFF; font-size: 11px;}

header .hidden-xs .bar .container div#langue a.fr
    {border-right: 1px solid #706c5b;}

header .hidden-xs .bar .container div#langue a.en
    {border-left: 1px solid #9d9989; padding-right: 0px;}

header .hidden-xs .bar .container div#langue a:hover
    {color: #DDD;}

header .hidden-xs .bar .container div#social
    {padding-right: 50px}

header .hidden-xs .bar .container div#social a
    {padding: 0px 14px; height: 31px; display: block; float: left;  text-indent: 100%; white-space: nowrap; overflow: hidden; width: 16px; opacity: .5; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

header .hidden-xs .bar .container div#social a:hover
    {opacity: 1;}

header .hidden-xs .bar .container div#social a.facebook
    {background: url('../img/header-icon-facebook.png') center center no-repeat;}
    
header .hidden-xs .bar .container div#social a.youtube
    {background: url('../img/header-icon-youtube.png') center center no-repeat;}

header .hidden-xs .bar .container div#social a.scoop
    {background: url('../img/header-icon-it.png') center center no-repeat;}

header .hidden-xs .bar .container div#social a.google
    {background: url('../img/header-icon-google.png') center center no-repeat;}

header .hidden-xs .bar .container div#social a.twitter
    {background: url('../img/header-icon-twitter.png') center center no-repeat;}

header .hidden-xs .bar .container div#social a.linkedin
    {background: url('../img/header-icon-linkedin.png') center center no-repeat;}

header .hidden-xs .bar .container div#social a.viadeo
    {background: url('../img/header-icon-viadeo.png') center center no-repeat;}

 


header .hidden-xs hr
    {border-top: 1px solid #e0e0e0;}

header .hidden-xs .logo
    {margin-top: 15px;}

header .hidden-xs .contact
    {float: right; width: 315px; border-bottom: 1px solid #e0e0e0; margin-bottom: 35px; text-align: center; font-size: 16px; color: #666666; background: url('../img/icon-header-contact.png') left center no-repeat; padding: 20px 0px 0px 0px;}

header .contact .test .number
    {font-weight: bold;
     color: #0384ce;
     float: left;
    padding-left: 35px;
 }
 header .contact .test2 
    {
     color: #666666;
     float: left;
    padding-left: 35px;
 }
 header .contact .test2 .number
    {font-weight: bold;
     color: #0384ce;
    /*float: left;
    padding-left: 35px;*/
 }
 header .contact  .number
    {font-weight: bold;
     color: #0384ce;
 }
/*
header .hidden-xs #md-nav {height: 210px;}
*/
header .hidden-xs .menu ul
    {position: relative; float: right; list-style: none; margin: 0px; padding: 0px; font-size: 12px;}


.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-67 > a,.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-181 > a
    {color: #ffffff; font-weight: bold;background-color:#FC992F;}

ul#menu-footer li a
    {color : #fff;}

#octets
    {display: none; height: 210px;}

header .hidden-xs .menu ul li
    {float: left; padding: 0px 5px;}

header .hidden-xs .menu ul li a
    {display: block; padding: 5px; color: #888; text-transform: uppercase;}

header .hidden-xs .menu ul li.hover > a, header .hidden-xs .menu ul li.current-menu-ancestor > a, header .hidden-xs .menu ul.hover li.hover > a
    {background: #006cb2; color: #FFF;}

header .hidden-xs .menu ul.hover li > a
    {background: none; color: #888;}

header .hidden-xs .menu ul li ul
    {position: absolute; left: 0px; margin-top: 0px; display: none; z-index: 10; width: 100%;}

header .hidden-xs .menu ul li ul li:hover
    {background: none;}

header .hidden-xs .menu ul li ul li:hover a, header .hidden-xs .menu ul li ul li.current-menu-item a
    {background: none; color: #42B3E5;}

header .hidden-xs .menu ul.sub-menu a
    {padding-bottom: 15px; }

header .hidden-xs .menu ul li ul li.current-menu-item a, header .hidden-xs .menu ul.sub-menu li.current-menu-ancestor > a
    {background: none; color: #42B3E5; font-weight:bold;}

header .hidden-xs .menu ul li ul li a
    {text-transform: none;}

header .hidden-xs .menu ul li ul li a:hover
    {background: none; color: #036;}

header .hidden-xs .menu ul li.hover ul, header .hidden-xs .menu ul li.current ul
    {display: block; background: #f8f8f8; z-index: 1000;}

header .hidden-xs .top .menu ul li.hover ul, header .hidden-xs .top  .menu ul li.current ul
    {background: #fff;}

header .header-wrapper .contact
    {text-align: center; border-bottom: 1px solid #DDD;}


header .visible-xs .contact .container #header1
    {background: url('../img/icon-header-contact.png') left center no-repeat; height: 30px; line-height: 30px;}

 a #votre-espace2 {
        color: #FFF;
    display: inline-block;

    }

header .visible-xs .contact .container #votre-espace2
    {
       background-color: #FC992F;
    font-weight: bold;
    margin: auto;
    width: 140px;
    height: 30px;
    border: 0.7px solid #f8f8f8;

}
header .visible-xs .logo
    {background: #FFF; padding: 5px 0px;}

header .visible-xs .menu
    {background: #f6f6f6;}

header .visible-xs .menu #nav
    {display: none;}

header .visible-xs .menu ul
    {list-style-type: none; padding: 0px; background: #eee;}

header .visible-xs .menu ul li
    {display: block; padding: 0px; border-bottom: 1px solid #DDD; border-top: 1px solid #fff;}

header .visible-xs .menu ul li a
    {display: block; color: #666; padding: 10px 10px 10px 30px; margin: 0px 10px;}

header .visible-xs .menu ul li ul
    {display: none; background: #fafafa;}

header .visible-xs .menu ul li ul li
    {border-bottom: 0px solid #fff;}

header .visible-xs .menu ul li.menu-item-has-children > a
    {background: url('../img/icon-plus.png') left center no-repeat;}

header .visible-xs .menu ul li.menu-item-has-children > a.open
    {background: url('../img/icon-moins.png') left center no-repeat;}

#langue-mobile
    {float: right; background: none;}

header .hidden-xs .bar .container div#votre-espace-mobile
    {background: url('../img/header-votre-espace-bg.png') repeat-x;}

header .hidden-xs .bar .container div#votre-espace-mobile a
    {display: block; padding: 0px 30px; height: 31px; color: #000; text-transform: uppercase; font-size: 11px;}

header .hidden-xs .bar .container div#votre-espace-mobile a:hover
    {background: rgba(255, 255, 255, .5); color: #555; text-decoration: underline;}

/* ICON */
span.icon-arrow-right
    {display: inline-block; height: 5px; width: 8px; background: url('../img/icon-arrow-right.png');}

/* WIDGET */
.fixed-content
    {position: fixed; top: 222px;}

.fixed-pub
    {margin-left: -160px;}

.widget-event h4
    {background: url('../img/underline-blue.png') bottom left no-repeat; padding-bottom: 10px;}

.widget-event .date
    {background: url('../img/widget-event-date-bg.png') top left no-repeat; width: 80px; height: 29px; display: block; font-size: 11px; text-align: center; color: #FFF; padding: 5px 0px; margin-top: 15px;}

.widget-event h5
    {font-weight: 600; color: #000; margin-bottom: 0px;}

.widget-event span.ville
    {font-weight: bold;}

.widget-event p
    {font-size: 11px; margin-top: 0px; margin-bottom: 20px; color: #555;}

.widget
    {margin-bottom: 20px;  padding: 24px;}

.widget_text
    {background: #42b3e5; color: #FFF; list-style-type: none; font-size: 18px;}

    /* MODIF Pierre */
    
.widget_text .textwidget
    {font-size: 11px;}
    
.widget_text .textwidget a
    {font-size: 12px; color: #FFF; }
    
    /* FIN MODIF Pierre */


.widget h4
    {margin-top: 0px; color: #FFF;}

.widget-orange
    {background: #fc992f; color: #FFF;font-weight:bold;font-size:14px;}
.icon-contact-widget
    {background: url('../img/icon-tel-widget.png') left center no-repeat; margin-left: 0px; padding-left: 40px; text-align: left;}
.icon-mail-widget
    {height:30px;line-height:30px;background: url('../img/icon-mail.png') left center no-repeat; margin-left: 0px; padding-left: 40px; text-align: left;}
.widget-orange a
    {color:#FFF;}
.widget-orange a:hover
    {text-decoration:underline;}
.widget-blue
    {background: #42b3e5; color: #FFF;}

.widget-blue input[type=text]
    {margin-bottom: 10px; border: none; padding: 2px; width: 100%;}

.widget-blue .btn, .widget-brown .btn
    {border: 1px solid #FFF; color: #FFF; background: none; padding: 7px; font-size: 13px;}

.widget-blue .btn:hover, .widget-brown .btn:hover
    {border: 2px solid #FFF; padding: 6px;}

.widget-brown
    {background: #aea682;}

.widget-brown .btn
    {font-size: 13px; margin-top: 5px;}

#widget-club
    {position: relative; padding-top: 80px; font-size: 15px; color: #FFF;}

#widget-club img
    {display: block; position: absolute; top: -14px; left: 5px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}

#widget-club:hover img
    {top: -12px; -webkit-transform:rotate(15deg);  -moz-transform:rotate(15deg); -o-transform:rotate(15deg); }

#widget-club:hover a
    {text-decoration:underline;}

#widget-simulation , #widget-newsletter
    {position: relative; padding-top: 18px}

#widget-newsletter #clutch2 , #widget-newsletter #clutch3
    {display: none;}

#widget-simulation img, #widget-newsletter img
    {display: block; position: absolute; top: 5px; left: 5px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}

#widget-simulation h4 , #widget-newsletter h4
    {padding-left: 50px; padding-bottom: 15px; font-size: 15px;}

#widget-offres
    {padding-left: 90px; background:  #aea682 url('../img/widget-offres-bg.png') bottom left no-repeat;}

#widget-offres h4
    {font-size: 15px;}

#numOffres
    {font-size: 16px; line-height: 100%;}

#content.contactPage h2.adword
    {color: #000; border-left: 2px solid #43b3e5; padding-left: 15px; font-size: 15px; text-transform: uppercase; margin: 0px; padding-top: 0px; margin-bottom: 15px;}

#content.contactPage #bareme
    {background: #FFF; color: #666; border: 1px solid #a6a6a6; margin-right: 0px;}

#content.contactPage #bareme h2.home
    {color: #666; background: url(../img/adwords-bareme.png) left center no-repeat; padding: 8px 5px 8px 45px;}

#content.contactPage #offres
    {text-align: left;}

#content.contactPage #offres .col-sm-4
    {padding-right: 0px;}

#content.contactPage #offres .col-sm-8
    {padding-left: 0px; margin-bottom: 55px;}

#content.contactPage #offres .col-sm-8.last
    {margin-bottom: 0px;}

#content.contactPage #offres div.icon
    {height: 70px; width: 70px; padding: 20px;}

#contactADWORDS .widget
    {font-weight: bold; margin-right: 0px;}

#contactADWORDS .widget h4
    {font-weight: bold;}

#contactADWORDS
    {padding-right: 90px; background: #aea682 url('../img/widget-offres-bg.png') 90% 10px no-repeat; height: 120px;}

#contactADWORDS h4
    {font-weight: bold;}

#contactADWORDS .number
    {display: block; font-size: 18px; color: #000; background: url('../img/icon-header-contact.png') left center no-repeat; padding: 5px 0px 5px 60px; margin-top: 10px; font-weight: bold;}

.widget-brown a, .widget-blue a
    {color: #FFF;}

.widget-brown a:hover, .widget-blue a:hover
    {color: #EEE;}

.widget-event h5 a, .widget-actualite h5 a , .widget-event h5, .widget-actualite h5
    {color: #000; line-height: 20px; margin-top: 0px;}

.widget-event h5 a:hover, .widget-actualite h5 a:hover
    {text-decoration: underline;}


/* CONTENT */
#content
    {color: #171717; font-size: 16px;}
	
#content p strong{
	color:#171717;
}	

#content p b{
	color:#171717;
}	

#content img
    {max-width: 100%; height: auto;}

#content hr
    {margin-top: 50px; margin-bottom: 30px;}

#content hr.sp
    {margin-top: 20px; margin-bottom: 20px;}

#content h1
    {
        /*background: url('../img/underline-blue.png') bottom left no-repeat; */
        padding-bottom: 10px; 
        font-size: 26px; 
        color: #000;

        /*new style*/
        font-family: 'Gilroy-ExtraBold';
        font-size: 27px;
        color: #0065AE;
        text-transform: uppercase;
    }

#content h2
    {
        /* background: url('../img/underline-grey.png') top left no-repeat;  */
        padding-top: 15px; 
        margin-top: 25px; 
        font-size: 24px; color: #0065AE !important; 
        font-family: 'Gilroy-ExtraBold';
        font-weight: 600;
    }

#content h2:first-of-type
    {background:none;}

#content h1.home
    {font-size: 18px; background: url('../img/underline-blue.png') bottom left no-repeat; padding-bottom: 10px; color: inherit; font-weight: normal;}

#content h2.home
    {font-size: 18px; background: url('../img/underline-blue.png') bottom left no-repeat; padding-bottom: 10px; color: inherit; font-weight: normal;}

#content h2.titreActu
    {background: url('../img/underline-grey.png') top left no-repeat; padding-top: 15px; margin-top: 25px; margin-bottom: 3px;}

#content h3
    {font-size: 14px; color: #116A91; font-weight: 600;}

#content .dateActu
    {font-size: 11px; color: #116A91;margin-bottom:10px;display:block;}

#content table#lighttab
    {width: 90%; border-top: 1px solid #42b3e5; margin: 20px auto;}

#content table#lighttab td
    {border-bottom: 1px solid #CCC; padding: 8px 0px; width: 50%;}


#content p.schemaSansFlecheDessous
    {text-align:center;padding-bottom:20px;}

#content p.schemaFlecheDessous
    {text-align:center;padding-bottom:40px;background: url('../img/separator.png') bottom 5px center no-repeat;}

#content p.schemaMinDessous
    {text-align:center;padding-bottom:40px;background: url('../img/separator-min.png') bottom 5px center no-repeat;}

#content p.schemaSumDessous
    {text-align:center;padding-bottom:40px;background: url('../img/separator-sum.png') bottom 5px center no-repeat;}

#content p.schemaFlecheDessous:hover, #content p.schemaSansFlecheDessous:hover, #content p.schemaMinDessous:hover, #content p.schemaSumDessous:hover
    {background-position: center bottom 1px; background-color:#EEEEEE;}

.article_excerpt
    {margin-bottom:20px;}

.article_excerpt h2
    {background: url('../img/underline-grey.png') top left no-repeat !important; }

.archive-articles p
    {margin-top:10px;}

.archive-articles img.attachment-post-thumbnail
    {float:left;padding:10px;margin-right:10px;max-width:120px !important;height:auto;border:1px solid #EEEEEE;background:#ffffff;}

table.reunions
    {width: 100%;}

table.reunions th
    {text-align: center; color: #FFF; background: #6acaed; padding: 8px; font-size: 14px; font-weight: normal;}

table.reunions td
    {text-align: center; padding: 8px; background: #eee;}

table.reunions tr.altern td
    {background: #e3e3e3;}



#mosaic .item
    {border: 1px solid #EEE; background: #FFF;}

#mosaic .item .title
    {display: none;}

#mosaic.mosaic-video .item
    {border: none; background: none; text-align: left; margin-bottom: 10px;}

#mosaic.mosaic-video .item img
    {width: 100%; height: auto; border: 1px solid #CCC; padding: 4px; background: #FFF;}

#mosaic.mosaic-video .item a
    {}

#mosaic.mosaic-video .item a:hover .title
    {color: #006cb2;}

#mosaic.mosaic-video .item .itemdiv
    {position: relative;}

#mosaic.mosaic-video .item .title
    {display: block; text-transform: uppercase; padding: 6px 4px 0px 4px;  font-size: 12px; color: #333; font-weight: 700; line-height: 16px; height: 80px;}

#mosaic.mosaic-video .item .date
    {color: #FFF; position: absolute; text-transform: uppercase; font-size: 11px; top: 0px; font-weight: bold; text-align: right; display: block; padding: 3px; background: rgba(0, 0, 0, .3); width: 100%;}


p cite
    {background-color: #FFF;border-left:3px solid #42B3E5; display: block; font-style: italic; margin: 0 20px; margin-left: 8%; padding: 5px; width: 75%;}

p cite:hover
    {background-color: #EEEEEE;-webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; -ms-transition: all .4s linear; transition: all .4s linear;}

p.featured
    {background-color: #EEEEEE; border: 1px solid #999999; margin-left: 5%; padding: 8px; width: 90%;}

p.featured:hover
    {background-color: #dddddd; border: 1px solid #42B3E5; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}

ul.arrow
    {list-style-type:none;margin-left: 20px;}

ul.arrow li
    {padding: 5px 0 5px 0;}

ul.arrow li:before
    {background-color: #42B3E5; background-image: url("../img/arrow-bullet.png"); background-position: center center; background-repeat: no-repeat; border-radius: 75px; content: " "; display: inline-block; float: left; height: 18px; margin-left: -25px; margin-right: 0; width: 18px;}

ul.arrow li:hover:before
    {margin-left:-22px;-webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear;}

#carte-large
    {max-width: 452px; margin: auto; position: relative;}

#carte-large a
    {display: block; position: absolute; top: 0px; left: 0px; color: #FFF; font-size: 14px; text-shadow: 1px 1px 0px #006cb2;}

#carte-large a.lille
    {top: 8%; left: 50%; padding-top: 12px; background: url('../img/carte-france-large-puce.png') center top no-repeat; }

#carte-large a.paris
    {top: 28%; left: 55%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.nantes
    {bottom: 50%; left: 25%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.lyon
    {top: 55%; left: 70%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.toulouse
    {top: 78%; right: 50%; left: auto; padding-right: 15px; background: url('../img/carte-france-large-puce.png') center right no-repeat; }

#carte-large a.marseille
    {bottom: 17%; left: 74%; top: auto; padding-bottom: 10px; background: url('../img/carte-france-large-puce.png') center bottom no-repeat; }
    
#carte-large a.angers
     {bottom: 53%; left: 29%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
     
#carte-large a.mans
     {bottom: 55%; left: 40%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
     
#carte-large a.bourges
    {top: 41%; left: 55%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.caen
    {top: 21%; left: 40%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.dijon
    {top: 39%; left: 67%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.grenoble
    {top: 59%; left: 73%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.rochelle
    {bottom: 45%; left: 25%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.nancy
    {top: 31%; left: 75%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.quimper
     {bottom: 55%; left: 15%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.reims
    {top: 22%; left: 65%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.perpignan
    {top: 87%; left: 55%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.brest
    {top: 31%; left: 6%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.bordeaux
    {bottom: 25%; left: 31%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.orleans
    {top: 34%; left: 55%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.havre
    {top: 16%; left: 41%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

#carte-large a.versailles
    {top: 31%; left: 53%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.nimes
    {bottom: 20%; left: 68%; top: auto; padding-bottom: 10px; background: url('../img/carte-france-large-puce.png') center bottom no-repeat; }

#carte-large a.nice
    {bottom: 19%; left: 87%; top: auto; padding-bottom: 10px; background: url('../img/carte-france-large-puce.png') center bottom no-repeat; }

#carte-large a.vannes
    {top: 38%; left: 16%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.toulon
    {bottom: 15%; left: 76%; top: auto; padding-bottom: 10px; background: url('../img/carte-france-large-puce.png') center bottom no-repeat; }
    
#carte-large a.rouen
    {top: 19%; left: 45%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.rennes
    {bottom: 60%; left: 25%; top: auto; padding-bottom: 30px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }
    
#carte-large a.montpellier
    {bottom: 17%; left: 60%; top: auto; padding-bottom: 10px; background: url('../img/carte-france-large-puce.png') center bottom no-repeat; }
    
#carte-large a.montauban
    {top: 72%; right: 51%; left: auto; padding-right: 15px; background: url('../img/carte-france-large-puce.png') center right no-repeat; }

#carte-large a.metz
    {top: 24%; left: 75%; padding-left: 15px; background: url('../img/carte-france-large-puce.png') center left no-repeat; }

ul.info-bureau
    {list-style-type: none; margin: 15px 0px; padding: 0px;}

ul.info-bureau li.strong
    {font-weight: bold; color: #00438f;}

/* SLIDER */
#slider
    {position: relative; margin-bottom: 30px;}

#slider ul
    {list-style-type: none; margin: 0px; padding: 0px;}

#slider #slides
    {position: relative; width: 100%; height: 330px; border: 1px solid #52bdeb; z-index: 3;}

#slider #slides li , #slider #slides .oldLi
    {position: absolute; width: 100%; height: 328px; z-index: 3; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

#slider #slides li.current , #slider #slides .oldLi.current
    {z-index: 4; opacity: 1;}

#slider #slides li p , #slider #slides .oldLi p
    {max-width: 400px; padding: 30px; color: #FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, .2); font-size: 2em; font-weight: 300;}

#slider #slides li p.bluetypo , #slider #slides .oldLi
    {color: #006CB2;}

#slider #tabs
    {position: relative; margin-top: -80px; overflow: hidden; height: 162px;}

#slider #tabs .oldLi
    {position: absolute; color: #666; text-decoration: none; bottom: 0px; display: block; float: left; width: 32%; background: #FFF; z-index: 6; border: 1px solid #DDD;  -webkit-transition: bottom .4s ease; -moz-transition: bottom .4s ease; -ms-transition: bottom .4s ease; -o-transition: bottom .4s ease; transition: bottom .4s ease; cursor: pointer;}

#slider #tabs .oldLi.middle
    {margin-left: -16%; left: 50%;}

#slider #tabs .oldLi.last
    {right: 0px;}

#slider #tabs .oldLi span.title
    {display: block; height: 80px; padding: 20px 0px 20px 18px; font-size: 18px; line-height: 20px;}

#slider #tabs .oldLi span.title img
    {margin-right: 10px; vertical-align: bottom;}

#slider #tabs .oldLi span.title div.tab-icon
    {float: left; position: relative; overflow: hidden;}

#slider #tabs .oldLi span.title div.tab-icon-background
    {position: absolute; background: #52bde9; height: 84px; width: 42px; top: 0px; z-index: -1; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}

#slider #tabs .oldLi span.title div.tab-icon-background div.tab-icon-background-native
    {display: block; height: 42px; width: 42px; background: #6f6e6c;}

#slider #tabs .oldLi:hover span.title div.tab-icon-background, #slider #tabs .oldLi.current span.title div.tab-icon-background
    {top: -42px;}

#slider #tabs .oldLi div.more
    {display: block; padding: 0px 20px 0px 20px; height: 0px; overflow: hidden; -webkit-transition: height .4s, padding .4s; -moz-transition: height .4s, padding .4s; -ms-transition: height .4s, padding .4s; -o-transition: height .4s, padding .4s; transition: height .4s, padding .4s;}

#slider #tabs .oldLi div.more span
    {display: block; background: #52bde9 url(../img/slider-arrow.png) right center repeat-y; padding: 6px 27px 6px 6px; color: #FFF;}

#slider #tabs .oldLi div.more div.arrow
    {float: right; background: #7fcae9; padding: 6px 10px; color: #FFF; font-weight: 700;}

#slider #tabs .oldLi.current
    {z-index: 5; cursor: auto;}

#slider #tabs .oldLi.current div.more
    {height: 80px; padding: 20px;}

#offres div.icon
    {margin: auto; cursor: pointer; margin-top: 20px; padding: 35px; height: 115px; width: 115px; background: #ccc; border-radius: 115px;-webkit-transition: box-shadow .2 ease; -moz-transition: box-shadow .2 ease; -ms-transition: box-shadow .2 ease; -o-transition: box-shadow .2 ease; transition: box-shadow .2 ease;}

#offres div.icon:hover
    {padding: 32px;}

#offres div.icon.red
    {background: #fe3838;}

#offres div.icon.orange
    {background: #fc992f;}

#offres div.icon.blue
    {background: #52bde9;}

#offres div.icon.green
    {background: #9ed15c;}

#offres div.icon.purple
    {background: #7a85ea;}

#offres div.icon.red:hover
    {border: 3px solid #FFF; box-shadow: 0px 0px 0px 2px #fe3838;}

#offres div.icon.orange:hover
    {border: 3px solid #FFF; box-shadow: 0px 0px 0px 2px #fc992f;}

#offres div.icon.blue:hover
    {border: 3px solid #FFF; box-shadow: 0px 0px 0px 2px #52bde9;}

#offres div.icon.green:hover
    {border: 3px solid #FFF; box-shadow: 0px 0px 0px 2px #9ed15c;}

#offres div.icon.purple:hover
    {border: 3px solid #FFF; box-shadow: 0px 0px 0px 2px #7a85ea;}

#offres div.icon-big
    {margin: auto; cursor: pointer; margin-top: 4px; padding: 10px; height: 115px; width: 115px; border-radius: 7px;}

#offres div.icon-big.red
    {border: 3px solid #fe3838; background: url('../img/offres/icon-big-reunions.png') center center no-repeat;}

#offres div.icon-big.orange
    {border: 3px solid #fc992f; background: url('../img/offres/icon-big-comite.png') center center no-repeat;}

#offres div.icon-big.blue
    {border: 3px solid #52bde9; background: url('../img/offres/icon-big-missions.png') center center no-repeat;}

#offres div.icon-big.green
    {border: 3px solid #9ed15c; background: url('../img/offres/icon-big-consultants.png') center center no-repeat;}

#offres div.icon-big.purple
    {border: 3px solid #7a85ea; background: url('../img/offres/icon-big-formations.png') center center no-repeat;}

#offres a.ombre
    {background: url('../img/offres/icon-big-ombre.png') center bottom no-repeat; padding-bottom: 20px; display: block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

#offres a.ombre:hover
    {transform:translate(0,10px); -ms-transform:translate(0,10px); -webkit-transform:translate(0,10px);}
#offres p
    {margin: 0px;}

#offres p.bigger
    {margin-top: 20px; color: #000;}

#offres p.smaller
    {margin-top: 5px; color: #555;}

#domaines a
    {display: block; background: #aea682; padding: 10px; font-size: 12px; color: #FFF; height: 100px; margin-bottom: 10px; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  -o-hyphens: auto;  hyphens: auto; }

#domaines a img
    {float: left; margin-right: 10px;}

#domaines.row
    {margin: 0px -5px;}

#domaines.row .col-lg-4, #domaines.row .col-sm-6
    {padding: 0px 5px;}


/* CONTACTEZ NOUS */
form .fieldset
    {background: #FEFEFE; border-left: 1px solid #eee; border-right: 1px solid #eee; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding-bottom: 5px;}

form .fieldset.border-bottom
    {border-bottom: 1px solid #eee; margin-bottom: 10px;}

form .fieldset h3
    {border-bottom: 1px solid #eee; margin-top: 0px; padding: 9px; font-size: 16px; background: #0065ae; color:#fff !important; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

form .fieldset:hover
    {background: #FBFBFB; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4;}

form .fieldset .form-group
    {margin-bottom: 12px;}

form .fieldset .form-group label
    {font-weight: bold; padding-top: 0px;}

form .fieldset .form-group span
    {font-weight: normal;}

form .fieldset .form-group p
    {margin: 0px;}

/* REFERENCES */
.jcarousel-wrapper
    {position: relative;}

.jcarousel
    {position: relative; overflow: hidden; width: 80%; left: 10%; border: 1px solid #EEE;}

.sidebarbar .jcarousel
    {width: 100%; left: 0%;}

.jcarousel ul
    {width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}

.jcarousel li
    {float: left; background: #FFF;}

.jcarousel li img
    {display: block; min-width: 100%; max-width: 100%; width: auto; height: auto !important; opacity: .4; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}

.jcarousel li:hover img
    {opacity: 1;}

.sidebarbar .jcarousel-control-next , .sidebarbar  .jcarousel-control-prev
    {display: none;}

.sidebarbar .jcarousel li img
    {opacity: 1;}

.jcarousel-control-prev, .jcarousel-control-next
    {position: absolute; top: 50%; margin-top: -17px; width: 34px; height: 34px; text-align: center; background: #FFF; color: #DDD; text-decoration: none; font-size: 24px; line-height: 28px; border: 1px solid #EEE;}

.jcarousel-control-prev:hover, .jcarousel-control-next:hover
    {color: #107fc9;}

.jcarousel-control-prev
    {left: 15px;}

.jcarousel-control-next
    {right: 15px;}

#carte
    {background: #006cb2; padding: 10px; color: #FFF; font-size: 14px;}

#carte h2
    {margin-top: 0px; margin-bottom: 20px; background: url('../img/underline-white.png') bottom left no-repeat;}

#carte h2.home
    {margin-top: 0px; margin-bottom: 20px; background: url('../img/underline-white.png') bottom left no-repeat;}

#carte-bg
    {width: 100px; height: 120px; background: url('../img/carte-france.png') top center no-repeat; margin: auto; position: relative;}

#carte-bg a
    {position: absolute;}

#carte-bg a div
    {position: relative;}

#carte-bg a span.point
    {background: #5599CC; display: block; border: 1px solid #FFF; width: 8px; height: 8px; border-radius: 8px;  margin: 0px 4px 4px 0px; display: block;}

#carte-bg a span.nom
    {display: none; float: left; z-index: 5; position: absolute; top: -20px; left: 4px; background: url('../img/tooltip.png') bottom left no-repeat; color: #FFF; padding: 0px 6px; padding-bottom: 3px; }

#carte-bg a:hover span.nom
    {display: block;}

#carte-txt
    {text-align: center;}

#bareme
    {background: #aea682;color:#ffffff;padding: 10px;}

#bareme h2.home
    {font-size: 18px; background: none; padding:0;margin:10px 0 0 0; color: #ffffff; font-weight: normal;}

#bareme ul
    {padding:0 0 0 20px;margin:0; list-style-type: none;}

#bareme li
    {line-height:24px;font-size:13px;}

#bareme li strong
    {font-size:14px;}

.widget-actualite
    {padding-top: 10px;}

.widget-actualite h2.home, .widget-actualite h4.home
    {margin-top: 0px; background: url('../img/underline-blue.png') bottom left no-repeat; padding-top: 0px; font-size: 18px; padding-bottom: 10px; color: inherit; font-weight: normal;}

.widget-actualite .date
    {background: url('../img/widget-event-date-bg.png') top left no-repeat; width: 80px; height: 29px; display: block; font-size: 11px; text-align: center; color: #FFF; padding: 5px 0px; margin-top: 15px;}

.widget-actualite h5
    {float: left; margin-bottom: 3px; font-weight: 600; line-height: 20px; color: #000; margin-top: 0px;}

.widget-actualite p
    {clear: both; font-size: 11px; margin-top: 0px; margin-bottom: 20px; color: #555;}

.widget-temoignage
    {font-style: italic; margin-top: 20px;}

.widget-temoignage h4
    {margin-top: 0px; padding-top: 0px; font-size: 16px; padding-bottom: 10px; color: #006cb2; font-weight: 600;}

.widget-temoignage h4 span.fonction
    {font-size: 14px; color: #767676; font-weight: 400;}

.widget-temoignage-message
    {float: left; width: 75%; background: url('../img/widget-temoignage-bg-photo.png') top right no-repeat;}

.widget-temoignage-message div.widget-temoignage-contenu
    {padding-right: 60px;}

.widget-temoignage-message div.widget-temoignage-contenu div
    {padding-bottom: 15px; padding-right: 5px; background: url('../img/widget-temoignage-bg-quote.png') bottom right no-repeat;}

.widget-temoignage-photo
    {float: right; width: 25%; padding-left: 15px;}

.widget-temoignage-photo img
    {max-width: 100%; height: auto;}


.page-id-29 hr
    {clear: both;}

.page-id-9 .tab
    {padding-left: 0px}

.h2upper h2 {text-transform: uppercase;}

#filters
    {color: #000; font-size: 16px;}

#filters a
    {cursor: pointer;}

#filters a.current
    {color: #222;}

/* TABLEAUX */
td.titre
    {font-size: 16px;}

ul.tab
    {list-style-type: none; margin: 0px; margin-bottom: 30px;}

ul.tab li.tab-title
    {color: #FFF; padding: 10px 0px; background: #6acaed; padding: 8px; font-size: 16px;}

ul.sombre li.tab-title
    {background: #0484cf;}

ul.tab li
    {background: #e3e3e3; padding: 5px;}

ul.tab li.row-grey
    {background: #eee;}

ul.tab.offres li
    {color: #333; padding: 5px 10px;}

ul.tab.offres li.tab-title
    {padding-left: 70px; height:60px; font-size: 16px; color: #FFF;display: table; width:100%; overflow: hidden;margin-bottom:10px;}

ul.tab.offres li.tab-title .alignMiddle
    {display: table-cell; vertical-align: middle;}


ul.tab li.offres-rouge
    {background: url('../img/icon-offre-gestion.png') 5px center no-repeat; color:#fe3838 !important;}

ul.tab li.offres-orange
    {background: url('../img/icon-offre-consultant.png') 5px center no-repeat; color:#fc992f !important;}

ul.tab li.offres-bleu
    {background: url('../img/icon-offre-coaching.png') 5px center no-repeat; color:#004f9a !important;}

ul.tab li.offres-bleu-club
    {background: url('../img/icon-offre-club.png') 5px center no-repeat; color:#004f9a !important;}

/* FOOTER */
footer
    {background: #3e3b32; margin-top: 30px;}

footer .hidden-xs
    {font-size: 0.9em;}

footer .footer-menu-bg-l
    {background: url('../img/footer-menu-bg.png') top left repeat-y;}

footer .footer-menu-bg-r
    {background: url('../img/footer-menu-bg.png') top right repeat-y;}

footer .footer-txt-bg-l
    {background: url('../img/footer-txt-bg.png') top left repeat-y;}

footer .footer-txt-bg-r
    {background: url('../img/footer-txt-bg.png') top right repeat-y;}

footer .menu
    {background: #42b3e5; height: 100px; font-size: 0.9em;}

footer .menu ul
    {list-style: none; margin: 0px; padding: 30px 0px 0px 10px;}

footer .menu ul li
    {float: left; padding: 13px 10px;}

footer .menu ul li a
    {display: block; color: #ffffff; text-transform: uppercase;}

footer .contact
    {height: 100px; padding: 30px 0px 30px 40px; color: #FFF; background: #006cb2;}

footer .contact .icon-contact
    {background: url('../img/icon-footer-contact.png') left center no-repeat; margin-left: 0px; padding-left: 40px; padding-right: 20px; text-align: left;}

footer .contact .icon-contact .number
    {color: #000; font-weight: bold; white-space:nowrap;}

footer .txt
    {background: #282820; color: #707070;}

footer .sitemap h5
    {color: #FFF; background: url('../img/underline-blue.png') bottom left no-repeat; padding-bottom: 10px;}

footer .sitemap ul
    {padding-left: 20px; list-style: url('../img/icon-arrow-right.png'); color: #FFF;}

footer .sitemap ul li
    {margin-bottom: 5px;}

footer .sitemap ul li a
    {display: block;}

footer .container.info
    {color: #707070;}

footer .container.info hr
    {border-top: 1px solid #333;}

footer .container.info ul
    {list-style: none; margin: 0px; padding: 0px;}

footer .container.info ul li
    {float: left; padding: 0px 20px 20px 0px;}

footer .container.info ul li a
    {display: block; color: #707070; text-transform: uppercase;}

footer img.logo
    {float: right;}


footer .visible-xs img.logo
    {float: none; text-align: center; margin: auto; max-width: 100%;}

footer .visible-xs .contact
    {background: #006cb2; color: #EEE; height: auto; padding: 0px; text-align: center; border-top: 1px solid #48C;}

footer .visible-xs .contact .container div
    {background: url('../img/icon-header-contact.png') left center no-repeat; height: 30px; line-height: 30px;}

footer .visible-xs .contact .container a
    {color: #FFF;}

footer .visible-xs .contact .number
    {font-weight: bold; color: #FFF;}


/* RESPONSIVE */
.menu-item-67
    {display: inline-block;}

.menu-item-181
    {display: none;}

#menu-item-181
    {display: none;}

/* Chiffres */
.chiffreBackgroundHover
    {padding:5px;}

.chiffreBackgroundHover:hover
    {transition: background-color 0.5s ease; background-color:#e7e7e7;}
#content .chiffres
    {color: #424242;}

#content .chiffres hr
    {margin-top: 20px; margin-bottom: 20px;}

#content .chiffres-col-1
    {float: left; width: 36%; margin-right: 5%; padding: 5px;}

#content .chiffres-col-2
    {float: left; width: 28%; margin-right: 5%; padding: 5px;}

#content .chiffres-col-3
    {float: left; width: 25%; padding: 5px;}

#content .chiffres-bleu
    {color: #004f9a;}

#content .chiffres-size-17
    {font-size: 17px; line-height: 21px;}

#content .chiffres-size-18
    {font-size: 18px; line-height: 21px;}

#content .chiffres-size-22
    {font-size: 22px; line-height: 24px;}

#content .chiffres-size-20
    {font-size: 20px; line-height: 24px;}

#content .chiffres-size-24
    {font-size: 24px; line-height: 24px;}

#content .chiffres-size-28
    {font-size: 28px; line-height: 28px;}

#content .chiffres-size-30
    {font-size: 30px; line-height: 30px;}

#content .chiffres-size-37
    {font-size: 37px; line-height: 37px;}

#content .chiffres-size-48
    {font-size: 48px; line-height: 48px;}

#content .chiffres-size-60
    {font-size: 60px; line-height: 60px;}

#content .chiffres-extrabold
    {font-weight: 900;}

/* Expertise ABC */
#content .expertise-abc
    {font-family: arial;}

#content .expertise-abc .element div.table-middle
    {min-height: 95px; display: table;}

#content .expertise-abc .element div.table-middle div
    {vertical-align: middle; display: table-cell; }

#content .expertise-abc img
    {float: left; margin-right: 10px; padding-top: 7px;}

#content .expertise-abc strong
    {color: #0f59a0;}

#content .expertise-abc hr
    {margin-top: 0px; margin-bottom: 10px; clear: left;}
    

/* Ajout Pierre Page Info Portage */


#text-3 {
    background: #aea682;
    font-size: 15px;
    padding-bottom: 15px;
    margin-bottom:10px;
}

#text-3 .textwidget {
    font-size: 12px;
    margin-left:-10px;
    text-decoration:none;
    color:#000;
}

#text-3 .textwidget a {
    color:#000;
}

#text-3 .textwidget p {
    margin-top:5px;
}


@media only screen and (max-width: 767px)  {
    #slider #slides
        {height: auto;}

    #slider #slides li
        {position: inherit; display: block; opacity: 1;}

    #slider #slides li
        {position: inherit; display: block; opacity: 1;}

    .menu-item-67
        {display: inline-block;}

    .visible-clearfix
        {display: block;}

    .jcarousel li img
        {opacity: 1;}

    .page-id-33 .widget-event
        {display: none;}

    #widget-simulation h4 , #widget-newsletter h4
        {padding-bottom: 30px;}

    #widget-club:hover img
        {top: -14px; -webkit-transform:rotate(0deg);  -moz-transform:rotate(0deg); -o-transform:rotate(0deg); }

    #carte-bg a:hover span.nom
        {display: none;}

    #carte-bg
        {margin: 0px;}

    #carte-liste
        {float: right; width: 150px; font-size: 12px;}

    #carte-liste a
        {display: block; color: #FFF;}

    .widget-orange
        {font-size:12px;}

    .widget-temoignage-contenu
        {padding-right: 0px;}

    .widget-temoignage-message
        {float: none; width: 100%; padding-right: 0px; background: none;}

    .widget-temoignage-photo
        {display: none;}

    #content .chiffres-col-1
        {float: none; width: 100%; margin-right: 0%; padding: 0px;}

    #content .chiffres-col-2
        {float: none; width: 100%; margin-right: 0%; padding: 0px;}

    #content .chiffres-col-3
        {float: none; width: 100%; padding: 0px;}
}


/* Cela pourrait vous intéresser */

.zem_rp_content {
    margin-top:3%;
    
}



/******************************/
/*  RESET CSS + CLASSES             */
/******************************/
.home a { noFocusLine: expression(this.onFocus=this.blur());outline: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-decoration: none;}
.home a:hover { text-decoration: none;}
.home *:focus, a:focus { outline: none !important; border: none;}
.home *::-moz-focus-inner {border: none;}
img, *[contenteditable=true] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
::-moz-selection    { color: #FFFFFF; background: #32c3e5; }
::selection         { color: #FFFFFF; background: #32c3e5; } 
p::-moz-selection { color: #FFFFFF; background: #32c3e5; }
p::selection      { color: #FFFFFF; background: #32c3e5; }

.home input,.home select,.home textarea { outline: none !important; -webkit-appearance:none !important; box-shadow: none;}
.home input:focus,.home select:focus,.home textarea:focus { outline: none !important; -webkit-appearance:none !important; box-shadow: none !important;}
.home *:focus {outline: 0 !important; outline: none !important; outline-offset: none !important;}
.home input::-moz-focus-inner,.home select::-moz-focus-inner { border: 0;}
*::-moz-focus-inner { border: none !important; outline: none !important;}

.home input:focus::-webkit-input-placeholder { color:transparent;}
.home input:focus:-moz-placeholder { color:transparent;} /* FF 4-18 */
.home input:focus::-moz-placeholder { color:transparent;} /* FF 19+ */
.home input:focus:-ms-input-placeholder { color:transparent;} /* IE 10+ */

.home .clear { clear: both;}
.home p { color: #8E847D; font-size: 16px; line-height: 18px;}
.home p strong { color: #fe9a18;}
.home p.right { text-align: right;}
.home p a.btn,
.home a.btn { font-size: 12px; background: #0063b1; display: inline-block; border-radius: 50px; color: #FFFFFF; padding: 8px 25px; margin: 0; box-shadow: 0 0 0 2px rgba(255,255,255,.0); font-weight: bold;}
.home p a.btn:hover,
.home a.btn:hover { background: #f49838; color: #FFFFFF;}

.home .justify,
.home p.justify { text-align: justify;} 

.home .jumbotron { padding-top: 40px; padding-bottom: 40px; background: #f5f5f5; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit;}
.home .jumbotron-light { background: #FFFFFF;}

header .hidden-xs hr { display: none;}
body { animation: fadeIn 300ms;}
@keyframes fadeIn {
    from { opacity:0;}
    to { opacity:1;}
}

/******************************/
/*  HEADER                                      */
/******************************/
.mega-menu-Sticky header #md-nav .menu { display: none;}
header #md-nav.top .menu { display: block;}
header #md-nav.top #mega-menu-wrap-Sticky { display: none !important;}

header .hidden-xs .logo { margin: 20px 0;}
header .hidden-xs #md-nav.top .logo { margin: 5px 0;}
header .hidden-xs #md-nav.top { height: auto;}

header .hidden-xs .contact { text-align: right; background: none; margin: 0; width: 74%;}
header .contact p { font: normal 14px/14px "Gilroy-Light", Arial, Helvetica, sans-serif; color: #555555; display: inline-block;}
header .contact p.call { background: url('../img/svg/header_icon_tel.svg') 0 0 no-repeat; padding: 7px 0 10px 40px; margin: 0 20px 0 0;}
header .contact p.mail { background: url('../img/svg/header_icon_mail.svg') 0 5px no-repeat; padding: 7px 0 10px 30px; margin: 0 0 0 0;}
header .contact p strong,
header .contact p strong a { color: #fe9a17 !important; font-size: 16px;}
header .hidden-xs .menu ul li a { border-radius: 50px; padding: 5px 10px;}

header #md-nav .container {
    text-align: right;
    position: relative;
}

header #md-nav #mega-menu-wrap-Sticky {
    background: none;
    display: inline-block;
    width: auto;
    text-align: center;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky {
    background: none;
    display: inline-block;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky p{
    margin-bottom: 0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
    border-top: 0;
    background: #262626;
    box-shadow: none;
    display: table !important;
    float: none;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .mega-menu-item{
    display: table-cell !important;
    float: none;
    position: relative;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .mega-menu-item:after{
    content: " ";
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: calc(100% - 30px);
    background-color: #F1F1F1;
    display: block !important;
    opacity: 0.7;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .mega-menu-item:last-child:after{
    display: none !important;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title{
    font-family: "Gilroy-ExtraBold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #FD992F;
    margin: 0 0 5px 0;
    text-transform: none;
    position: relative;
    padding-left: 10px;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item:before,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item:before{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #F1F1F1;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title:before,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title:before{
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #FD992F;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item p.mega-block-title,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item p.mega-block-title{
    font: 100 16px/18px "Gilroy-ExtraBold", Arial, Helvetica, sans-serif;
    color: #FD992F !important;
    margin: 0;
    text-transform: none;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item p.mega-block-title:after,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item p.mega-block-title:after{
    display: block;
    width: 50px;
    border-radius: 0 50px 50px 0;
    background: #eeeeee;
    height: 2px;
    content: '';
    margin: 10px 0 10px 0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a{
    font: normal 14px/18px "Gilroy-Light", Arial, Helvetica, sans-serif;
    color: #FFFFFF !important;
    display: block;
    margin: 0 0 8px 0;
}

header #md-nav #mega-menu-wrap-Sticky .rpwwt-widget .rpwwt-post-title,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky .rpwwt-widget .rpwwt-post-title{
    color: #FFFFFF;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a strong,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a strong{
    color: #FFFFFF;
    font-family: "Gilroy-ExtraBold";
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget p.fiche-pratiques,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget p.fiche-pratiques{
    padding: 0 0 0 40px;
    background: url('../img/svg/menu_fiche.svg') 0 0 no-repeat;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget p.fiche-pratiques a,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget p.fiche-pratiques a{
    padding: 0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a:hover,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu .textwidget a:hover{
    padding-left: 10px;
    color: #0063b0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item>a.mega-menu-link{
    font: normal 14px/40px "Gilroy-Light", Arial, Helvetica, sans-serif;
    color: #727272;
    border: 0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item>a.mega-menu-link:before{
    content: attr(title);
    position: absolute;
    top: 0;
    left: 10px;
    font-family: "Gilroy-ExtraBold";
    letter-spacing: -0.1px;
    opacity: 0;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu li.widget_recent_entries {
    display: block;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item.mega-toggle-on>a.mega-menu-link,
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item>a.mega-menu-link:hover {
    background: #0065AE;
    color: #0065AE;
    border-radius: 0;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:before,
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item>a.mega-menu-link:hover:before{
    color: #FFFFFF;
    opacity: 1;
}

header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item-has-children>a.mega-menu-link,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item-has-children>a.mega-menu-link{
    padding-right: 30px;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item-has-children>a.mega-menu-link:hover{
    border-radius: 0;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky li.mega-menu-item-has-children > a.mega-menu-link::after,
header .visible-xs .mobile-menu #mega-menu-wrap-Sticky #mega-menu-Sticky li.mega-menu-item-has-children > a.mega-menu-link::after{
    font-family: 'icomoon';
    content: "\e900";
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    display: block !important;
}
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:after,
header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky>li.mega-menu-item-has-children>a.mega-menu-link:hover::after{
    color: #FFFFFF;   
}

#mega-menu-item-text-13 .textwidget a.icons-services { padding: 4px 0 4px 30px}
#mega-menu-item-text-13 .textwidget a.icons-services:hover { padding: 4px 0 4px 35px !important;}
#mega-menu-item-text-13 .textwidget a.icons-services:nth-of-type(1){ background: url('../img/svg/sub_menu_item01.svg') 0 0 no-repeat;}
#mega-menu-item-text-13 .textwidget a.icons-services:nth-of-type(2){ background: url('../img/svg/sub_menu_item02.svg') 0 0 no-repeat;}
#mega-menu-item-text-13 .textwidget a.icons-services:nth-of-type(3){ background: url('../img/svg/sub_menu_item03.svg') 0 0 no-repeat;}

#mega-menu-item-2451 { position: relative !important;}
#mega-menu-item-5498 { position: relative !important;}
#mega-menu-item-5500 { position: relative !important;}
#mega-menu-item-5501 { position: relative !important;}
#mega-menu-item-5502 { position: relative !important;}
#mega-menu-item-5503 { position: relative !important;}
#mega-menu-item-2451 ul.mega-sub-menu { width: 300px !important;}
#mega-menu-item-5498 ul.mega-sub-menu { width: 300px !important;}
#mega-menu-item-5500 ul.mega-sub-menu { width: 300px !important;}
#mega-menu-item-5501 ul.mega-sub-menu { width: 300px !important;}
#mega-menu-item-5502 ul.mega-sub-menu { width: 300px !important;}
#mega-menu-item-5503 ul.mega-sub-menu { width: 300px !important;}

li#mega-menu-item-recent-posts-widget-with-thumbnails-2 #rpwwt-recent-posts-widget-with-thumbnails-2 li { margin: 0 0 10px 0;}
li#mega-menu-item-recent-posts-widget-with-thumbnails-2 #rpwwt-recent-posts-widget-with-thumbnails-2 li a {  font: normal 13px/16px "Open Sans", Arial, Helvetica, sans-serif !important; color: #606060 !important; display: block; margin: 0;}
li#mega-menu-item-recent-posts-widget-with-thumbnails-2 #rpwwt-recent-posts-widget-with-thumbnails-2 li img { margin-top: 0; margin-bottom: 0; border-radius: 50px;}

/******************************/
/*  HOMEPAGE                                    */
/******************************/
.home .row { margin: 0;}

#abSlide { 
    background: url('../img/slide-bg.jpg') top center no-repeat;
    background-size: cover; 
    height: 450px;
    position: relative;
    text-align: center;
}
#abSlide:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .63);
}
#abSlide #abc_slides {
    height: 450px; 
    position: relative;
}
#abSlide .text-h{
    font-family: "Gilroy-ExtraBold";
    font-weight: normal;
    font-size: 48px;
    line-height: 56px;
    color: #FFFFFF;
}
#abSlide .text-p{
    font-family: "Gilroy-Light";
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 70px;
}
#abSlide #abc_slides .slide_content{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#abSlide #abc_slides .slide_content .services-btns{
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: inline-block;
    position: relative;
}
#abSlide #abc_slides .slide_content .services-btns li{
    float: left;
    padding: 0 100px;
}
#abSlide #abc_slides .slide_content .services-btns li:first-child{
    border-right: 1px solid #FFFFFF;
}
#abSlide #abc_slides .slide_content .services-btns .text-p{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
#abSlide #abc_slides .slide_content .services-btns .slide .slide_content_inside{
    position: relative;
    top: 0;
    -webkit-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}
#abSlide #abc_slides .slide_content .services-btns .slide.active .slide_content_inside{
    top: -20px;
}
#abSlide #abc_slides .slide_content .services-btns .btn{
    font-family: "Gilroy-ExtraBold";
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    padding: 12px 25px;
    background-color: #0065AE;
    color: #FFFFFF;
}
#abSlide #abc_slides .slide_content .services-btns .slide.active .slide_content_inside .btn,
#abSlide #abc_slides .slide_content .services-btns .btn:hover{
    background-color: #FFFFFF;
    color: #0065AE;
}

.intro { margin: 0; clear: both;}
.intro h2.home { font: 100 32px/32px "Open Sans", Arial, Helvetica, sans-serif; color: #0063b1; background: none; padding: 0; margin: 0 0 20px 0;}
.intro h2.home:after { display: block; width: 100px; border-radius: 0 50px 50px 0; background: #0063b1; height: 2px; content: ''; margin: 20px 0 20px 0;}

#avantages { padding: 50px 0; box-shadow: 0 0 6px rgba(0,0,0,.3); margin: 0 0 0 0; float: left; width: 100%; background: #FFFFFF;}
#avantages .container div { text-align: center; position: relative;}
#avantages .container div a { font: bold 18px/18px "Open Sans", Arial, Helvetica, sans-serif;}
#avantages .container div span { display: block; width: 62px; height: 62px; line-height: 62px; border-radius: 100px; margin: 0 auto 10px auto; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#avantages .container div span svg { fill: #FFFFFF; height: 62px;}
#avantages .container div:nth-of-type(1) span { background: #e6343f;}
#avantages .container div:nth-of-type(1) a { color: #e6343f;}
#avantages .container div:nth-of-type(2) span { background: #0064b1;}
#avantages .container div:nth-of-type(2) a { color: #0064b1;}
#avantages .container div:nth-of-type(3) span { background: #f49838;}
#avantages .container div:nth-of-type(3) a { color: #f49838;}
#avantages .container div a:hover span { transform: rotate(5deg);}
#avantages .container div:nth-of-type(1):after,
#avantages .container div:nth-of-type(2):after { display: block; content: ''; width: 3px; height: 45px; background: #e5e5e5; position: absolute; right: 0; top: 40px; border-radius: 50px;}

#homeSidebar {}
#homeSidebar .widget { border-radius: 4px; margin: 0 0 10px 0; padding: 20px;}
#homeSidebar .widget h4 { font: bold 22px/22px "Open Sans", Arial, Helvetica, sans-serif; color: #FFFFFF;}
#homeSidebar .simulation-salaire { background: #85806a url('../img/svg/home_calc.svg') 20px 20px no-repeat; padding: 24px 24px 24px 90px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: block;}
#homeSidebar .simulation-salaire .title {  font: bold 22px/22px "Open Sans", Arial, Helvetica, sans-serif; margin: 0 0 5px 0; display: block; color: #FFFFFF;}
#homeSidebar .simulation-salaire .desc { color: #FFFFFF; margin: 0; display: block;}
#homeSidebar .simulation-salaire a { color: #FFFFFF;}
#homeSidebar .simulation-salaire:hover { background-color: #254f7f; background-position: 15px 20px;}

#homeSidebar .social { background: #FFFFFF; border: 2px solid #f3f2f0;}
#homeSidebar .social h4 { color: #555555; font-weight: 100; text-align: center; display: block;}
#homeSidebar .social h4 strong { font-weight: bold;}
#homeSidebar .social ul { padding: 0; margin: 10px auto 0 auto; text-align: center; display: block;}
#homeSidebar .social ul li {  display: inline-block; list-style: none;}
#homeSidebar .social ul li a { display: inline-block; border: 2px solid #f5f5f5; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 100px;}
#homeSidebar .social ul li a svg { height: 43px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#homeSidebar .social ul li:nth-of-type(1) svg { fill: #3D5999;}
#homeSidebar .social ul li:nth-of-type(2) svg { fill: #6AB9E8;}
#homeSidebar .social ul li:nth-of-type(3) svg { fill: #017CB6;}
#homeSidebar .social ul li:nth-of-type(4) svg { fill: #E12E2F;}
#homeSidebar .social ul li:nth-of-type(5) svg { fill: #CB4739;}
#homeSidebar .social ul li:nth-of-type(6) svg { fill: #6CAC34;}
#homeSidebar .social ul li:nth-of-type(7) svg { fill: #EC6442;}

#homeSidebar .social ul li:nth-of-type(1) a:hover { background: #3D5999; border-color: #3D5999;}
#homeSidebar .social ul li:nth-of-type(2) a:hover { background: #6AB9E8; border-color: #6AB9E8;}
#homeSidebar .social ul li:nth-of-type(3) a:hover { background: #017CB6; border-color: #017CB6;}
#homeSidebar .social ul li:nth-of-type(4) a:hover { background: #E12E2F; border-color: #E12E2F;}
#homeSidebar .social ul li:nth-of-type(5) a:hover { background: #CB4739; border-color: #CB4739;}
#homeSidebar .social ul li:nth-of-type(6) a:hover { background: #6CAC34; border-color: #6CAC34;}
#homeSidebar .social ul li:nth-of-type(7) a:hover { background: #EC6442; border-color: #EC6442;}

#homeSidebar .social ul li:nth-of-type(1) a:hover svg,
#homeSidebar .social ul li:nth-of-type(2) a:hover svg,
#homeSidebar .social ul li:nth-of-type(3) a:hover svg,
#homeSidebar .social ul li:nth-of-type(4) a:hover svg,
#homeSidebar .social ul li:nth-of-type(5) a:hover svg,
#homeSidebar .social ul li:nth-of-type(6) a:hover svg,
#homeSidebar .social ul li:nth-of-type(7) a:hover svg { fill:#FFFFFF; transform: scale(.90);}

#homeSidebar #widget-newsletter { background: #0063b1 url('../img/svg/home_mail.svg') 20px 40px no-repeat; padding: 24px 24px 24px 90px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#homeSidebar #widget-newsletter img { display: none;}
#homeSidebar #widget-newsletter:hover { background-color: #f49838; background-position: 15px 40px;}
#homeSidebar #widget-newsletter h4 { padding: 0; margin: 0 0 10px 0;}
#homeSidebar #widget-newsletter input[type="text"] { border-radius: 50px; padding: 5px 10px; width: 200px; border: 2px solid #FFFFFF; margin: 0 10px 0 0; font-size: 12px; line-height: 12px;}
#homeSidebar #widget-newsletter .btn { border: 2px solid #FFFFFF; border-radius: 50px; padding: 5px 20px; margin: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-size: 12px; line-height: 12px;}
#homeSidebar #widget-newsletter:hover .btn { background: #0063b1; border-color: #0063b1;}
#homeSidebar #widget-newsletter .btn span { display: none;}
#homeSidebar #widget-newsletter form br { display: none;}


.bloc_event_testimonials h3 { font: 100 32px/32px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; background: none; padding: 0; margin: 0 0 20px 0;}
.bloc_event_testimonials h3:after { display: block; width: 100px; border-radius: 0 50px 50px 0; background: #0063b1; height: 2px; content: ''; margin: 20px 0 20px 0;}

.bloc_event_testimonials { margin: 0;}
.bloc_event_testimonials .events h3 { padding: 0 0 0 40px; background: url('../img/svg/home_schedule.svg') 0 2px no-repeat;}
.bloc_event_testimonials .events h3:after { margin: 20px 0 20px -40px;}
.bloc_event_testimonials .widget-event h4 { display: none;}

.bloc_event_testimonials .widget-event h5 a { font: bold 16px/16px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; background: none; padding: 0; margin: 5px 0 10px 0; display: block;}
.bloc_event_testimonials .ville { background: #fe9a17 url('../img/svg/home_event_pin.svg') 5px 5px no-repeat; border-radius: 4px; font-size: 12px; line-height: 12px; padding: 5px 5px 5px 17px; height: inherit; width: auto; font-weight: bold; display: inline-block; color: #FFFFFF;}
.bloc_event_testimonials .date { color: #0063b1; font-size: 12px; line-height: 12px; font-weight: bold; padding: 0 0 0 20px; background: url('../img/svg/home_chrono.svg') 0 0 no-repeat; width: auto; height: inherit; display: inline-block; margin: 0 0 10px 10px;}
.bloc_event_testimonials .widget-event p { text-align: justify;}

.bloc_event_testimonials #testimonialHome { padding: 0;}
.bloc_event_testimonials #testimonialHome li { list-style: none; display: inline-block; width: 47.8%; margin: 0 10px 0 0;}
.bloc_event_testimonials #testimonialHome li .thumb { width: 100%; height: 130px; overflow: hidden; border-radius: 4px; box-shadow: 0 0 6px rgba(0,0,0,.2);}
.bloc_event_testimonials #testimonialHome li .thumb img { width: 100%; height: auto;}
.bloc_event_testimonials #testimonialHome li a.title { font: 100 14px/14px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; padding: 0; margin: 10px 0 0 0; display: block;}

.holder { margin: 10px 0 0 0; text-align: center; display: block; clear: both;}
.holder a { display: inline-block; cursor: pointer; margin: 0 2.5px; padding: 5px; border-radius: 50%; background-color: #d8d8d8;}
.holder a:hover { background-color: #222; color: #fff;}
.holder a.jp-previous { margin-right: 15px;}
.holder a.jp-next { margin-left: 15px;}
.holder a.jp-current, a.jp-current:hover { color: #fe9a17; font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover { color: #fe9a17;}
.holder a.jp-current, a.jp-current:hover,.holder a.jp-disabled, a.jp-disabled:hover { cursor: default; background-color: #fe9a17;}
.holder span { margin: 0 5px;}

.bloc-contact { margin: 0; padding-bottom: 10px;}
.bloc-contact .actualites h3 { font: 100 32px/32px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; background: none; padding: 0; margin: 0 0 20px 0;}
.bloc-contact .actualites h3:after { display: block; width: 100px; border-radius: 0 50px 50px 0; background: #0063b1; height: 2px; content: ''; margin: 20px 0 20px 0;}
.bloc-contact .actualites #newsHome { padding: 0;}
.bloc-contact .actualites #newsHome li { list-style: none; display: inline-block;}
.bloc-contact .actualites #newsHome li .thumb { width: 240px; height: 140px; overflow: hidden; border-radius: 4px; margin: 0 10px 0 0; display: inline-block;}
.bloc-contact .actualites #newsHome li .content { display: inline-block; width: 50%; float: right;}
.bloc-contact .actualites #newsHome li .date { color: #0063b1; font-size: 12px; line-height: 12px; font-weight: bold; padding: 0 0 0 20px; background: url('../img/svg/home_chrono.svg') 0 0 no-repeat; height: inherit; display: inline-block; margin: 0 0 10px 0;}
.bloc-contact .actualites #newsHome li a.title { font: 100 14px/14px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; padding: 0; margin: 0 0 0 0; display: block;}
.bloc-contact .actualites #newsHome li a.desc { font: 100 12px/14px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; padding: 0; margin: 10px 0 0 0; display: block;}
.bloc-contact .actualites #newsHome li a.btn { margin: 10px 0 0 0; display: inline-block;}

.bloc-contact .actualites #newsHome li:nth-of-type(1){ width: 100%; display: block; margin: 0 0 20px 0;}
.bloc-contact .actualites #newsHome li:nth-of-type(2){ width: 49%;}
.bloc-contact .actualites #newsHome li:nth-of-type(3){ width: 49%;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) .thumb,
.bloc-contact .actualites #newsHome li:nth-of-type(3) .thumb { width: 100px; height: 70px;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) img,
.bloc-contact .actualites #newsHome li:nth-of-type(3) img { width: 110%; height: auto;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) a.desc,
.bloc-contact .actualites #newsHome li:nth-of-type(3) a.desc { display: none;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) .btn,
.bloc-contact .actualites #newsHome li:nth-of-type(3) .btn { display: none !important;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) a.title,.actualites #newsHome li:nth-of-type(3) a.title { font-size: 12px;}
.bloc-contact .actualites #newsHome li:nth-of-type(2) .content,.actualites #newsHome li:nth-of-type(3) .content { width: 58%;}

.home section.contact { border: 2px solid #f3f2f0; border-radius: 4px; padding: 20px; margin: 60px 0 0 0;}
.home section.contact h4 { font: bold 20px/20px "Open Sans", Arial, Helvetica, sans-serif; color: #0063b1; margin: 0 0 20px 0; display: block;}
.home section.contact #map { background: url('../img/svg/home_map.svg') center center no-repeat; width: 160px; height: 153px; position: relative;}
.home section.contact #map a { position: absolute;}
.home section.contact #map a div { position: relative;}
.home section.contact #map a span.point { width: 15px; height: 15px; display: block; background: #fe9a17; border: 4px solid transparent; border-radius: 50px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.home section.contact #map a span.nom { display: none; float: left; z-index: 5; position: absolute; top: -18px; left: 5px; background: #fe9a17; color: #FFFFFF; padding: 3px 10px; font-weight: bold;}
.home section.contact #map a:hover span.point { border-color: #FFFFFF;}
.home section.contact #map a:hover span.nom { display: block;}

.home section .contact-icons p { font-size: 14px !important; color: #555555;}
.home section .contact-icons p.call { background: url('../img/svg/home_contact_tel.svg') 0 0 no-repeat; padding: 0 0 10px 50px;}
.home section .contact-icons p.mail { background: url('../img/svg/home_contact_mail.svg') 0 0 no-repeat; padding: 0 0 10px 40px;}
.home section .contact-icons p.mail a { color: #fe9a17; text-decoration: underline;}

section.reference h2 { font: 100 22px/22px "Open Sans", Arial, Helvetica, sans-serif; color: #555555; margin: 0 0 20px 0; display: block; text-align: center;}
section.reference h2:before { background: #f5f5f5; content: ''; display: block; width: 100%; clear: both; height: 10px; margin: 40px auto;}
section.reference .jcarousel { border: none; width: 100%; left: 0;}
section.reference .jcarousel li img { width: 160px !important; min-width: 160px !important; max-width: 160px !important;}

.home footer { margin-top: 0;}

#content .img_heading { width: 100%;}
#content .img_heading img { width: 100%;}

/******************************/
/*  Dossier Thématique                                  */
/******************************/

.buttonb {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.buttonb:hover {
    text-decoration: none;
}
.buttonb:active {
    position: relative;
    top: 1px;
}

.orangeb {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orangeb:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orangeb:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* ---------------------------- */
/*     RESPONSIVE                               */
/* ---------------------------- */

/****** RESPONSIVE » MOBILE ******/
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    
    #abSlide h1 { font: 100 28px/28px "Open Sans", Arial, Helvetica, sans-serif; padding: 40px 0 0 0;}
    #abSlide #abc_slides article h2 { font-size: 18px; line-height: 18px; margin: 0 0 10px 0;}
    #abSlide #abc_slides article.active .btn { padding: 8px 30px;}
    #abSlide #abc_slides article:nth-of-type(1),
    #abSlide #abc_slides article:nth-of-type(2) { position: inherit !important; bottom: inherit !important; padding: 0 !important; margin: 20px 0 0 0;}
    #abSlide #abc_slides article:nth-of-type(1) { padding: 0 0 60px 0;}
    #abSlide #abc_slides article:nth-of-type(2) { padding: 0 0 60px 0;} 
    #avantages .container div span { display: none;}
    #avantages .container div:nth-of-type(1)::after, #avantages .container div:nth-of-type(2)::after { display: none;}
    #abSlide #abc_slides article:nth-of-type(1) .slide_img,
    #abSlide #abc_slides article:nth-of-type(2) .slide_img { display: none;}
    
    .home .jumbotron { padding: 20px 0;}
    .home #homeSidebar { padding: 0;}
    .home #avantages { padding: 20px 0;}
    #avantages .container div:nth-of-type(1)::after, #avantages .container div:nth-of-type(2)::after { display: none !important;}
    .home #avantages .container div { margin: 0 0 20px 0;}
    .home #avantages .container div:last-child { margin: 0;}
    .home .bloc_event_testimonials #testimonialHome li { width: 100%; margin: 0 0 20px 0;}
    .home .bloc_event_testimonials #testimonialHome li a.title { text-align: center;}
    .home p.right { text-align: center;}
    .intro h2.home,.home h3 { text-align: center; font: 100 28px/32px "Open Sans", Arial, Helvetica, sans-serif;}
    .intro h2.home:after,.home h3:after { margin: 20px auto 20px auto !important; border-radius: 50px !important;}
    
    .bloc-contact .actualites #newsHome li { width: 100%;}
    .bloc-contact .actualites #newsHome li .thumb { width: 100%;}
    .bloc-contact .actualites #newsHome li .thumb img { width: 100%; height: auto;}
    .bloc-contact .actualites #newsHome li:nth-of-type(1) { overflow: hidden;}
    .bloc-contact .actualites #newsHome li:nth-of-type(1) .content { width: 100%;}
    .bloc-contact .actualites #newsHome li:nth-of-type(2) { margin: 0 0 20px 0;}
    .bloc-contact .actualites #newsHome li:nth-of-type(2),
    .bloc-contact .actualites #newsHome li:nth-of-type(3){ width: 100%;}
    .bloc-contact .actualites #newsHome li:nth-of-type(2) .btn,
    .bloc-contact .actualites #newsHome li:nth-of-type(3) .btn { display: none !important;}
    .home section.contact { margin: 20px 0 0 0; overflow: hidden;}
    .home section.contact h4 { text-align: center;}
    .home section.contact #map { margin: 0 auto 20px auto;}
    #homeSidebar #widget-newsletter input[type="text"] { margin: 0 0 10px 0;}
}

/* hack Chrome / Safari */
@media (-webkit-min-device-pixel-ratio:0){
}


/****** RESPONSIVE » IPAD ******/
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #abSlide h1 { font: 100 38px/38px "Open Sans", Arial, Helvetica, sans-serif; padding: 40px 0 0 0;}
    #abSlide #abc_slides article h2 { font-size: 24px; line-height: 26px; margin: 0 0 20px 0;}
    #abSlide #abc_slides article.active .btn { padding: 8px 30px;}
    #abSlide #abc_slides article:nth-of-type(1),
    #abSlide #abc_slides article:nth-of-type(2) { bottom: 80px !important; padding: 0 !important; margin: 20px 0 0 0;}
    #abSlide #abc_slides article:nth-of-type(1) { padding: 0 0 60px 0;}
    #abSlide #abc_slides article:nth-of-type(2) { padding: 0 0 60px 0;} 
    #abSlide #abc_slides article:nth-of-type(1) .slide_img,
    #abSlide #abc_slides article:nth-of-type(2) .slide_img { display: none;}
    #avantages .container div span { display: none;}
    #avantages .container div:nth-of-type(1)::after, #avantages .container div:nth-of-type(2)::after { display: none !important;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

@media only screen and (min-width : 768px) and (max-width : 1024px){
    header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky > li.mega-menu-item > a.mega-menu-link{
        font-size: 13px;
        padding-right: 20px;
    }
    header #md-nav #mega-menu-wrap-Sticky #mega-menu-Sticky li.mega-menu-item-has-children > a.mega-menu-link::after{
        font-size: 8px;
        right: 5px;
        margin: 0;
    }
    header .hidden-xs .menu ul li a{
        font-size: 11px;
    }
}

@media only screen and (min-width: 992px)  {
    .bloc_event_testimonials #testimonialHome li { width: 47%;}
    .bloc_event_testimonials #testimonialHome li .thumb { height: 110px;}
    .bloc-contact .actualites #newsHome li .thumb { width: 200px;}
    .bloc-contact .actualites #newsHome li:nth-of-type(2) .thumb, .bloc-contact .actualites #newsHome li:nth-of-type(3) .thumb { width: 60px; height: 50px;}
    .bloc-contact .actualites #newsHome li:nth-of-type(2) .content, .actualites #newsHome li:nth-of-type(3) .content { width: 67%;}
}

@media only screen and (min-width: 470px) and (max-device-width : 1024px){
    #abSlide h1 { font: 100 38px/38px "Open Sans", Arial, Helvetica, sans-serif; padding: 40px 0 0 0;}
    #abSlide #abc_slides article { width: 49% !important; position: inherit;}
    #abSlide #abc_slides article h2 { font-size: 20px; line-height: 22px; margin: 0 0 20px 0;}
    #abSlide #abc_slides article.active .btn { padding: 8px 30px;}
    #abSlide #abc_slides article:nth-of-type(1),
    #abSlide #abc_slides article:nth-of-type(2) { bottom: 80px !important; padding: 0 !important; margin: 20px 0 0 0;}
    #abSlide #abc_slides article:nth-of-type(1) { padding: 0 0 60px 0;}
    #abSlide #abc_slides article:nth-of-type(2) { padding: 0 0 60px 0;} 
    #abSlide #abc_slides article:nth-of-type(1) .slide_img,
    #abSlide #abc_slides article:nth-of-type(2) .slide_img { display: none;}
    #avantages .container div span { display: none;}
    #avantages .container div:nth-of-type(1)::after, #avantages .container div:nth-of-type(2)::after { display: none !important;}
}


@media only screen and (min-width: 768px)  {
    .menu-item-67{display: none;}

    .menu-item-181{display: inline-block;}


}

@media only screen and (max-width: 991px) and (orientation: landscape) {
    #widget-offres
        {padding-left: 24px; padding-bottom: 160px; background: #aea682 url('../img/widget-offres-bg.png') bottom center no-repeat;}

    header .hidden-xs .top .logo img
        {display: none;}

    .visible-clearfix
        {display: none;}


    .widget-orange
        {font-size:11px; line-height: 15px !important; padding-right: 0px;}

    .widget-orange .icon-mail-widget
        {font-size:11px; line-height: 15px !important;}

    .widget-orange .icon-contact-widget
        {height: 30px; margin-bottom: 8px;}
}

@media only screen and (max-width: 890px) and (orientation: landscape) {
    header .hidden-xs .logo img
        {height: 80px; width: auto;}

}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) ,  screen and (max-width: 767px) and (orientation: landscape) {
    #widget-offres,  #widget-club, #widget-newsletter, #widget-simulation
        {height: 200px; width: 48%; float: left;}

    .widget:nth-child(2n)
        {margin-right: 4%;}

    footer .txt p
        {text-align: center;}
}

@media only screen and (max-width: 991px) and (orientation: portrait) , screen and (max-width: 768px) {
    header .hidden-xs ul.menu > li.menu-item-67
        {display: none;}

    footer img.logo
        {display: block; padding: 20px 0px 0px 0px; float: none; text-align: center; margin: auto;}

    header .hidden-xs .logo img
        {height: 80px; width: auto;}

    header .hidden-xs .top .logo img
        {display: none;}

    header .hidden-xs ul.menu
        {float: none; clear: both; width: 100%; text-align :center; list-style: none;}

    header .hidden-xs ul.menu > li
        {display: inline-block; margin: 0px; float: none;}

    .footer-menu-bg-l
        {background: none !important;}

    .visible-clearfix
        {display: block;}

}

/*modify by vitou*/
@media only screen and (min-width: 992px)  {
    header .hidden-xs .bar .container div#social
        {padding-right: 110px}
    .mega-menu-link{
        color:red;
    }
    .container
        {width: 970px; max-width: none;}

    .menu-item-67
        {display: inline-block;}

    .menu-item-181
        {display: none;}

    .visible-clearfix
        {display: none;}
    #sidelinks {
        position: fixed;
        z-index: 6;
        right: 0;
        top: 50%;
        display: block !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #sidelinks div {
        position: relative;
    }
    #sidelinks div.sidelinks-sub a {
        float: left;
        height: 73px;
        width: 73px;
        margin-right: 4px;
        margin-bottom: 0px;
        transition: 0s;
        border: 0px;
        transition: .3s;
        position: relative;
        z-index: 2;
    }
    #sidelinks div.sidelinks-sub {
        position: absolute;
        width: 462px;
        top: 0;
        left: 0;
        transition: .5s;
    }
    #sidelinks .sidelinks-sub a.share-tt {
        background: url(../img/share-tt.png) center center;
    }  
    #sidelinks .sidelinks-sub a.share-g {
        background: url(../img/share-g.png) center center;
    }  
    #sidelinks .sidelinks-sub a.share-li {
        background: url(../img/share-li.png) center center;
    }  
    #sidelinks .sidelinks-sub a.share-vi {
        background: url(../img/share-vi.png) center center;
    }
}

@media only screen and (min-width: 1200px)  {
    .container{
        width: 1170px; max-width: none;
    }
    header #md-nav #mega-menu-wrap-Sticky{
        position: absolute;
        bottom: 0;
        right: 120px;
    }
}

@media only screen and (max-width: 500px)  {
    .test2
        {display: none;
    }
}
@media only screen and (min-width: 500px)  {
    .test
        {display: none;
    }
}
#md-nav.top.landing-page .container{ display:none; }
/*vitou css*/
#topsocail
    {text-align:center;line-height: 134px;}
.topsocailmain
    {height:134px;}
/*header #topsocail .icon-fb {
    background-image: url(../img/icon-fb.png);
}
header #topsocail .icon-tt {
    background-image: url(../img/icon-tt.png);
}
header #topsocail .icon-g {
    background-image: url(../img/icon-g.png);
}
header #topsocail .icon-y {
    background-image: url(../img/icon-y.png);
}
header #topsocail .icon-li {
    background-image: url(../img/icon-li.png);
}
header #topsocail .icon-vi {
    background-image: url(../img/icon-vi.png);
}
header #topsocail .icon-it {
    background-image: url(../img/icon-it.png);
}*/
.topcontact p.call {
    background: url('../img/svg/header_icon_tel.svg') 0 0 no-repeat;
    padding: 7px 0 10px 40px;
    margin: 41px 70px 0 0;
}

#header-social a{
  display: block;
    float: left;
    height: 45px;

    width: 30px;
    background-color: #ababab;
    text-indent: 1111111111111111;
    transition: .3s;
    background-position: center center;  
}
#topsocail > a{
        padding: 10px;
    color: #ababab;
}
#topsocail > a:hover{
    color: #363636;
}
#topvotre-espace{
    text-align: center;
    line-height: 117px;
}
#topvotre-espace > a{
    padding: 10px 5px;
    background: #9b081f;
    color: #fff;
} 
.phonecall{
    text-align: left;
    padding:43px 0;
}
.iconcall{
        background: url(../img/svg/header_icon_tel.svg) 0 0 no-repeat;
        padding: 28px 8px 2px 28px;
    margin: 40 20px 0 0;
}
.topcontact{
        line-height: 120px;
    text-align: center;
}
.topimage{
    text-align: left;
}
.topphone{
    text-align: center;
    line-height: 125px;
}
.topphone > strong{
    color: #fe9a17 !important;
    font-size: 16px;
}
.topphone > p.call{
    background: url(../img/svg/header_icon_tel.svg) 0 0 no-repeat;
    margin: 44px 60px 0 0;
    padding: 7px;
}
.iconphone{
    height: 40px;
    width: 40px;
    background: red;
}  
#sidelinks .sidelinks-sub a.share-it {
    background: url(../img/share-it.png) center center;
}
#sidelinks .sidelinks-sub a.share-fb {
    background: url(../img/share-fb.png) center center;
}

#sidelinks div {
    position: relative;
}
#sidelinks a.partage {
    background-image: url(../img/sidelinks-partage.png);
    cursor: pointer;
}
#sidelinks a.partage {
    background-image: url(../img/sidelinks-partage.png);
    cursor: pointer;
}
#sidelinks a.contact,
#sidelinks a.simulation{
    font-family: 'Gilroy-ExtraBold';
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    background: #0065AE;
    color: #FFFFFF;
    border-radius: 10px 0 0 10px;
    float: right;
    clear: right;
    padding: 20px 15px 20px 15px;
    position: relative;
    width: 150px;
    text-align: right;
}
#sidelinks a.contact{
    margin-bottom: 10px;
}
#sidelinks a.contact .icon-envelope,
#sidelinks a.simulation .icon-calculator{
    position: absolute;
    top: 50%;
    left: 15px;
    font-size: 26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#sidelinks a.contact:hover,
#sidelinks a.simulation:hover{
    background: #FFFFFF;
    color: #0065AE;
}

#sidelinks div.open div.sidelinks-sub {
    transform: translateX(-462px);
}
#sidelinks {
    display: none;
}
.wpcf7-form-control-wrap > textarea{
    height: 65px;
}

.widget-frais-item {
    background: #F6F6F6;
    border: 1px solid #DDD;
    margin-bottom: 10px;
    clear: left;
    text-align: right;
    font-size: 12px;
} 
.widget-frais-label {
    padding: 10px 8px 10px 0px;
}
.widget-frais p {
    display: none;
} 
.widget-frais div.widget-frais-bar-10 {
    width: 27%;
    background: #00589d;
}
.widget-frais div.widget-frais-bar-8 {
    width: 25%;
    background: #42b3e4;
}
.widget-frais div.widget-frais-bar-7 {
    width: 24%;
    background: #00589d;
}
.widget-frais div.widget-frais-bar-5 {
    width: 22%; 
    background: #00589d;
}
.widget-frais div.widget-frais-bar-3 {
    width: 20%;
    background:#42b3e4;
}
.widget-frais div.widget-frais-bar-6 {
    width: 23%;
    background: #42b3e4;
}
.widget-frais-bar {
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    color: #FFF;
    /*box-shadow: inset 5px 5px 0px 0px #0065DE;*/
    box-shadow: inset 5px 5px 0px 0px rgba(0, 0, 0, 0);
    font-weight: bold;
    float: left;
}

.widget-frais-label span {
    width: 100%; 
    color:#fff;
}

.setcolback{
    background: #00589d;
} 
.setcolback.setcolback10,.setcolback.setcolback5,.setcolback.setcolback7{
    background: #42b3e4;
}  
/*.widget-frais-label.widget-frais-label5,.widget-frais-label.widget-frais-label7,.widget-frais-label.widget-frais-label10{
    background: rgba(0, 0, 0, 0.2);
}*/
.setcolback .widget-frais-bar{
    background: rgba(0, 0, 0, 0.2);
    background: #0065DE;
}
.contact7submit{
    padding: 0;
}
@media only screen and (min-width: 768px) {
    .contact7submit{
        padding:15px 0 !important;
    }
    .widget-frais-label span {
        width: 100%;
        float: left;
    }
    .widget-frais {
        padding: 20px;
        background: #F6f6f6;
        border: 1px solid #DDD;
        /*margin: 20px 0;*/
    } 
    .widget-frais-item {
        background: none;
        border: none;
        margin-bottom: 0px;
        float: left;
        width: 16.666666667%;
        padding: 0 5px;
        text-align: center;
        clear: none;
    } 
    .widget-frais div.widget-frais-bar{
        height: 220px;
        width: auto;
        margin-top: 0px;
        background: #42b3e4; 
        color: #FFF;
        font-weight: bold;
        float: none;
        font-size: 12px;
        line-height: 12px;
        font-weight: 400;
        position: relative;
    }
    .widget-frais-bar span {
        position: absolute;
        bottom: 66px;
        font-size: 24px;
        width: 100%;
        left: 0;
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0);
    }
    .widget-frais-bar {
        background: #0065DE;
        color: #FFF;
        font-weight: bold;
        float: none;
        font-size: 12px;
        line-height: 12px;
        font-weight: 400;
        position: relative;
    }
    .widget-frais-label {
        height: 4em;
        margin-top: -4em;
        line-height: 12px;
        font-size: 12px;
        color: #FFF;
        /*background: rgba(0, 0, 0, 0.2);*/
        background: #42b3e4;
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0);
        padding: 1em 0.5em;
        text-align: center;
        position: relative;
    } 
    .widget-frais-label5,.widget-frais-label7,.widget-frais-label10{
        height: 4em;
        margin-top: -4em;
        line-height: 12px;
        font-size: 12px;
        color: #FFF;
        background: #00589d;
        /*background: #0065DE;*/
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0);
        padding: 1em 0.5em;
        text-align: center;
        position: relative;
    }


    .widget-frais div.widget-frais-bar-8 {
        height: 176px;
        width: auto;
        margin-top: 44px;
        background: rgba(0, 0, 0, 0);
    } 
    .widget-frais div.widget-frais-bar-7{
        height: 154px;
        width: auto;
        margin-top: 66px; 
    }
    
    .widget-frais div.widget-frais-bar-5 {
        height: 110px;
        width: auto;
        margin-top: 110px; 
    }
    .widget-frais div.widget-frais-bar-6 {
        height: 132px;
        width: auto;
        margin-top: 88px;
        background: rgba(0, 0, 0, 0);
    }
    .widget-frais div.widget-frais-bar-3 {
        height: 88px;
        width: auto;
        margin-top: 132px;
        background: rgba(0, 0, 0, 0);
    }

}
.labelcontact{
    margin:10px 0;
}
.cd-timeline-title-container > h2{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#content > div > div.row >div > div.row + h2{
    padding:0;
    margin:0;
}
#content > div > div.row > div > div.row > div > img{
    height: 190px;
    float: left;
    margin: 5px 20px 10px 0;
}
@media only screen and (max-width: 768px) and (orientation : landscape) {
    #content > div > div.row > div > div.row > div > img{
        height: inherit; 
            width: 100%;
    }
}
@media only screen and (max-width: 768px) and (orientation : portrait) {
    #content > div > div.row > div > div.row > div > img{
        height: inherit; 
            width: 100%;
    }
}
@media only screen and (min-width : 375px) and (max-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) 
 {
    .widget-frais >  div:not(:last-child) > div > div+div > span:last-child{
        white-space: nowrap;
    }
}


/* end vitou css*/