.clearall { clear: both; }
ol, ul, li {list-style: none;}
@font-face {
font-family: 'florencia_blonflorenciablonde';
src: url('florencia_blonde-webfont.woff2') format('woff2'),
url('florencia_blonde-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;}
body{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0.1em;
	opacity: 1;
	line-height: normal;
	font-size: 0.9em;
	background-color: #FFF;
}
#page{ max-width: 890px; width: auto; margin-right: auto; margin-left: auto; background-color: rgb(255,255,255); }
#header {height: auto;width: auto;margin-right: auto;margin-left: auto;text-align: center;}
#header h1 {
	background-color: #fff;
	text-align: left;
	font-family: 'florencia_blonflorenciablonde', cursive;
	color: #000;
	text-transform: none;
	font-size: 4.5em;
	padding-right: 0em;
	padding-left: 0px;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: -0.3em;
	margin-left: 0.5em;
	padding-top: 0em;
	font-weight: lighter;
} 
#header h1 .logo {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #B51621;
	font-weight: 900;
	font-style: italic;
	font-size: 0.65em;
	margin-left: -0.2em;
	position: relative; top: 0.07em;
}
#footer {text-align: center; background: #fff; margin-right: auto; margin-left: auto; margin-bottom: 5em; }

/* Actus*/
#pave-actus{ float: left; height: auto;}
#pave-actus p{ padding-right: 10px; padding-left: 110px; text-align: justify; height: 63px; }
#pave-actus img{ float: left; margin-right: 0.5em; }
#pave-actus .fond-actus2 h3 { clear: none; color: #B51621; font-size: 1.2em; text-transform: none; font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; padding-top: 0.5em; text-align: center; }
#pave-actus .fond-actus2 h2 { line-height: 3.2; clear: both; color: #B51621; font-size: 1.2em; text-transform: none; font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;}
.fond-actus2{ background-color: rgb(240,240,240); height: 100px;}

.fond-victoires{ background-color: rgb(255,0,0); height: 100px; border: thin solid rgb(204,204,204); }
#pave-actus .fond-victoires h2{ clear: both; color: #B51621; font-size: 1.2em;text-transform: uppercase;font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; }

