<style>

.margin-bottom_10 {
  margin-bottom: 10px !important }
.margin-bottom_15 {
  margin-bottom: 15px !important }
.margin-bottom_20 {
  margin-bottom: 20px !important }
.margin-top_15 {
  margin-top: 15px !important }
.margin-top_20 {
  margin-top: 20px !important }
.margin-left_20 {
  margin-left: 20px !important }
.margin-right_20 {
  margin-right: 20px !important }
.no-margin {
  margin: 0 !important }
.padding-right_0 {
  padding-right: 0px !important }
.padding-right_20 {
  padding-right: 20px !important }
.padding-left_0 {
  padding-left: 0px !important }
.padding-left_20 {
  padding-left: 20px !important }
.no-padding {
  padding:0px !important }
.padding-top_0 {
  padding-top:0px !important }
.padding-top_20 {
  padding-top:20px !important }
.padding-bottom_0 {
  padding-bottom:0px !important }
.padding-bottom_10 {
  padding-bottom:10px !important }
.padding-bottom_20 {
  padding-bottom:20px !important }
.padding_15 {
  padding:15px }
.padding_5  {
  padding:5px}


.bloc{
  display: table;}
.texte-centrer{
  text-align: center;}
.border-gris{
  border: 1px solid rgb(231, 231, 231);}
.fer-right{
  float:right}
.text-right{
  text-align: right;}


.asuivre{
  margin-top: -30px;
  margin-left: 12px;
  color: white;
  font-weight: bold}
.asuivre-fond{
  width: 111px;
  border-top: 33px solid #D21E1E;
  border-right: 17px solid transparent}
.asuivre-message{
  margin-top: -31px;
  margin-left: 120px;
  vertical-align: middle;
  font-size: 16px;
  color: #000;
  font-weight: bold;}


