/* -------
ARTICLES
----------*/

#text {}

#links, #infos {
  width: 85%;
  margin: 5px auto;
  padding: 5px;
}

#links h3, #infos h3 {
  margin: -5px -5px 0 -5px;
  padding: 3px;
  font-size: 1.3em;
}

ul.articleAction {
  clear: left;
  margin: 0;
  padding: 10px;
  text-align: right;
  list-style: none;
}

ul.articleAction li:before {
  content: "";
  margin-left: 0;
}

ul.articleAction li.react:after {
  content: " i";
  font-family: 'agencei';
}

ul.articleAction li.send:after {
  content: " O";
  font-family: 'agencei';
}

ul.articleAction li {
  display: inline;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  background: none;
}

ul.articleAction li a {
  text-decoration: none;
}

#text {}

#viewMore {}

/* -------------------
LISTE DES ACTUALITÉS
--------------------*/

#newsList {
  margin-bottom: 20px;
}

.newsContainerText {
  float: right;
  width: 67%;
}

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

/*                                         .layoutContent                                                                  */

.layoutContent #newsList .chapoPictureComment, .layoutContent #event_list .chapoPictureComment {
  float: left;
  /*    height: 200px;*/
  margin-right: 2%;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
  width: 30%;
}

.layoutContent #newsList .chapoPicture, .layoutContent #event_list .chapoPicture {
  float: left;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  height: auto;
}

/**/

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

/*                                          .layoutLeftContent    .layoutContentRight                                      */

.layoutLeftContent #newsList .chapoPictureComment, .layoutLeftContent #event_list .chapoPictureComment, .layoutContentRight #newsList .chapoPictureComment, .layoutContentRight #event_list .chapoPictureComment {
  float: right;
  width: 26%;
  height: 132px;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
}

.layoutLeftContent #newsList .chapoPicture, .layoutLeftContent #event_list .chapoPicture, .layoutContentRight #newsList .chapoPicture, .layoutContentRight #event_list .chapoPicture {
  float: left;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/**/

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

/*                                         .layoutLeftContentRight                                                         */

.layoutLeftContentRight #newsList .chapoPictureComment, .layoutLeftContentRight #event_list .chapoPictureComment {
  float: right;
  width: 26%;
  height: 98px;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
}

.layoutLeftContentRight #newsList .chapoPicture, .layoutLeftContentRight #event_list .chapoPicture {
  float: left;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

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

#newsList .textRight {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#newsList .textRight .linksmore {}

#newsList .newsContainer {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

#newsEventsList h2, #wrapper .event h2 {
  margin-bottom: 0;
  font-size: 2em;
}

#newsEventsList h2, #newsEventsList .date, #newsEventsList .description, .event h2, .event .date, .event .description {
  float: left;
  width: 100%;
}

#newsEventsList a.newsLink {
  display: block;
  float: left;
  margin-top: 35px;
  padding: 2% 3%;
  width: 100%;
}

div.newsEvent {
  margin: 15px 0 15px 0;
  text-align: left;
}

div.newsEvent img {
  float: left;
  margin: 0 5px 0 0;
  padding: 3px;
}

#contents div.newsEvent h2 {
  margin: 0;
  font-size: 1.5em;
}

#newsEventsList .newsCommentsResum {
  float: left;
  width: 100%;
  padding: 10px 15px;
}

#newsEventsList .commentsDatas {
  float: left;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
}

.newsEvent .date {}

.newsEvent .period {}

.newsEvent .chapoPicture {}

.newsEvent .author {}

.newsEvent .chapo {}

p.newsArchivesLink {
  text-align: center;
}

#newsArchives {}

#newsArchives table {
  text-align: center;
}

a.archivesLink {}

a.newsArchiveTitle {}

.linksmore {
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
}

.linksmore .newsLink {}

a.newsLink {}

a.pagerPrevious {}

a.pagerNext {}

/* -------------------
DETAIL D'UNE ACTUALITÉ
--------------------*/

#news {}

#news #chapo, #event #chapo, #article #chapo {
  float: left;
  width: 100%;
}

#news #chapo img, #event #chapo img {
  float: right;
  max-width: 500px;
}

#article #chapo .wrappChapoPicture {
  float: right;
  width: 31%;
  margin-bottom: 20px;
  margin-left: 3.5%;
}

#article #chapo .wrappChapoPicture .chapoPicture {
  float: left;
  width: 100%;
  margin: 0 0 20px;
}

#article #chapo .wrappChapoPicture img {
  float: left;
  max-width: 100%;
}

#news #chapo h2, #event #chapo h2, #article #chapo h2 {
  margin: 0;
  font-size: 1.5em;
}

#news #text, #event #text, #article #text {
  float: left;
  width: 100%;
  margin: 20px 0;
}

#news #infos {}

#news #links {}

#news #newsGmap {}

#news a.gmapLink {}

