/*
Logo (+foncé que l'officiel) :

100% => #4c2479 rgba(76,36,121,1)
 50% => #9C86B5
 10% => #EDE9F1

Vert gris foncé (texte et bt)
100% => #51605F rgba(81,96,95,1)
Vert gris (fonds)
100% => #819492 rgba(129,148,146,1)
 50% => #C0C9C8

Sahara ground
#D5A071 => rgba(213,160,113,1)
#7a4c24 => rgba(122,76,36,1)

*/

/********************************************/



@font-face {
    font-family: 'courgetteregular';
    src: url('style/fontes/courgette-regular-webfont.eot');
    src: url('style/fontes/courgette-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('style/fontes/courgette-regular-webfont.woff2')	format('woff2'),
         url('style/fontes/courgette-regular-webfont.woff')		format('woff'),
         url('style/fontes/Courgette-Regular.ttf')				format('truetype'),
         url('courgette-regular-webfont.svg#courgetteregular')	format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'moolboranregular';
    src: url('style/fontes/moolboran-webfont.eot');
    src: url('style/fontes/moolboran-webfont.eot?#iefix')	format('embedded-opentype'),
         url('style/fontes/moolboran-webfont.woff2')		format('woff2'),
         url('style/fontes/moolboran-webfont.woff')			format('woff'),
         url('style/fontes/moolboran-webfont.ttf')			format('truetype'),
         url('style/fontes/moolboran-webfont.svg#moolboranregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Feuille de style Web'Ethys(R) par Gildas MONJOIN pour DSB -(c)2020-2021 */

/* CORPS et généralités */

body {
	margin: 0;
	padding: 0;
	font-family: "Lato Light", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	background: #fff;
}

a {
	text-decoration: none;
	cursor: pointer;
}
a:active, a:focus{
    outline: none;
}
a img {
	border: 0;
}
button, input[type=submit] {
	cursor: pointer;
}
embed, iframe, object {
	max-width: 100%;
}

.fin {
	clear: both;
}
.clearer , .fintoufin {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.wfull { /* max 1900px */
	display: block;
	width: auto;
	max-width: 1900px;
	margin-left: auto;
	margin-right: auto;
}

.w955 {
	width: 955px;
	margin: 0 auto;
	position: relative;
}
.w60ext {
	width: 60vw;
	margin: 0 auto;
	position: relative;
}
.w80ext {
	width: 80vw;
	margin: 0 auto;
	position: relative;
}
.w90ext {
	width: auto;
	margin: 0 auto;
	padding: 0 9vw;
	position: relative;
}
.w855 {
	margin: 0 auto;
	width: 855px;
}
.w755 {
	margin: 0 auto;
	width: 755px;
}
.w655 {
	margin: 0 auto;
	width: 655px;
}
@media screen and (max-width: 1024px) {
	.w60ext, .w80ext,.w955,  .w855, .w755, .w655 {
		width: auto;
	}
}

.hautVide {
	padding-top: 10vh;
}
.basVide {
	padding-bottom: 10vh;
}
@media screen and (max-width: 655px) and (orientation: portrait) {
	.hautVide {
		padding-top: 5vh;
	}
	.basVide {
		padding-bottom: 5vh;
	}
}


/****************************/
/*			Alignements		*/
/****************************/

/* alignements image/inline */
.alignD {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.alignG {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 980px) {
	.alignG {
		float: none;
		margin: 0px auto 40px;
	}
	.alignD {
		display: block;
		float: none;
		margin: 0px auto 40px;
	}
}

/* alignements textes/blocs */
.txtAlignD {
	text-align: right;
}
.txtAlignG {
	text-align: left;
}
.txtAlignC {
	text-align: center;
}
.txtAlignJ {
	text-align: justify;
}



/*		_--oO(				)Oo--_		*/
/*    	    				 	        */
/*    	ENRICHISSEMENTS GENERIQUES 	   	*/
/*    	    				 	        */
/*		\--oO__	   			__Oo--/		*/


/*    	    				 	        */
/*			 -o  TITRES  o-   			*/
/*    	    				 	        */

.titre_1 {
	
}
.titre_2 {
	font-family: moolboranregular, sans-serif;
	font-size: 57px;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #4c2479;
}
.titre_2_sous {
	margin: 0 0 1vh;
	padding: 0 0 0.1em;
	font-family: courgette, sans-serif;
	font-size: 26px;
	line-height: 1.2em;
	color: #515F5F;
}

.titre_5 {
	font-family: "Lato Light", Arial, Helvetica, sans-serif;
	margin: 2vh 0px 0px;
	padding: 0px 0px 0px;
	line-height: 1.2em;
	font-size: 1.4em;
	font-style: normal;
	text-transform: uppercase;
	color: #000;
	text-align: left;
}

.titre_6 {
	margin: 40px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 1.0em;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	color: #4c4c4c;
}


/*    	    				 	        */
/*		-o     PARAGRAPHES    o-		*/
/*    	    				 	        */

.txt_1 {
	line-height: 1.4em;
}

/* autres paragraphes */

.alert_bad, .alerte_bad,
.alert_good, .alerte_good {
	margin: 0px 0px 4px;
	padding: 4px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.alert_bad, .alerte_bad {
	color: #E7670B;
	border: 1px solid #E7670B;
}
.alert_good, .alerte_good {
	color: #003264;
	border: 1px solid #003264;
}


/*    	    				 	        */
/*		-o   LIENS & BOUTONS   o-		*/
/*    	    				 	        */


.bt_gris { /* gris=desat */
	opacity: 0.5;
	filter: saturate(0%);
	transition: 0.6s;
}
.bt_gris:hover { 
	opacity: 1;
	filter: saturate(100%);
	transition: 0.6s;
}

.bt_1 {
	display: inline-block;
	color: #fff;
	font-family: moolboranregular, sans-serif;
	font-size: 1.4em;
	font-size: calc(12px + 1.4vh);
	margin: 1em 0px 0px;
	padding: 0.3em 1.0em 0.1em;
	text-align: center;
	letter-spacing: 1px;
	/* background: rgba(76,36,121,0.5); */
	background: rgba(76,36,121,1);
	opacity: 0.5;
	color: #fff;
	transition: 0.4s;
	border-radius: 1.4ex;
	border: 1px solid rgba(76,36,121,1);
}

.bt_2 {
	display: inline-block;
	color: #fff;
	font-family: moolboranregular, sans-serif;
	font-size: 1.4em;
	font-size: calc(12px + 1.4vh);
	margin: 1em 0px 0px;
	padding: 0.3em 1.0em 0.1em;
	text-align: center;
	letter-spacing: 1px;
	color: #fff;
	transition: 0.4s;
	border-radius: 1.4ex;
	border: 1px solid transparent;
}

/* couleurs */
.bt_coul_2 { /* non utilisé */
	background-color: rgba(81,96,95,1);
}
.bt_coul_3 {
	background: rgba(213,160,113,1);
}
.bt_coul_4 {
	background: #247a4c;
}

/* hover + couleurs (pour bt_2) */
.bt_1:hover {
	/* background: rgba(76,36,121,1); */
	opacity: 1;
	color: #fff;
	transition: 0.2s;
	box-shadow: 0px 0px 20px 0px rgba(129,148,146,0.5);
}
.bt_2:hover {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
}
.bt_2.bt_coul_4 {
	border: 1px solid #247a4c;
}
.bt_2.bt_coul_4:hover {
	color: #247a4c;
}


.bt_4 {
	font-size: 0.7em;
	color: #000;
	padding: 3px 18px;
	background: transparent;
	background: rgba(100,100,100,0.1);
	/* border: 1px solid #dcddde; */
	transition: 0.5s;
}
.bt_4:hover {
	background: #51605F;
	color: #fff;
	border-color: #51605F;
	transition: 0.2s;
}


/*	lignes de separation	*/

.ligne_1 {
	margin: 20px 0px;
	padding: 0px;
	line-height: 1px;
	background: transparent;
	border: 0px;
	border-top: 1px solid #e3e3e3;
}




/*			*** *** *** *** ***			*/
/*										*/
/*			PAGES SPECIFIQUES			*/
/*										*/
/*	(BEM - Block, Element, Modifier)	*/
/*										*/
/*			*** *** *** *** ***			*/



/*						*/
/*		nav reseau		*/
/*						*/


/* fp partage reseaux */

#fp_partager {
	position: relative;
	display: inline-block;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin: 0px 0px;
	padding: 0px;
	/*border: 1px solid #f00;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
}
.fp_reso_g {
	float: left;
}
.fp_reso_d {
	float: right;
}
a#fp_bt_partager {
	display: inline-block;
	color: #bbb;
	margin: 0px;
	padding: 0px 10px;
	font-size: 1em;
	line-height: 2em;
	/* et puis finalement... */
	display: none;
}
a#fp_bt_partager:hover {
	color: #999;
}
#fp_partager #nav_fp_reseaux {
	display: inline-block; /* none */
	position: absolute;
	top : 0px;
	right: 0px;
	list-style: none;
	width: 215px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: 0.4s;
	opacity: 0;
	/* et puis finalement... */
	opacity: 1;
}
#fp_partager:hover {
	opacity: 1;
	transition: 0.5s;
}
#fp_partager:hover #nav_fp_reseaux {
	display: inline-block;
	opacity: 1;
}
#fp_partager #nav_fp_reseaux li {
	display: inline-block;
	float: left;
	margin: 0px 10px 0px 0px;
}
#fp_partager #nav_fp_reseaux li a img{
	opacity: 0.1;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	transition: 0.2s;
	width: 25px;
	height: 25px;
}
#fp_partager #nav_fp_reseaux li a:hover img{
	opacity: 1;
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}


