@charset "utf-8";
@font-face {
font-family: 'Caroni-Regular';
src: url('Caroni-Regular.otf');
font-weight: normal;
}
@font-face {
font-family: 'CabinSketch-Bold';
src: url('CabinSketch-Bold.otf');
font-weight: normal;
}
a{
color: #ffd218;
}
a:hover{
transition: .25s ease-in-out;
color:#f1964f; 
}
html{
height: 100%;
font-size: 1rem;
}
body{
font-family:"Caroni-Regular";
background-color: #33231b;
height: 100%;
font-size: 1.7rem;
}
@media screen and (max-width: 1200px){
body{
font-size: 1.3rem;
}}
@media screen and (max-width: 400px){
body{
font-size: 16px;
}}
input[type=submit] {/*curseur mode main pour bouton input*/
cursor: pointer;
}
#error{
color:#f1964f;
}
.lienBlanc{
color:#FFF; 
transition: .25s ease-in-out;
}
.lienBlanc hover{
color:#FFF; 
}
.lienBlancOrange{
color:#FFF; 
transition: .25s ease-in-out;
}
.lienBlancOrange hover{
color:#FFF; 
}
@media screen and (max-width: 1000px){
#titreGrainePc{
 display: none;
}}
#titreGraineTelephone{
 display: none;}
@media screen and (max-width: 1000px){
#titreGraineTelephone{
 display: block;
}}
.phraseRien{
display: flex;
justify-content: center;
margin-top: 0.5rem;
margin-bottom: 1rem;
color: #FFF;
padding: 0rem 0.5rem 0rem 0.5rem;
}
.BoutonLien{
background-color: #33231b;
}
.BoutonLien:hover{
color: #f1964f;
}
#titrealerte{
	text-align: center;
	color: #f1964f;
}
.bouttonGeneral{
	margin-top: 1rem;
	transition: .25s ease-in-out;
	color: #ffd218;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
	background-color: #33231b;
	padding: 0.1rem 0.5rem 0.1rem 0.5rem;
	min-width: 200px;
}
.couleurBlanche{
	color: #FFF;
}
														/*texte défilant*/
.messagedefilant {
display: block;
padding: 0rem 0rem 0rem 0.3rem;
overflow: hidden;
position: relative;
width: 100%;
color: #FFF;
}
/*
.messagedefilant div {
position: absolute;

}
.messagedefilant div span, 
.messagedefilant div:after {
position: relative;
display: inline-block;
white-space: nowrap;
}
.messagedefilant div span {
animation: defilement 25s infinite linear;
padding-left: 1rem;
}
@keyframes defilement {
0% { margin-left: 0; }
100% { margin-left: -100%; }
}*/
#donsMois{
	text-align: center;
	color: #FFF;
	background-color: #684b3c;
}
#cemoisci{
	display: flex;
	justify-content: center;
}
#cemoisci img#imgliste{
	width: 1.5rem;
}
#cemoisci > img:nth-child(1){
position: absolute;
margin:1rem 10rem 0rem 0rem;


}
#cemoisci > img:nth-child(2){
position: absolute;
margin:1rem 0rem 0rem 10rem;
}
#merciCeMoisCi{
position: absolute;
margin: 1rem 0rem 0rem 85%;
font-size: 1rem;
}
@media screen and (max-width: 1000px){
#merciCeMoisCi{
position: absolute;
margin: 1rem 0rem 0rem 63%;
}}



														/*fin texte défilant*/


														/*pagination*/
#pagination{
display: flex;
justify-content: center;
}
#pagination span.active {
color: #f1964f;
}
														/*fin pagination*/
														/*Header*/
@media screen and (min-width: 601px){											
.cadreHaut{
flex: 1 0 20%;
font-family: 'CabinSketch-Bold';
background-image:url("../images/baniereddg.jpg");
/*background-color: #33231b;*/
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #FFF;
padding-top: 1rem;
max-height: 136.8px;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-right-style: none;
border-left-style: none;
border-top-style: none;
}}
@media screen and (max-width: 1000px){
.cadreHaut{
display: none;
}}
.logo{
margin-bottom: 0.7rem;
display: flex;
justify-content: center;
}
.logo a img{
max-height: 3rem;
}

.titresiteDDG a h1{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height:1.9rem;
font-size: 2rem;
font-weight: bold;
}
.asterisque{
display: flex;
margin-bottom: 0.5rem;
font-size: 3rem;
}
@media screen and (max-width: 650px){
.asterisque{
font-size: 1.7rem;
}
.titresiteDDG a h1{
font-size: 1rem;
}
#phraseDDG{
	line-height: 1rem;
}}


														/*Fin header*/
														/*Menu profil*/
.menuprofil{
display: flex;
justify-content: space-between;
width: 100%;
background-color: #33231b;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-right-style: none;
border-left-style: none;
border-top-style: none;
}
@media screen and (max-width: 1000px){
.menuprofil{
display: none;
}
.menuprofil.sousprofil{
display: flex;
font-size: 20px;
}
.menuprofil.sousprofil a.lienBlanc{
	padding: 0rem;
}}
.menuprofil.sousprofil{
border-top-style: none;
justify-content: space-around;
}
.menuprofil.deconnecte{
justify-content: space-around;
}
.menuprofil a{
display: flex;
justify-content: center;
flex: 2;
padding: 0.5rem 1rem 0.5rem 1rem;
}
.menuprofil a:hover {
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
}
#lienprofil_actif{
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
}
#lienprofil_actifNouveauMessage{
background: no-repeat 1%/10% url("../images/new.png");
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
}
#container > div > div.cadreMilieu > div.positionMenuprofil > div.menuprofil > a:nth-child(6){
	flex: 1;
}

														/*Fin menu profil*/
														/*Positionement sous header*/
#container{
display: flex;
height: 100%;
}
.cadreGeneral{
display: flex;
flex-direction: column;
flex: 1 0 100%;
}
.cadreMilieu{
flex-direction: column;
}
.positionMenuprofil{
position: sticky;
top: 0px;
z-index: 3;
}
.PositionCadresMilieu{
display: flex;
flex: 1 0 75%;
}
@media screen and (max-width: 1000px){
.PositionCadresMilieu{
	flex-direction: column;
}}
.cadreMilieuGauche{
display: flex;
flex-direction: column;
background-color: #33231b;
flex: 0 0 15%;
}
@media screen and (max-width: 900px){
.cadreMilieuGauche{
	flex: 0 0 10%;
}}
.cadreMilieuCentre{
color: #FFF;
background-color: #33231b;
display: flex;
flex-direction: column;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-bottom-style: none;
}
@media screen and (max-width: 1000px){
.cadreMilieuCentre{
border-left-style: none;
border-right-style: none;
}}
.cadreMilieuVignette{
background-color: #33231b;
display: flex;
flex: 1 0 68%;
flex-wrap: wrap;
justify-content: center;
}
.cadreMilieuDroite{
background-color: #33231b;
flex: 0 0 17%;
min-width: 300px;
}
.cadreBas{
background-color: #33231b;
}
														/*Fin positionement sous header*/
														/*Index*/
