@import url(//fonts.googleapis.com/css?family=Raleway:700,400,300);
/*
thin 100
thin 100 Italic
light 300
light 300 Italic
regular 400
regular 400 Italic
bold 700
bold 700 Italic
black 900
black 900 Italic 
*/

/*
Fond : #f8ebe2
Orange : #e95d0f
Vers Anis : #b1c842;
Marron : #663c1f
*/

body { color:#663c1f; background-color:#f8ebe2; font-family:Verdana, Geneva, sans-serif; }

body, document, html { height:100%; width:100%; margin:0px; padding:0px; font-size:14px; }
body { padding-top:180px; }


* { font-family:Verdana, Geneva, sans-serif; }

a { text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-weight:normal; color:#663c1f; }
a:hover { text-decoration:underline; color:#663c1f; }

img { border:none; }

/* Header */
header { background-color:#f8ebe2; height:180px; /* border-bottom:10px solid #e95d0f;*/ position:fixed; top:0px; left:0px; right:0px; z-index:999; }
header.ombre_portee { -moz-box-shadow: 0px 1px 5px 0px #656565; -webkit-box-shadow: 0px 1px 5px 0px #656565; -o-box-shadow: 0px 1px 5px 0px #656565; box-shadow: 0px 1px 5px 0px #656565; filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=5); }


header > div.container { position:relative; height:100%; }

header .navbar-toggle { display: block; float:left; padding:5px 0px; margin:0px; border:none; color:#e95d0f; }
header .navbar-toggle:hover { color:#663c1f; }

header .navbar-center-brand { position:relative; margin:10px auto 0px auto; width:312px; display:block; height:auto; }
header .navbar-center-brand .navbar-brand { padding:0px; display:block; height:auto; }
@media (max-width: 768px) {
	header .navbar-center-brand { max-width:35%; }
	header .navbar-center-brand .navbar-brand { width:100%; }
	header .navbar-center-brand .navbar-brand img { width:100%; }
}
@media (min-width: 768px) and (max-width: 768px) {
	header .navbar-center-brand { max-width:30%; }
}

header .navbar-right { text-align:right; padding:5px 0px; }

header .navbar-langue { margin-bottom:3px; }
header .navbar-langue select { color: #e95d0f; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; border: none; padding: 2px 5px; width:150px; }

header .navbar-search { }
header .navbar-search form { background-color:#FFFFFF; width:150px; }
header .navbar-search form input { color:#e95d0f; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; border: none; padding:2px 5px; width:120px; }
header .navbar-search form button { color:#e95d0f; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; border: none; padding:0px 2px; }
header .navbar-search form button:focus, header .navbar-search form button:hover { background-color:#e95d0f; color:#FFF; text-decoration:none; }

header ul.nav-menu { position:absolute; width:100%; bottom:0px; }
header ul.nav-menu li a { font-family:'Raleway', sans-serif; font-weight:400; font-size:24px; color:#e95d0f; white-space:nowrap; padding:5px; }
header ul.nav-menu li a:focus, header ul.nav-menu li a:hover { text-decoration:none; background-color:transparent; color:#663c1f; }

@media(max-width:1200px) {
	header ul.nav-menu li a { font-size:24px; }
}
@media (max-width: 992px) {
	header ul.nav-menu li a { font-size:18px; }
}
@media (max-width: 768px) {
	header { height:130px; }
	body { padding-top:130px; }
}

header .navbar-collapse { background-color:#663c1f; border-bottom:15px solid #e95d0f; color:#FFF; margin-top:0px; }
header .navbar-collapse.collapse { display: none !important; }
header .navbar-collapse.collapse.in { display: block !important; }
header .navbar-collapse ul.nav { }
header .navbar-collapse ul.nav li { color:#FFF; }
header .navbar-collapse ul.nav li a { color:#FFF; text-align:center; font-family:'Raleway', sans-serif; font-weight:300; font-size:24px; }
header .navbar-collapse ul.nav li a:focus, header .navbar-collapse ul.nav li a:hover {  background-color:#f8ebe2; color:#663c1f; }

header .navbar-collapse ul.nav li.form-recherche form { background-color:#FFFFFF; width:150px; }
header .navbar-collapse ul.nav li.form-recherche form input { color:#e95d0f; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; border: none; padding:2px 5px; width:120px; }
header .navbar-collapse ul.nav li.form-recherche form button { color:#e95d0f; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 12px; border: none; padding:0px 2px; }
header .navbar-collapse ul.nav li.form-recherche form button:focus, header .navbar-search form button:hover { background-color:#e95d0f; color:#FFF; text-decoration:none; }


@media (max-width: 768px) {
	header .navbar-collapse ul.nav li a { font-size:16px; }
}

/* Diaporama */
section.diaporama { height:cacl(515px + 21px);/* border-bottom:15px solid #e95d0f;*/ }
section.diaporama #sld_header { height:515px; }
section.diaporama .container { height:100%; }
@media(max-width:767px) {
	section.diaporama > .container { padding:0px; }
	section.diaporama { cacl(280px + 21px); }
	section.diaporama #sld_header { height:280px; }
}


/* Section > ariane */
section.ariane { }
section.ariane .breadcrumb { padding:0px; margin:12px 0px; list-style: none; background:none; border-radius:0px; }
section.ariane .breadcrumb > li { color: #663c1f; }
section.ariane .breadcrumb > li + li::before { padding:0px 5px; color: #663c1f; content: ">"; }
section.ariane .breadcrumb > li a { text-decoration:underline; }
section.ariane .breadcrumb > li a:focus, section.ariane .breadcrumb > li a:hover { color:#e95d0f; }


/* Section > centrale */
section.centrale { }
section.centrale .head h1 { text-align:center; font-family: 'Raleway', sans-serif; font-weight:400; font-size:35px; border-bottom:1px solid #e95d0f; padding-bottom:10px; width:380px; margin-left:auto; margin-right:auto; }


/* Section > trouver-revendeur */
section.trouver-revendeur { margin-top:15px; }
section.trouver-revendeur h1 { font-family:'Raleway', sans-serif; font-weight:400; font-size:24px; color:#e95d0f; }
section.trouver-revendeur form { display:inline-block; }
section.trouver-revendeur form input, section.trouver-revendeur form select, section.trouver-revendeur form button { display:block; width:275px; text-align:center; }
section.trouver-revendeur form input, section.trouver-revendeur form select { background-color:#FFFFFF; border-radius:0px; color:#696969; border:none; font-family: 'Raleway', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:16px; height:27px; margin-top:4px; text-align:center; }
section.trouver-revendeur form button { background-color:#b1c842; color:#FFFFFF; border:none; border-radius:0px; font-family: 'Raleway', sans-serif; font-weight:700; font-size:16px; font-style:italic; line-height:16px; height:27px; text-align:center; margin-top:4px; }

section.trouver-revendeur div.bande { position:relative; margin-top:25px; height:171px; }
section.trouver-revendeur div.bande div.bande-uni { position:absolute; height:61px; width:100%; background-color:#e95d0f; margin-top:50px; }
section.trouver-revendeur div.bande div.mapmonde { position:absolute; height:171px; width:100%; background:url("../../images/mapmonde.png") no-repeat center bottom; }



/* Section > bande-bas */
section.bande-bas { margin-bottom:15px; }
section.bande-bas .bloc { border-right:1px solid #b1c842; min-height:191px; }
section.bande-bas .bloc:last-child { border-right:none; }
section.bande-bas .bloc a { line-height:191px; display:block; }
@media (max-width: 768px) {
	section.bande-bas .bloc { border-right:none; border-bottom:1px solid #b1c842; min-height:auto; padding:15px; }
	section.bande-bas .bloc:last-child { border-bottom:none; }
	section.bande-bas .bloc a { line-height:normal; }
}

/* Footer */
footer { position:relative; background:#e7d4c1 url("../../images/bg_footer.jpg") top center; min-height:607px; padding-top:200px; }

footer > div.bande-uni { height:128px; position:absolute; top:0px; width:100%; background-color:#f8ebe2; }
footer > div.personnage-1 { background:url("../../images/personnage_1.png") no-repeat center bottom; position:absolute; top:0px; width:100%; height:179px; z-index:20; }
footer > div.container { height:100%; background:url("../../images/personnage_2.png") no-repeat right bottom; }

footer .statique h3 { font-size:12px; font-weight:bold; text-align:center; margin:0px; }
footer .statique ul { padding-left:0px; list-style:none; }
footer .statique ul li { text-align:center; }
footer .statique ul li a { font-size:12px; line-height:10px; }

footer ul.menu-fonctionnelle li { padding:0px 7px; }
footer ul.menu-fonctionnelle li:before { content:"|"; padding-right:12px; }
footer ul.menu-fonctionnelle li:first-child:before { content:""; }
footer ul.menu-fonctionnelle li a { color:#663c1f; }
footer ul.menu-fonctionnelle li a:focus, footer ul.menu-fonctionnelle li a:hover { text-decoration:none; color:#e95d0f; }


/* flex-video */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
	.flex-video { padding-top: 0; }
}


/* formulaire */
.formError, .formError * { font-size:11px !important; }
.formError .formErrorContent { min-width:150px; background-color: #b1c842; }
.formError .formErrorArrow div { background-color: #b1c842; }


#message-formulaire { font-size:16px; margin-bottom:0px; }


/* divers */
.transition { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

/* bootstrap */
.btn-primary {
    color: #FFF;
    background-color: #b1c842;
    border-color: #b1c842;
}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#b1c842;
	border-color:#b1c842;
}
.form-control:focus {
	border-color:#b1c842;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(101,140,179,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(101,140,179,.6);
}

/* fleche */
.lien_haut, .lien_bas { position:fixed; right:30px; }
.lien_haut i, .lien_bas i { color:#b1c842; text-shadow: 0px 0px 2px rgba(101, 101, 101, 1); }
.lien_haut { top:180px; z-index:9999; display: none; }
.lien_bas { bottom:30px; z-index:9998 }