@font-face {
font-family:'UbuntuRegular';
src:url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.svg#UbuntuRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'UbuntuBold';
src:url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Bold/ubuntu-bold-webfont.svg#UbuntuBold') format('svg');
font-weight:normal;
font-style:normal;
}

html {
font-size:100%;
}

html,body {
margin:0;
padding:0;
}

body {
color:#000000;
font-family:UbuntuRegular, Verdana, Arial, Helvetica, sans-serif;
background:#FFFFFF;
}

a {
color:#f99f2d;
text-decoration:none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover {
color:#8cc751;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a img {
border:0;
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover img, a:focus img, a:active img {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

h1, h2, h3, h4, h5, h6 {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
color:#8cc751;
font-weight:normal;
line-height:1;
margin:20px 0 5px 0;
padding:0;
}

h1 {
font-size:3rem;
color:#7c6c68;
}

h2 {
font-size:2rem;
}

h3 {
font-size:1.625rem;
}

h4 {
font-size:1.375rem;
}

h5 {
font-size:1.25rem;
}

h6 {
font-size:1rem;
}

p {
line-height:1.4em;
margin:0 0 10px 0;
padding:0;
}

.strong {
font-weight:bold;
}

table {
border:0;
border-collapse:collapse;
margin:0 0 10px 0;
}

table th {
border:0;
border-collapse:collapse;
padding:5px 7px;
font-weight:bold;
font-size:130%;
}

table td {
border:0;
border-collapse:collapse;
padding:5px 7px;
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

hr {
height:0px;
clear:both;
padding:0;
}

.left {
float:left;
}

.espacementTop {
margin-top:2rem !important;
}

.espacementBottom {
margin-bottom:2rem !important;
}

.noEspacementBottom {
margin-bottom:0 !important;
}

.discret {
font-size:85%;
color:#666;
}

p.discret {
color:#666;
margin-bottom:5px;
}

.image-flottante-droite {
border:1px solid #D8D8D8;
padding:8px;
background:#FFF;
float:right;
margin:0 0 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius:5px;
}

.image-flottante-gauche {
background:#FFFFFF;
float:left;
margin:0 1rem 1rem 0;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.image-flottante-droite-invisible {
padding:8px;
background:#FFF;
float:right;
margin:0 0 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius:5px;
}

.image-flottante-gauche-invisible {
padding:8px;
background:#FFF;
float:left;
margin:0 10px 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius:5px;
}

.bouton {
font-family:UbuntuRegular, Verdana, Arial, Helvetica, sans-serif;
cursor:pointer;
padding:0.5rem 1rem;
margin:0.5rem 0 0 0;
color:#FFFFFF;
display:inline-block;
background-color:#f99f2d;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.bouton:hover, .bouton:focus, .bouton:active {
color:#000000;
}

.texte-important {
color:#990000;
font-size:1.75rem;
font-weight:normal;
}

.centre {
text-align:center;	
}

.right {
text-align:right;
}

div.reseauxSociaux {
margin:1rem 0;
}

div.conteneurReseauxSociaux {
background-color:#f1f1f1;
padding:1rem 0;
}

p.date {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
color:#848484;
font-size:0.75rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}


/******************************************/
/***************   Header  ****************/
/******************************************/
div.nav nav a.mobile-menu-trigger:hover, div.nav nav a.mobile-menu-trigger:focus, div.nav nav a.mobile-menu-trigger:active {
color:#7c6c68;
}
div#header {
background-color:#f99f2d;
text-align:right;
padding:0.25rem 0;
}

div#header div.flottant {
position:relative;
float:right;
}

div#header div.flottant form#formRechercheRapide input::placeholder {
color:#FFFFFF;
text-align:right;
opacity:0.85;
}

div#header div.flottant form#formRechercheRapide [type="text"] {
background-color:#f99f2d;
border:none;
border-bottom:1px solid #FFFFFF;
box-shadow:none;
margin:0;
height:1.75rem;
}

div#header ul {
list-style-type:none;
margin:0.125rem 0 0 0;
padding:0;
}

div#header ul li {
float:left;
color:#FFFFFF;
padding:0 0 0 1rem;
}

div#header ul li a {
color:#FFFFFF;
}

div#header ul li a:hover, div#header ul li a:focus, div#header ul li a:active {
color:#8cc751;
}

div#header ul li i {
font-size:1.25rem;
}

form#formRechercheRapide {
margin:0;
}

form#formRechercheRapide input#q {
position:relative;
float:left;
width:80%;
}

form#formRechercheRapide input#btnRechercheRapide {
position:relative;
float:left;
background-color:#f99f2d;
border:none;
box-shadow:none;
}

div.menuConteneur {
padding:1rem 0;
display:inline-block;
width:100%;
}

a.liensNiveauDeux {
font-size:1.125rem;
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
padding:0.5rem 0.75rem 0 0.75rem;
margin-top:0.5rem;
}