/* -------------------
MULTI ARTICLES
--------------------*/

#chapoList {
  float: left;
  width: 100%;
  margin-top: 20px;
}

#articlesList {}

#chapoList .short_product a, .widgetMultiProduits .short_product a {
  float: left;
  width: 100%;
  padding: 15px;
}

#chapoList .short_product .description, .widgetMultiProduits .short_product .widgetLastElementsDescription {
  height: 120px;
  margin-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

#chapoList .short_product .titreTypeH3, .widgetMultiProduits .short_product h3 {
  height: 58px;
  overflow: hidden;
  font-size: 1.8em;
}

#chapoList .short_product .shortProductContainerText .icon- {
  float: right;
  font-size: 1.8em;
}

.widgetMultiProduits #chapoList .short_product .shortProductContainerText {
  margin-top: 8px;
}

.widgetMultiProduits .widgetLastElementsPicture {
  margin-bottom: 10px;
}

#articlesArchives {}

#articlesArchives table {
  text-align: center;
}

/* ------------------
LISTE DES ÉVÉNEMENTS
-------------------*/

#eventList {}

#eventSearch {}

.event {
  float: left;
  width: 100%;
  padding-bottom: 30px;
}

.event img {}

.event h2 {}

.event .date {}

.event .types {}

.event .author {}

.event .chapo {}

.event .linksmore {}

a.labelPreviousPeriod {}

a.labelToday {}

a.labelNextPeriod {}

.period {
  float: left;
  width: 100%;
  padding: 25px 0;
  text-align: center;
}

#wrapper .period .btn {
  float: none;
  margin: 0 5px;
}

#event_list {
  float: left;
  width: 100%;
  margin-top: 40px;
}

/* ------------------
DETAIL D'UN ÉVÉNEMENT
-------------------*/

#event {}

#event #chapo {
  float: left;
  width: 100%;
}

#event #chapo img {
  float: right;
  margin: 0 0 20px 20px;
  max-width: 500px;
}

#event #chapo h2 {
  margin: 0;
  font-size: 1.5em;
}

#event #chapo .date {}

#event #chapo .types {}

#event #chapo .author {}

#event #chapo .chapo {}

#event #chapo .linksmore {}

/* ---
FAQ
------*/

#faq {
  float: left;
  width: 100%;
}

.faqDetail {
  float: left;
  width: 100%;
  margin: 15px 0;
}

.faqDetail h4 {
  margin: 0 0 5px 0;
  padding: 5px;
  font-size: 1.1em;
}

.faqDetail .answer {
  padding: 5px;
}

.faqDetail .answer .answerBack {
  text-align: right;
}

/* -----------------
PUBLICATION DE LIENS
-----------------*/

#linksList {}

div.linkElement {}

/* ----------
PLAN DU SITE
----------*/

#sitemap {}

/* -----
SONDAGE
------*/

#poll {}

#poll .pollElement {
  clear: both;
  margin: 10px;
  padding: 5px;
  border: 1px solid #cccccc;
}

#poll .pollElement .row {
  margin: 0;
  padding: 0;
}

#poll .pollElement .libelle {
  float: left;
  width: 200px;
}

#poll .pollElement .libelle * {
  display: inline;
  margin: 0;
  padding: 0;
}

#poll .notes {
  font-size: 1em;
  color: #cccccc;
}

#pollStats {}

#pollStats .pollHtmlGraph {
  width: 60%;
  margin: auto;
}

#pollStats .pollHtmlGraph div {
  margin: 1px 0 0 5px;
}

#pollStats .pollGraph {
  height: auto;
  text-align: center;
}

.poll_element .group_multi_checkbox {
  top: 0;
  padding: 0 0 0 70px;
}

.widgetPoll .group_multi_checkbox {
  padding: 0 0 0 10px;
}

.widgetPoll input.radio, .widgetPoll input.checkbox, .widgetPoll input.radio:focus, .widgetPoll input.checkbox:focus {
  float: left;
}

.pollTitle {
  font-size: 1.2em;
  font-weight: bold;
}

#poll .group_multi_radio {
  top: 0;
  padding: 0 0 0 60px;
}

/* --------
LIVRE D'OR
----------*/

.docbookLinks {}

#toc {}

.docbookTree {}

.guestbookNewmsg {
  float: left;
  text-decoration: none;
}

.guestbookNewmsg a {
  display: block;
  margin-right: -15px;
  padding: 10px;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  line-height: 26px;
  color: white;
  width: 210px;
  text-transform: uppercase;
}

.guestbookNewmsg {
  width: 100%;
  float: left;
}

.guestbookWaiting {
  clear: both;
}

.guestbookNbmsg {
  margin: 5px 0;
  font-weight: bold;
}

.guestbookParDate, .guestbookParAuthor {
  font-size: .9em;
  font-style: italic;
}