/* Carrousel  */
.multi-image-carou img:hover{
  cursor: pointer;
  opacity: 0.5;
	background-color:#000000 !important}
.multi-image-carou .owl-dots .owl-dot.active span {
  background: #FF0000;}
.multi-image-carou .owl-dots .owl-dot{
  margin-top: 10px;}
.text-vent:hover .multi-image-carou img {
  opacity: 0.5;
	background-color:#000000 !important}
.first-img{
  width: 485px;
  height: 308px;}
.background-black{
  background-color: black;}
.second-img {
  height: 154px;
  width: 100%;}
.texte-carrousel{
  position: absolute;
  top: auto;
  bottom: 10px;
  padding: 0;
  margin: 0 15px}

ul.ulimage li {
    display: inline-block;}
.ulimage li label.theme-article{
    color: #fff;
    padding: 5px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0;
    border-right: 1px solid rgba(226, 226, 226, 0.09) !important;}

.titre-rubrique-homepage {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px
}


.tousles-espace_3 {
  padding-left: 3px}
.tousles {
  font-size: 12px;
  font-weight: normal;
  margin-top: 3px}
.tousles:hover  {
  text-decoration: underline;
  color: #D21E1E;}
.chevron-right:before{
  content:"\f054"}


.fa1{
  padding-left: 3px;
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:
  grayscale
}


.theme-article{
  color: #D21E1E;
  font-size: 11px;
  border-right: 1px solid #E2E2E2;
  padding: 0px 6px 0px 1px}
.date-article{
  font-size: 11px;
  color: #828282}
.titre-article-rubrique{
  color: #000;
  font-weight: bold;
  font-size: 15pt;
	line-height:20px;
  margin-bottom: 6px;}
.titre-article-rubrique:hover{
  color: #D21E1E !important;}
.amorce{
  line-height: 16px;
  font-size: 15px;
  color: #2f2f2f;}


.petite-image{
	padding-right: 20px;
  display: table-cell;
	vertical-align: top}
.taille-petite-image{
  max-width: 100px !important;
  min-height: 75px!important;
	float:left;}
.bloc-texte {
	display: table-cell;}
.titre-article-rubrique1{
  color: #000;
  font-size: 12pt;
	line-height:16px;
  margin-top:-5px}
.titre-article-rubrique1:hover{
  color: #D21E1E !important;}

.image-article{
  display: block;
  width: 100%;
  height: auto;
  border-right: 2px solid #e3e3e3;
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  border-left: 2px solid #e3e3e3;}

/* Titre Module  */
.titre-module {
  font-size: 20px;
  font-weight: bold;
  text-transform:uppercase;}

/* Newsletter  */
.yellow-zone{
  padding: 25px;
  background: #f7e400;
  vertical-align: middle;}
.inscription-newsletter{
  font-size: 24px;
  font-weight: bold;}

/* Club  */
.bouton-club {
  background: #010916;
  border-radius: 0;
  color:#FFF;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #fff;}
.bouton-club:hover {
	color: #fff;
	background-color: #D21E1E;
	border-color: #D21E1E}

/* Agenda  */
.compte-agenda{
  font-size: 16px;
  background: #fbe700;
  padding: 5px 10px;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 10px;}
.bloc-agenda{
  border-bottom: 1px solid #D8D8D8;
  margin-top: 15px;}
.bloc-chiffre-agenda{
    line-height: 0;
    display: table-cell;
    vertical-align: top;
    padding-right: 20px}
.jour-agenda-petit {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  color:#D21E1E;}
.jour-agenda-grand {
  font-size: 33px;
  line-height: 1;
  font-weight: 600;
  color:#D21E1E;}
.mois-agenda{
	display:block;
	line-height:1;
  text-transform: uppercase;
  color:#D21E1E;}
.bloc-event-agenda{
  width: auto !important;
  display: table-cell;}
.agenda-titre{
  margin-top: -8px;}
.date-agenda{
  font-size: 13px;
  color: #828282;
  margin-right:5px;}
.fa-clock-o:before{
  content:"\f017"}
.fa-map-marker:before{
  content:"\f041"}
.bloc-video{
  background-color:  #000;
  width: 970px;
  margin-right:auto;
  margin-left:auto;}

/* Vidéo  */
.fond-video{
  background-color:#000;
  padding-top:20px}
.video1 {
	position: relative;
  margin-bottom:20px;
  padding-bottom: 56.25%}
.video1 .video1bis{
  position: absolute;
  width: 100%;
  height: 100%;}
.video-title{
  color: #fff;
  font-size: 17px;}
.video-date {
  color: #B7B7B7;
  font-size: 14px;
  margin: 0 15px;}
.video-like {
  color: #B7B7B7;
  font-size: 14px;}
.video-like i {
  margin-right: 8px;}
.fa-heart-o:before{
  content:"\f08a"}

/* Interview  */
.image-interview{
  display: block;
  border-right: 2px solid #e3e3e3;
  border-top: 2px solid #e3e3e3;
  border-bottom: 2px solid #e3e3e3;
  border-left: 2px solid #e3e3e3;
  height: 280px;
  width: 210px;}
.texte-interview{
  line-height: 1.2;
  margin-top: 5px;}

/* Sondage  */
.question-sondage{
  padding: 15px 0;
  font-weight: 600;
  font-size: 25px;
  border-right: 4px solid #2A2A2A;
  border-left: 4px solid #2A2A2A;
  background:url(../img/bg_sondage.jpg) repeat-y;}
.oui-non {
	position: relative;
	display: block;
	margin-top: 20px;}

/* Modèle  */
ol {
  float: none;
  list-style: decimal;
  padding-left: 20px;
  color: #D21E1E; }
.position-chiffre li  {
  line-height: 15px;
  margin-bottom: 10px;  }

/* Page agenda  */
.selecteur-theme {
  *zoom: 1;
  font-size: 14px}
.selecteur-theme:before {
  display: table;
  line-height: 0;
  content: "";}
.selecteur-theme:after {
  clear: both;
  display: table;
  line-height: 0;
  content: "";}
#filters li {
  float:left;	}
#filters li span {
  display: block;
  padding:5px 20px;
  text-decoration:none;
  font-weight: bold;
  color:#ababab;
  cursor: pointer;	}
#filters li span.active {
  color:rgba(2, 2, 2, 0.89);}
#filters li:hover span {
  color:rgba(2, 2, 2, 0.89);}

#portfoliolist_magazine .portfolio {
  width: 140px;
  height:200px;
  display:none;
  overflow: hidden;
  margin-left: 38px;
  margin-bottom: 20px	}
.portfolio img {
  max-width:100%;
  position: relative;
  top:0;
  -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);	}
.portfolio .label1 {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom:0px;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);	}
.portfolio .label4 {
  position: absolute;
  width: 140px;
  height: 200px;
  bottom:0px;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);	}
.portfolio .label-bg	{
  width: 100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;	}
.portfolio .label-bg1	{
  width: 140px;
  height:200px;
  position: absolute;
  top:0;
  left:0;	}
.portfolio:hover .label-bg1	{
  background: #080707 none repeat scroll 0% 0%;
  top: 0px;
  left: 0px;
  width: 140px;
  opacity:0.8;	}
.portfolio:hover .label-bg	{
  background: #080707 none repeat scroll 0% 0%;
  top: 0px;
  left: 0px;
  width: 115%;
  opacity:0.8;	}
.portfolio .label-text {
  color:rgba(152, 43, 43, 0);	}
.portfolio:hover .label-text	{
  color:#fff;
  position: relative;
  z-index:500;
  padding:5px 8px;	}
.portfolio .text-category	{
  display:block;
  font-size:9px;	}

.titre-article,.titre-actualite {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.0;
  margin-top: 20px;
  padding-right: 0px;
  padding-left: 0px; }


.pub_pos  {
  display: table;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto  }
.fond  {
  background-color: rgba(218, 218, 218, 0.4) !important;
  /*background-image: url('/img/homepage.png');*/
  background-repeat: no-repeat;
  background-position: center 0px;
  width:100%;
  overflow:hidden; }

.texte-white{
  color: #A8A8A8;}

  .gap-right {
    margin-right: 10px;
  border: 1px solid #a7a7a7
  }
  .wid{
  width:24%;
  }
  .experttext{
  color: gray;
  border-right: 1px solid rgb(238, 238, 238);
  padding: 0px 14px 0px 1px;
  }
  .ro{
  margin-right: -58px;}

  blockquote{
  font-style: italic;
  font-size: 16px;
  color: #000000;
  border-left:5px solid;
  border-color:#cc0000;
  padding-left:15px;
  }
  #photo>div{position:fixed; }

  em{
  font-style: italic;
  font-size: 16px;
  color: #000000;}


  .tof{
  max-width: 122%;
   border: 1px solid rgb(186, 186, 186);
  }
  #rs_bar.stick {
      margin-top: 97px !important;
      position: fixed;
      top: 0;
      z-index: 10000;
      border-radius: 0 0 0.5em 0.5em;
  }
  .serviceplus {
      font-size: 11px !important;
  }

  #serviceplus {
      float: left;
      margin-left: 160px;
  }
  #serviceplusimg {
  			width:468px;
  			padding-top:0px;
  			background:#FFF000;
  			margin:10px auto;
  			height:82px
  			}


  .lienserviceplus{
  color:#000000; text-decoration:none; font-weight:bold;
  }

  .lienserviceplus:hover{
  		text-decoration:underline
  }
  .divserviceplus{
   float:left;
  }

  .divserviceplus img{
   border: 1px solid #C2C1C1;
  }

  .img_service{ width:74px; height:55px; float:left; position:relative; margin:12px 12px 0 12px}
  .titre_desc_service{ width:350px; height:55px; float:left; position:relative; margin:12px 0 0 0}
  .titre_service{ font-family:Arial !important; color:#2c2c2c !important; font-size:15px !important; font-weight:bold !important; margin:0 0 2px 0 !important}
  .titre_service a{ font-family:Arial !important; color:#2c2c2c !important; font-size:15px !important; font-weight:bold !important; text-decoration:none !important; margin:0 0 2px 0 !important}
  .desc_service{ font-family:Arial !important; color:#2c2c2c !important; font-size:15px !important; font-weight:bold !important; margin:0 0 2px 0 !important}
  .desc_service a{ font-family:Arial !important; color:#323232 !important; font-size:15px !important; font-weight:normal !important; text-decoration:none !important; margin:0 0 2px 0 !important}
  .lien_publicite{ width:460px; float:left; text-align:right; font-family:Arial !important; font-size:9px !important; color:#000000 !important; margin:2px 6px 6px 5px; font-weight:bold !important}


  .imageserviceplus{float:left;}
  .textserviceplus{
  float:left;
  }
  .sidr ul li:hover > a {
  background:#DA1B1B !important;
  }
  .identite{
  font-weight:black;
  }

  .texto{
  color: black;
  font-weight: bold;
  font-size: 15px;
  }

  #article ul li{
  list-style: disc;
  margin-left: 25px;
  line-height: 1.1;
  }

  body h2{
    font-weight: bold;
  }

  body h3{
  font-size: 16px;
  font-weight: bold !important;
  line-height: 1.1;
  color: inherit;
  }
  #facebookcount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  #twittercount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  #linkedincount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  #viadeocount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  #gpluscount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  #emailcount{
  display: inline-block;
  vertical-align: text-top;
  line-height: 5pt;
  }
  p a {
    color: #f00;
  }
  p a:hover {
    color: #f00;
  text-decoration: underline;
  }

  .cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em;
    word-spacing: -2px;
  }
  .cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    margin-left: -4px;
  }


.uk-container uk-container-small{
  width:970px;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff !important }

.description-titre-agenda{
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 0 0 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold !important;
}
.description-agenda{
  margin: 2px 0 16px;
  font-weight: 100;
  font-size: 12px;
  padding-top: 5px;
  font-family: "Arial";
  line-height: 16px}


  /* newsletter */
  #left_col{
  float:left;
  width:50%;
  }
  #right_col{
  float:right;
  width:50%;
  }
  .textin{
  height: 59px;
  background-color: rgba(231, 231, 231, 0.2);
  }
  #testou{
  width:100% !important;
  }

      div#sib_embed_signup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
      div#sib_embed_signup .needsfilled {color: #B94A48 !important;}
      div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 0px;}
      div#sib_embed_signup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;}
      div#sib_embed_signup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
      .tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
      .tooltip{display: inline;position: absolute;left: 97%;}
      .tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
      .tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
      .tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
      body {background-Image: url('');}
  body {background-color: #dcdcdc;}
  div#sib_embed_signup .sib-container {background: rgba(252,252,252,1);}
  div#sib_embed_signup .sib-container h1 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
  div#sib_embed_signup h1.title {font-size: 45px;}
  div#sib_embed_signup .sib-container .forms-builder-footer, div#sib_embed_signup .sib-container .description, div#sib_embed_signup .sib-container .fake-label, div#sib_embed_signup .sib-container .row, div#sib_embed_signup .sib-container #company-name{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
  div#sib_embed_signup .forms-builder-footer,div#sib_embed_signup div.description,div#sib_embed_signup .fake-label,div#sib_embed_signup .row  {font-size: 13px;}
  div#sib_embed_signup .sib-container .button {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
  div#sib_embed_signup .button{font-size: 30px;}
  div#sib_embed_signup input {font-size: 13px;}
  div#sib_embed_signup .sib-containter h1 {color: #232323;}
  div#sib_embed_signup .sib-container {color: #343434;}
  div#sib_embed_signup .forms-builder-wrapper{ max-width: 970px;background-color:transparent;}
  div#sib_embed_signup .sib-container{ padding: 0px 0px 0px;}
  div#sib_embed_signup .header{ padding: 0 20px;}
  div#sib_embed_signup h1.title{ lineHeight: 50px;}
  div#sib_embed_signup h3.company-name{ lineHeight: 35px;}
  div#sib_embed_signup div.description{ padding: 0 20px 15px;}
  div#sib_embed_signup div.row{ padding:10px 20px; }
  div#sib_embed_signup input[type=text]{ padding: 10px 4px;width:100% !important;box-sizing: border-box;}

/* Formulaire newsletter  */
.case-formulaire{
  padding: 0px 20px 10px 20px;
  margin-right:10px;
  font-size: 13px;
  position: relative;
  left: 0px;
  top: 0px;
  font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;
  color: rgb(52, 52, 52);}

/* Formulaire contact  */
  .case-formulaire1{
    padding: 0px 20px 10px 20px;
    font-size: 13px;
    position: relative;
    left: 0px;
    top: 0px;
    font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;
    color: rgb(52, 52, 52);}

  .selectric .button {
    display: block;
    position: absolute;
    width: 105%;
    height: 52px;
    color: #000;
    text-align: right;
    font-size: 22px;
    padding: 7px 12px;
    margin-top: 0px;

  }
  .btun:hover {
      background-color: #1D9F10;
  }
  .btun {
      border-radius: 0px;
      background-color: #3DCB2F;
      border: 0px none;
      color: #FFF;
    }
    .taille{
    width:1141px !important;
      margin-top: 26px;
    }
  .cse input.gsc-input, input.gsc-input {
      font-family: inherit;
      font-size: 13px;
      padding: 4px 6px;
      border-radius: 2px;
      border: 1px solid rgb(222, 209, 205);
      height: 60px;
      width: 116% ! important;
      margin-left: -8px;
      margin-top: -19px;
      background: #444343 ! important;
      color: #fff;
  }
  .cse input.gsc-search-button, input.gsc-search-button {
      font-family: inherit;
      font-size: 11px;
      font-weight: bold;
      color: #002100;
      padding: 0px 8px;
      height: 28px;
      min-width: 54px;
      background-color: #B5C9AB;
      border: 1px solid #94CC7A;
      border-radius: 2px;
      display: none;
  }
  div.gsc-clear-button {
      display: none ! important;
      text-align: right;
      margin-left: 4px;
      margin-right: 4px;
      padding-left: 10px;
      background-repeat: no-repeat;
      background-position: center center;

      cursor: pointer;
  }
  .gs-webResult.gs-result a.gs-title:active{
  color: #323335 ! important;
  }
  .gs-webResult.gs-result a.gs-title{
  color: #323335 ! important;
  }
  .gsc-above-wrapper-area{
  background-color: #fff;
  margin-top: -12px;
  }
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
      cursor: pointer;
      color: #000;
      text-decoration: underline;
      margin-right: 8px;
      display: inline;
      border: 0px ! important;
  }
  .cse .gsc-results .gsc-cursor-page.gsc-cursor-current-page, .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
      color: #333;

      background-color: #4E504E ! important;
      border: 0px ! important;
  }
  input[type:"text"]:focus{
  border-color:transparent;
  }
  .gsc-control-cse div {
      position: static;
      background-color: #fff;
  }
  .gs-webResult div.gs-visibleUrl-long, .gs-promotion div.gs-visibleUrl-long {
      display: none ! important;
  }
  .cse .gs-webResult .gs-snippet, .gs-webResult .gs-snippet, .gs-fileFormatType, .gs-imageResult .gs-snippet {
      color: #454545;
      display: none;
  }
  .cse input.gsc-input, input.gsc-input {
      font-family: inherit;
      border: 1px solid rgba(148, 204, 122, 0) ! important;
      font-size: 35px ! important;
      padding: 4px 6px;
      border-radius: 2px;
  }
  .cse input.gsc-input, input.gsc-input-hover {
      font-family: inherit;
      border: 1px solid rgba(148, 204, 122, 0) ! important;
      font-size: 35px ! important;
      padding: 4px 6px;
      border-radius: 2px;
  }
  .cse .gsc-control-cse, .gsc-control-cse {
      font-family: "Trebuchet MS",sans-serif;
      background-color: rgba(225, 243, 218, 0) ! important;
      border: 1px solid rgba(225, 243, 218, 0) ! important;
  }
   table > tbody > tr > td{
  border: 0px solid #DDD ! important;
  }
  .gsc-result-info-container {
      text-align: left;
      display: none;
  }
  .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
      font-size: 17px;

      line-height: 20px;

  }
  .sidr ul li:hover > a {
  background:#DA1B1B !important;
  }
  .back{

  background-color:#fff;
  }
  #test {
  	    background-color: #202020;
      opacity: 0.99;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      box-shadow: 0px 1px 2px #666;
      height: 32px;
      width: 103%;
      position: relative;
      margin: -24px 0px 9px -15px;
      display: none;
      z-index: 99999;
      margin-top: -25px;
  }

  selectric-selecte{
  margin-top:-8px ! important;
  }