@media screen and (max-width: 955px) {
	#fp_partager {
		display: block;
		width: auto;
		height: auto;
		line-height: normal;
		margin: 0.2em 0px 0.3em;
		padding: 0.2em 0em 0.3em 0em;
		text-align: center;
	}
	.fp_reso_g {
		float: none;
	}
	.fp_reso_d {
		float: none;
	}
	a#fp_bt_partager {
		display: inline-block;
		color: #fff;
		margin: 0px;
		padding: 0px 10px;
		font-size: 1em;
		line-height: 2em;
	}
	#fp_partager #nav_fp_reseaux {
		display: block;
		position: relative;
		top : initial;
		right: initial;
		width: auto;
		height: auto;
	}
	#fp_partager:hover #nav_fp_reseaux {
		display: block;
	}
	#fp_partager #nav_fp_reseaux li {
		float: none;
		margin: 0px 4vw;
	}
	#fp_partager #nav_fp_reseaux li a img{
		opacity: 0.5;
		filter: saturate(0%);
	}
}



/*    	    *** *** *** *** 	        */
/*    	    				 	        */
/*    		 PAGES SOCIETE 	   			*/
/*    	    				 	        */
/*    	    *** *** *** *** 	        */

/*    	    				 	        */
/*    	  -o PAGE ACCUEIL o-   			*/
/*    	    				 	        */