.guestbookMsg {
  border-bottom: 1px dotted #CCC;
}

.guestbookModeration a {
  margin: 5px 10px 0 0;
}

/* ---
QUIZZ
------*/

.quizz label {
  width: 250px;
  font-weight: bold;
}

.quizz .group_multi_radio {
  padding: 0 0 0 260px;
}

.quizz .group_multi_radio label, .quizz .multi_checkbox label {
  font-weight: normal;
}

/* ----------------
REAGIR A L'ARTICLE
-----------------*/

#reactToArticle {}

/* ------------------------
ENVOYER L'ARTICLE A UN AMI
------------------------*/

#sendArticle {}

/* ----
ECARD
-------*/

#ecardDescription {}

#ecard {}

#ecard .ecardMedia {
  float: left;
  width: 28%;
  margin: 10px;
  text-align: center;
}

#ecard .ecardMedia a {
  display: block;
}

/* ----
PAGER
-------*/

.pager {
  clear: both;
  margin: 15px 0 20px;
  text-align: center;
}

.pager a, .pager a:visited {
  margin: 0 2px;
  padding: 3px;
}

.pager a:hover {
  margin: 0 2px;
  padding: 3px;
  text-decoration: none;
}

.pager a.pager_current_page, .pager a.pager_current_page:hover, .pager a.pager_current_page:visited {
  font-size: 1.4em;
  font-weight: bold;
}

.pager a.pagerCurrentPage, .pager a.pagerCurrentPage:hover, .pager a.pagerCurrentPage:visited {
  font-size: 1.4em;
  font-weight: bold;
}

/* -----------------------
TELECHARGEMENT DE FICHIER
------------------------*/

#mediaDownloads #zsearch {
  margin: 0 0 10px 0;
  overflow: auto;
}

#mediaDownloads #zsearch fieldset {
  float: left;
  margin: 0;
  padding: 0;
}

#mediaDownloads #zsearch .row {
  float: left;
  clear: none;
}

#mediaDownloads #zsearch .row label {
  width: auto;
  margin-right: 5px;
}

#mediaDownloads #zsearch .clear {
  display: none;
}

#mediaDownloads #zsearch .submit {
  float: left;
  position: relative;
  margin-top: 27px;
}

/********************************
PageInt
*********************************/

.Pageligne {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.PageligneBloc {
  float: left;
}

.Pageligne.contientElems1 .PageligneBloc {
  width: 100%;
  margin-right: 0;
}

.Pageligne.contientElems2 .PageligneBloc {
  width: 48.125%;
  margin-right: 3.5%;
}

.Pageligne.contientElems3 .PageligneBloc {
  width: 31%;
  margin-right: 3.5%;
}

.Pageligne.contientElems2 .PageligneBloc:last-child, .Pageligne.contientElems3 .PageligneBloc:last-child {
  margin-right: 0;
}

/*slider*/

.noBehavior {
  float: left;
  width: 100%;
}

.rslides {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.rslides li:before {
  content: "";
  margin-left: 0;
}

.rslides li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  -webkit-backface-visibility: hidden;
}

.rslides li:first-child {
  display: block;
  float: left;
  position: relative;
}

.rslides img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  border: 0;
}

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

/* ligne*/

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

.Ligne>div {
  float: left;
  margin-bottom: 10px;
}

.Ligne div:last-child, #forms .row:last-child, #wrapper .formulaire .row:last-child {
  margin-right: 0;
}

.pc100, .pc75, .pc66, .pc50, .pc33, .pc25, .pc20, .pc40, .pc60 {
  float: left;
  margin-right: 2.8%;
}

.pc80 {
  float: left;
  margin-right: 2.7% !important;
}

.tabl100, .tabl75, .tabl66, .tabl50, .tabl33, .tabl25, .tabl20, .tabl40, .tabl60, .tabl80 {
  float: left;
}

.pc100:last-child, .pc75:last-child, .pc66:last-child, .pc50:last-child, .pc33:last-child, .pc25:last-child, .pc20:last-child, .pc40:last-child, .pc60:last-child, .pc80:last-child {
  margin-right: 0 !important;
}

/*img*/

.pc100 img, .pc75 img, .pc66 img, .pc50 img, .pc33 img, .pc25 img, .pc20 img, .pc40 img, .pc60 img, .pc80 img, .tabl100 img, .tabl75 img, .tabl66 img, .tabl50 img, .tabl33 img, .tabl25 img, .tabl20 img, .tabl40 img, .tabl60 img, .tabl80 img {
  width: 100%;
}

/* width pourcent */

.pc100, .tabl100 {
  display: block;
  float: left;
  width: 100%;
}

/* 1 element */

.contientElems1>div {
  width: 100%;
}

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

/*               tabl                 */

.tabl25, .tabl33, .tabl50, .tabl66, .tabl75, .tabl20, .tabl40, .tabl60, .tabl80 {
  margin-right: 0;
  margin-left: 0;
}