#signin-drop, #signin-dropdown  {
  background-color: #353333;
  opacity: 0.99;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 80px;
  width: 103%;
  position: relative;
  z-index: 99999;
  text-align:center
}
#signin-drop form, #signin-dropdown form {
  cursor:pointer;
  text-align:left}


  .selectric-wrapper {
    position: relative;
    cursor: pointer;
    border-radius: 0px;
    border: 1px solid #CCCCCC;
    height: 40px;
    width: 100% ! important;
    background-color: #fff;
    float: left;
  }
  .cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em;
    word-spacing: -2px;
  }
  .cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    margin-left: -4px;
  }
  .triangle-right
  {
  width: 111px;
    height: 2px;
    border-top: 33px solid #353535;
    border-right: 17px solid transparent;
  }
  .box{
  background: #FF61CB none repeat scroll 0% 0%;
  width: 28%;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  font-size: 13px;
  display: inline;
  border-radius: 0px !important;
  padding: 7px;
  font-weight: 600;
  }

.panel {border-radius: 0px;}

.panel-title {font-size: 11px;}

.titre-version {
  font-size: 11px;
  color: #FFF;
  background-color: rgb(75, 75, 75);
  padding: 0px 15px;
  margin-bottom: 10px;
  }

  .section {
  	clear: both;
  	padding: 0px;
  	margin: 0px;}
  .col {
  	display: block;
  	float:left;
  	margin: 1% 0 1% 1.6%;}
  .col:first-child {
    margin-left: 0;}
  .group:before,
  .group:after {
    content:"";
    display:table; }
  .group:after {
    clear:both;}
  .group {
    zoom:1; /* For IE 6/7 */ }
  .panel-heading {
    border-top-left-radius: 0;
    border-top-right-radius: 0;}
  .span_3_of_3 {
    width: 100%; }
  .span_2_of_3 {
    width: 66.13%; }
  .span_1_of_3 {
    width: 32.26%; }
  /*  GO FULL WIDTH BELOW 480 PIXELS */
  @media only screen and (max-width: 480px) {
  	.col {
      margin: 1% 0 1% 0%; }
  	.span_3_of_3, .span_2_of_3, .span_1_of_3 {
      width: 100%; }}
  .panel-primary > .panel-heading {
      color: #FFF;
      background-color: rgb(75, 75, 75);
      border-color: rgb(75, 75, 75);}
  .panel-primary {
      border-color: rgb(75, 75, 75);
      border-style: solid;
      border-width: 1px;
    }

.tools {
  font-size: 18px;
  margin: 0px 0px 0px 0px;
  line-height: 1;
  font-weight: bold;}
</style>
