/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =========== TEMPLATE CORAL 2.0 =========== */

html { font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin:0; padding:0; text-align:left; background: #fff; font: 1em "open_sansregular", Arial, sans-serif; color: #000; }

h1, h2, h3, h4, h5, h6 { margin: 20px 0; padding: 0; font-size: 1.55em; text-transform: uppercase; color: #000; font-family: "open_sansbold", Arial, sans-serif; }

 
ul, ol { margin: 10px; padding: 0; list-style-position: inside; }

a {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover { text-decoration: none; }
a:focus { outline: 0; }
a img { border: 0 }

a[href$='.pdf'] { padding: 10px 0 10px 30px; background: url(../images/pdf.png) no-repeat 0 50% transparent }

blockquote { margin: 30px 0; padding: 5px 15px; border-left: 4px solid #eee; font-family: "open_sansitalic", Arial, sans-serif; font-style: italic}
em { font-family: "open_sansitalic", Arial, sans-serif; font-style: italic }
strong {
  font-family: "open_sansbold", Arial, sans-serif;
  /* ou (suivant la font utilisée)
  font-weight: bold;
  */  
}

.overflow { overflow: hidden}

#scrollToTop { position: fixed; bottom: 20px; right: 20px; cursor: pointer; z-index: 1000000; display: none }
#scrollToTop span.glyphicon { left: 50%; top: -15px; color: grey; }

/* #HEADER
================================================== */
.topBar { line-height: 3em }

header { background: #ddd; padding: 20px 0}

a.currentLang { font-weight: bold}

/* #MENU
================================================== */
#menu {padding: 0; }
#menu ul { }
#menu li { }

#menu a {  }
#menu a:hover, #menu .active a { }


/* sous-menu OBSOLETE !!
#menu li { position: relative; z-index: 0; }
#menu .subnav { display: none; position: absolute; background: #fff; z-index: 1000; width:; border:; padding: 0; }
#menu .subnav li { padding:;}
#menu ul li:hover ul { display: block; }
#menu .active .subnav a { color:#000;}
#menu .active .subnav a:hover { color:red;}

#footer .subnav { display: block;}
#footer .subnav li { padding: 0 0 0 10px; }
*/


/* PANIER
================================================== */
.panier { font-size: 0.875em;}



/* BREADCRUMB
================================================== */
ol.breadcrumb { margin: 20px 0 }



/* #CONTENT
================================================== */
#content { padding-bottom: 20px }


/* #SLIDER
================================================== */
#slider-content { text-align: center; background: #06758f; padding-top: 20px  }

#slider { margin: 0}
#slider li {
  margin: 0 auto;
  padding: 0;
  background: #592364;
  min-height: 300px;
  width: 100%
}
#slider li h2 { position: absolute; top: 50%; left: 30px; text-align: center; color: #fff; font-size: 1.250em; }


/* #FOOTER
================================================== */
footer { background: #bbb; padding: 20px 0; }

#footer-menu { text-align: center; }
#footer-menu li { list-style: none; float: left; margin: 0 10px }
#footer-menu a, #footer-admin a { color: #000; text-decoration: none; }
#footer-menu a { font-size: 0.9em; }
#footer-menu a:hover, #footer-menu li.active a { color: grey}

#footer-admin { }
#list-footer { list-style: none }
#list-footer li { margin: 0 10px 0 0 } 
 
/* pictos en png */  
#list-footer a#administration, #list-footer a#mentions {
  /* si picto */ 
  /* display: block; text-indent: -9999px; background: url(../img/pictos.png) no-repeat 0 -31px transparent; width: 28px; height: 28px; */    
}
#list-footer a#mentions { cursor: pointer; background-position: 0 0 }

#footer-realisation { }
#footer-realisation a img { border: 0}
#footer-realisation a:hover { background: none}

/* ----- Réseaux sociaux ----- */
#rs_link { list-style: none; }
#rs_link li { float: left; margin: 0 4px 4px 0}
#rs_link a { background: url(../img/icones-reseaux-sociaux.png) no-repeat transparent; display: block; width: 32px; line-height: 32px; text-indent: -9999px; outline: 0}
#rs_link a.twitter { background-position: 0 -32px }
#rs_link a.google { background-position: 0 -64px }
#rs_link a.youtube { background-position: 0 -128px }
#rs_link a.linkedin { background-position: 0 -160px }
#rs_link a.viadeo { background-position: 0 -256px }
#rs_link a.dailymotion { background-position: 0 -288px }


/* ------ mentions légales ----- 
#mentions-bloc { font-size: 0.8em; color: #000; width: 440px; position: fixed; left: 50%; margin-left: -220px; top: 50px; background: #fff; border: 10px solid #eee; padding: 10px; border-radius: 6px; display: none; box-shadow: 0 0 2px #000; z-index: 100000; }
@media (max-width: 767px) {
  #mentions-bloc { width: 400px; font-size: 0.7em; margin-left: -200px}
}
#close_mentions { width: 20px; height: 20px; cursor: pointer; position: absolute; top: -5px; right: -5px; background: url(../img/close_mentions.png) no-repeat transparent; text-indent: -9999px; }

#mentions-bloc {
  max-width: 550px;
  border-radius: 4px;
  color: #000;
  font-size: 0.8em;
  transform: translateY(-50px);
  transition: all .33s;
}
*/

.fancybox-slide--current #hidden-content-b {
  transform: translateY(0);
}


/* ------ WIDGET CONTACT ------ */
.widget_contact {  }
.widget_contact h3 {  }
.vcard { }
.vcard .org { text-transform: uppercase; }
.vcard .nickname { display: none; }
.vcard .adr { }
.vcard .adr .street-address { }
.vcard .adr .postal-code {}
.vcard .adr .locality {text-transform: uppercase;}
.vcard .adr .country-name { display: none; }
.vcard .tel { }
.vcard abbr.type { }
.vcard abbr {border: 0}
.vcard .tel .value {} 
.vcard .telnumber { }
.vcard .telnumber a { color: #fff; text-decoration: none }
.vcard .telnumber .type {}
.vcard .telnumber .value { }
.vcard .cellnumber {}
.vcard .cellnumber .type {}
.vcard .cellnumber .value {}
.vcard .faxnumber {display: none;}
.vcard .faxnumber .type {}
.vcard .faxnumber .value {}
.vcard .email_container { margin: 20px 0}
.vcard .email_name { display: none; }
.vcard a.email { text-decoration: underline; display: none; }
.vcard a.email:hover { text-decoration: none; }

a.button_email { }
a.button_email:hover {  }


/* ----- NOTIFICATIONS -----*/
.result_error { color: #fff; line-height: 40px; text-align: center; background: #e57c7c }
.result_success { color: #fff; line-height: 40px; text-align: center; background: #78ca71 }
#flashMessage { background: #fff; color: #337ab7; line-height: 40px; text-align: center }


/* ----- COOKIE BAR ----- */
#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; font-size: 0.8em;z-index:999}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#3AC976;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


/* ----- DEMO ASSETS ----- */
.bs-component .modal { 
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
}
.bs-component .modal-dialog {
    width: 90%;
}


/* ----- Message de consentement RGPD ----- */
.mentionRGPD {
  font-size: 0.8em;
}