/*flexbox*/

.Ligne {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.tabl20 {
  width: 20%;
}

.tabl40 {
  width: 40%;
}

.tabl60 {
  width: 60%;
}

.tabl80 {
  width: 80%;
}

.tabl25 {
  width: 25%;
}

.tabl33 {
  width: 33.33%;
}

.tabl50 {
  width: 50%;
}

.tabl66 {
  width: 66%;
}

.tabl75 {
  width: 75%;
}

.pc20 {
  width: 17.75%;
}

.pc40 {
  width: 38%;
}

.pc60 {
  width: 59.2%;
}

.pc80 {
  width: 79.5%;
}

.pc25 {
  width: 22.9%;
}

.pc33 {
  width: 31.4%;
}

.pc50 {
  width: 48.6%;
}

.pc66 {
  width: 65.8%;
}

.pc75 {
  width: 74.3%;
}

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

/*          LigneBloc                  */

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

.LigneBloc {
  width: 100%;
  float: left;
}

.LigneBlocx2 .blocLien {
  float: left;
  position: relative;
  width: 45%;
  margin: 30px 2.8% 0 0;
  transition: all 0.5s ease;
}

.LigneBlocx2 .blocLien:nth-child(2n) {
  margin-right: 0;
}

.LigneBlocx3 .blocLien {
  float: left;
  position: relative;
  width: 31.4%;
  margin: 30px 2.8% 0 0;
  transition: all 0.5s ease;
}

.LigneBlocx3 .blocLien:nth-child(3n) {
  margin-right: 0;
}

.LigneBloc img {
  width: 100%;
}

.blocLien:hover .blocLienImg img {
  opacity: 0.5;
}

.blocLienText {
  z-index: 2;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  padding: 30px;
  overflow: hidden;
}

.blocLienText .titreTypeH2, .blocLienText .chapo, .blocLienText p {
  float: left;
  width: 100%;
}

.blocLienText .icon-.Plus {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 2em;
}

.blocLienTextFond {
  z-index: 1;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0.7;
}

.blocLienTextRight {
  right: 0;
}

.blocLienTextLeft {
  left: 0;
}

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

/*      clickDeplie          */

.Ligne>.deroulant, .deroulant {
  float: left;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 0;
}

.ClickDeplie {
  float: left;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 10px;
  text-align: right;
  font-weight: 300;
}

.ClickDeplie .icon- {
  margin-left: 5px;
  font-size: 0.9em;
  color: #cc5148;
}

.cacheDeplie>div {
  padding: 5px 20px;
}

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

/*          accordion                  */

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

.accordion {
  float: left;
  width: 100%;
  margin: 30px 0;
  padding: 0;
  min-height: 100%;
  overflow: hidden;
  list-style: none;
}

/*accordion de base*/

.accordion .contenuTableau {
  display: block;
  float: left;
  width: 10%;
  height: 100%;
  margin-bottom: 0;
  padding: 20px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5em;
  background: url('../images/images/images/Modele1/trait.gif') repeat-y right;
  cursor: pointer;
}

.accordion .contenuTableau.active {
  cursor: text;
}

.accordion .contenuTableau .chiffreTitre {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  cursor: pointer;
}

.accordion .contenuTableau .contenuTableauCache {
  display: none;
  float: left;
  width: 90%;
}

/*accordion active*/

.accordion .contenuTableau.active .chiffreTitre {
  width: 10%;
}

.accordion .contenuTableau.active .contenuTableauCache {
  display: block;
}

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

/*     parrainage            */

.formSponsorship {
  float: left;
  width: 100%;
}

.formSponsorship fieldset {
  margin-top: 20px;
}

.formSponsorship .fieldset0 {
  float: left;
  width: 48.25%;
  margin-right: 3.5%;
}

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

/*       fiche produit       */

.galleryImgFicheProduit .gallery>a, .galleryImgFicheProduit .gallery>a.dernierElems {
  float: left;
  position: relative;
  width: 22.375%;
  height: 86px;
  margin-right: 3.5%;
  margin-bottom: 20px;
  text-align: center;
  text-decoration: none;
}

.galleryImgFicheProduit .gallery>a:first-child {
  width: 100%;
  height: 381px;
  margin-right: 0;
}

.galleryImgFicheProduit .gallery>a:nth-child(5) {
  margin-right: 0;
}

.ficheProduitVideo {
  width: 49%;
  margin: 0 25.5%;
}

.ficheProduitVideo iframe {
  width: 100% !important;
  height: auto !important;
  margin: 0;
  max-width: 560px;
  min-height: 315px;
}

#wrapper .btn.btnAction {
  width: 100%;
  margin: 20px 0;
  padding: 0;
  background: none;
}

.btn.btnAction p {
  float: left;
  width: 100%;
  margin: 0;
}