/******************************************/
/***************   Contenu  ***************/
/******************************************/
div.contenu {
min-height:400px;
}

div.contenu h1 {
text-transform:uppercase;
}

div#main-content {
padding-bottom:3.5rem;
}

div.personnesRessources h3 {
margin:0;
}

div.personnesRessources ul {
list-style-type:none;
margin:0;
padding:0;
}

div.personnesRessources ul li {
position:relative;
float:left;
padding:0 0 0.25rem 0;
width:100%;
}

div.personneRessourceConteneur {
position:relative;
float:left;
width:50%;
margin-bottom:1.5rem;
min-height:145px;
}

div.personneRessourceConteneur div.large-8 {
min-height:240px;
}

ul.listeIcones {
list-style-type:none;
margin:0;
padding:0;
}

ul.listeIcones li {
position:relative;
float:left;
padding:0.75rem 1rem;
}


/******************************************/
/***************   Bandeau  ***************/
/******************************************/
div#bandeau {
overflow:hidden !important;
width:100%;
position:relative;
background-color:#1F1F1F;
margin:0px 0px 0px 0px;
z-index:100;
margin-bottom:3rem;
}


/******************************************/
/**************   Concours  ***************/
/******************************************/
p.concoursSommaire {
min-height:100px;
}
div.listeConcours div.small-12 {
margin-bottom:2.5rem;
}


/******************************************/
/**************   Pagination  *************/
/******************************************/
div.pagination ul {
margin-left:0;
}

div.pagination ul li a {
color:#f99f2d;
}

div.pagination ul li a:hover, div.pagination ul li a:focus, div.pagination ul li a:active {
color:#8cc751;
}

div.pagination ul li.active {
margin:0 0.5rem;
}


/******************************************/
/**************   Nouvelles  **************/
/******************************************/
div.titreNouvelle {
margin-bottom:1rem;
}

div.titreNouvelle a {
color:#7c6c68;
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
font-size:0.875rem;
}

div.titreNouvelle a:hover, div.titreNouvelle a:focus, div.titreNouvelle a:active {
color:#8cc751;
}

div.titreNouvelle img {
vertical-align:sub !important;
margin-left:0.5rem;
}

div.titreNouvelle h1 {
margin:0;
padding:0;
}

div#main-content div.listeNouvelles h4 {
line-height:1;
font-size:1.25rem !important;
}

div.listeNouvelles h4 a {
color:#7c6c68;
}

div.listeNouvelles h4 a:hover, div.listeNouvelles h4 a:focus, div.listeNouvelles h4 a:active {
color:#8cc751;
}

div.listeNouvelles div.nouvelleDate {
position:relative;
float:left;
width:55px;
height:55px;
background-color:#00b4eb;
color:#FFFFFF;
padding:0.5rem 0 0 0;
margin:0 0.75rem 0 0;
text-align:center;
-webkit-border-radius:50% 50% 50% 50%;
border-radius:50% 50% 50% 50%;
}

div.listeNouvelles div.nouvelleImage {
margin-bottom:1rem;
background-color:#7e6c6a;
max-width:600px;
}

div.listeNouvelles div.nouvelleImage a img {
opacity:0.9;
}

div.listeNouvelles div.nouvelleImage a:hover img, div.listeNouvelles div.nouvelleImage a:focus img, div.listeNouvelles div.nouvelleImage a:active img {
opacity:0.6;
}

div.listeNouvelles div.nouvelleDate div.nouvelleJour {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
font-size:1.625rem;
line-height:1;
}

div.listeNouvelles div.nouvelleDate div.nouvelleMois {
font-size:0.875rem;
line-height:1;
}

div.listeNouvelles div.nouvelleSommaire {
position:relative;
float:left;
width:80%;
margin-bottom:1.5rem;
}

div.listeNouvelles div.nouvelleSommaire h4 {
margin:0 0 0.375rem 0;
min-height:110px;
}

div.listeNouvelles .column:last-child:not(:first-child), div.listeNouvelles .columns:last-child:not(:first-child) {
float:left;
}


/******************************************/
/**************   Pastilles  **************/
/******************************************/
div#pastilles {
background-color:#f59b29;
max-width:1920px;
margin:8rem auto;
}

div#pastilles div.colonne {
position:relative;
float:left;
width:25%;
text-align:center;
}


/******************************************/
/********   Formulaire de contact  ********/
/******************************************/
div#erreur {
background:#FFFFDF;
padding:10px 20px;
border:1px solid #E5E5E5;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius: 7px;
margin:10px 0;
}

div#erreur ul {
margin:0;
}

div.confirmation {
background:#DDFFDD;
padding:10px 20px 0 20px;
border:1px solid #437244;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius: 7px;
margin:10px 0;
}

