/*************************************
Copyright (c) 2005-2014 Infini'click
                                     
http://www.infiniclick.fr				
                                      
Date de realisation : 03/2015         
*************************************/

html, body {margin: 0; padding: 0; height: 100%; overflow-x: hidden; color: #000; background : #e6ccb3; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px}
img {max-width:100%; height:auto}
#content {width: 1000px; min-height: 100%; margin: 0 auto}
#conteneur {overflow: auto; padding: 0 0 50px}
header {width: 100%; height: 222px; background: #2682b5}
#bandeaux {width: 100%}
#slides {height: 200px; padding-top: 22px}
#logo {position: relative; z-index: 100; margin: -152px 0 0 10px}
nav, nav ul, nav li {margin: 0; padding: 0}
nav {width: 1000px; height: 40px; margin: 0; background: #2682b5}
nav a.mobile_handle {display: none}
nav ul li {float: left; display: block; color: #fff; width: auto; height: 18px; margin-right: 6px}
nav ul a, nav ul a:visited {display: block; color: #fff; text-decoration: none; padding: 0 10px; line-height: 40px}
nav ul a.actif { display: block; background: #ee8027; color: #fff; text-decoration: none}
nav ul a:hover { display: block; background: #ee8027; color: #fff; text-decoration: none}
.nav {width: 100%; height: 10px; background: #ee8027}
a, a:active, img, img:active, input img, input img:hover, a:focus {border: none; outline: none}
a img:link, a img:visited, a img:hover, a:link img, a:visited img; a:hover img {border:none; background: transparent !important}
a, a:visited {text-decoration: none; color: #ee8027}
a:hover {text-decoration: underline; color: #ee8027}
#cookies{width: 1000px; height: auto; padding: 4px 0; font-size:11px; color:#fff; background: #ee8027}
#cookies a, #cookies a:visited {text-decoration: none; color:#fff}
#cookies a:hover {text-decoration: underline; color:#fff}
.cookies{text-align: center}
.cookies-r {padding-left: 20px; font-size: 14px; font-weight: bold}
#contenu {margin: 0 auto; width: 1000px; height: auto; padding: 16px 0}
#page {overflow: hidden}
#left {float: left; width: 680px; height: auto; margin: 0; padding: 0}
#right {float: right; width: 300px; height: auto; margin: 0; padding: 0}
footer {position: relative; clear: both; margin-top: -50px; height: 38px}
#footer {margin: 0 auto; padding: 6px 0; text-align: center; background: #2682b5; width: 1000px; color: #fff; font-size: 13px; line-height: 19px}
#footer a, #footer a:visited {text-decoration: none; color: #fff}
#footer a:hover {text-decoration: underline; color: #fff}
h1 {background: #ee8027; color: #fff; width: 96%; min-height: 20px; height: auto; margin: 0 0 6px; padding: 9px 2% 11px; font-size: 16px; font-weight: normal}
h2 {color: #2682b5; font-weight: normal; font-size: 16px; line-height: 18px}
h3 {color: #2682b5; font-weight: normal; font-size: 15px; line-height: 17px}
.texte, .box {background: #fff; color: #000; width: 100%; height: auto; padding-bottom: 6px}
.texte p, #left .texte ul, #left .texte ol, .texte div {width: 96%; padding: 10px 2%; margin: 0}
.texte h2, .texte h3 {width: 96%; padding: 6px 2%; margin: 0}
hr {padding: 0; margin: 0 2%; text-align: center; height: 1px; border: 0; color: #ee8027; background-color: #ee8027}
table {padding: 0; margin: 6px 2%}
#left .texte ul, #left .texte ol {width: 92%; margin: 0 4%}
.box {padding: 0; margin-bottom: 16px; font-size: 14px; overflow: auto}
.box-m, .box-b, .box-o, .box-r {background: #2682b5; color: #fff; width: 96%; height: 20px; margin: 0; padding: 9px 2% 11px; font-size: 14px}
.box-o {background: #ee8027}
.box-ol {float: left; margin: 0; padding: 0}
.box-or {float: right; margin: 0; padding: 1px 0 0}
.rec {background: none; border: none; color: #fff; font-size: 14px}
.box-c :hover {background: #2682b5}
.box-b:hover {background: #ee8027}
.box-p {margin: 0; border-bottom: 1px solid #fff}
.box ul {width: 96%; padding: 10px 2%; margin: 0; list-style: none}
.box li {margin-bottom: 6px}
.marge {padding-bottom: 0}
.ecart {margin-top: 0}
.right {float: right; padding: 10px 10px 10px 6px}
.texte div.right-m {width: 100%; min-height: 160px; height: auto; padding: 0 0 10px; margin: 0}
.texte div.right-m .right {float: right; margin: 0; padding: 4px 10px 0 6px}
.font {font-size: 16px}
.orange{color: #ee8027}
.bleu{color: #2682b5}
.haut {min-height: 650px; height: auto; overflow: hidden}
input[placeholder] {color: #fff; font-size: 14px}
input[type=submit] {-webkit-appearance: none}
input[type=text], textarea {-webkit-appearance: none}
.input {width: 80%; border: 1px solid #ccc; padding: 6px 4px; font-size: 14px; margin-top: 4px}
.bouton {background: #ee8027; color: #fff; border: none; padding: 4px 10px; font-size: 14px; cursor: pointer}
.bouton:hover {background: #2682b5}
.table { border-collapse: collapse; font-size: 1em !important}
.table td { padding: 5px !important; border: 1px solid #ddd; vertical-align: top}
.erreur {color: #2682b5; font-weight: bold}
@media only screen and (min-width: 320px) and (max-width: 999px) {
	body {margin-top: 30px}
	#content {width: 100%}
	header {width: 100%; height: 105px; padding: 16px 0 12px}
	#bandeaux {display: none}
	#logo {clear: both; width: 100%; text-align: center; padding: 0; margin: 0}
	nav {position: fixed; float: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 28px; z-index: 50000}
	nav a.mobile_handle {display: block; padding: 6px 10px 0; background: #222; text-align: right; margin: 0; height: 28px}
	nav ul {display: none}
	nav ul li {display: block; position: relative; float: none; text-align: center; background: #2682b5; border-bottom: 1px solid #fff; height: 34px; line-height: 40px; margin: 0; padding: 0 0 6px}
	nav ul a, nav ul a:link, nav ul a:active, nav ul a:visited {display: block; position: relative; float: none; color: #fff; margin: 0; padding: 0}
	nav ul a:hover {background: #ee8027; color: #fff; text-decoration: none; padding: 0}
	.nav {display: none}
	#contenu {width: 100%}
	#left {float: none; width: 100%; height: auto; margin: 0; padding: 0}
	#right {float: none; width: 100%; height: auto; margin: 0; padding: 0}
	#footer {width: 100%; height: auto}
	.haut {min-height: 0; height: auto; margin-bottom: 10px}
}.champ-website {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0}
.toggle {appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 42px; height: 24px; margin: 0; border-radius: 12px; background: #ccc; cursor: pointer; vertical-align: middle; transition: background .2s ease}
.toggle::before {content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.3); transition: transform .2s ease}
.toggle:checked {background: #2682b5}
.toggle:checked::before {transform: translateX(18px)}
.cls-iframe {background: #fff; border: 1px solid #ccc; border-radius: 4px}
.bandeau-cookies {background: #2682b5; color: #fff; font-size: 15px}
.bandeau-cookies a, .bandeau-cookies a:visited {color: #fff; text-decoration: underline}
.bandeau-cookies a:hover {color: #ee8027}
.bouton-blanc {background: #fff; color: #ee8027; border: none; padding: 4px 10px; font-size: 14px; cursor: pointer}
.bouton-blanc:hover {background: #ee8027; color: #fff}
.texte #infinicookies-formulaire h2, .texte #infinicookies-formulaire .infinicookies-categorie {width: auto; padding: 0}