#wrapper .btn.btnAction p a {
  float: left;
  width: 100%;
  margin: 0;
  padding: 30px;
  text-align: center;
  text-decoration: none;
  font-size: 2em;
}

.btn.btnAction p a:before {
  content: "r ";
  font-family: "agencei";
  font-size: 1.2em;
  vertical-align: sub;
}

.AncresTabs {
  width: 100%;
  margin-top: 10px;
  padding-top: 15px;
  float: left;
}

.AncresTabs .select-tab {
  float: left;
  width: 30%;
  text-align: left;
  font-size: 0.9em;
}

.AncresTabs .select-tab .icon- {
  margin-right: 2px;
  font-size: 0.5em;
}

.galleryImgFicheProduit .gallery>a:first-child img, .galleryImgFicheProduit .gallery>a img, .galleryImgFicheProduit .gallery>a.dernierElems img, #productPicture a img, #visuels_additionnels .productPictures a.productLightbox img {
  padding: 0;
}

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

/*         video             */

.videoArticleDetail {
  margin: 30px 0;
}

.videoArticleDetail.gallery_video.gallery a {
  position: relative;
  width: 60% !important;
  margin: 0 20%;
}

.gallery_video.gallery a .play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -29px 0 0 -29px;
  font-size: 4em;
}

body.video H1 {
  margin-bottom: 30px;
}

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

/*      partenaires        */

.pictureCasClient {
  width: 20%;
  height: 143px;
  margin-right: 3.5%;
  text-align: center;
}

.textCasClient {
  width: 76.5%;
}

.pictureCasClient img {}

.CasClient {
  margin-bottom: 40px;
}

.CasClient:last-child {
  margin-bottom: 0;
}

.insertPartenaires, .basPage {
  margin: 100px 0;
}

.ProduitPartenaire .titreTypeH4, .produitDuPartenaires .titreTypeH4 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 1.6em;
}

.ProduitPartenaire:first-child {
  margin-bottom: 60px;
}

.listesPartenaires, .partenaireDetail #tab-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -o-column-count: 3;
  -o-column-gap: 40px;
}

.partenaireDetail #tab-1, .partenaireDetail #tab-2 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  -o-column-count: 1;
  -o-column-gap: 0;
}

.visuelPartenaire, .basPage #horizontalTab {
  margin-top: 60px;
}

#wrapper .btn.VoirSitePartenaire {
  padding: 12px;
  text-align: center;
}

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

/*  plus timcod et questionInt  */

.timcodWrap {
  float: left;
  width: 100%;
}

.plusTimcod, .questionInt {
  float: left;
  flex: 1 0;
  padding: 30px;
}

.plusTimcod.plus50, .questionInt.plus50 {
  width: 50% !important;
}

.plusTimcod.plus100, .questionInt.plus100 {
  width: 100% !important;
}

.blocQuestInt {
  padding: 30px;
}

.blocQuestInt .titreTypeH3, .plusTimcod .titreTypeH3 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 1.6em;
}

.blocQuestInt .titreTypeH3 {
  text-transform: uppercase;
}

.blocQuestInt .titreTypeH3 .icon- {
  float: right;
  font-size: 1.4em;
  line-height: 70%;
}

.blocQuestInt p {
  font-size: 1.2em;
}

.plusTimcod .titreTypeH3 .Tim {
  width: 26px;
  margin: 4px 10px 0 0;
}

.timcodWrap .widget {
  margin: 0;
}

.wrapPlusQuest {
  margin: 30px 0;
}

/* partenaireList  */

.partenaireList #newsEventsList a.newsLink {
  width: 22.375%;
  margin-right: 3.5%;
  padding-top: 0;
  border: none;
}

.partenaireList #newsEventsList a.newsLink:nth-child(4n) {
  margin-right: 0;
}

.partenaireList #newsEventsList a.newsLink .titreTypeH2, .partenaireList #newsEventsList a.newsLink .description {
  display: none;
}

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

/*                                         PUBLICATIONS                                                                    */

/*                                         .layoutContent                                                                  */

.layoutContent.partenaireList #newsEventsList a.newsLink .chapoPictureComment {
  width: 100%;
  height: 172px;
}

.layoutContent.partenaireList #newsEventsList a.newsLink .chapoPictureComment .chapoPicture {
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

/**/

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

/*                                          .layoutLeftContent    .layoutContentRight                                      */

.layoutLeftContent.partenaireList #newsEventsList a.newsLink .chapoPictureComment, .layoutContentRight .partenaireList #newsEventsList a.newsLink .chapoPictureComment {
  width: 100%;
  height: 128px;
}

.layoutLeftContent.partenaireList #newsEventsList a.newsLink .chapoPictureComment .chapoPicture, .layoutContentRight.partenaireList #newsEventsList a.newsLink .chapoPictureComment .chapoPicture {
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

/**/

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

/*                                         .layoutLeftContentRight                                                         */

