/* ------------------------------------------------------------------------------- GENERAL */
/* Polices */
@font-face {
	font-family: 'mco';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/mco-UlpNOVR.ttf")
}
/* Réinit. valeurs de base */
html, body { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; color: #5e2600; }
body { background: #300c00 url("../images/general/fond-lB9pq76.jpg") repeat-x center center; background-size: cover; }

/* Liens */
a img { border: none; }
a { text-decoration: none; color: #ac610b; font-weight: bold; }
a:hover { color: #ac610b; }


/* Images */
img.encadre { border: 1px solid #ac610b; }
img.agauche { float: left; margin: 5px 10px 5px 0; }
img.adroite { float: right; margin: 5px 0px 5px 10px; }

/* Formulaires */
input[type=text], input[type=email], textarea, input[type=submit] { border: 1px solid #d59a22; background: #fdebb6; font-family: 'PT Sans', sans-serif; font-size: 10pt; padding: 2px; }
input[type=text], input[type=email] { height: 22px; }
input[type=submit], button[type=submit] { cursor:pointer; background: #5f2c23; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 24px; color: #fffec2; font-weight: bold; }


/* Positionnement parchemin */
#vert { position: absolute; height: 661px; top: 50%; left: 50%; margin: -330px 0 0 -461px;}
#parchemin {  }
#pbc, #pbh, #pbh, #pbb, #pbg, #pbd, #pichu, #legal, #gamins, #perso, #logo, #slogan { position: absolute; }
#pbh { top: -27px; left: -30px; }
#pbb { top: 660px; left: -30px; }
#pbg { top: 0; left: -30px; }
#pbd { top: 0; left: 923px; }
#pichu { top: -65px; left: 740px; }
#legal { top: 640px; left: 210px; }
#gamins { top: 457px; left: 760px; }
#perso { top: -193px; left: -32px; }
#logo { position: absolute; top: -13px; left: 222px; }
#slogan { position: absolute; top: 52px; left: 222px; }

/* Titres */
h1 { font-family: 'mco', serif; font-size: 15pt; font-weight: normal;  color: #5f2c23; line-height: 40px; }
h2 { font-family: 'PT Sans', sans-serif; font-size: 10pt; line-height: 150%; color: #ac610b; line-height: 40px; }
h1.soleil:before { content: url("../images/general/picto_soleil-Yt6wgfr.png"); position: relative; top: 5px; margin-right: 5px; }
h1.tete1:before { content: url("../images/general/picto_tete1-5-5o0ag.png"); position: relative; top: 2px; margin-right: 5px; }
h1.tete2:before { content: url("../images/general/picto_tete2-NFSnC5y.png"); position: relative; top: 2px; margin-right: 5px; }

/* Boutons */
.grobouton { background: #5f2c23; display: inline; border: none; padding: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 24px; color: #fffec2; font-weight: bold; cursor: pointer; }
.grobouton b { font-size: 18px; font-weight: bold; }

/* Blocs */
#contenu, #colg, #cold { position: absolute; top: 120px; }

/* -- milieu */
#contenu { left: 220px; width: 495px; height: 480px; }
#contenu h1 {  border-top: dotted 1px #5f2c23; border-bottom: dotted 1px #5f2c23; }
#contenu p, #contenu li, #contenu label, .grobouton { font-family: 'Puritan', sans-serif; font-size: 10.5pt; line-height: 170%; }
#defilable { position: absolute; top: 70px; width: 495px; height: 385px; overflow: auto;  }

/* ---- jScrollPane */
.jspVerticalBar, .jspTrack { background: none; }
.jspVerticalBar .jspCap { display: block; height: 0px; }
.jspDrag { background: url("../images/general/asc_scrollbar-1pmAV8g.png"); }
.jspArrow { background: transparent; }
.jspArrowUp { background: url("../images/general/asc_flechehaut-34DunCQ.png") transparent; }
.jspArrowDown { background: url("../images/general/asc_flechebas-aNeWM4R.png") transparent; }
.jspArrow.jspDisabled { background: transparent; }

#colg { width: 170px; height: 480px; }

/* -- droite */
#cold { left: 745px; width: 170px; height: 480px; overflow: hidden; }
#cold h1 { border-bottom: dotted 1px #5f2c23; }

/* ---- menu */
#menu { position: absolute; top: 57px; left: 0; width: 110px; list-style-type: none; }
#menu:before { content: url("../images/general/menu_haut-FrEYdmT.png"); position: relative; left: -32px; }
#menu:after { content: url("../images/general/menu_bas-9gQwSvv.png"); position: relative; left: -32px; }
#menu li { position: relative; left: -20px; font-family: 'mco', serif; width: 130px; font-size: 13pt; padding: 3px 0 3px 0; line-height: 30px; border-bottom: dotted 1px #5f2c23; text-align: right; }
#menu li a { color: #5e2600; font-weight: normal; }
#menu li a:hover { color: #ac610b; font-weight: normal; }
#menu li.dernier { border-bottom: none; }

/* -- gauche */
#signature { position: absolute; top: 320px; width: 170px; }
#signature p { font-family: 'PT Sans', sans-serif; font-size: 9pt; text-align: right; margin-right: 20px; }
#social { position: absolute; top: 430px; width: 150px; }
#social .facebook { position: relative; left: 60px; }
#social .plusone { position: relative; top: 5px; left: 85px; }

/* ---- actus */
#actu, #lettreinfo { font-family: 'PT Sans', sans-serif; font-size: 10pt; }
#actu .date { position: relative; top: -10px; font-weight: bold; line-height: 30px; color: #ac610b; border-bottom: dotted 1px #5f2c23; }
#actu .titre { font-weight: bold; }
#actu .texte { margin-bottom: 10px; }

#actu .lien, #lettreinfo .lien { font-size: 9pt; }
#actu .lien:before, #lettreinfo .lien:before { content: ">> "; }

/* ---- lettre d'infos */
#lettreinfo_form { position: relative; width: 165px; height: 22px; }
#lettreinfo_mail { position: absolute; top: 0; left: 0; width: 125px; }
#lettreinfo_ok { position: absolute; top: 1px; left: 132px; }

/* ------------------------------------------------------------------------------- ACTUALITES */
.actu .chapeau { font-family: 'PT Sans', sans-serif; font-weight: bold; border-bottom: dotted 1px #5f2c23; line-height: 180%; }
.actu .chapeau .date { font-size: 10pt; }
.actu .chapeau .titre { color: #ac610b; font-size: 12pt; }
.actu .texte { margin-bottom: 50px; }


/* ------------------------------------------------------------------------------- MUSIQUES */
#jplayer { width: 0; height: 0; }
.mp3 { width: 440px; font-family: 'PT Sans', sans-serif; margin-bottom: 10px; }
.mp3 .titre { position: relative; left: 16px; font-size: 10.5pt; font-weight: bold; line-height: 24px; height: 24px; background: #eed496; border-right: 5px solid #e2bf7b; width: 100%; }
.mp3.off .titre:before { content: url("../images/general/logo_mp3-5JKR9yX.png"); position: relative; top: 0px; left: -16px; }
.mp3.on .titre:before { content: url("../images/general/logo_mp3_select-x0vkA-0.png"); position: relative; top: 0px; left: -16px; }
.mp3.off .titre { background: #eed496; }
.mp3.on .titre { background: #dbb36f; }
.mp3 .titre .texte { position: relative; top: -6px; left: -4px; }
.mp3 .titre .texte .duree { color: #ac610b; }
.mp3 .titre .texte a { color: #5f2c23; }
.mp3 .titre .datemaj { position: absolute; top: 0; left: 380px; font-weight: normal; font-size: 7pt; }
.mp3 .description { font-size: 10pt; margin: 2px 0 3px 50px; padding: 3px 5px 5px 0; border-bottom: dotted 1px #5f2c23; width: 400px; }
.mp3 .ecoute { position: relative; width: 420px; height: 25px; left: 50px; font-family: 'mco', serif; font-size: 13pt; margin-top: 5px; }
.mp3 .ecoute a { color: #5f2c23; font-weight: normal; }
.mp3 .lecteur { position: absolute; top: 0; left: 60px; width: 200px; height: 20px; background: #5f2c23; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mp3 .lecteur .btnLecture { position: relative; left: 5px; }
.mp3 .lecteur .btnPause { position: relative; left: 5px; }
.mp3 .aemporter { position: absolute; top: 0; left: 280px; }
.mp3 .aemporter img { position: relative; top: 3px;  }
.musiquespacer { height: 50px; }

.player-progress {
    position: absolute;
    top: 3px;
    left: 20px;
    width: 170px;
    height: 15px;
    background: url("../images/general/progress-bar-off-5mSfvRh.png") repeat-x;
}

.player-seek-bar {
    position: absolute;
    background: url("../images/general/progress-bar-off-5mSfvRh.png") repeat-x;
    width: 100%;
    height: 15px;
    cursor: pointer;
}

.player-play-bar {
    background: url("../images/general/progress-bar-on-SkAY3Ba.png") repeat-x;
    width: 0px;
    height: 15px;
}

/* ------------------------------------------------------------------------------- LETTRE D'INFORMATION */
#lettreinfo_header { height: 110px; }
#form_abonnement, #form_resiliation { position: relative; height: 80px;  }
#lettreinfo_label_abonnement, #lettreinfo_label_resiliation { position: absolute; font-family: 'mco', serif; font-size: 12pt; }
#lettreinfo_abonnement, #lettreinfo_resiliation { position: absolute; top: 25px; width: 320px;  }
#lettreinfo_abonnement_envoyer, #lettreinfo_resiliation_envoyer { position: absolute; top: 26px; left: 335px; }


/* ------------------------------------------------------------------------------- CONTACT */

#contact_form { position: relative; width: 480px; }
#contact_form > div { margin-bottom: 10px; }
#contact_form label {
    display: inline-block;
    width: 100px;
    font-family: 'Puritan', sans-serif;
    font-size: 10.5pt;
    vertical-align: top;
}
#contact_form input[type=text],
#contact_form input[type=email] {
    width: 370px;
}
#contact_form textarea {
    width: 370px;
    height: 100px;
    vertical-align: top;
}
#contact_form button[type=submit] {
    margin-left: 100px;
    margin-top: 10px;
}
#contact_form #contact_captcha {
    width: 80px;
    height: 30px;
    position: relative;
    top: -22px;
}
.flash-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-family: 'Puritan', sans-serif;
}
.flash-error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-family: 'Puritan', sans-serif;
}



/* ------------------------------------------------------------------------------- SONDAGE */
#sondage_header { }
#form_sondage {  }
#sondage_recaptcha_widget { position: relative; font-family: 'Puritan', sans-serif; font-size: 10pt; }
#sondage_recaptcha_aide { position: absolute; top: 0px; left: 305px; width: 180px; }
#sondage_recaptcha_aide a { font-weight: normal; }
#sondage_recaptcha_labels { margin: 2px 0 2px 0; }
#sondage_label_message {}
#sondage_message { width: 470px; height: 100px;}
#sondage_envoyer { margin-top: 5px; cursor: pointer; }

/* ------------------------------------------------------------------------------- LIENS */
.lienExt a { font-family: 'PT Sans', sans-serif; font-size: 10.5pt; }
.lienExt p { margin: 0 0 15px 0; }

/* ------------------------------------------------------------------------------- REZOS */
#reseaux a { display: block; margin-bottom: 5px; font-family: 'PT Sans', sans-serif; font-size: 10pt; font-weight: normal; }
#reseaux i { width: 20px; height: 20px; color: #5f2c23; }

 /*------------------------------------------------------------------------------- SCROLLBAR */
* {
    scrollbar-width: auto;
    scrollbar-color: #ac610b #fdebb6;
}