.bannieres_accueil{
padding: 0rem 0.3rem 0rem 0.3rem;
}
.banniere_inscription{
display: flex;
text-align: center;
justify-content: center;
align-items: center;
color:#FFF;
background-color: #684b3c;
min-height: 3rem;
max-height: 3rem;
margin-top: 0.3rem;
line-height: 1.3rem;
}
.banniere_inscription:hover{
border-width: 1px;
border-color: #FFF;
border-style: solid;
color: #f1964f;
}
.BanniereBas{
margin-bottom: 0.3rem;
}
														/*Fin index*/
														/* page connexion */
.cadreConnexion{
padding: 1rem 1rem 1rem 1rem;
color: #FFF;
}
.cadreConnexion form{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.validerListe.connexion{
margin-top: 1rem;
}
.cadreConnexion form input.inputedit{
padding: 0.3rem;
min-width: 50%;
}
@media screen and (max-width: 650px){
	.cadreConnexion form input.inputedit{
	padding: 0.3rem;
	min-width: 80%;
	}	
}
.cadreConnexion form input#edit-infos-valider.validerListe.connexion{
min-width: 50%;
}
.cadreConnexion form textarea#textareamessage{
min-width: 80%;	
}



														/* FIN connexion */
														/*Page envoi*/
#contentEnvoie{

}
														/*Fine page envoi*/
														/*menu graine graino legumes/fruits/fleurs/*/
.espaceGrainotheque{
	position: sticky;
	top: 60px;
}
.ContainerPhrasePropoGraine{
	display: flex;
	justify-content: center;
}
.ContainerPhrasePropoGraine img{
	padding-top: 0.2rem;
}
.PhrasePropoGraine{
	margin: 0rem 0.3rem;
}
@media screen and (max-width: 1200px){
.espaceGrainotheque{
top: 46.4px;
}}
#nouveau{
margin-bottom: -0.8rem;
display: flex;
justify-content: center;
color: #FFF;
font-size: 1.2rem;
}
@media screen and (max-width: 1000px){
#nouveau{
	display: none;
}}
#nouveauTel{
margin-bottom: -0.8rem;
display: flex;
justify-content: center;
color: #FFF;
font-size: 1.2rem;
}
@media screen and (min-width: 1000px){
#nouveauTel{
	display: none;
}}
.titreCategorieGrainotheque{
font-family: 'CabinSketch-Bold';
display: flex;
justify-content: center;
align-items: center;
min-height: 60px;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-left-style: none;
border-right-style: none;
padding: 0rem 0.5rem 0rem 0.5rem;
font-size: 1.5rem;
}
.menu{
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1000px){
.menu{
flex-direction: row;
min-height: 3rem;
}}
.menu-item{
display: flex;
flex: 0 0 3.5rem;
align-items: center;
justify-content: center;
color: #fff;
text-decoration: none;
transition: .25s ease-in-out;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media screen and (max-width: 1000px){
.menu-item{
flex: 1 0 5rem;
}}
.menu-item.lienfleurs{
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-left-style: none;
border-right-style: none;
border-top-style: none ;
}
@media screen and (max-width: 1000px){
.menu-item{
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-left-style: none;
border-right-style: none;
border-top-style: none ;
}}
.suggestion{
margin-top: 0.5rem;
flex: 0 0 3rem;
border-width: 1px;
border-style: solid;
border-color: #FFF;
border-left-style: none;
border-right-style: none;
background-color: #684b3c;
}
.lienCarteDDG{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
flex: 0 0 3rem;
border-width: 1px;
border-style: solid;
border-color: #FFF;
border-left-style: none;
border-right-style: none;
background-color: #6e9f3a;
font-family: 'CabinSketch-Bold';
}
.lienCarteDDG:hover{
background-color: #A8D775;
color: #33231b;
}
@media screen and (max-width: 1500px){
.lienCarteDDG{
font-size: 1.3rem;
}}
@media screen and (max-width: 1000px){
.lienCarteDDG{
display: none;
}}
.lienCarteDDGTel{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
flex: 0 0 3rem;
border-width: 1px;
border-style: solid;
border-color: #FFF;
border-left-style: none;
border-right-style: none;
background-color: #6e9f3a;
font-family: 'CabinSketch-Bold';
}
.lienCarteDDGTel:hover{
background-color: #A8D775;
color: #33231b;
}
@media screen and (min-width: 1000px){
.lienCarteDDGTel{
display: none;
}}
@media screen and (max-width: 1000px){
.suggestion{
display: none;
}}
.menu-item.lienlegumes{
background-image:url('../images/legumes.jpg');
}
.lienlegumes:hover{
background-image:url('../images/legumeshover.jpg');
color:#52668b;
}
#lienlegumesactif{
background-image:url('../images/legumeshover.jpg');
color:#52668b;
}
.menu-item.lienfruits{
background-image:url('../images/fruits.jpg');
}
.lienfruits:hover{
background-image:url('../images/fruitshover.jpg');
color:#f1964f;
}
#lienfruitsactif{
background-image:url('../images/fruitshover.jpg');
color:#f1964f;
}
.menu-item.lienfleurs{
background-image:url('../images/fleurs.jpg');
}
.lienfleurs:hover{
background-image:url('../images/fleurshover.jpg');
color:#52668b;
}
#lienfleursactif{
background-image:url('../images/fleurshover.jpg');
color:#52668b;
}
.titreCategorieGrainotheque img#imgliste{
	max-height: 2rem;
	margin: 0rem 0.3rem 0rem 0.3rem;
}
@media screen and (max-width: 360px){
.titreCategorieGrainotheque img#imgliste{
	max-height: 1.8rem;
	margin: 0rem 0.2rem 0rem 0.2rem;
}}
																/*FIN menu legumes/fruits/fleurs/*/

																/*coté droit forum*/