.layoutLeftContentRight.partenaireList #newsEventsList a.newsLink .chapoPictureComment {
  width: 100%;
  height: 85px;
}

.layoutLeftContentRight.partenaireList #newsEventsList a.newsLink .chapoPictureComment .chapoPicture {
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

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

#leftbar .lienTitre, #rightbar .lienTitre {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
  text-align: left;
}

#leftbar .lienTitre .icon-, #rightbar .lienTitre .icon- {
  float: right;
  margin-top: 8px;
}

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

/*            sliderBox                 */

.sliderBoxX5 .pc20:nth-child(5n) {
  margin-right: 0;
}

.sliderBoxX4 .pc25:nth-child(4n) {
  margin-right: 0;
}

.sliderBoxX3 .pc33:nth-child(3n) {
  margin-right: 0;
}

.sliderBoxX2 .pc50:nth-child(2n) {
  margin-right: 0;
}

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

/*            BackToTop                    */

body .backtotopinstance {
  z-index: 9999;
  position: fixed;
  right: 50px;
  bottom: 50px;
  font-family: 'agencei' !important;
  cursor: pointer;
}

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

/*             cookie                      */

.alert-cookie {
  z-index: 3000;
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0.71429em;
  max-height: 7.1429em;
  overflow: hidden;
  text-align: center;
  -webkit-animation: 1s ease;
  animation: 1s ease;
}

.alert-cookie.is-hidden {
  margin: 0;
  padding: 0;
  max-height: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* Ajout Olivier */

/*div[id^=wrapper]{
    border: 1px solid red;
}*/

#headerInner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/**
 * HEADER
 */

#header {
  background: none !important;
}

/* Menu */

#header .nested {
  float: left;
  margin-left: 180px;
  background: none !important;
  margin-top: 35px;
  text-transform: uppercase;
}

.smaller .nested {
  margin-top: 30px !important;
  margin-left: 195px !important;
}

.smaller .headerWidget {
  margin-top: 25px !important;
}

#header .nested ul.firstLevel li.firstLevelLi:first-child a.firstLevelLiA:hover, #header .nested ul.firstLevel li.firstLevelLi:first-child a.firstLevelLiA {
  padding: 0 5px;
}

#header .nested ul.firstLevel li.firstLevelLi {
  background: none !important;
}

/* widgets header */

/*.headerWidget{
    vertical-align: middle;
}*/

.headerWidget div {
  float: left;
  width: auto;
  margin-right: 10px;
}

.header_widget_tel p {
  font-weight: 900;
  line-height: 130%;
  font-size: 1.2em;
}

.header_widget_devis .btn {
  cursor: pointer;
  border: 1px solid;
  text-transform: uppercase;
  padding: 10px;
  margin: -6px 0 10px 0;
}

.header_widget_tel p {
  padding: 4px 5px;
  margin-top: 5px;
}

.header_widget_tel .icon- {
  vertical-align: -5%;
}

.headerWidget .icon- {
  font-size: 1.3em;
  font-weight: 900;
}

.header_widget_devis .icon- {
  font-size: 1.6em;
}

/* h1 */

.homePage h1 {
  font-size: 2.9em;
  /*text-transform: uppercase;*/
  padding: 0 70px;
}

.homePage span.titre {
  font-size: 1.1em;
  margin: 10px 0;
  line-height: 135%;
  display: block;
}

.homePage h1 span.titre_gras {
  font-family: Arial !important;
  font-weight: 900;
  font-size: 1.5em;
  margin-bottom: 2%;
}

.homePage h1 span.titre_gras:after {
  content: '\A';
  display: block;
  margin-bottom: 10px;
}

.homePage h1, p.sous_titre {
  text-align: center;
  line-height: 1.1em;
}

#titre {
  margin: 65px 0 70px 0;
}

/* sous titre */

p.sous_titre {
  font-size: 1.2em;
}

/* Mises en avant */

.homePage #wrapper {
  padding: 0;
}

.homePage #article #text {
  margin: 0;
}

.menuiserie {
  background: url('/media/menuiserie__073611600_1109_20102016.jpg') top center no-repeat;
}

.miroiterie {
  background: url('/media/miroiterie__094345100_1109_20102016.jpg') top center no-repeat;
}

.automatisme {
  background: url('/media/automatisme__068232800_1109_20102016.jpg') top center no-repeat;
}

.agencement {
  background: url('/media/agencement__061905400_1109_20102016.jpg') top center no-repeat;
}

.menuiserie, .agencement, .miroiterie, .mises_avant .automatisme {
  padding: 48px 70px;
  height: 415px;
  display: block;
  position: relative;
  background-size: cover;
}

.mises_avant {
  margin: 0 !important;
}

.mises_avant .Ligne, .mises_avant .pc40, .mises_avant .pc60 {
  margin-bottom: 0;
}