/*    	- Cartouche Le Toqué - 			*/

#acc_cart_toq {
	background: #DAE0DF url(style/acc_cart_toq-fond.png) center center no-repeat;
	background-size: cover;
	text-align: center;
	margin: 2vh 0;
	padding: 6vh 1vw 6vh;
}
#acc_cart_toq-logo {
	width: 16vw;
	min-width: 235px;
	height: auto;
}
#acc_cart_toq-txt {
	font-family: 'courgetteregular', Arial, Helvetica, sans-serif;
	font-size: 27px;
	font-size: calc(14px + 1.5vh);
	color: #515F5F;
}
#acc_cart_toq-bt {
	text-transform: uppercase;
}
#acc_cart_toq-bt:hover {
}


/*    	- Lieux à découvrir -		*/

#acc_prez_list {
	margin: 76px auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 76px;
}
.acc_prez_a {
	
}
.acc_prez {
	width: 350px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	align-items: stretch;
	border: 1px solid rgba(129,148,146,0.5);
	text-align: center;
	gap: 6px;
	transition: 0.4s;
	height: 100%;
	justify-content: space-between;
}
.acc_prez * {
	transition: 0.4s;
}
@media screen and (min-width: 450px) {
	.acc_prez {
		max-width: 80vw;
	}
}
.acc_prez_type {
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 16px 1em 0px;
	font-family: moolboranregular, sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 1.4em;
	line-height: 44px;
	color: rgba(129,148,146,1);
	flex: 0 0 60px;
}
.acc_prez_type::after {
	content: " ";
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 36px;
	height: 36px;
	background-image: linear-gradient(to left bottom, 
		rgba(76,36,121,1) 0%,
		rgba(76,36,121,1) 50%,
		#fff 50%,
		#fff 100%
		);
	opacity: 0.5;
	transition: 0.4s;
}