.espaceForum{
display: flex;
flex-direction: column;
flex: 0 0 50%;
position: sticky;
top: 60px;
font-size: 1.3rem;
}
@media screen and (max-width: 1200px){
.espaceForum{
top: 46.4px;
}}
@media screen and (max-width: 1000px){
.espaceForum{
top: 46.4px;
}}
.soutient{
margin-top: 0.5rem;
flex: 0 0 3rem;
border-width: 1px;
border-style: solid;
border-color: #FFF;
border-left-style: none;
border-right-style: none;
background-color: #684b3c;
font-family: 'CabinSketch-Bold';
font-size: 1.7rem;
}
@media screen and (max-width: 1500px){
.soutient{
font-size: 1.3rem;
}}
@media screen and (min-width: 651px) and (max-width: 663px){
.soutient{
font-size: 1.2rem;
}}
#cadreTipeee{
	padding: 0rem 1rem 0rem 1rem;
}

.tipeee-plugins-widget{
text-align: center;
}
.titreCategorieForum{
font-family: 'CabinSketch-Bold';
display: flex;
flex: 0 0 25%;
min-height: 60px;
align-items: center;
justify-content: center;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-left-style: none;
border-right-style: none;
font-size: 1.5rem;
}
@media screen and (max-width: 1000px){
.titreCategorieForum{
border-top-style: solid;
background-color: #684b3c;
}}
.SoustitreCategorieForum{
display: flex;
align-items: center;
justify-content: center;
color:  white;	
}
@media screen and (max-width: 1000px){
.SoustitreCategorieForum{
align-items: center;
}}
.SujetsEspaceForum{
margin-left: 0.5rem;
}
@media screen and (max-width: 800px){
.SujetsEspaceForum{
}}
.SujetsEspaceForumGuest{
margin-left: 0.5rem;
color: #e2b36d;
}

.nonlu {
background: no-repeat 1%/1rem url("../images/new.png");
background-color: #684b3c; /*a voir si la lumière pour mess non lu fonctionne*/
padding-left: 1.5rem;
margin: 0.1rem 0rem 0.1rem 0rem;
display: flex;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
}
@media screen and (max-width: 1000px){
.nonlu {
background: no-repeat 1%/1rem url("../images/new.png");
background-color: #684b3c;
}}
#nouveauMessageprive{
background: no-repeat 5%/10% url("../images/new.png");
background-color: #f1964f;
/*border-width: 1px;
border-color: #e2b36d;
border-style: solid;
border-top-style: none;
border-bottom-style: none;*/
}
#nouveauMessageprive:hover{

}
.Sujetnonlu{
background: no-repeat left/3% url("../images/new.png");
background-color: #684b3c; /*a voir si la lumière pour mess non lu fonctionne*/
padding-left: 1.5rem;
margin: 0.1rem 0rem 0.1rem 0rem;
display: flex;
border-width: 1px;
border-color: #684b3c;
border-style: solid;	
}
														/*Fin coté droit forum*/
														/* css bouton ok barre recherche*/
form.search{
display: flex;
justify-content: flex-end;
}
form.search input{
font-family:"Caroni-Regular";
transition: .25s ease-in-out;
color: #FFF;
border-width: 1px;
border-style: solid;
border-color: #FFF;
background-color: #33231b;
margin: 0.3rem 0.2rem 0rem 0.2rem;
padding:0rem 0.7rem 0rem 0.7rem;
}
form.search input:hover{
background-color: #684b3c;
color: #f1964f;
}
form.search input.search-input::placeholder {
color: #FFF;
opacity: 1; /* Firefox */
}
form.search input.search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #FFF;
}
form.search input.search-input::-ms-input-placeholder { /* Microsoft Edge */
color: #FFF;
}
form.search input.search-input{
background-color: #684b3c;
}
form.search input.search-input:focus {
background: #93654d;
}
form.search input.search-input{
color: #FFF;
}
														/* FIN css bouton ok barre recherche*/
														/*Page Legumes*/
div.cadre{
width: 14rem;
margin: 2rem;
}
@media screen and (max-width: 1000px){
div.cadre{
width: 10rem;
margin: 1rem;
}}
.especeliste{
text-align: center;
}
.sousespeceliste{
text-align: center;
}
.nbr_graines{
text-align: center;
}
img.imgcadre{
width: 10rem;
height: 10rem;
}
@media screen and (max-width: 1000px){
img.imgcadre{
width: 8rem;
height: 8rem;
}}
div.imageliste{
display: flex;
align-items: center;
justify-content: center;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
}
.ajoutEspece{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.5rem;
	background-color: #684b3c;
	border-width: 1px;
	border-color: #FFF;
	border-style: solid;
	border-left-style: none;
	border-right-style: none;
}
.ajoutEspece img{
	height: 42px;
	margin-right: 0.5rem;
}
														/*FIN Page Legumes*/
																/*profil*/
.cadreMessages{
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1200px){
.cadreMessages{
	font-size: 1.4rem;
}
}
.cadreMessages.liste{
margin-top: 1rem;
}
.ligneMessage{
color: #FFF;
display: flex;
padding: 0.1rem 1rem 0.1rem 1rem;
margin: 0.1rem 1rem 0.1rem 1rem;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
}
.ligneMessage:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
background-color: #33231b;
color: #F1964F;
}
.nonlu.message {
color: #FFF;
display: flex;
padding: 0.1rem 1rem 0.1rem 1rem;
margin: 0.1rem 1rem 0.1rem 1rem;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
background: no-repeat 1%/1.2rem url("../images/new.png");
background-color: #684b3c; /*a voir si la lumière pour mess non lu fonctionne*/
}
.nonlu.message:hover {
transition: .25s ease-in-out;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
background-color: #684b3c;
color: #F1964F;
}
.nonlu.message div.messageNoms span{
margin-left: 1rem;
}
.nomsColonnesMessages{
display: flex;
flex-direction: row;
color: white;
border-width: 1px;
border-color: #FFF;
border-style: solid;
margin: 1rem;
padding: 0rem 1rem 0rem 1rem;
}
.messageNoms{
flex: 2;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
padding: 0rem 0.3rem 0rem 0.3rem;
text-transform: initial;
}
.messageNomsTitre{
flex: 2;
display: flex;
justify-content: center;
}
.messageMessage{
flex: 4;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
padding: 0rem 0.3rem 0rem 0.3rem;
text-transform: lowercase;
}
.messageMessage:first-letter{
text-transform: uppercase;
}
.messageMessageTitre{
flex: 4;
display: flex;
justify-content: center;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
border-top-style: none;
border-bottom-style: none;
padding: 0rem 0.3rem 0rem 0.3rem
}
.messageDates{
display: flex;
flex: 2;
justify-content: flex-end;
text-align: center;
font-size: 1.1rem;
padding: 0rem 0.3rem 0rem 0.3rem
}
.messageDatesTitre{
display: flex;
flex: 2;
justify-content: center;
}
@media screen and (max-width: 350px){
nav.menuprofil > a:nth-child(3){
font-size: 18px;
}}

														/*fin profil*/

														/*page lecture*/
