/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 6, 2017 */
@font-face {
    font-family: 'yanone_kaffeesatzbold';
    src: url('yanonekaffeesatz-bold-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yanone_kaffeesatzextra_light';
    src: url('yanonekaffeesatz-extralight-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yanone_kaffeesatzlight';
    src: url('yanonekaffeesatz-light-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('yanonekaffeesatz-regular-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* ------
TITRES
---------*/
h1, h2, h3, h4, h5, h6{
  font-family:'yanone_kaffeesatzregular', Arial, sans-serif;
  text-shadow: 1px 1px 1px #FFFFFF;
  position: relative;
  line-height:normal;
  font-weight:normal;
  color:#000000;
}
h1 {
  font-size: 32px;
  letter-spacing: 1px;
  line-height: 1.15em;
}
h2 {
  color:#7e7e7e;
  font-size: 19px;
  text-transform:uppercase;
}
h3 {
  font-size: 1.5em;
}
h3-b {
  font-size: 1.4em;
 width:267px!important;
 line-height: normal;
 text-align: center!important;
 float: left;
  height:40px;
}
h4 {
  font-size:1.4em;
}
h5 {
  font-size: 1.3em;
}
h6 {
  color: #007AAA;
  font-size: 1.2em;
}
h7 {
 font-family: Arial,sans-serif;
  color: #000000;
  font-size: 0.9em;
}
#contentsInner h1{
  background:url(/common_images/skins/DefaultSkins1.5/bg-title.png) repeat-x bottom center;
  padding:0px 10px 5px;
}

/* ------------
LIENS
--------------*/
a:link{
  color:#000000;
text-decoration:underline;
}
a:linkIn{
  color:#000000;
text-decoration:underline;
}
a:visited{
  color:inherit;
}
a:hover, a:active{
  color:red;
  text-decoration:underline;
}
/* IE n'interprète pas les pseudo-éléments :after, ceci ne sera donc pas affiché pour IE */
/* #contents a.LinkOut:after{
  color:#bbb;
  content: " ["attr(hreflang)"]";
  font-weight:normal;
}*/

/* ------------
CONTENU WYSIWYG 
--------------*/
p{
  font-size:1em;
  font-family: Lucida-Sans, Arial,sans-serif;
}
strong{
  font-weight:bold;
}
em{
  font-style:italic;
}
  em strong, 
  strong em{
    font-style:italic;
    font-weight:bold;
  }
u{
  text-decoration:underline;
}
strike{
  text-decoration: line-through;
}
address{
  color: #007AAA;
}
pre{
  background:#ccc;
  border:1px solid #007AAA;
  font-family:Courier, MS Courier New, Prestige, Everson Mono;
  font-size:1.1em;
  margin:20px auto;
  overflow:auto;
  padding:5%;
  width:80%;
}
code{
  background:#007AAA;
  color:#ffffff;
  font-family:Courier, MS Courier New, Prestige, Everson Mono;
  font-size:1.1em;
  padding:2px;
}
blockquote {
  background: url(/common_images/skin001/quotes1.png) no-repeat 0 2px;
  margin:10px 50px;
  text-indent: 25px;
}
  blockquote p {
    background: url(/common_images/skin001/quotes2.png) no-repeat bottom right;
    display: inline;
    margin: 0;
    padding-right: 24px;
  }
cite{
  color:#000000;
  font-family: Arial, sans-serif;
  font-size:1.1em;
  padding:0 3px 0 3px;
}
acronym {
  border-bottom:1px dashed #007AAA;
  cursor:help;
}
q{
  color:#007AAA;
  font-style:italic;
}
  q:after{
    content: " ' Source: "attr(cite)" ";
    font-size:1em;
  }
ul{
  color:#666666;
  list-style:none;
  margin:5px 0 5px 25px;
}
  ul li{
  }
ol{
  color:#666666;
  list-style:inside decimal-leading-zero;
  margin:5px 0 5px 25px;
}
hr{
  border-bottom:1px ridge #c5c5c6;
  border:1;
}
.separator{
  clear:both;
  visibility:hidden;
}
dl{
  margin:10px 5px;
}
  dt{
    color:#000000;
    font-size:1.1em;
    font-weight:bold;
  }
  dd{
    font-style:normal;
    margin:0;
    padding:0;
    text-indent:10px;
  }

table{
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #ccc;
  margin:auto;
  width:100%;
  margin-bottom:15px;
}

body.nosdistributeurs table{margin-top: 15px; border:0px solid #ccc;}

@media all and (max-width:959px) 
{
.table-responsive {
  width: 89%;
overflow: scroll;}
}

  @media all and (max-width:767px) 
{
.table-responsive {
      width:100%;
      overflow: scroll;}
.table-responsive td{width:280px;}
.table-responsive tr{width:290px;}
.table-responsive hr{width:292px;}
.table-responsive img{display:none;}
.table-responsive h4 {font-size:1.9em; margin-top:10px; margin-bottom:-35px;}
body.nosdistributeurs table {width:290px!important;}

}

  table caption{
    color: #ccc;
    font-size: 14px;
    font-weight:bold;
    margin:5px 0;
    text-align:left;
  }
th{
  color:#ffffff;
  border:1px solid #ccc;
  color:#666666;
  font-size:14px;
  font-weight:bold;
  padding:2px;
}
td{
  border:1px solid #ccc;
  padding:2px;
}
td img { padding:3px; }


/* ------------
BLOCS DES MEDIAS
--------------*/
.medias{
  margin:10px 0;
}
  .medias .flash{
  }
  .medias .audio, .medias .video, .medias .center{
    text-align:center;
  }
  .medias .right{
    text-align:right;
  }
  .medias .left{
    text-align:left;
  }
  .medias img{
    margin:5px;
  }
.medias .right .diaporama{
  text-align:right;
  margin:0 0 0 auto;
}
.medias .left .diaporama{
  text-align:left;
  margin:0 auto 0 0;
}
.medias .center .diaporama{
  text-align:left;
  margin:0 auto;
}
  .medias a,.medias a:hover, .medias a:visited{
    background:none;
    text-decoration:none;
  }
  .medias .description{
    display:none;
  }
.back{
  text-align: center;
  margin-bottom: 10px;
  display: block;
  clear: both;
}



/* ------------------------------------------
ELEMENTS DE MISE EN PAGE DANS ZONE DE CONTENU
--------------------------------------------*/
.une_colonne, .deux_colonnes{
  clear:both;
  display: inline;
}
.colleft{
  float:left;
  margin:0 2% 0 0;
  padding:0;
  width:47%;
}
.colright{
  float:left;
  margin:0;
  padding:0;
  width:48%;
}
.intext_left{
  float: left !important;
  padding: 5px !important;
}
.intext_right{
  float: right !important;
  padding: 5px !important;
}
.above_left{
  text-align: left;
}
.above_right{
  text-align: right;
}
.above_center{
  text-align: center;
}
.below_center{
  text-align: center;
}
.below_right{
  text-align: right;
}
.below_left{
  text-align: left;
}
.above_center img, 
.above_right img, 
.above_left img, 
.below_center img, 
.below_right img, 
.below_left img{
  float: none !important;
}
.center{
  text-align: center;
  width:100%;
}
.left{
  text-align: left;
  width:100%;
}
.right{
  text-align: right;
  width:100%;
}
.colonne{
  width:27%;
  float:left;
  margin:15px 10px;
  color: #666666;
  font-size:1.2em;
}
  .colonne strong{
    color:#000000;
  }
  .colonne .title{
    text-align:center;
    margin-bottom:15px;
    font-weight:bold;
    text-transform: uppercase;
  }
.date{
  font-style: italic;
}
.colonne a{
  display:block;
}
  
/* ----------
GOOGLEMAP
-------------*/
.googleMapBulle {
  width:250px;
  height:150px;
  overflow:auto;
  padding:0;
  margin:0;
}
.labelMarker{
  font-weight:bold;
  color:#000000;
}

/* ------------------------
SECURISATION DU MOT DE PASSE
--------------------------*/
.strength_password {
  color:#666666;
  display:block;
  float:left;
  font-family:arial,helvetica,san-serif;
  font-size:13px;
  font-weight:bold;
  height:28px;
  margin-left:10px;
  padding:0 0 12px 10px;
  clear:both;
}
  .strength_password span {
    display:block;
    float:right;
    margin:0 0 0 20px;
    padding:10px 20px 12px 10px;
    white-space:nowrap;
  }
.shortPass {
  background:transparent url(/common_images/red.png) no-repeat scroll 0 0;
}
  .shortPass span {
    background:transparent url(/common_images/red.png) no-repeat scroll right top;
  }
.badPass {
  background:transparent url(/common_images/red.png) no-repeat scroll 0 0;
}
  .badPass span {
    background:transparent url(/common_images/red.png) no-repeat scroll right top;
  }
.goodPass {
  background:transparent url(/common_images/yellow.png) no-repeat scroll 0 0;
}
  .goodPass span {
    background:transparent url(/common_images/yellow.png) no-repeat scroll right top;
  }
.strongPass {
  background:transparent url(/common_images/green.png) no-repeat scroll 0 0;
}
  .strongPass span {
    background:transparent url(/common_images/green.png) no-repeat scroll right top;
  }
#mustEnableJavascript, 
#mustAcceptCookies{
  font-weight:bold;
  color:#ff0000;
}

/*
 * Champ de type insertion de ressource côté public, avec mini-centre de ressources
 * */
.pubRContener .pubRModif , .pubRContener .pubRDelete {
  display:block;
  width:20px;
  height:20px;
}
.pubRContener .pubRModif span, .pubRContener .pubRDelete span {
  display:none;
}
.pubRContener .add {
  background:transparent url(/common_images/skin001/add_small.png) no-repeat scroll right top;
}
.pubRContener .modif {
  background:transparent url(/common_images/skin001/edit_small.png) no-repeat scroll right top;
}
.pubRContener .pubRDelete {
  background:transparent url(/common_images/skin001/delete_small.png) no-repeat scroll right top;
}
.pubRContener .actions{
  float:left;
}
.pubRContener .add, .pubRContener .addLabel{
  float:left;
}
.pubRContener .pubRLabel{
  margin-bottom:5px;
  font-style:italic;
}
.pubRContener p {
  margin:0;
}