form {
border:0;
margin:0 0 10px 0;
padding:0;
display:table;
}

label {
cursor:pointer;
}

input,textarea {
padding:5px;
}

textarea {
min-height:150px;
}

table.formulaire {
margin:0 auto 10px auto;
width:auto;
}

table.formulaire td {
padding:8px;
border-bottom:1px solid #D6CCBC;
text-align:left;
}

table.formulaire td.label {
white-space:nowrap;
background:none;
}

input {
border:1px solid #D6CCBC;	
background:#FFF;
color:#000;
}

div#erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FF0000;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
color:#FFFFFF;
}

div#erreur ul {
list-style-type:disc;
margin:0px 0px 0px 30px !important;
}

div#erreur:last-child {
margin:0;
}

.erreurCode, .erreurCapcha input#AntiSpamQuestion {
border:1px solid #FF0000 !important;
background-color:#fdb4b4 !important;
}

ul.listeFormulaire .erreurCode {
border:none !important;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:10%;
left:10%;
width:10%;
margin:auto;
}


/******************************************/
/**********   Carte interactive  **********/
/******************************************/
body.BodyCarteInteractive div#main-content {
padding-bottom:0;
}

div#carteInteractiveBackground {
background-color:#F1F1F1;
}

div#carteInteractive {
background:url(../images/design/cartes-demo.png) no-repeat top left;
padding:8.5rem 0;
}

div#carteInteractive h1 {
font-size:5.125rem;
margin:0;
padding:0;
line-height:1;
text-shadow:1px 1px 1px #7c6c68;
}

div#carteInteractive h2 {
font-size:3rem;
color:#7c6c68;
margin:0;
padding:0;
line-height:1;
text-shadow:1px 1px 1px #7c6c68;
}

div#carteInteractive .bouton {
text-shadow:none;
margin-right:1.5rem;
}

div.carteInteractiveConteneur {
background-color:#f1f1f1;
background-image:url(../images/design/background.jpg);
background-repeat:no-repeat;
background-position:50% 300px;
padding-bottom:3.5rem;
}

div.carteInteractiveConteneur h1 {
text-transform:uppercase;
margin:20px 0 0 0;
}

div.carteInteractiveConteneur div.emphaseTitre {
font-size:5.125rem;
color:#8cc751;
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
line-height:1;
text-transform:uppercase;
}

div.carteInteractiveConteneur ul.listeMunicipalites {
list-style-image:url(../images/design/bullets.png);
list-style-position:inside;
margin:0;
padding:0;
}

div.carteInteractiveConteneur ul.listeMunicipalites li {
position:relative;
float:left;
width:33.33%;
}

div.carteInteractiveConteneur ul.listeMunicipalites li a {
color:#000000;
}

div.carteInteractiveConteneur ul.listeMunicipalites li a:hover, ul.listeMunicipalites li a:focus, ul.listeMunicipalites li a:active {
color:#8cc751;
}

div#mapbase {
background:url(../images/design/carte-interactive2.png) no-repeat top center;
height:890px;
background-size:contain;
}


/******************************************/
/*************   Liste pages  *************/
/******************************************/
div#listePages {
color:#7c6c68;
font-size:1.375rem;
padding:6rem 0;
}

div#listePages a {
color:#7c6c68;
}

div#listePages a:hover, div#listePages a:focus, div#listePages a:active {
color:#8cc751;
}

div#listePages ul {
margin:0;
padding:0;
list-style-image:url(../images/design/bullets.png);
}

div#listePages ul li {
position:relative;
float:left;
width:33.3%;
}

ul.listeEnfants {
list-style-type:none;
margin:0 0 2rem 0;
padding:0;
}

ul.listeEnfants li {
border-bottom:1px solid #e1e0e0;
}


/******************************************/
/***************   Footer   ***************/
/******************************************/
div#footer {
background-color:#7c6c68;
color:#FFFFFF;
padding:4rem 0;
}

div#footer div.medium-4:nth-child(2) {
text-align:center;
}

div#footer h6 {
color:#FFFFFF;
margin:0 0 1rem 0;
}

div#footer div.medium-4:nth-child(2) h6 {
margin:0.5rem 0 0 0;
}

div#footer ul {
list-style-type:none;
margin:0;
padding:0;
}

div#footer ul li {
position:relative;
float:left;
font-size:1.625rem;
padding:0 0.625rem;
}

div#footer ul li a {
color:#FFFFFF;
}

div#footer ul li a:hover, div#footer ul li a:focus, div#footer ul li a:active {
color:#f99f2d;
}

div#footer .bouton {
border:1px solid #FFFFFF;
}

footer {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
border-bottom:3px solid #7c6c68;
margin-bottom:0.75rem;
color:#7c6c68;
}

footer p {
margin-bottom:0;
padding:0.75rem 0;
}

footer div.large-6:last-child p {
text-align:right;
}