.Correspondant{
display: flex;
text-transform: uppercase;
justify-content: center;
margin-top: 0.5rem;
margin-bottom: 1rem;
color: #FFF;
}
.couleur_message{
background-color: #684b3c;
padding: 0rem 0.5rem 0rem 0.5rem;
}
.cadreLectureMessage{
padding: 0rem 0.5rem 0rem 0.5rem;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
}
.bouttonsListeMess{
display: flex;
justify-content: space-between;

}
@media screen and (max-width: 850px){
.bouttonsListeMess{
flex-direction: column;
}}
@media screen and (max-width: 650px){
.bouttonsListeMess{
font-size: 17px;
}}
.bouttonsListeMess a{
display: flex;
justify-content: center;
align-items: center;
flex: 1;
color: #FFF;
background-color: #33231b;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
div.bouttonsListeMess a:hover{
transition: .25s ease-in-out;
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
}
.titreFicheDescription h1{
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
background-color: #684b3c;
font-size: 2.2rem;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-left-style: none;
border-right-style: none;
border-top-style: none;
min-height: 60px;
font-family: 'CabinSketch-Bold';
}
@media screen and (max-width: 1000px){
.titreFicheDescription h1{
font-size: 1.5rem;
min-height: 40px;
}}
.lecturemess{
text-align: justify;
margin: 0.5rem 0rem 0.5rem 0rem;
}
.lecture{
color: #FFF;
padding: 1rem 1rem 0rem 1rem;
}
.reponseLecture{
color: #FFF;
padding: 1rem 1rem 0rem 1rem;
}
.cadreMessages div.bouttonsListeMess a img#imgsuivisechanges{
	max-height: 1.1rem;
	margin-right: 0.3rem;
}
.cadreMessages div.bouttonsListeMess a img#imgliste{
	max-height: 1.5rem;
	margin-left: 0.3rem;
}
@media screen and (max-width: 850px){
.bouttonsListeMess > a:nth-child(2){
display: flex;
flex-direction: row-reverse;
}
.cadreMessages div.bouttonsListeMess a img#imgliste{
margin-left: 0rem;
margin-right: 0.3rem;
}}


																/*FIN page lecture*/
																/*Page fiche description*/

.cadreFiche div.TitreNomGraines h1{
font-family: 'CabinSketch-Bold';
display: flex;
justify-content: center;
align-items: center;
color: #FFF;
background-color: #684b3c;
font-size: 2rem;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-left-style: none;
border-right-style: none;
min-height: 60px;
}
@media screen and (max-width: 1000px){
.cadreFiche div.TitreNomGraines h1{
font-size: 1.5rem;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-left-style: none;
border-right-style: none;
min-height: 35px;
}}
.cadreFiche div.MenuFicheDescription{
display: flex;
padding: 0rem 0rem 0.5rem 0rem;
position: sticky;
top: 56.8px;
z-index: 2;
}
@media screen and (min-width: 1001px) and (max-width: 1230px){
.cadreFiche div.MenuFicheDescription{
top: 47.2px;
}}
@media screen and (max-width: 1000px){
.cadreFiche div.MenuFicheDescription{
top: -1px;
}}

.cadreFiche div.MenuFicheDescription a{
display: flex;
justify-content: center;
align-items: center;
flex: 1;
color: #FFF;
background-color: #33231b;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 0rem 0.2rem 0rem 0.2rem;

}
@media screen and (min-width: 650px) and (max-width: 800px){
.cadreFiche div.MenuFicheDescription a{
font-size: 1.2rem;
}}
@media screen and (max-width: 650px){
.cadreFiche div.MenuFicheDescription a{
font-size: 17px;
}}
@media screen and (min-width: 450px) and (max-width: 650px){
.cadreFiche div.MenuFicheDescription a{
font-size: 1.4rem;
}}
@media screen and (max-width: 450px){
.cadreFiche div.MenuFicheDescription a{
padding: 0rem;
}}
.cadreFiche div.MenuFicheDescription a:hover{
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
transition: .25s ease-in-out;
}

.boutonAlerteFicheDesc{
padding: 1rem 1rem 0rem 1rem;
}
@media screen and (max-width: 1000px){
.boutonAlerteFicheDesc{
display: flex;
flex-direction: column;
align-items: center;
}}
.cadrePropositions{
display: flex;
flex-direction: column;
margin: 0rem 1rem 1rem 1rem;
}
.cadreFiche{
display: flex;
flex-direction: column;
color: #FFF;
}
.imageProposition{
display: flex;
align-items: center;
padding: 1rem;
}
.cadreFiche div.imageProposition img{
height: 16rem;
padding: 0.5rem;
border-style: solid;
border-width: 1px;
border-color: #FFF;
margin: 0rem 1rem 0rem 0rem;
}
@media screen and (max-width: 1200px){
.cadreFiche div.imageProposition img{
margin: 0rem;
}
.imageProposition{
flex-direction: column;
}}
.dejaRechercheGraine{
color: #f1964f;
}
.bouttonAlertePlante{
transition: .25s ease-in-out;
color: #ffd218;
border-width:1px;
border-style:solid;
border-color:#FFF;
background-color: #33231b;
padding:0.1rem 0.5rem 0.1rem 0.5rem;
}
.bouttonAlertePlante:hover{
color: #f1964f;
background-color: #684b3c;
}
.TitreCategoriesDescription{
text-align: center;
text-transform: uppercase;
background-color: #684b3c;
margin: 0rem 1rem 0rem 1rem;
}
.cadreMilieuCentre div.descriptionPlante{
color: #FFF;
margin-top: 2rem;
border-style: solid;
border-width: 1px;
border-color: #FFF;
margin: 0rem 1rem 1rem 1rem;
padding: 0.3rem;
}
.cadrePropoIndividuelle{
display: flex;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
margin: 0.2rem 0rem 0.2rem 0rem;
padding: 0.3rem;
}
.cadrePropoIndividuelle:hover{
}
.cadrePropoIndividuelle div.contactListeForum{
margin-right: 0.3rem;
}
#Description{
margin-bottom: 0.2rem;
}
.Postcommentaires{
width: 100%;
}
.Postcommentaires div.formcom form textarea#textareaComm{
padding: 0.5rem;
width: 100%;
color: #33231b;
min-height: 10rem;
}
.Postcommentaires div.formcom form textarea#textareaComm::placeholder { /* Firefox */
color: #d64758;
opacity: 1;
}
.Postcommentaires div.formcom form textarea#textareaComm:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #d64758;
}
.Postcommentaires div.formcom form textarea#textareaComm::-ms-input-placeholder { /* Microsoft Edge */
color: #d64758;
}
.details{
margin-top: 1rem;
}
.ifonnect{
color: #d64758;
padding: 0rem 1rem 0rem 1rem;
}




																/*FIN page fiche description*/
																/* formulaire caché */