.date { color: #666666; margin-right: 1em; font-size: x-small; position: relative; float: right; }
.lire-la-suite{ font-weight: normal; font-style: normal; margin-left: 0.625em; font-size: 12px; margin-right: 0.625em;}
.lire-la-suite a:hover {color: #fff; background-color: #B51621; }
.enSavoirPlus {clear: left; color: #B51621; font-size: 1.3em; font-weight: normal; padding-top: 0.5em;border-top-width: thin; border-top-style: solid; border-top-color: #d9dada; background-color: rgb(238,238,238); padding-bottom: 0.5em; margin-bottom: 0.6em;text-align: center; }

/* H Titres */
h1{ color: #B51621;text-transform: uppercase; margin-left: 3.5em; margin-bottom: 5px; }
h2{
	clear: both;
	color: #B51621;
	font-size: 1.5em;
	text-transform: uppercase;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
#pave-actus h2{ clear: both; color: #B51621; font-size: 1.2em;text-transform: uppercase;font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; }
h3{ clear: both; padding-left: 0.625em; margin-top: 15px; color: #B51621; font-size: 15px; }
h4{
	clear: both;
	color: #B51621;
	font-size: 1.5em;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B51621;
	font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
h5 {color: #B51621;font-size: 1.3em;text-transform: none;}
h6 { clear: left; color: #333; font-size: 1.3em; font-weight: normal; padding-top: 0.5em;border-top-width: thin; border-top-style: solid; border-top-color: #d9dada; background-color: rgb(238,238,238); padding-bottom: 0.5em; margin-bottom: 0.6em; margin-right: 2em; margin-left: 2em; text-align: center; }



.titres-ts-jb {color: #333333;font-size: 14px;font-weight: bold;}
.titres-depliants-jb { color: #B51621; font-size: 14px; font-style: italic; font-weight: bold; line-height: 25px; margin-right: auto; margin-left: auto; }
.titreMunicipales {
	clear: left;
	clip: rect(auto, auto, -10px, auto);
	color: #0662C6;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* Commun */
img{border:none; max-width: 100%; height: auto;}
a {color:#B51621; text-decoration: none;}
a:hover{ color: #fff; background-color: #B51621; }
.Style1 {font-size: 0.7em;}
.texteFondGris{
	background-color: #f6f6f6;
	float: left;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	padding-right: 1.25em;
	padding-left: 1.25em;
	padding-bottom: 1.25em;
	text-align: justify;
}
.texteJustify { text-align: justify; text-align-last: left; -moz-text-align-last:left;}
.grisdroit {color: #666666;font-size: 0.8em; margin: 0;text-align: right;}
.grisItalique { color: #666666; font-size: 0.9em; font-style: italic; margin: 0;}
.gris { color: #666666; font-size: 0.95em; margin-top: 0px; }
.grisLivraison { color: #333; font-size: 1.2em; font-weight: lighter; padding-top: 0.5em; text-align: center; }
.twitter-tweet {text-align: center; display: block; margin-right: auto; margin-left: auto; }
.rouge {color: #B51621;}
.noir {color: #000000;}
.petit {color: #666666;font-size: 0.8em;text-align: right;}
.toutPetit {color: #333;font-size: 0.8em;}
.legendeDroite { color: #666666; font-size: 0.8em; text-align: right; float: right; clear: both; }
.legendeGauche{color: #666666;font-size: 0.8em;text-align: left; float: left; clear: both;}
.texteCentreBoutique { text-align: center; display: block; margin-right: auto; margin-left: auto; padding-right: 1em; padding-left: 1em; }
.contourGris {border:1px solid grey;}
.droite {float:right;margin-left:8px;margin-top:2px;vertical-align:middle;}
.centre { text-align: center; display: block; margin-right: auto; margin-left: auto;  }
.gauche { float: left; margin-right: 8px; margin-top: 2px; vertical-align: middle; }
.gaucheImg { padding-right: 1em; }
.toute-repro-jb {
	font-size: x-small;
	font-style: normal;
	line-height: 17px;
}
.petitRouge { color: #B51621; font-size: 0.8em; text-align: left; }
.petitGris {color: #666; font-size: 0.8em;}
.gaucheform {float: left;margin-right: 20px; margin-top: 5px;}
.bordureImgCentre { text-align: center; display: block; margin-right: auto; margin-left: auto; border: thin solid rgb(153,153,153); }
.articleGauche { border-bottom: 1px solid #B51621; clear: both; margin-bottom: 25px; padding-bottom: 12px;  margin-right: 2em; text-align: justify; }
.articleDroite { border-bottom: 1px solid #B51621; clear: both; margin-bottom: 25px; padding-bottom: 12px;  margin-left: 2em; text-align: justify; }
sup {  font-size: xx-small; top: 2em; }


/* HR */
hr { width: 100%; margin-right: auto; margin-left: auto; color: rgb(255,255,255); margin-bottom: 0.7em; }
hr.degradeRouge { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(197, 14, 31, 0.1), rgba(197, 14, 31, 1), rgba(197, 14, 31, 0.1)); }



/* Puces */
.puceNoire { color: #000000; margin-left: 1.5em; }
.puce_noire { list-style-image: url(../img/puce_noire.gif); }
.puce_noire li {padding-bottom:3px}  
.puce_noire_municipales ul {margin-left: 1px;}
ul.puce_noire_municipales { list-style-image: url(../img/puce_noire.gif); margin-top: 6px; padding-left: 0px; }
ul.puce_noire_municipales  {list-style-image: url('../img/puce_noire.gif');padding-left: 0px;margin-top: 6px;}
.puce_noire_municipales li {padding-bottom:3px} 
.puce_rouge { list-style-image: url(../img/puce-rouge.jpg); padding-left: 12px; margin-top: 6px; }
.puce_rouge ul {margin-left: 1px; }
.puce_rouge li {padding-bottom:5px;  list-style-image: url(../img/puce-rouge.jpg);} 

/*Formulaires*/
label{float:left;display:inline;width:120px;color:#b51621; text-align: left; }
#labeltexte{float:left;display:inline;color:#000000;margin-left: 55px;width: 198px;font-weight: bold;}
div#formulaire{ width: 90%; margin-right: auto; margin-left: auto; }
div#formulaire .espace-haut{margin-top: 13px; width:90%; }
div#formulaire ul#formulaire-contact li, div#formulaire form#signer p{margin-bottom: 20px;}
.input, div#formulaire form#signer textarea{ width: 100%;text-align: left; }
div#formulaire label{float:none;display:block;}
div#formulaire ul{margin-left:0;padding-left:0;}
div#formulaire li{margin-left:15px;padding-left:0;}
.avertissement{
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #666666;
	font-weight: bold;
	font-size: 1.1em;
	border: 2px solid #666666;
	padding: 10px;
	text-align: center;
	background-color: rgb(247,247,247);
}

/*Adhesion*/
div#adhesion label {color: black;}
div#adhesion div.colonne{float:left; width:50%;}
div#adhesion fieldset, div#adhesion address {margin-bottom:20px;}
div#adhesion .legende, div#adhesion div#imprimer a{font-size: medium; font-weight: bold; color: #b51621;}
div#adhesion hr{clear:both;}
div#adhesion .adhesion-type{float:left; width:23%;font-weight:bold;}
div#adhesion .adhesion-titre{ float: left; width: 32%; margin-left: 10px; font-style: italic;}
div#adhesion .adhesion-prix{float:left; width:14%; margin-right:10px; text-align:right;}
div#adhesion .adhesion-nb{float:left; width:13%;}
div#adhesion .adhesion-total{float:left; width:13%;}
div#adhesion .sep{clear:both;width:100%;height:15px;}
div#adhesion .texte-a-droite, div#adhesion .texte-a-droite p{text-align: right;}
div#adhesion .avertissement {text-align: left; margin-left: 15px;}
div#adhesion .avertissement li{margin-left: 15px;}




@media only screen and (max-width:500px){
#pave-actus p{ padding-bottom: 0.5em; padding-right: 0.5em; padding-left: 10px; text-align: justify; height: auto; }
#pave-actus .fond-actus2 h2 {padding-left: 0.5em;font-size: 1.1em; }
}