.acc_prez_illus {
	text-align: center;
	max-width: 100%;
	max-height: 195px;
	overflow: hidden;
	flex: 0 0 auto;
}
.acc_prez_img {
	min-width: 100%;
	min-height: 100%;
	height: 195px;
	width: auto;
}
.acc_prez_nom {
	margin: 0;
	padding: 18px 1em 8px;
	font-family: moolboranregular, sans-serif;
	font-size: 38px;
	letter-spacing: 1px;
	line-height: 1.2em;
	line-height: 0.8em;
	color: rgba(81,96,95,1);
}
.acc_prez_adresse {
	margin: 0;
	padding: 0px 1em;
	font-family: latoregular, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
}
.acc_prez_tel {
	margin: 0;
	padding: 6px 1em 4px;
	font-family: latoregular, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
}
.acc_prez_bt {
	margin: 6px auto 22px;
	width: 160px;
	box-sizing: border-box;
	padding: 6px 1em 0px;
	background-color: rgba(129,148,146,1);
	font-family: moolboranregular, sans-serif;
	font-size: 26px;
	line-height: 1.2em;
	color: #fff;
	/* transition: 0.4s; */
}
.acc_prez_a:hover .acc_prez {
	border: 1px solid rgba(129,148,146,0.2);
	box-shadow: 0px 0px 20px 0px rgba(129,148,146,0.5);
}
.acc_prez_a:hover .acc_prez_type::after{
	opacity: 1;
}
.acc_prez_a:hover .acc_prez_bt {
	background-color: rgba(76,36,121,1);
}

#acc_page_serv {
	background-color: rgba(76,36,121,0.1);
	padding: 4vh 2vw;
	text-align: center;
}
#acc_page_serv p.titre_2 {
	margin: 0;
	padding: 0;
}
.acc_nav_serv {
	margin: 3.5vh 0 2.5vh;
	padding: 1vh 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	gap: 1vh 6vw;
}
.acc_nav_serv a{
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;	
	align-items: center;	
	font-family: "Lato Semibold", lato_semibold, latosemibold, sans-serif;
	color: #51605F;
	font-size: 17px;
}
#acc_page_serv_bt {
	padding: 0.3em 2.0em 0.1em;
	letter-spacing: 0;
}



/*    	- Pages d'infos -		*/


#titre_page_image, #html_page_titre { /* fond image du grand titre de la page Html, ex-"#image" */
	margin: 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background: center center;
	background-size: cover;
}
.titre_page {
	margin: 0;
	padding: 7vh 0px 14vh;
	padding: 10vh 0px;
	letter-spacing: 6px;
	line-height: 3.2vw;
	font-size: 5.4vw;
    font-family: 'moolboranregular';
	font-size: 4.4vw;
	/* font-weight: bold; */
	text-transform: uppercase;
	/* font-style : italic; */
	color: #fff;
	/* color: #51605F; */
	border: none;
	background-color: rgba(76,36,121,0.6);
	background-color: rgba(81,96,95,0.6);
	background: linear-gradient(rgba(81,96,95,0.9) 0%, rgba(81,96,95, 0.2) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(rgba(76,36,121,0.9) 0%, rgba(76,36,121, 0.2) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(rgba(38,18,60,1) 0%, rgba(38,18,60, 0.5) 50%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 1) 100%);
}



/*    	- Pages mentions -		*/

.cgv {
	font-size: 11pt;
}


/*    	- Formulaires -		*/


#col_message {
	margin: 0px 0px 4vh 0px;
	padding: 0px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
	#col_adresse {
		box-sizing: border-box;
		/* width: 80vw; */
		margin: 4vh 2vw 2vh;
	}
	#col_message {
		box-sizing: border-box;
		/* width: 90vw; */
		margin: 1vh 2vw;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	#col_adresse {
		/* width: 40vw; */
		margin: 4vh 2vw;
	}
	#col_message {
		/* width: 40vw; */
		margin: 4vh 2vw;
	}
}
@media screen and (min-width: 1024px) {
	#col_message {
		/* width: 500px; */
	}
}