#infosperso.hideForm {
display:none;
}
#afficherFormulaire:target #infosperso {
display:block;
}
.boutonMasquerFormulaire {
display:none;
}

#afficherFormulaire:target .boutonMasquerFormulaire {
display: inline;
transition: .25s ease-in-out;
color: #ffd218;
border-width: 1px;
border-style: solid;
border-color: #FFF;
background-color: #33231b;
padding: 0.1rem 0.5rem 0.1rem 0.5rem;
}
#afficherFormulaire:target .boutonAfficherFormulaire {
display: none;
}
#bouttonFormulaire{/* agi sur d'autre boutons, à copier et ajouter une nouvelle class pour les autres si pb */
transition: .25s ease-in-out;
color: #ffd218;
border-width: 1px;
border-style: solid;
border-color: #FFF;
background-color: #33231b;
padding: 0.1rem 0.5rem 0.1rem 0.5rem;
}
#bouttonFormulaire:hover{
color: #f1964f;
background-color: #684b3c;
}
.hideForm form#formMessage{
display: flex;
flex-direction: column;
}
input.inputedit{
padding: 0rem 0.2rem 0rem 0.2rem;
color: #33231b;
}
input.inputedit::placeholder {
color: #95664e;
opacity: 1; /* Firefox */
}
input.inputedit:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #95664e;
}
input.inputedit::-ms-input-placeholder { /* Microsoft Edge */
color: #95664e;
}
textarea#textareamessage{
margin: 0.5rem 0rem 0.5rem 0rem;
min-height: 10rem;
color: #33231b;
padding: 0.2rem;
}
textarea#textareamessage::placeholder {
color: #95664e;
opacity: 1; /* Firefox */
}
textarea#textareamessage:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #95664e;
}
textarea#textareamessage::-ms-input-placeholder { /* Microsoft Edge */
color: #95664e;
}
.validerListe{
background-color: #33231b;
color: #ffd218;
border-width: 1px;
border-color: #FFF;
border-style: solid;
margin-bottom: 1rem;
}
.validerListe:hover{
background-color: #684b3c;
color: #f1964f;
}
.marginDestinataire{
margin-top: 1rem;
}
.validerListe.Previsualisation{
margin-bottom: 0.3rem;
}
/*
.cadreForumMessage div.ForumMessage div div.ImgForum a{
float: left;
margin-right: 0.3rem;

}
.cadreForumMessage div.ForumMessage div div.ImgForum a img{
max-width: 50%;
padding: 0.3rem 0rem 0.3rem 0rem;
}
*/
.admin{
color: #6e9f3a;
}



																/*fin formulaire caché*/
																/*FormulaireBasPage*/
#FormulaireBasPage form{
display: flex;
flex-direction: column;
padding: 0rem 1rem 1rem 1rem;
color: #FFF;
}

																/*Fine FormulaireBasPage*/
																/*page edition message forum*/
.editForm{

}
#FormEditionMessage{
display: flex;
flex-direction: column;
}
													/*FIN page edition message forum*/
													/* Page liste personnelle */
.contentMilieu{
padding: 1rem;
color: #FFF;
}
.phraseRien.listePerso{
margin-top: 0rem;
margin-bottom: 0rem;
}
.phraseAttention{
color: #f1964f;
display: flex;
justify-content: center;
}
.mess_demande{
margin: 0rem 0rem 1rem 0rem;
text-align: justify;
}
.partageListe{
margin-top: 2rem;
}
#inputListePerso{
color: #33231b;
width: 100%;
margin-bottom: 0.5rem;
padding: 0rem 0.5rem 0rem 0.5rem;
}
#inputListePerso::placeholder {
color: #33231b;
opacity: 1; /* Firefox */
}
#inputListePerso:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #33231b;
}
#inputListePerso::-ms-input-placeholder { /* Microsoft Edge */
color: #33231b;
}
.LigneListePerso{
display: flex;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
padding: 0.2rem;
margin: 0.3rem 0rem 0.3rem 0rem;
}
.LigneListePerso:hover{
background-color: #684b3c;
}
.NomPlanteListePerso{
flex: 2;
}
.comListePerso{
flex: 4;
color: #FFF;
}

#copieListe{
transition: .25s ease-in-out;
color: #ffd218;
border-width: 1px;
border-style: solid;
border-color: #FFF;
background-color: #33231b;
padding: 0.1rem 0.5rem 0.1rem 0.5rem;
}
#copieListe:hover{
color: #f1964f;
background-color: #684b3c;
}

																/* Fin page liste personnelle */
																/*page suivis echanges*/
.messageDates.echanges{
justify-content: flex-start;
}
.ligneMessage.echanges:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
background-color: #33231b;
color: #FFF;
}
.lienConversation{
display: flex;
justify-content: space-between;
}
.boutonVoirConversation{
	padding-right: 0.3rem;
}
																/*FIN page suivis echanges*/
																/*page infos perso*/
.recapInfos{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #FFF;
}
																/*FIN page infos perso*/
																/*Page alertes*/