.mises_avant .btn {
  float: left;
  position: absolute;
  top: 340px;
  left: 20px;
}

.mises_avant h2, .homePage h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 2.4em;
}

.mises_avant .pc60:first-child, #automatisme .pc40 {
  margin-right: 0;
}

.menuiserie p {
  width: 52%;
}

.automatisme p, .miroiterie p {
  /* width: 70%; */
}

.agencement p {
  width: 65%;
}

.mises_avant .btn, .homePage #wrapper .mises_avant .btn {
  background: none;
}

.mises_avant .btn, #wrapper .menuiserie a.btn {
  padding-left: 20px;
}

#automatisme {
  z-index: 1000;
}

/*Bureau d'étude*/

#wrapper3 {
  background: url('/media/bureauetude__099933000_1109_20102016.jpg') top center no-repeat;
  height: 334px;
  display: block;
  margin-top: 70px;
}

#bureau_etude p, #bureau_etude .btn {
  float: left;
}

#bureau_etude p {
  width: 60%;
  padding-top: 20px;
}

#bureau_etude h3 {
  padding-top: 30px;
}

#bureau_etude .btn {
  margin: 77px 0px 0 40px;
}

#bureau_etude .btn, #services .pc75 .btn, #wrapper4 .pc40 .btn, #preFooter .pc33:nth-child(2) a.btn, #automatisme .btn, .homePage #wrapper .mises_avant .btn {
  padding: 20px 50px;
}

/* Services */

#wrapper4 {
  margin-top: 70px;
}

#wrapper4 .pc40 p, #wrapper4 .pc40 .btn {
  float: left;
}

#wrapper4 .pc40 p {
  width: 80%;
}

/* services */

#services .pc20 {
  margin-right: 0;
}

#services .pc60 {
  text-align: center;
}

#services .pc80 {
  margin-right: 40px;
}

#services .pc80 img {
  /*width: 90%;*/
}

#services .pc80 .pc60 {
  /*width: 80% !important;*/
  padding: 66px 21px;
}

#services h3 {
  font-size: 3.4em;
}

h4.contact {
  font-size: 2.7em;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 10px;
  padding-top: 0 !important;
  margin-bottom: 30px;
}

.contacter p, .contacter div {
  float: left;
}

.contacter p {
  margin: 19px 0;
}

.tel_noir p {
  text-transform: uppercase;
  line-height: 110%;
}

.normal_weight {
  font-weight: 300;
}

.tel_noir .btn, .demande_devis .btn, .demande_devis {
  width: 100% !important;
  text-align: center;
  font-weight: bold;
}

.tel_noir .btn {
  font-size: 1.7em;
}

.demande_devis .btn {
  font-size: 1.3em;
  /*text-align: left;*/
  text-transform: uppercase;
}

.demande_devis .icon- {
  font-size: 1.3em;
}

/*actus*/

#services, #actus {
  float: left;
}

#services .demande_devis .btn {
  padding: 25px 0;
}

#actus .titreTypeH2 {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 20px;
  display: block;
}

#actus .Ligne {
  padding-bottom: 0;
  margin-bottom: 0;
}

#actus .Ligne>div {
  margin-bottom: 0;
}

#actus .news:first-child {
  margin-top: 20px;
}

#actus .news {
  margin: 10px 50px 10px 45px;
  width: 80%;
  padding-bottom: 20px;
}

#actus h3 {
  font-size: 1.3em;
  text-transform: lowercase;
}

#actus .news h3:first-letter {
  text-transform: capitalize;
}

#actus .widgetContainer .btn {
  margin: 20px 51px 0 30px;
  width: 80%;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 20px;
}

#actus .pc66 img {
  max-height: 100%;
  overflow: hidden;
}

#image_actu {
  background: url('/media/actus__079513700_1109_20102016.jpg') top left no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 640px;
  width: 100%;
  overflow: hidden;
}

/* PREFOOTER */

#wrapper5 {
  background: url('/media/prefooter__087045800_1109_20102016.jpg') top left no-repeat;
  height: 400px;
  display: block;
  margin: 50px 0 0 0;
}

#wrapper5 .Ligne .pc33:nth-child(2) {
  margin-top: 50px;
}

#preFooter .pc33:nth-child(2) h3 {
  font-size: 3em;
  font-weight: 900;
}

#preFooter .pc33:nth-child(2) a.btn {
  float: left;
  margin-top: 20px;
}

#contact_bas_blanc {
  width: 100%;
  height: 100%;
  padding: 20px;
}

#preFooter .pc33:last-child {
  height: calc(400px * 0.8);
  margin-top: 40px;
}

#preFooter h4 {
  font-size: 3.5em;
  font-weight: bold;
  text-transform: uppercase;
}

#preFooter ul {
  margin-top: 60px;
}