.form_contact {
	margin: 0px 0px 4vh 0px;
}
	
.form_message {
	/* font-family: 'ralewaylight', sans-serif; */
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap: 1vh 1vw;
}
.form_message fieldset.jeux_1 {
	border: 1px dashed #C0C9C8;
	border: none;
	/* margin: 10px 0px 20px; */
	padding: 2px 10px 10px;
	background: rgba(129,148,146,0.1);
	flex: 1 0;
}
.form_message fieldset.jeux_1 legend{
	background: #4c2479;
	background: rgba(76,36,121,0.7);
	color: #4c2479;
	color: #51605F;
	color: #fff;
	margin: 0 1em 1em 0;
	padding: 0.1em 1em 0 ;
	display: inline-block;
    font-family: 'moolboranregular';
	font-size :24px;
}
.form_message p.paralab {
	border: none;
	border-bottom: 1px solid #ccc;
	background: #f0f0f3;
	margin: 0px 0px 8px;
	padding: 1vh 1vw;
	/* font-family: 'ralewaymedium', sans-serif; */
	font-size: 0.9em;
	color: #fff;
	color: #60696E;
}
.form_message label {
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	background: #f0f0f3;
	margin: 0px 0px 8px;
	padding: 1vh 1vw;
	/* font-family: 'ralewaymedium', sans-serif; */
	font-size: 0.9em;
	color: #fff;
	color: #60696E;
	/* border-radius: 10px; */
}
.form_message label:focus-within {
	background: #33365D;
	color: #D3D6Fd;
	background-color: rgba(76,36,121,0.5);
	color: #fff;
	/* font-weight: bold; */
}
.form_message .entree {
	background: transparent;
	line-height: 1.2em;
	padding: 0;
	border: 0;
	font-size: 1em;
	width: 270px;
	color: #456;
}
.form_message input.entree:focus {
	border: 0;
	outline: 0;
	color: #fff;
}
.form_message input.entree:active {
	border: 0;
}
.form_message .lib_spam {
	font-family: "Courier New", Courier, monospace;
}
.form_message .codespam {
	line-height: 1em;
	height: 1.4em;
	background: #eee;
	border: 1px solid #ddd;
	font-size: 0.9em;
	padding: 0px 4px;
	width: 1.9em;
	color: #333;
	text-align: right;
}
.form_message .area {
	height: 40px;
	width: 100%;
	font-size: 1.2em;
	/* font-family: 'ralewaylight', sans-serif; */
}
.form_message .area:focus {
	border: 0;
	outline: 0;
	color: #fff;
}
.form_message label.labWilde {
	background: transparent;
	border: none;
}
.form_message label.labSmart {
	display: inline-block;
	/* background: transparent; */
	/* border: none; */
	padding: 1px 1em 1px 2px;
	border-radius: 1em;
}
.form_message label.labinline {
	display: inline;
	background: transparent;
	border: none;
	padding: 1px 4px 1px 4px;
}
.form_message label.labinline:focus-within {
	color: #23264D;
	font-weight: bold;
}
.form_message label.labinline input{
	width: auto;
	border: none;
}
.form_message .entree.profil_login {
	background: #f3f3f3;
}
.form_message #Envoyer {
	/*display: block;
	width: 100%;
	background: #ddd;
	border: 1px solid #ccc;
	border: none;
	background: none;
	color: #888;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 6px 0px;
	line-height: 2em;
	height: 2.2em;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	*/
}
.form_message #Envoyer:hover {
	/*background: #ccc;
	border: 1px solid #bbb;
	color: #fff;*/
}
.form_message .envoiSmart {
	display: block;
	width: 100%;
	line-height: 2.8em;
	height: 2.8em;
	background: #63668d;
	border: none;
	color: #D3D6Fd;
	/* font-family: 'ralewayregular', sans-serif; */
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	transition: 0.5s;
}
.form_message .envoiSmart:hover {
	background: #03062D;
	border: none;
	color: #fff;
}

@media screen and (max-width: 1024px) {
	.form_message {
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
	}
	.form_message fieldset.jeux_1 {
		flex: 1 1 auto;
	}
}

/* Page de PREZ Adhérents */
.livr_map{ /* ifram map */
	width: 100%;
	height: 600px;
	box-sizing: border-box;
}