.LigneAlerte{
color: #FFF;
display: flex;
padding: 0.1rem 1rem 0.1rem 1rem;
margin: 0.1rem 0.3rem 0.1rem 0.3rem;

border-width: 1px;
border-style: solid;
border-color: #684b3c;
}
.LigneAlerte:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
background-color: #33231b;
color: #F1964F;
}
.nomsColonnesAlertes{
display: flex;
flex: 6;
margin-left: 1rem;
}
.LigneAlerte a{
display: flex;
flex: 6;
}
.alerteDates{
flex: 2;
}
.alerteEspece{
flex: 2;
}
.alerteSousEspece{
flex: 2;
}
.boutonsLiens{
font-size: 1.5rem;
transition: .25s ease-in-out;
color: #ffd218;
border-width:1px;
border-style:solid;
border-color:#FFF;
padding:0.1rem 0.5rem 0.1rem 0.5rem;
margin: 0rem 0.3rem 0rem 0.3rem;
}
.boutonsLiens:hover{
color:#f1964f;
background-color: #684b3c;
}

																/*FIN page alertes*/
																	/*page Forum et categories*/
.fil_ariane{
color: #FFF;
padding: 0rem 0.5rem 0rem 0.5rem;
}
/*couleur du speudonyme*/
.admin{
color: #6e9f3a;
}
.global_forum{
padding: 1rem;

}
#sujetEtSuivis{
display: flex;
flex:1;
justify-content: space-between;
}
.cadreForum{	
display: flex;
justify-content: center;
flex-direction: column;
color:#FFF;
width: 100%;
}
.removeBorderTop h1{
border-top-style: none;
}
.titreForum h1{
display: flex;
justify-content: center;
/*flex-direction: column;*/
align-items: center;
text-align: center;
color: #FFF;
background-color: #684b3c;
font-size: 1.6rem;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-left-style: none;
border-right-style: none;
/*border-top-style: none;*/
min-height: 60px;
margin-bottom: 0.5rem;
font-family: 'CabinSketch-Bold';
}
@media screen and (max-width: 1300px){
.titreForum h1{
	font-size:1.3rem;
}}
@media screen and (max-width: 800px){
.titreForum h1{
	font-size:1.1rem;
}}
.details_generaux{
display: flex;
margin: 1rem 0rem 0.5rem 0rem;
border-width: 1px;
border-color: #FFF;
border-style: solid;
background-color: #33231b;
}
.TitreCategoriesForum{
text-align: center;
text-transform: uppercase;
background-color: #684b3c;
}

.recap_derniers_sujets{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex: 2;
}
.recap_categories{
display: flex;
align-items: center;
justify-content: center;
flex: 3;
}
.regroup_forum{
display: flex;
flex-direction: column;
}

.details_categorie{
margin: 0.1rem 0rem 0.1rem 0rem;
display: flex;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
}
.details_categorie:hover{
transition: .25s ease-in-out;
}
.categories{
display: flex;
flex:3;
align-items: center;
min-width: 7rem;
}
@media screen and (max-width: 500px){
.categories{
}}
.categories a{
display: flex;
flex: 1;
padding-left: 1rem;
}
.nbr_messages{
display: flex;
flex:1;
margin:0rem 1rem 0rem 1rem;
border-width: 1px;
border-color: #684b3c;
border-style: solid;
border-top-style: none;
border-bottom-style: none;
align-items: center;
justify-content: center;
text-align: center;
min-width: 4.5rem;
}
.dernier_message{
display: flex;
flex:2;
flex-direction: column;
justify-content: space-around;
}

/*image sous_categorie*/
.details_categorie div.dernier_message div span img{
max-height: 5rem;
}
div.markItUpHeader ul{
	display: flex;
}
#textareamessageForum{
    margin: 0.5rem 0rem 0.5rem 0rem;
    min-height: 10rem;
    color: #33231b;
    padding: 0.2rem;
    }
																	/*FIN page Forum et categories*/

																	/* Page sous categorie */
.nonluSousCategorie{
background: no-repeat left/2.5% url("../images/new.png");
background-color: #684b3c;
padding-left: 0rem;
display: flex;
margin: 0.1rem 0rem 0.1rem 0rem;
}
.nonluSousCategorie:hover{
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
}
@media screen and (min-width: 1500px){
.nonluSousCategorie{
background: no-repeat left/1.8% url("../images/new.png");
background-color: #684b3c;
padding-left: 0rem;
display: flex;
}}
.UnRemDroiteGauche{
margin-left: 1rem;
margin-right: 1rem;
}
																	/* FIN page sous categorie */
																	/*page forum sujet*/
.ForumMessage{
	text-align: justify;
}
.cadreForumMessage{
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
margin: 0.5rem 0rem 0.5rem 0rem;
padding: 0rem 0.5rem 0rem 0.5rem;
}

.nomMembre{
	display: flex;
	justify-content: space-between;
}
.contactListeForum{


}
.contactListeForum a{
	padding: 0.1rem;
	transition: .25s ease-in-out;
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
	background-color: #33231b;
}
.contactListeForum a:hover {
  color: #f1964f;
  background-color: #684b3c;
}
																	/*markitup*/


.cadreForumMessage div.ForumMessage div div.ImgForum img{
width: 30%;
}
.cadreForumMessage div.ForumMessage div div.ImgForum div{
	display: flex;
	justify-content: center;
}
.cadreForumMessage div.ForumMessage div div.ImgForum div img{
float: left;
margin: 1rem 1rem 1rem 0rem;
width: 80%;
}
.cadreForumMessage div.ForumMessage div div.ImgForum div{

}
.cadreForumMessage div.ForumMessage div div.ImgForum div span{


}



																	/*Fin page forum sujet*/
																	/*pas comment ça marche questions*/
.contentMilieuQuestions{
color: #FFF;
padding: 1rem;
text-align: justify;
}
.cadreMilieuCentre div.contentMilieuQuestions p{
margin-top: 1rem;
}
.contentMilieuQuestions h3{
margin-top: 1rem;
}
																/* Fin page question */
																/*Page roadmap*/