#preFooter ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 15px;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#preFooter ul li:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#preFooter ul li {
  font-size: 2em;
  height: 75px;
  padding-top: 20px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#preFooter ul li a {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/*#preFooter ul li a{
    width: 90%;
    display: block;
}*/

#preFooter ul li:after {
  content: "< ";
  font-family: 'agencei';
  font-size: 1em;
  float: right;
  color: #0a4a7c;
  vertical-align: top;
}

/* footer */

#footer {
  margin-top: 0;
}

#footer ul li {
  display: inline-block;
  margin-left: 20px;
  text-transform: uppercase;
}

#footer ul li:before {
  content: "";
}

#footer .ReseauxSociaux {
  float: right;
}

/* Rappel */

#rappel {
  display: none;
  position: fixed;
  float: left;
  top: 300px;
  left: 0;
  text-align: center;
  width: 110px;
  height: 100%;
  text-transform: uppercase;
  z-index: 1;
}

#rappel a {
  position: relative;
  display: block;
  font-size: 1em;
  float: left;
  width: 100%;
  padding: 20px;
}

#rappel .icon-, #rappel span {
  float: left;
  width: 100%;
}

#rappel .icon- {
  font-size: 2.5em;
  margin-bottom: 10px;
}

/**
 *  PAGES INTERIEURES
 */

.Tim {
  display: none;
}

#newsEventsList .date {
  width: 44%;
  float: left;
}

.actualites #newsEventsList .titreTypeH2 {
  float: left !important;
  width: 65%;
}

#newsEventsList .description {
  width: 68%;
}

#newsEventsList a.newsLink {
  /*    margin: 0;*/
}

.contact .formulaire {
  padding: 0;
}


/*Kevin, j'ai mis tes feuilles de styles ici car elles ne doivent pas être sur le less*/
/* MODIF KEVIN */

.homePage.glacisol .menuiserie {
  background: url('/media/menuiseriealu__013814300_1206_16112016.jpg') top right no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol .miroiterie {
  background: url('/media/decorationinterieur__004697300_1206_16112016.jpg') top right no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol .automatisme {
  background: url('/media/miroiteriesiglaver__092943000_1206_16112016.jpg') top right no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol .anti {
  background: url('/media/antifeu.jpg') top right no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol .agencement {
  background: url('/media/reno.jpg') top right no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol #image_actu {
  background: url('/media/actus__021061300_1206_16112016.jpg') top left no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.homePage.glacisol #wrapper5 {
  background: url('/media/prefootersiglaver__079491300_1206_16112016.jpg') top left no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.glacisol #preFooter .pc33:nth-child(2) a.btn {
  background-color: transparent !important;
}

/*rich menu*/

.glacisol #header .nested, .glacisol .smaller .nested {
  margin-left: 70px !important;
}

.glacisol #header #logo {
  margin-top: 19px;
}

.glacisol #header .nested .icon- {
  font-weight: normal;
}

.glacisol #header .nested .secondLevel .icon- {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 3.3em;
  color: #5e81ab;
}

.glacisol #header .nested .secondLevelLiA span:nth-of-type(2) {
  float: left;
  width: 100%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 700;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.glacisol #header .nested .secondLevelLiA .desc {
  float: left;
  width: 100%;
  color: #5e81ab;
  text-align: center;
  font-family: 'Ubuntu', sans-serif !important;
  font-weight: 200;
  font-style: italic;
  font-size: .9em;
}

.glacisol  #header .nested {
  margin-top: 0 !important;
}

$ .glacisol #header .nested ul {
  height: 96px;
}

.glacisol #header .nested ul.firstLevel li.firstLevelLi a.firstLevelLiA {
  padding: 26px 10px;
}

.glacisol #header .nested ul.firstLevel li.firstLevelLi:first-child a.firstLevelLiA:hover, .glacisol #header .nested ul.firstLevel li.firstLevelLi:first-child a.firstLevelLiA {
  padding: 26px 10px;
}

.glacisol #header .nested ul.firstLevel li.prestations ul.secondLevel {
  left: 0;
  width: 100%;
  z-index: 10;
  background: #004B7A;
  padding-left: 10%;
}

.glacisol #header .nested ul.firstLevel li.prestations ul.secondLevel li.secondLevelLi {
  float: left;
  width: 17.8%;
  border-top: 0;
  padding: 25px 0 25px 0;
  height: 220px;
}

.glacisol #headerInner {
  width: 100%;
}

.glacisol #headerInner #headerInner2 {
  margin: 0 auto;
  width: 1520px;
  float: none;
  position: inherit;
}

.glacisol .headerWidget {
  float: right;
  margin: 27px 0 0 0px;
}

.anti {
  padding: 48px 70px;
  height: 415px;
  display: block;
  position: relative;
}

.glacisol #wrapper2 .pc33 {
  margin-right: 0;
  width: 32.4%;
}

.glacisol .agencement p {
  width: 100%;
}