/* Ce fichier contient tous les styles CSS pour la version mobile de votre site 
Il contient aussi toutes les règles par défaut qui s'appliquent à toutes les autres versions de votre site (default, narrow, normal, wide)

La structure de ce fichier se base sur le decoupage en zone et region des themes Omega :

A- REGLES DE BASE
B- Section HEADER 
  1° ZONE USER
  2° ZONE BRANDING
  3° ZONE MENU 
  4° ZONE HEADER 
C- Section CONTENT 
  1° ZONE PREFACE
  2° ZONE CONTENT
  3° REGION SIDEBAR FIRST
  4° REGION CONTENT
  5° REGION SIDEBAR SECOND
  6° ZONE POSTSCRIPT
D- Section FOOTER
  1° ZONE FOOTER
E- REGLES VUES (indépendantes des zones)

*/

/************ BASE ************/

ul.menu, ul.nice-menu { text-align: center; }

ul li { list-style: none; }

ul > li {
  list-style: none;
  display: inline-block;
}

a:link, a:visited { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 10px; }

h2 { font-size: 1.6em; }
h3 { font-size: 1.2em; }

.print-link { background: none;}

/************ FIN BASE ************/

/************ ZONE USER ************/

#zone-user-wrapper {
  background-color: black;
  color: white;
  font-size: 0.8em;
}

#zone-user-wrapper a { color: white; }

#zone-user .block {
  float: right;
  padding: 5px 10px 5px 0;  
}

#zone-user ul.nice-menu { margin: 3px; }

#zone-user ul.nice-menu li { background-color: #484549; }

#zone-user ul.nice-menu li a {
  color: white;
    font-size: 90%;
    text-align: center;
}

#zone-user ul.nice-menu > li {
  background: none;
  border: none;
  margin: 0 5px;
}

#zone-user ul.menu { margin: 3px; }

#zone-user ul.menu li {
  padding: 0;
  margin: 0 3px 0 0;
}

#zone-user ul.menu li a {
   /* display: inline-block; */
    height: 18px;
    vertical-align: top;
    width: 18px;
}

#zone-user ul.menu li.facebook a {
  background: url("../../images_kitdemarrage/bandeau_reseau_sociaux.png") no-repeat scroll 0 0 transparent;
  font-size: 0;
}

#zone-user ul.menu li.fil-rss a {
  background: url("../../images_kitdemarrage/bandeau_reseau_sociaux.png") no-repeat scroll -18px 0 transparent;
  font-size: 0;
}

#zone-user ul.menu li.twitter a {
  background: url("../../images_kitdemarrage/bandeau_reseau_sociaux.png") no-repeat scroll -36px 0 transparent;
  font-size: 0;
}

#zone-user #block-search-form input.form-text { width: 150px; }

#zone-user a#text_resize_increase {
  background: url("../../images_kitdemarrage/loupes.png") no-repeat scroll -26px 0 transparent;
  padding: 0;
  margin: 0;
  height: 26px;
  width: 26px;
}

#zone-user a#text_resize_decrease {
  background: url("../../images_kitdemarrage/loupes.png") no-repeat scroll 0 0 transparent;
  height: 26px;
  width: 26px;
  margin: 0;
  padding: 0;
}

#zone-user .print-link {
  margin: 0;
  background: white;
  padding: 3px;
}

#zone-user a.print-page { background: url("../../../themes/images_kitdemarrage/icone_impression_sb.png") no-repeat scroll 0 0 transparent; }

#zone-user a.print-mail { background: url("../../../themes/images_kitdemarrage/icone_envoi_mail_sb.png") no-repeat scroll 0 0 transparent; }

#zone-user div#block-print-print-links span { display: inline; }

/************ FIN ZONE USER ************/

/************ ZONE BRANDING ************/

#zone-branding-wrapper { padding: 10px 0; min-height: 80px; }

/* Redimensionnement des images trop grande pour leur conteneur */
#zone-branding img {
  height:auto !important;
  max-width: 100% !important;
}

