@font-face {
	font-family:'Open sans Regular';
	src: url('./files/police-d-ecriture-fichier-open-sans-regular.ttf');
}

@font-face {
	font-family:'Indie Flower';
	src: url('./files/police-d-ecriture-fichier-indie-flower.ttf');
}

@font-face {
	font-family:'Indie Flower';
	src: url('./files/police-d-ecriture-fichier-indie-flower.ttf');
}

@font-face {
	font-family:'Indie Flower';
	src: url('./files/police-d-ecriture-fichier-indie-flower.ttf');
}




.date {
	width: 70px; height: 60px;
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
	.date p {
		font-family: Helvetica, sans-serif;
		font-size: 25px; text-align: center; color: #9e9e9e; 
	}
	
	.date p span {
		background: #d10000; 
		background: linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -moz-linear-gradient(top, #d10000 0%, #7a0909 100%);
		background: -webkit-linear-gradient(top, #d10000 0%, #7a0909 100%);
		font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 3px solid #a13838;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		padding: 3px 0 3px 0;
	}


body {
  margin-bottom:35px;
  font-family: "Open sans Regular","Open", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #eeeeee;
}

#myHeader {
	background:white;
	padding-top:10px;
}


footer {
	background:#000;
	color:#ffffff;
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;" 
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "","Open", Helvetica, Arial, sans-serif;
	color:  ;
}


a {
	color: #5b909d;
	text-decoration: none;
}
a:hover,
a:focus {
  color: ;
  text-decoration: underline;
}

a.white, a.white:hover, a.white:focus  {
	color:#ffffff;
}

a.black, a.black:hover, a.black:focus {
	color:#000000;
}

.alert {
  margin-top:20px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}


.alert h3 {
  padding-top:0px;
  margin-top:0px;
}

.alert-ok {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-ok .alertLink {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info .alertLink {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning .alertLink {
  color: #66512c;
}
.alert-ko {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-ko .alertLink {
  color: #843534;
}


#freeAlert {
	display:none;
	position:absolute;
	left:50%;
	transform: translate(-50%, -50%);	
	width:60%;
	min-width:300px;
	z-index: 100000;
}
#freeAlert #freeAlertMessage {
	float:left;
	width:95%;
}
#freeAlert #freeAlertDismiss {
	float:right;
	text-align:center;
	width:5%;
}
.userCircle30, .userCircle60 {
	float:left;
	padding-top:5px;
	text-align:center;
	width: 30px;
	height: 30px; 
	background:#b12828;
	border-radius: 50%;
	text-transform: capitalize;
	color:#fff;
}

.userCircle60 {
	font-size:1.75em;
	padding-top:10px;
	padding-top:3px;
	width: 60px;
	height: 60px; 	
}

.userCircle30, .userCircle60 a {
	color:#ffffff;
}

.hide {
	display:none;
}

.well, .well-white {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}

.well-white {
	background-color: #ffffff;
}

.admin {
	border: 1px solid #c0c000;
	margin:2px;
}

.section {
	width:100%;
}




/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    z-index: 100001;
    overflow:auto;
    padding:50px;
}
 
/* Inner */
.popup-image { 
    
    /*
 position:absolute;
 max-width:900px;

    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    */
    
    margin: auto;
    display: block;
    
    max-width: 90%;
    
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    border:2px solid #fff;
    background:#fff;
    margin-bottom:50px;
}
 



/* Close Button */
.popup-button, .popup-close {
    width:40px;
    height:40px;
    padding-top:4px;
    display:inline-block;
    float:right;
    /*
    position:absolute;
    top:0px;
    right:0px;
    */
    position:relative;
    margin:10px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:#be0000;
    font-family:Arial, Sans-Serif;
    font-size:25px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
 .popup-close a {
     color:#fff;
 }
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:#be0000;
    text-decoration:none;
     color:#fff;    
}




/*** masonery for pictures ***/

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

.item-image {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
    text-align:center;
}

.item-thumbnail {
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
    
	border-radius:5px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	background:#fff;
}

.img-abrthumbnail {
	width:100%;
	border-radius: 5px 5px 0 0;
}

.text-thumbnail {
	text-align:center;
	padding:10px;
}

/*
@media only screen and (min-width: 300px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 600px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 1000px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}
*/

/*
@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}
*/

#butonBackToTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
}

#searchResults
{
	margin:auto;
	display:block;
	max-width:100%;
	border-radius:3px;
}

#itemNamePartial
{
	width:50%;
	font-size:25px;
	padding:5px;
	border-bottom:1px solid #fff;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	margin-left:10px;
	background:none;color:#fff;
}


#abrPublicForm
{
	margin: 0 auto;
	width:60%;
	min-width:300px;
	margin-top:15%;	
}

.abr-clean-navbar
{
	margin-bottom:0px;
	background:white;
	border:0px;
	border-radius:0px;
}



.barre-de-menu 
{
	background-color:#ffffff;
	
	
	
	
	
	
	border-color:#5b909d;
	
	
	
	
	
	
	
	
	box-shadow: 0px 3px 2px #aaa;
}




.barre-de-menu:hover,
.barre-de-menu:focus
{
background-color:#ffffff;
} 
.bloc-de-texte 
{
	background-color:#ffffff;
	color:#000000;
	
	
	
	border-top:3px solid;
	
	border-color:#b12828;
	border-radius:5px;
	
	
	
	margin:5px;
	padding:15px;
	
	line-height:25px;
	
}




.bloc-de-texte:hover,
.bloc-de-texte:focus
{
background-color:#ffffff;
} 
.bouton-de-navigation-mobile 
{
	background-color:#be0000;
	color:#ffffff;
	
	
	border:0px;
	
	
	
	
	
	
	
	
	
	
	
	
}




.bouton-de-navigation-mobile:hover,
.bouton-de-navigation-mobile:focus
{
background-color:#be0000;
} 
.bouton-retour-en-haut 
{
	background-color:#00000099;
	color:#ffffff;
	
	
	
	
	
	
	border-radius:5px;
	
	
	
	
	
	
	
	
}




.bouton-retour-en-haut:hover,
.bouton-retour-en-haut:focus
{
background-color:#00000099;
} 
.corps-du-site 
{
	background-color:#eeeeee;
	color:#000000;
	font-size:14px;
	
	
	
	
	
	
	
	font-family: "Open sans Regular","Open", Helvetica, Arial, sans-serif;
	
	
	
	
	
	
}


.corps-du-site a {
	color:#5b909d;
}



.corps-du-site:hover,
.corps-du-site:focus
{
background-color:#eeeeee;
} 
.fond-noir 
{
	background-color:#000000;
	color:#ffffff;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


.fond-noir a {
	color:#ffffff;
}



.fond-noir:hover,
.fond-noir:focus
{
background-color:#000000;
} 
.fond-noir-arrondi 
{
	background-color:#00000088;
	color:#ffffff;
	
	
	
	
	
	
	border-radius:25px;
	
	
	
	
	padding:15px;
	
	
	
}




.fond-noir-arrondi:hover,
.fond-noir-arrondi:focus
{
background-color:#00000088;
} 
.fond-rose 
{
	background-color:#fad3fc;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}




.fond-rose:hover,
.fond-rose:focus
{
background-color:#fad3fc;
} 
.footer 
{
	background-color:#5c8690;
	
	
	
	
	
	
	
	
	
	
	
	
	
	height:400px;
	
	
}




.footer:hover,
.footer:focus
{
background-color:#5c8690;
} 
.formulaires-publics 
{
	background-color:#ffffff;
	
	
	border-style:solid;border-width:2px;
	
	
	
	border-color:#000000;
	border-radius:5px;
	
	
	
	
	padding:30px;
	
	
	
}




.formulaires-publics:hover,
.formulaires-publics:focus
{
background-color:#ffffff;
} 
.header 
{
	
	
	
	
	
	
	
	
	
	
	
	
	
	padding:10px;
	
	
	
}



.liens-du-menu 
{
	
	color:#ffc042;
	font-size:20px;
	
	
	
	
	
	
	
	font-family: "Indie Flower","Open", Helvetica, Arial, sans-serif;
	
	
	
	
	
	font-weight: bold;
}


.liens-du-menu a {
	color:#ffc042;
}


.section-recherche 
{
	background-color:#5b909d;
	color:#ffffff;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}


.section-recherche a {
	color:#ffffff;
}



.section-recherche:hover,
.section-recherche:focus
{
background-color:#5b909d;
} 
.sous-sous-titres 
{
	
	color:#b12828;
	font-size:16px;
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}



.sous-titres 
{
	
	color:#5b909d;
	font-size:24px;
	
	
	
	
	
	
	
	font-family: "Indie Flower","Open", Helvetica, Arial, sans-serif;
	
	
	
	
	
	
}



.tag 
{
	background-color:#b12828;
	color:#ffffff;
	
	
	
	
	
	
	border-radius:10px;
	text-align:center;
	
	
	margin:4px;
	padding:6px;
	
	
	
}


.tag a {
	color:#ffffff;
}



.tag:hover,
.tag:focus
{
background-color:#b12828;
} 
.titre-blanc-centre 
{
	
	color:#ffffff;
	font-size:30px;
	
	
	
	
	
	
	text-align:center;
	
	
	
	
	
	
	
}



.titres 
{
	
	color:#5b909d;
	font-size:30px;
	
	
	
	
	
	border-radius:5px;
	
	font-family: "Indie Flower","Open", Helvetica, Arial, sans-serif;
	
	
	
	
	
	
}