.TextCentreOrange{
text-align: center;
color: #F1964F;
}
.roadmapcontain {
display: flex;
}
.roadmap_evo {
margin-left: 1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
flex: 4;
}
.roadmapphoto{
background-image: url("../images/roadmap_photo.jpg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex: 2;
}
.roadmap_evo div div.fleche {
background-image: url("../images/fleche.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 4rem;
width: 2rem;
}
.roadmapGlobal{

}
																	/*FIN page roadmap*/
																	/* page concours */
.regroup_lots{
display: flex;
flex-direction: column;
}
.lot{

}
div.description_lot img{
max-height: 10rem;
}
.TitreCategoriesForum.cadeaux{
margin: 1rem 0rem 0.5rem 0rem;
}
																	/* FIN page concours */
																	/* page mentions légales */
.phrase_sous_titre{
}
.mentionsLegale{

}
.contentMilieuQuestions li{
margin-left: 1rem;
}
.phraseConclusion{
margin-top: 1rem;
}
																	/* FIN page mentions légales */
																	/* page message demandes */
.titrerougecentre{
color: #f1964f;
text-align: center;
}
.messageIconeWarning{
	display: flex;
}
.contentMilieuQuestions div img.imgWarningMessageDemande{
	width: 5%;
}
.contentMilieuQuestions div.messageIconeWarning span#titrealerte{
	margin-left: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
																	/* FIN page message demandes */

																	/*page présentation*/
.video_responsive {
padding-bottom:34.25%;
position:relative; 
display: flex;
justify-content: center;
min-height: 12rem;
}
.video_responsive iframe {
height:100%;
width:60%;
position:absolute;
min-width: 20rem;
}
#remerciementAuteur{
text-align: center;
font-size: 1rem;
}
#remerciementAuteur span{

}
																	/*FIN page présentation*/
																	/* page signalement*/
.formulaireSignalement{
	padding-top: 0rem;
}
.phrasePrecision{
	margin-top: 1rem;
}
																	/*FIN page signalement*/



																/*footer*/
#contact{
	display: flex;
	flex-direction: column;
}
#container footer{
/* background-image:url("../images/footerddg.jpg"); 
background-repeat: no-repeat;
background-position: center;
background-size: cover;*/
background-color: #33231b;
color: #FFF;
min-height: 2rem;
display: flex;
justify-content: space-between;
display: flex;
align-items: center;
font-size: 1.3rem;
padding: 0.5rem 2rem 0.5rem 2rem;
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
border-right-style: none;
border-left-style: none;
}
@media screen and (max-width: 550px){
#container footer{
flex-direction: column;
}}
#facebook{
display: flex;
}
																/*footer*/
																/* menu hamburger */
#menuToggle{
position: fixed;
top: 30px;
left: 10px;
z-index: 3;
-webkit-user-select: none;
user-select: none;
width: 100%;
display: none;
}
@media screen and (max-width: 1000px){
#menuToggle{
 display: block;
}}
#menuToggle a.lienBlanc
{
padding: 5px;
transition: .25s ease-in-out;
}
#menuToggle a.lienBlanc:hover
{
transition: .25s ease-in-out;
}
#menuToggle input
{
display: block;
width: 40px;
height: 32px;
position: absolute;
top: -7px;
left: -5px;
cursor: pointer;
opacity: 0;
z-index: 4;
-webkit-touch-callout: none;
}
#menuHamb
{
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 100%;
margin: -168px 0px 0px -10px;
padding-top: 125px;
background: #f7f7f8;
list-style-type: none;
-webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
transform-origin: 0% 0%;
transform: translate(0, -100%);
transition: transform 0.5s;
line-height: 1.3;
border-width: 1px;
border-color: #838385;
border-style: solid;
background-color: #33231b;
font-size: 1.7rem;
}
#menuHamb a{
width: 100%;
text-align: center;
}
#menuHamb a:hover{
background-color: #684b3c;
-webkit-box-shadow:inset 0px 0px 0px 1px #FFF;
-moz-box-shadow:inset 0px 0px 0px 1px #FFF;
box-shadow:inset 0px 0px 0px 1px #FFF;
color: #F1964F;
}
#menuToggle input:checked ~ ul
{
transform: none;
}

/*Effet petites barres menu*/
#menuToggle span
{
display: block;
width: 33px;
height: 4px;
margin-bottom: 5px;
position: relative;
background: #ffd218;
border-radius: 3px;
z-index: 3;
transform-origin: 4px 0px;
transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
			opacity 0.55s ease;
}
#menuToggle span:first-child
{
transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
transform-origin: 0% 100%;
}
#menuToggle input:checked ~ span
{
opacity: 1;
transform: rotate(45deg) translate(-2px, -1px);
background: #ffd218;
}
#menuToggle input:checked ~ span:nth-last-child(3)
{
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2)
{
transform: rotate(-45deg) translate(0, -1px);
}
.menuToggleNouveauMessageprive{
position: absolute;
min-width: 2rem;
min-height: 2rem;
background: no-repeat 1%/1.2rem url("../images/new.png");
left: 40px;
top: -5px;
}
#nouveauMessagepriveMenuHamb{
background-color: #684b3c;
}
#nouveauMessagepriveIconeMenuHamb{
background: no-repeat 1%/1.2rem url("../images/new.png");
min-width: 2rem;
min-height: 2rem;
}
#menuHamb > a:nth-child(1){
display: flex;
justify-content: center;
}
																	/*FIN menu hamburger */
																	/*page Listes dispo*/
.texteSousTitre{
	color: #FFF;
	display: flex;
	justify-content: center;
	font-size: 1.5rem;
	align-items: center;
	text-align: center;
	margin: 0rem 0.5rem 0rem 0.5rem;
}
																	/*FIN Listes dispo*/
																	/*cookies*/
form#formulaireCookies{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 0rem;
}
@media screen and (max-width: 1080px){
form#formulaireCookies{
	flex-direction: column;
}}
.divCookies{
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
padding: 0.5rem;
text-align: center;
}
.divCookiesRefus{
border-width: 1px;
border-style: solid;
border-color: #e2b36d;
padding: 0.5rem;
margin-top: 0.2rem;
text-align: center;
}
form#formulaireCookies label.accept{
/*height: 130px;*/
border-width: 1px;
border-style: solid;
border-color: #33231b;
display: flex;
flex: 9;
flex-direction: column;
align-items: center;
}
@media screen and (max-width: 1080px){
form#formulaireCookies label{
width: 85%;
}}
#labelMarging{
	flex: 1;
}
form#formulaireCookies label input{
	background-color: #6e9f3a;
	padding: 0.1rem 1rem 0.1rem 1rem;
	line-height: normal;
	min-width: 100px;
}
form#formulaireCookies label input:hover{
	background-color: #A8D775;
}
.lienTipeeCookies{
	display: flex;
	justify-content: center;
	background-color: #6e9f3a;
	padding: 0.1rem 1rem 0.1rem 1rem;
	line-height: normal;
	min-width: 100px;
	color: #FFF;
}
.lienTipeeCookies:hover{
	background-color: #A8D775;
}
form#formulaireCookies label#refus{
display: flex;
flex: 3;
flex-direction: column;
align-items: center;
}
form#formulaireCookies label#refus input{
	background-color: #F21F39;
}