#zone-branding .logo-img { float: none; }

#zone-branding .block { display: none; }

/************ FIN ZONE BRANDING ************/

/************ ZONE MENU ************/

/** Couleurs des bords des item de 1er niveau du nice-menu **/
#zone-menu ul.nice-menu > li.rubrique_orange { border-top: 10px solid #f4a143; } 
#zone-menu ul.nice-menu > li.rubrique_rose { border-top: 10px solid #e96092; } 
#zone-menu ul.nice-menu > li.rubrique_marron { border-top: 10px solid #a1887e; } 
#zone-menu ul.nice-menu > li.rubrique_cyan { border-top: 10px solid #59b1c6; } 
#zone-menu ul.nice-menu > li.rubrique_bleu { border-top: 10px solid #5560a4; } 
#zone-menu ul.nice-menu > li.rubrique_rouge { border-top: 10px solid #eb0011; }
#zone-menu ul.nice-menu > li.rubrique_vert { border-top: 10px solid #4faf6c; } 

/** Couleurs des survols des item du nice-menu **/
#zone-menu ul.nice-menu li.rubrique_orange:hover, #zone-menu ul.nice-menu li.rubrique_orange ul li:hover { background: #f4a143; }
#zone-menu ul.nice-menu li.rubrique_rose:hover, #zone-menu ul.nice-menu li.rubrique_rose ul li:hover { background: #e96092; }
#zone-menu ul.nice-menu li.rubrique_marron:hover, #zone-menu ul.nice-menu li.rubrique_marron ul li:hover { background: #a1887e; }
#zone-menu ul.nice-menu li.rubrique_cyan:hover, #zone-menu ul.nice-menu li.rubrique_cyan ul li:hover { background: #59b1c6; }
#zone-menu ul.nice-menu li.rubrique_bleu:hover, #zone-menu ul.nice-menu li.rubrique_bleu ul li:hover { background: #5560a4; }
#zone-menu ul.nice-menu li.rubrique_vert:hover, #zone-menu ul.nice-menu li.rubrique_vert ul li:hover { background: #4faf6c; }

#zone-menu-wrapper {
  background-color: white;
  color: white;
  margin-bottom: 10px;
}

#zone-menu .block-nice-menus { width: 100%; }

#zone-menu ul.nice-menu { width: 100%; }

#zone-menu ul.nice-menu li {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

#zone-menu ul.nice-menu > li {
  width: 100%;
  background: white;
  border: none;
  border-top: 10px solid #CCC;
  margin: 0;
  opacity: 1;
}

#zone-menu ul.nice-menu > li.active-trail { background: white; }

#zone-menu ul.nice-menu > li a {
  color: #333;
  font-size: 80%;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0;
}

#zone-menu ul.nice-menu > li.active-trail > a { color: #333; }

#zone-menu ul.nice-menu li ul { border: none; }

#zone-menu ul.nice-menu li ul li {
  background: #333;
  border: none;
  border-top: solid 1px #CCC;
}

#zone-menu ul.nice-menu li ul li a {
  font-size: 80%;
  text-align: center;
  text-transform: none;
  padding: 5px;
  color: white;
}

#zone-menu ul.nice-menu li:hover { background: #CCCCCC; }

#zone-menu ul.nice-menu li:hover > a { color:black; }

/************ FIN ZONE MENU ************/

/************ ZONE HEADER ************/

/************ FIN ZONE HEADER ************/

/************ ZONE PREFACE ************/

/************ FIN ZONE PREFACE ************/

/************ ZONE CONTENT ************/

.breadcrumb { font-size: 80%; }

.breadcrumb a { color: #666; }

.breadcrumb a:hover { text-decoration: underline; }

/*empecher chevauchement de la barre fixe du footer */
#section-content  {
    padding-bottom :20px; 
}

#zone-content .tabs {
    display: inline-block;
}

