@font-face {
    font-family: 'SwissThin';
    src: url('fonts/swthin.eot');
    src: url('fonts/swthin.eot') format('embedded-opentype'),
         url('fonts/swthin.woff2') format('woff2'),
         url('fonts/swthin.woff') format('woff'),
         url('fonts/swthin.ttf') format('truetype'),
         url('fonts/swthin.svg#swthin') format('svg');
         font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Swiss721BT-Bold';
  src: url('fonts/Swiss721BT-Bold.woff') format('woff'),
       url('fonts/Swiss721BT-Bold.svg#Swiss721BT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

/*--------------*/
.clr {clear:both;float:none;}
#wrapperlargeurimage p {margin:0!important;}
.blockEngagement {background:#aaa;color:#fff;padding:20px;min-height:250px;box-shadow: inset 10px 0px 50px -20px #666;}
.blockEngagement img {margin-bottom:15px;}
div.blockEngagement h4 {line-height:115%;min-height:50px;} 
/* .bEb, .bEc, .bEd {box-shadow: inset 10px 0px 50px -20px #666;}*/
.captionContainer {position:absolute;bottom: 30px; left:-480px;margin-left:50%;}
.captionTitre {font-size: 2.125em; text-shadow: 0 2px 6px #000;}
.captionDesc{font-size: 2.75em; line-height: 125%; font-weight: bold; text-shadow: 0 2px 4px #000;}
div#blocks4mod1 h3, div#blocks4mod2 h3 , div#blocks4mod3 h3 {letter-spacing:-1px;}
div#foot3 h3 {letter-spacing:-1px;font-size:1.85em!important;}
.rowContainer, .row {float:none;clear:both;margin-bottom:30px;}
.letiers {float:left;width:30%;margin:10px;}
.ledemi {float:left;width:47%;margin:10px;}

.cause {background:#4AA44B;padding:15px 30px;color:#fff;}
.blocCoul {background:#eee;}
.titreBloc {background:#bb3239;text-transform:uppercase;padding:5px 10px;font-size: 1em;letter-spacing:-1px;color:#fff;}
.detailBloc {padding:10px 15px;min-height:300px;}
.detailBloc ul li {line-height:150%!important;}
div#main ul li{line-height:150%;}
.scrollToTop {font-size:1em;letter-spacing:-1px;line-height:100%;}
.carteDirection {float:left;margin:20px;width:26%;padding:15px;border: 1px solid #ccc; font-family:SwissThin;}
.carteDirectionQuart {float:left;margin-top:20px;width:70%;padding:15px;border: 1px solid #ccc; font-family:SwissThin;} 
.carteDirectionTroisQuart {float:left;margin:15px;width:25%;padding:15px;border: 1px solid #ccc; font-family:SwissThin;} 
.lequart {float:left;width:24%;margin:0;padding:0;}
.troisquart {float:left;width:75%;margin:0;padding:0;}
img.carteDirection {}
h4.carteDirection {clear:both;float:none;font-size:1.25em!important;margin-top:20px!important;}
div.flexiblemodule  h3 {font-size: 1.85em!important;min-height:70px;}

/*--------------*/
a.collapsible {border-radius:4px;}
.engageGour {background:#efefef;padding: 0 15px;}

.particularite {background:#E9574F;color:#fff;margin:20px 10px;padding:10px 25px; box-shadow: 0 0 8px #666; min-height:600px;float:left; }
.partHead {height:160px;width:100%;text-align:center;float:left;}
.partContent {min-height:380px;float:left;width:100%;}
.particularite h4 {line-height:110%;font-size:2em!important;}
.partFoot {float:left;width:100%;}

.collapsible {
     background-color: #B9353C;
  color:#fff;
  cursor: pointer;
  padding:10px 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collactive, .collapsible:hover {
  background:#eee;
  color: #444;
}

/* Style the collapsible content. Note: hidden by default */
.collcontent {
  padding: 0;
  margin-top:10px;
  line-height:110%;
  display: none;
  overflow: hidden;
  height:415px;
}   
.collcontent ul {margin-left:15px;}  
.collcontent ul li { line-height:150%;}  

h1, h3, h4, a.h1, a.h3, a.h4 {font-family: SwissThin, Helvetica, arial, sans-serif;font-weight:normal!important;}
h2, a.h2 {font-family: SwissBold, Helvetica, arial, sans-serif;font-weight:normal!important;}
h1, a.h1 {font-size:2.5em!important;}
h2, a.h2 {font-size:2.25em!important;margin-top:25px;}
h3, a.h3 {font-size:2em!important;}
h4, a.h4 {font-size:1.5em!important;}
h4.alert-heading {margin-bottom:15px;}

#nav2 ul.menu li li a {font-family: SwissThin, Helvetica, arial, sans-serif;font-weight:normal!important;}

div.lienTech, .btLangue  {float:right!important;}
div.lienTech a img, .btLangue ul li a  {color:#fff;background:#888!important;text-decoration:none;padding:3px 7px;border-radius: 0 0 6px 6px;text-align:right;margin:-1px 3px 0 3px;}
.btLangue  {margin:0!important;}

.btLangue ul li a  {font-size:1em;padding:5px 8px 2px!important;}
.btLangue ul li a:hover, div.lienTech a img:hover {background:#b9353c;} 

div#searchForm .hasTooltip:hover {color:#fff!important;}
fieldset.only {display:none;}

span.itemDateCreated, span.catItemDateCreated {font-size:1em!important;float:right;}
div.itemHeader h2.itemTitle, h3.catItemTitle {float:none;clear:both;}

div.itemSocialSharing {width:70%;float:left;padding:0!important;}
div.itemGooglePlusOneButton {margin-top:2px;}
div.itemFullText {margin:20px 0;}
div.itemTwitterButton, div.itemGooglePlusOneButton, div.itemFacebookButton {float:left; }
span.dateOffre {float:right;font-size:0.85em;}
a.moduleItemTitle {font-weight:bold;font-size:1.125em;}
a.titleActu {float:none;clear:both;}
span.dateActu {color:#888;float:none;clear:both;font-size:0.8125em;text-align:left;}
div.actuAccueil ul li {border-bottom:1px dotted #888;padding-bottom:20px;}
div.actuAccueil ul li.lastItem {border-bottom:0;padding-bottom:0;}

div.blockEngaAccueil ul li {margin:10px 0;border:1px solid #fff;padding: 0;}
span.engagementAcceuilTitre {color:#888!important;font-size:1.5em;text-decoration:none!important;padding:20px 20px 25px 10px;}
span.engagementAcceuilTitre img {height:60px;width:60px;border:4px solid #fff;margin:0 20px 0 -10px;}
div.blockEngaAccueil ul li:hover {background:#eee;}

div.headCatCarriere {margin-bottom:30px;}
div.headCatCarriere img {float:left;margin-right:30px;}

div.searchHome form {background:#b9353c;padding:3px;width:175px;border-radius: 0 0 10px 10px;}
div.searchHome input[type="search"] {height:10px;width:150px;margin:3px 0 3px 6px;border:0;}

div.mSecondaire ul li {display:inline;}
div.mSecondaire ul li a {display:inline;padding:0 5px;border-right:1px solid #ccc;}
div.mSecondaire ul li a:hover {text-decoration:underline;}
div.mSecondaire ul li:last-child a {border-right:0;}

ul.pagenav {margin-top:60px;}

div.zonePrivee ul {border:1px solid #ccc;font-family: SwissThin, Helvetica, arial, sans-serif;padding:5px 10px 5px 5px;font-size:1.5em!important;}
div.zonePrivee ul li a {margin:10px;border-radius:0!important;font-size:0.6875em!important;}
div.zonePrivee ul li a:hover {background:#fff!important;color:#b9353c!important;}
div.zonePrivee ul li:active {font-weight:bold!important;}

h2.pd-ctitle {margin-bottom:30px;}

p.chrono_credits {display:none;}

div.cadreVignette {border:1px solid #ccc; background:#eee;margin:10px 0;padding:5px 20px;}
div.ligneVignette {border-bottom:1px dashed #ccc; padding:5px 0 0 0;}
div.emploiImageList, div.itemImageBlock {float:left;margin-right:30px;}
div.emploiMoreList {float:right;}

div.itemBody {padding: 45px 0;}

div.itemContainer {width:100%;}

div#itemListLinks {background: #fff;border: 0;margin: 0;padding: 0;}
div#itemListLinks div.itemContainer {border-bottom: 1px dotted #ccc;margin: 0;padding: 10px 0;}

span.catItemDateCreated {float:right;color:#888;font-size:0.825em;}

form#chronoform-jobfr, form#chronoform-joben {width:50%;margin:0 auto;}
div#fin-button6, div#fin-envoyer {margin:0 auto;}
form#chronoform-soumissionfr, form#chronoform-soumissionen {border:1px solid #aaa;border-radius:10px;width:70%;margin: 0 auto;padding:30px 40px;background:#eee;}

#blocks1mod1 ul.menu li a {line-height:26px;}
a.scrollToTop {width:60px;height:60px;border-radius:10px;background:#efefef;}

div#itemListSecondary div.itemContainer {border:1px solid #aaa;margin:10px;padding:10px 20px;}
div#itemListSecondary div.catItemReadMore, div#itemListLinks div.catItemReadMore, div#itemListLeading div.catItemReadMore {float:right;}

div.itemListCategory {border:0;background:none;}

div#itemListLinks div.itemContainer div.catItemImageBlock {float:left;margin:0 30px 0 0;}

div.catItemIsFeatured::before {position:relative!important;margin:0;right:0;top:0;}

img.imageCercle {width:150px!important;height:150px!important;border-radius:100px;overflow:hidden;float:left;margin:0 45px}
div.owl-pagination {display:none;}

.bm_slider_title {float:right;margin:5px 10px;font-size:0.875em;}
.bm_desc_inside {font-size:1.25em;font-style:italic;font-family: Georgia, "Times New Roman", Times, serif;line-height:130%;}
.bm_desc_inside::before, .bm_desc_inside::after {content:"\"";}
.bm_slider_theme1 .bm_slider_item:hover {background: #efefef;}

div.itemExtraFields ul li {margin-bottom: 5px;}

@media all and (max-width: 835px)
{
.captionContainer {bottom: 20px; left:-380px;}

}

@media all and (max-width: 800px)
{
form#chronoform-jobfr, form#chronoform-joben {width:90%;}
.captionContainer {left:-350px;}
.captionTitre {font-size: 1.5em;}
.captionDesc{font-size: 2em; line-height: 125%; }

}

@media all and (max-width: 667px)
{
.captionContainer {left:-300px;}
.lequart {float:none;clear:both;width:88%;margin:5px;}
}

@media all and (max-width: 568px)
{
div#itemListSecondary div.itemContainer {width:87%!important;}
.captionContainer {left:-250px;}
.captionTitre {font-size: 1em;}
.captionDesc{font-size: 1.5em; line-height: 110%; }
.letiers, .ledemi {float:none;width:88%;margin:5px;}
.carteDirection {float:none;width:75%!important;margin:10px;}
#block10 .item {width:80%;margin:0 auto;}
#block10 .item img {float:none;clear:both;margin:0 auto 20px auto;}
div.catItemImageBlock {width:90%;}
div.catItemImageBlock h4.catItemTitle {clear:both;float:none;}
span.catItemDateCreated {float:left!important;clear:both;width:90%;}
form#chronoform-soumissionfr, form#chronoform-soumissionen {border:1px solid #aaa;border-radius:10px;width:92%;margin: 0 auto;padding:10px 15px;background:#eee;}

form#chronoform-soumissionfr label, form#chronoform-soumissionen label {float:none!important;clear:both!important;}
form#chronoform-soumissionfr .gcore-input input, form#chronoform-soumissionen .gcore-input input, form#chronoform-soumissionfr .gcore-input textarea, form#chronoform-soumissionen .gcore-input textarea {width:100%!important;}

div.pd-float {line-height:135%;}
div.pd-buttons {text-align:center;width:100%!important;}
    
}

@media all and (max-width: 480px)
{
div#itemListSecondary div.itemContainer {width:80%!important;}
.captionContainer {bottom: 10px; left:-180px;}
#wrapperlargeurimage .captionTitre, #wrapperlargeurimage .captionDesc {line-height:70%!important; }
.captionDesc{font-size: 1.25em; }
}
@media all and (max-width: 375px)
{
#wrapperlargeurimage {height:110px!important;}
#wrapperlargeurimage img {height:110px!important;}
.captionContainer {left:-140px;}
.captionDesc{font-size: 1.125em; }
}