@charset "UTF-8";
/* CSS Document */
body, html {margin: 0; color: #3c3c3c; font-family: "Trebuchet MS"; font-size: 14px; background: #e5e4e4; height: 100%;}
#content {width: 1100px; margin: 0 auto; padding: 0; background: #fff;}
/* Apparence des liens */
a, a:visited {text-decoration: none; color: #b20616}
a:hover {text-decoration: underline; color: #b20616}
img {max-width:100%; height:auto}
/* Bordures des images */
a img:link, a img:visited, a img:hover, a:link img, a:visited img, a:hover img {border:none; background: transparent;}
a img:hover, a:hover img {border:none; background: transparent !important;} 
a, a:active, img, img:active, input img, input img:hover {border: none; outline: none;}
/* Liste a puces */
.txt ul, .texte ul {margin: 0 0 -4px -32px; list-style-type: none;}
.txt ul li, .texte ul li {padding: 0 0 1px 16px; min-height: 20px; height: auto; line-height: 18px; background: url(../images/site/picto-fleche-courte.png) no-repeat; }
.txt ul li {padding: 0 0 6px 16px;}
/* Header pub */
#header {height: 182px; background: #3c3c3c; color: #fff;}
.header-left {width: 324px; padding: 16px 0 0 16px;}
.header-right {width: 860px; margin: -100px 0 0 590px;}
.header-right-pub {width: 660px; margin: -100px 0 0 400px;}
/* Menu */
nav, nav ul, nav li {margin: 0; padding: 0}
nav { width: 1064px; height: 30px; margin: -30px 0 0 0;}
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, #menu ul a:visited { display: block; color: #fff; text-decoration: none; padding: 0 10px; line-height: 30px; }
nav ul a.actif { display: block; background: #b20616; color: #fff; text-decoration: none }
nav ul a:hover { display: block; background: #b20616; color: #fff; text-decoration: none; }
/* Contenu */
#global {clear: both; height: auto; width: 1100px; margin: 10px auto 0;}
#contenu {width: 1100px; height: auto; padding: 0 0 16px;}
#page {overflow: hidden;}
/* Gauche */
#left {float: right; width: 754px; margin-top: 2px; padding: 0 26px 0 16px;}
.date { border-bottom: 1px dashed #3c3c3c; padding-bottom: 6px; }
/* Droite */
#right {width: 272px; float: left; padding: 15px 4px 0 16px;}
.boutons { width: 272px; margin: 16px 0; height: 62px; }
/* Recherche */
.recherche {margin: 10px 0 16px;}
#form-recherche {margin: 0; width: 272px;}
#form-recherche div {position: relative;}
#form-recherche div .input, #form-recherche div .input:focus {text-align: left; width: 262px; color: #3c3c3c; font-size: 14px; padding: 3px 4px 4px; border: 1px solid #ccc; outline: none;}
.btn-recherche {clear: both; background: url(../images/site/picto-loupe.png) no-repeat top; width: 18px; height: 18px; border: none; cursor: pointer; position: absolute; margin: 7px 0 0 -21px;}
/* Box colonne */
.titre-box { font-size: 16px; color: #3c3c3c; }
.filet-box { background: url(../images/site/filet-left.png) no-repeat; width: 272px; height: 5px; margin-top: 2px; }
.titre-forum { font-size: 16px; color: #3c3c3c; margin-top: 16px; }
.filet-grand { background: url(../images/site/filet-grand.png) no-repeat; width: 754px; height: 5px; margin-top: 2px; }
.texte-box { margin-top: 10px; }
.texte-box a, .texte-box a:visited { color: #b20616; }
.texte-box a:hover { color: #b20616; }
ul.categories { margin: 4px 0 16px -40px; list-style-type: none; }
ul.forum { margin: 4px 0 16px -32px; list-style-type: none; }
ul.categories li, ul.forum li { display: block; padding: 0 0 0 16px; height: 30px; line-height: 30px; background: url(../images/site/picto-fleche-noire.png) no-repeat; border-bottom: 1px dashed #3c3c3c; }
ul.forum li { background: url(../images/site/picto-fleche-noire.png) no-repeat; }
ul.categories li a, ul.categories li a:visited {color: #3c3c3c; text-decoration: none;}
ul.categories li a:hover {color: #b20616; text-decoration: none;}
ul.forum a, ul.forum a:visited {color: #b20616; text-decoration: none;}
ul.categories li a:hover {color: #b20616; text-decoration: none;}
ul.forum a:hover {color: #b20616; text-decoration: underline;}
.qte {font-size: 12px; float: right; color: #b20616; margin: 0; padding: 0; list-style-type: none;}
/* Newsletter */
.newsletter {margin: 10px 0 16px;}
#form-newsletter {margin: 0; width: 272px;}
#form-newsletter div {position: relative;}
#form-newsletter div .input, #form-newsletter div .input:focus {text-align: left; width: 262px; color: #3c3c3c; font-size: 14px; padding: 3px 4px 4px; border: 1px solid #ccc; outline: none;}
.btn-newsletter {clear: both; background: url(../images/site/picto-ok.png) no-repeat top; width: 18px; height: 18px; border: none; cursor: pointer; position: absolute; margin: 7px 0 0 -23px;}
.twitter { margin: 16px 0 6px; }
hr {width: 508px; height: 1px; border: 0; color: #ccc; background: #ccc;} 
/* Balises H */
h1, h2, h3, h4 {color:#b20616; font-weight: normal;}
h1 {font-size: 19px; line-height: 21px;}
h2 {font-size: 17px; line-height: 19px; border-top: 1px dashed #3c3c3c; padding-top: 6px; }
h3 {font-size: 16px; line-height: 18px;}
h4 {font-size: 15px; line-height: 16px;}
/* Footer */
#footer {width: 1100px; height: 34px; background: #3c3c3c; margin: 0 auto; }
.texte-footer {color: #fff; font-size: 13px; line-height: 34px; padding: 0 16px;}
.texte-footer a, .texte-footer a:visited { color: #fff; text-decoration: none; } 
.texte-footer a:hover { color: #fff; text-decoration: underline; }
/* Formulaires */
label {float: left; width: 100px;}
label.annee {float: left; width: 250px;}
label.mois {margin: 0;}
label.valider {margin: 24px 0 0 140px;}
input[type=text], textarea, textarea2 {-webkit-appearance: none}
input, textarea, select {border: 1px #ccc solid; color: #3c3c3c; background: #fff; padding: 3px; margin-top: -2px; outline: none;}
input {border: none; outline: none;}
.input, .textarea, .select, .slug {margin-top: 3px; border: 1px solid #ccc; color: #3c3c3c; font-size: 16px; padding: 3px 5px; outline: none;}
.textarea, .select {font-size: 14px; padding: 3px; outline: none;}
.select {margin-top: -6px;}
input.focus, .input:focus {border: 1px solid #ccc; color: #3c3c3c; outline: none;}
.input-focus {margin-top: 3px; border: 1px solid #ccc;	color: #3c3c3c; font-size: 16px; padding: 3px 5px; outline: none;}
.textarea-focus, .select-focus {font-size: 14px;}
radio {margin-top: 0; border: 0;}
.input-btn {border: 1px #ccc solid; color: #fff; font-size: 14px; background: #3c3c3c; padding: 4px 8px; outline: none; cursor: pointer;}
.input-btn:hover {border: 1px #3c3c3c solid; color: #fff; text-decoration: none; background: #b20616;}
.erreur {color: #b20616; font-weight: bold;}
small, small.obli {font-size: 11px; color: #868889;}
small.obli {margin-left: 10px;}
.ok {color: #fff; background: #b20616; border-radius: 3px;}
#maxlength-bio {color: #b20616; font-weight: bold;}
/* Textes */
.texte, p, .texte li, li, .texte-haut, .txt, .texte-desc {font-size: 14px; line-height: 18px;}
.texte-desc {min-height: 240px; height: auto;}
.texte li, .texte-desc li {margin-bottom: 6px;}
.texte-haut {height: 260px;}
.texte a, .texte a:visited, .texte-haut a, .texte-haut a:visited, p a, p a:visited, li a, li a:visited, .txt a, .txt a:visited, .texte-desc a, .texte-desc a:visited, .texte a:hover, .texte-haut a:hover, p a:hover, li a:hover, .txt a:hover,
.texte-desc a:hover, .texte p a, .texte p a:visited, .texte li a, .texte li a:visited, .texte-desc p a, .texte-desc p a:visited, .texte-desc li a, .texte-desc li a:visited, .texte p a:hover, .texte li a:hover, .texte-desc p a:hover,
.texte-desc li a:hover, .desc a, .desc a:visited, .desc a:hover {color: #b20616;}
.desc, .desc p {font-size: 14px; font-weight: normal; color: #343331; line-height: 18px;}
.titre-page {color: #b20616; font-size: 16px; line-height: 18px; font-weight: normal;}
/* Divers */
small {color: #5f5b5b;}
.small-gras {font-size: 11px; font-weight: bold; color: #b20616;}
small a, small a:visited, small a:hover {color: #b20616; font-weight: normal;}
small.blanc {color: #fff;}
.alerte {color: #ff0000; font-size: 18px;}
.share {margin: 6px 0}
.btns {}
.btns img {width: 101px !important; padding: 6px; border:  0; box-shadow: none !important; display: inline !important; vertical-align: middle}
.btns, .btns a {text-decoration:none; background: none; font-size: 20px}
.btns-count:after, .btns-count:before {right: 100%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none}
.btns-count:after {border-color: rgba(224, 221, 221, 0); border-right-color: #f5f5f5; border-width: 5px; top: 50%; margin-top: -5px}
.btns-count:before {border-color: rgba(85, 94, 88, 0); border-right-color: #e0dddd; border-width: 6px; top: 50%; margin-top: -6px}
.btns-count {font: 14px Arial, Helvetica, sans-serif; padding: 6px 10px 5px; -khtml-border-radius: 6px; -o-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; border: 1px solid #e0dddd;color: #555e58; background: #f5f5f5}
.btns-count:after {border-right-color: #f5f5f5}
/* Pager */
#pager {margin: 20px 0 0;}
#pager ul.np {display: block; font-size: 14px; line-height: 16px; color: #3c3c3c; text-align: center; list-style-type: none; margin: 0 0 20px -40px;}
#pager ul.np li {float: left; margin-right: 8px; list-style-type: none;}
#pager ul.np li.encours {margin-top: -2px; background: #b20616; border: 1px solid #b20616; padding: 1px 8px; color: #fff; height: 18px; line-height: 18px;}
#pager ul.np li a, #pager ul.np li a:visited {background: #3c3c3c; border: 1px solid #ccc; padding: 1px 8px; color: #fff; height: 18px; line-height: 18px;}
#pager ul.np li a:hover {background: #b20616; border: 1px solid #b20616; padding: 1px 8px; color: #fff; height: 18px; line-height: 18px; text-decoration: none;}
/* Pager archives */
#pager-arc {margin: 0 0 20px; height: 20px;}
#pager-arc a, #pager-arc a:visited {background: #3c3c3c; border: 1px solid #ccc; padding: 1px 8px; color: #fff; height: 18px; line-height: 18px;}
#pager-arc a:hover {background: #b20616; border: 1px solid #b20616; padding: 1px 8px; color: #fff; height: 18px; line-height: 18px; text-decoration: none;}
/* Commentaires */
.avatar {margin: 0 10px 0 0; width: 40px; min-height: 40px; height: auto;}
.texte-avatar {color: #666; padding: 0 0 0 8px; margin: -42px 0 0 50px; min-height: 40px; height: auto;}
.texte-avatar a,.texte-avatar a:visited, .texte-avatar a:hover {color: #b20616;}
/* Listes */
.entete {height: 30px; width: 750px;}
.commande {width: 750px; height: auto;}
.contenant, .contenant-form, .contenant-liste {margin: 0 0 10px 0; padding: 0; height: auto; width: 750px;}
.contenant-liste {border: 1px solid #ccc; border-top: none; margin-top: -12px; padding: 12px 0 0 0;}
ul.contenu-header, ul.contenu-header li, ul.contenant-haut, ul.contenant-bas, ul.contenant-com, ul.contenant-haut li, ul.contenant-bas li, ul.contenant-com li {list-style-type: none; float: left;}
ul.contenu-header {height: 30px; line-height: 29px; background: #ccc; border: 1px solid #ccc; margin: 0; padding: 0; width: 100%;}
ul.contenu-header li {font-size: 15px; line-height: 29px; font-weight: normal; color: #3c3c3c; padding: 0 6px;}
ul.contenant-haut {width: 100%; margin: 0; padding: 0; border: 1px solid #ccc; border-top: none; border-bottom: none;}
ul.contenant-bas, ul.contenant-com {width: 100%; min-height: 46px; height: auto; margin: 0; padding: 0; border: 1px solid #ccc; border-top: none;}
ul.contenant-haut li, ul.contenant-bas li, ul.contenant-com li {font-size: 15px; line-height: 30px; color: #41403e; padding: 8px 6px; border-top: 0; margin: 0;}
ul.contenant-com li {color: #5f5b5b;}
/* Tableaux */
.sup {width: 40px; text-align: center; border: 0; height: auto;}
.tit80, .tit160, .tit270, .tit290, .tit340, .tit360, .tit370, .tit410, .tit440, .tit470, .tit540, .inf {width: 80px; border: 0; height: auto; text-align: left;}
.tit80 {text-align: center;}
.tit160 {width: 160px;}
.tit270 {width: 270px;}
.tit290 {width: 290px;}
.tit340 {width: 340px;}
.tit360 {width: 360px;}
.tit370 {width: 370px;}
.tit410 {width: 410px;}
.tit440 {width: 440px;}
.tit470 {width: 470px;}
.tit540 {width: 540px;}
.inf {width: 40px;}
.sup, .nbr, .pic, .sta, .ajo {width: 40px; text-align: center; border: 0; height: auto;}
.pic {width: 38px;}
.sta {width: 58px;}
.ajo {width: 80px;}
.com {background: #b20616; padding: 10px; color: #fff; margin: 40px 0 20px}
iframe {margin-bottom: 10px;}
@media (max-width: 1440px) {
	#haut span {width: 100px; height: 30px; padding: 6px 10px; color: #9ca7ba; border: 1px solid #9ca7ba; background: #171c22; border-radius: 3px; font-size: 14px; outline: none}
	#haut span:hover {background: #171c22; color: #fff; cursor: pointer; border: 1px solid #9ca7ba; text-decoration: none}
}
.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count.png) no-repeat center}
.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover.png) no-repeat center; outline: none}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.redactor-toolbar li a.re-compteur {background: url(../images/site/picto-count@2x.png) no-repeat center; background-size: 14px 14px}
	.redactor-toolbar li a.re-compteur:hover {background: #1f78d8 url(../images/site/picto-count-hover@2x.png) no-repeat center; outline: none; background-size: 14px 14px}
}
@media only screen and (min-width: 320px) and (max-width: 999px) {
	body {margin-top: 24px}
	#content {width: 100%}
	#header {height: auto}
	.header-left {width: 100%; padding: 16px 0; margin: 0 auto; text-align: center}
	.header-right-pub {display: none}
	nav { position: fixed; float: none; margin: 0; padding: 0; top: 0; left: 0; width: 100%; z-index: 50000 }
	nav a.mobile_handle { display: block; padding: 6px 10px 0; background: #3c3c3c; text-align: right; margin: 0; height: 28px}
	nav ul { display: none; }
	nav ul li { display: block; position: relative; float: none; text-align: center; background: #3c3c3c; border-bottom: 1px solid #fff; height: 28px; margin: 0; padding-bottom: 2px}
	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}
	nav ul a:hover { color: #fff; text-decoration: none }
	nav ul a.actif {text-decoration: none; color: #fff; padding: 0; border-bottom: none}
	nav ul a.passif {text-decoration: none; padding: 0; border-bottom: none}
	#global {width: 100%}
	#contenu {width: 100%}
	/*#left {float: left; width: 90%; padding: 0 5%}
	#right {width: 90%; float: right; padding: 15px 5% 0}*/
	#right {float: left; width: 90% padding: 15px 5% 0}
	#left {float: right; width: 90%; padding: 0 5%}
	#form-recherche {width: 96%}
	#form-recherche div .input, #form-recherche div .input:focus {width: 100%}
	#form-newsletter {width: 96%}
	#form-newsletter div .input, #form-newsletter div .input:focus {width: 100%}
	hr {width: 60%} 
	.input, .textarea, .textarea2 { width: 90%}
	#footer {width: 100%; margin: 0 auto}
	.filet-box {background: none; width: 100%; border-bottom: 1px dashed #b20616}
	.btn-recherche, .btn-newsletter {display: none}
}
@media only screen and (min-width: 640px) and (max-width: 999px) {
	#logo {padding-left: 10px; width: 50%}
}
@media only screen and (max-width: 640px) {
	#page {overflow: auto; padding: 0}
	#footer {width: 100%; margin: 0; text-align: center; height: auto; line-height: 0; padding: 0 0 10px; font-size: 15px}
}
@media only screen and (max-width: 480px) {
	#page {overflow: auto; padding: 0}
	#logo {float: none; width: auto; height: 70px; text-align: center}
	#logo img {max-width: 100%; height: auto}
	h1 {font-size: 20px; line-height: 22px}
	#footer {width: 100%; margin: 0; text-align: center; height: auto; line-height: 0; padding: 10px 0; font-size: 0.64em; font-weight: normal}
	.btns a {display: block !important}
}
@media only screen and (max-width: 320px) {
	#page {overflow: auto; padding: 0}
	#footer {width: 100%; margin: 0; text-align: center; height: auto; line-height: 0; padding: 10px 0; font-size: 1.08em; font-weight: normal}
	.btns a {display: block !important}
}