/** Couleur des titres h3 **/
#zone-content h3  { background-color: #333; color: white; padding-left: 10px;}
.rubrique_orange #zone-content h3 { background-color: #f4a143; color: white; padding-left: 10px;}
.rubrique_rose #zone-content h3 { background-color: #e96092; color: white; padding-left: 10px;}
.rubrique_marron #zone-content h3 { background-color:  #a1887e; color: white; padding-left: 10px;}
.rubrique_cyan #zone-content h3 { background-color: #59b1c6; color: white; padding-left: 10px;}
.rubrique_bleu #zone-content h3 { background-color: #5560a4; color: white; padding-left: 10px;}
.rubrique_vert #zone-content h3 { background-color:  #4faf6c; color: white; padding-left: 10px;}
.rubrique_rouge #zone-content h3 { background-color: #A11822; color: white; padding-left: 10px;}


/** Couleur des titres h2 **/
.rubrique_orange #zone-content h2 { color: #F4A143;}
.rubrique_rose #zone-content h2 { color: #D95A88;}
.rubrique_marron #zone-content h2 { color: #A1887E;}
.rubrique_cyan #zone-content h2 { color: #59B1C6;}
.rubrique_bleu #zone-content h2 { color: #5560A4;}
.rubrique_vert #zone-content h2 { color: #4FAF6C;}
.rubrique_rouge #zone-content h2 { color: #A11822;}


/* Redimensionnement des images selon la taille du terminal */
#zone-content img {
  height:auto !important;
  max-width: 100% !important; 
}

#zone-content #conteneurFront { 
  position: relative;  
  
}

#zone-content #transparence { display: none; }

#zone-content #transparence #text {
  margin: 10px;
  font-size: 1.2em;
}

.front #zone-content ul li {
  list-style: disc outside none;
  display: list-item;
}

.front #zone-content .tabs ul li {
  list-style: none;
  display: inline-block;
}

.front #zone-content #conteneurFront  {
  margin-bottom: 10px;
}

/** Couleurs du bloc TRANSPARENCE dans l'image d'accroche **/
.rubrique_orange #zone-content #transparence { background-color: #f4a143; background-color: rgba(244, 161, 67, 0.5); }   
.rubrique_rose #zone-content #transparence { background-color: #e96092; background-color: rgba(233, 96, 146, 0.5); }
.rubrique_marron #zone-content #transparence { background: #a1887e; background-color: rgba(161, 136, 126, 0.5); }
.rubrique_cyan #zone-content #transparence { background: #59b1c6 ; background-color: rgba(89, 177, 198, 0.5); }
.rubrique_bleu #zone-content #transparence { background: #5560a4; background-color: rgba(85, 96, 164, 0.5); }
.rubrique_vert #zone-content #transparence { background: #4faf6c; background-color: rgba(79, 175, 108, 0.5); }
.rubrique_rouge #zone-content #transparence { background: #A11822; background-color: rgba(161, 24, 34, 0.5); }



/************ REGION SIDEBAR FIRST ************/

#region-sidebar-first h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 100%;
}

#region-sidebar-first ul.menu {
  text-align: left;
  font-size: 0.9em;
}

#region-sidebar-first ul.menu li {
  width: 100%;
  border-bottom: solid 1px black;
  margin: 0;
  padding: 0;
}

#region-sidebar-first ul.menu li > a {
  display: inline-block;
  color: #666;
  padding-left: 10px;
}

#region-sidebar-first ul.menu li.active-trail > a {
  border-left: solid 10px #666;
  color: black;
}

#region-sidebar-first ul.menu li > a:hover { text-decoration: underline; }

#region-sidebar-first ul.menu li ul li { border: none; }

#region-sidebar-first ul.menu li ul li > a { margin-left: 10px; }

/** Couleurs de la bordure gauche des item du menu **/
.rubrique_orange #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #f4a143; }
.rubrique_rose #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #e96092; }
.rubrique_marron #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #a1887e; }
.rubrique_cyan #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #59b1c6; }
.rubrique_bleu #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #5560a4; }
.rubrique_vert #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #4faf6c; }
.rubrique_rouge #region-sidebar-first ul.menu li.active > a { border-left: solid 5px #A11822; }