form#formulaireCookies label#refus input:hover{
	background-color: #F45266;
}
.pubvignettes{
	display: flex;
	justify-content: center;
	width: 100%;
}
.divAdsenseDroit{
	margin-bottom: 0.3rem;
	max-width: 290px;
}

.encadrePub{
padding: 0rem 0.3rem 0.6rem 0.3rem;
}
.encadrePubFichedescription{
padding: 0.5rem 0.3rem 0.5rem 0.3rem;
width: 100%;

}
@media screen and (min-width: 1000px){
.encadrePub{
	margin-top: 1.3rem;
}}
@media screen and (max-width: 650px){
.encadrePubFichedescription{
width: 20rem;
}}
.encadrePub2{
	margin-top: 0rem;
}
.adsbygoogle{
	text-align: center;
	z-index: -1;
}
form.boutonAcceptCookies{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #6e9f3a;
}
form.boutonAcceptCookies input{
	color: #FFF;
	background-color: #6e9f3a;
	padding: 0.1rem 1rem 0.1rem 1rem;
	line-height: normal;
	margin-bottom: 0.5rem;
}
form.boutonAcceptCookies input:hover{
	background-color: #A8D775;
}
.phraseSoutien{
	color: #FFF;
	text-align: center;
	padding: 0rem 0.2rem 0rem 0.2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.refusSoutienRouge{
	color: #F21F39;
}
.imgWarning{
	max-width: 20%;
}
@media screen and (max-width: 1000px){
.imgWarning{
max-width: 5%;
}}
.positionLienContactTipeurs{
	display: flex;
	justify-content: center;
	margin-bottom: 0.5rem;
}
.ImgContributeurs{
	max-width: 50%;
}
@media screen and (max-width: 1000px){
.ImgContributeurs{
max-width: 15%;
}}
.imgWarningBandeau{
	max-width: 3%;
}
.cadreConnexion.cadreCookies{
position: fixed;
bottom: 0;
width: 100%;
z-index: 9;
background-color: #684b3c;
}
																	/*FIN cookies*/
																	/*Map interractive*/
#positionMap{
	padding: 1rem 2rem 1rem 2rem;
	width: 100%;
	height: 580px;
	z-index: 2;
}
@media screen and (max-width: 600px){
	#positionMap{
	padding: 1rem 0.5rem 1rem 0.5rem;
	width: 100%;
	height: 580px;
	z-index: 2;
}
}
#mapid{
	display: flex;
	justify-content: center;
	padding: 1rem 1rem 1rem 1rem;
	height: 480px;
}
@media screen and (max-width: 600px){
	#mapid{
	padding: 1rem 0rem 1rem 0rem;
}
}
#positionMap div#mapid iframe{
	width: 100%;
}
.mapDDG{
	background-color: #f1964f;
}
.mapDDG span{
	color: #33231b;
}
.regroupDepartements{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.visuelDepartement{
	flex: 1;
	display: flex;
	justify-content: center;
	min-width: 70px;
	max-width: 70px;
}
.menuprofil.lienSurMapDDG{
display: flex;
border-color: #e2b36d;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
}
.validerDepartement{
background-color: #33231b;
color: #ffd218;
border-width: 1px;
border-color: #FFF;
border-style: solid;
margin-bottom: 1rem;
padding: 0rem 0.5rem 0rem 0.5rem;
transition: .25s ease-in-out;
}
.validerDepartement:hover{
background-color: #684b3c;
color: #f1964f;
}
.formNiveau{
	background-color: #684b3c;
	border-width: 1px;
border-color: #FFF;
border-style: solid;
}
.divChoixDepartement{
	margin-top: 1rem;
	display: flex;
	flex-direction: column;
}
.textePageCarte{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #FFF;
text-align: center;
padding: 0.3rem;
}


																	/*FIN Map interractive*/
																	/*FIN Sujet admin*/
.couleurSujetAdmin{
background-color: #6e9f3a;
display: flex;
align-items: center;
padding-left: 0.5rem;
width: 100%;
}
.couleurSujetAdmin:hover{
background-color: #A8D775;
color: #33231b;
transition: .25s ease-in-out;
}
.couleurSujetAdmin a{
color: #FFF;
}
.couleurSujetAdmin a:hover{
color: #33231b;
}
.TitreSujetAdmin{
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
}
																	/*FIN Fin Sujet admin*/
																	/*bannière amazon*/
.baniereAmazon{
	padding: 0.3rem;
	display: flex;
	justify-content: center;
}
html body div#container div.cadreGeneral div.cadreMilieu div.PositionCadresMilieu div.cadreMilieuCentre div.baniereAmazon a img{
	padding: 0rem 0.1rem 0rem 0.1rem;
}

																	/*FIN bannière amazon*/
																	/*FIN bannière ATTENTION*/
#carrd{
	text-align: center;
	background-color: red;
	color: #FFF;
}
																	/*FIN bannière ATTENTION*/
																	/*Codepostal*/
#notifications{
	position: sticky;
	top: 0px;
	z-index: 5;
	color: red;
}
.dateNotifications{
	font-size: 1.1rem;
	color: #000;
	display: inline-block;
	min-width: 65px;
}
#demandeCodePostal{
	background-color: #6e9f3a;
	padding: 0rem 1rem 0rem 1rem;
	color: #fff;
}
#VerifMaj{
	background-color: #0a7d9f;
	padding: 0rem 1rem 0rem 1rem;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.FormSansMarging{
	margin: 0;
}
.inputcodepostal{

background-color: #33231b;
color: #ffd218;
border-width: 1px;
border-color: #FFF;
border-style: solid;
margin-bottom: 0.5rem;
padding: 0rem 0.3rem 0rem 0.3rem;
}
.inputcodepostal:hover{
background-color: #684b3c;
color: #f1964f;
}

																	/*FIN Codepostal*/

																	/*message confirmation*/
.messageConfirmation{
margin-left: 0.5rem;
color: #6e9f3a;
width: 100%;
text-align: center;
margin-top: 1rem;
}
.bordureMessageTop{
	border-top: 1px solid #e2b36d;
	margin-top: 1rem;
}
																	/*FIN message confirmation*/

																	/*proposition fiche*/
.listeDeroulanteFormulaire{
	min-width: 80%;
	color: #33231b;
}

																	/*FIN proposition fiche*/