/************ FIN REGION SIDEBAR FIRST ************/

/************ REGION CONTENT ************/

#region-content ul li {
  list-style: disc outside none;
  display: list-item;
}

#region-content .tabs ul li {
  list-style: none;
  display: inline-block;
}

/** Couleur des titres h3 **/
#region-content h3  { background-color: #333; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_orange #region-content h3 { background-color: #f4a143; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_rose #region-content h3 { background-color: #e96092; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_marron #region-content h3 { background-color:  #a1887e; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_cyan #region-content h3 { background-color: #59b1c6; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_bleu #region-content h3 { background-color: #5560a4; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_vert #region-content h3 { background-color:  #4faf6c; color: white; padding-left: 10px; white-space: nowrap;}
.rubrique_rouge #region-content h3 { background-color: #A11822; color: white; padding-left: 10px; white-space: nowrap;}


/** Couleur des titres h2 **/
.rubrique_orange #region-content h2 { color: #F4A143;}
.rubrique_rose #region-content h2 { color: #D95A88;}
.rubrique_marron #region-content h2 { color: #A1887E;}
.rubrique_cyan #region-content h2 { color: #59B1C6;}
.rubrique_bleu #region-content h2 { color: #5560A4;}
.rubrique_vert #region-content h2 { color: #4FAF6C;}
.rubrique_rouge #region-content h2 { color: #A11822;}

/* Désactivation du bloc first-time et des titres de page*/
#page-title, #first-time { display: none; }

.front #region-content #conteneurFront { position:relative; }

.front #region-content #transparence {
  display: none;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  position: absolute;
  width: 25%;
  height: 100%;
}

.front #region-content #transparence #text {
  margin: 10px;
  font-size: 1.2em;
}

/************ FIN REGION CONTENT ************/

/************ REGION SIDEBAR SECOND ************/

/************ FIN REGION SIDEBAR SECOND ************/

/************ ZONE POSTSCRIPT ************/

#zone-postscript { margin-top: 10px; }

/* Redimensionnement des images trop grande pour leur conteneur */
#zone-postscript img {
  height: auto !important;
  max-width: 100% !important;
}

/************ FIN ZONE POSTSCRIPT ************/

/************ ZONE FOOTER ************/

#section-footer { margin-top:20px; }



#zone-footer ul.menu li a {
  color: #333;
  font-size: 0.9em;
}

#zone-footer ul.menu li a:after {
  content: " >";
}

#zone-footer ul.menu li a:hover {
  text-decoration: underline;
}


/*couleur par défaut gris */
#zone-footer-wrapper {
    font-size: 0.9em;
    height: 15px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    background-color: #CCCCCC;
    padding: 5px 0;
}

/** Couleur du footer **/
.rubrique_orange #zone-footer-wrapper { background-color: #F4A143;}
.rubrique_rose #zone-footer-wrapper { background-color: #D95A88;}
.rubrique_marron #zone-footer-wrapper { background-color: #A1887E;}
.rubrique_cyan #zone-footer-wrapper { background-color: #59B1C6;}
.rubrique_bleu #zone-footer-wrapper { background-color: #5560A4;}
.rubrique_vert #zone-footer-wrapper { background-color: #4FAF6C;}
.rubrique_rouge #zone-footer-wrapper { background-color: #A11822;}


/************ FIN ZONE FOOTER ************/

/************ REGLES VUES (indépendantes des zones)************/
/*Vue bloc actualité*/
#block-views-actualites-block h2.block-title , h2.block-title {
    border-top: 10px solid #000000;
    font-weight: normal;
}
#block-views-actualites-block h3
{background:#000;color:#fff;font-size:1em;margin-bottom:0;}
#block-views-actualites-block  p.date
{width:25%;float:left;}
#block-views-actualites-block p
{width:90%;float:right;}
#block-views-actualites-block  .views-row-first
{margin-top:10px;}
#block-views-actualites-block a:link, #block-views-actualites-block a:visited {   
  color: #333333;
  text-decoration: underline;
}