@font-face {
    font-family: 'robotoregular';
	font-display: swap;
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{
	margin:0;
	padding:0;
}
img{
	border:0;
}
table{
	border-collapse:collapse;
}
html{
	font-family:robotoregular, sans-serif;
	background-color:#ffffff;
	font-size:16px;
	line-height:1.6;
	color:#660099;
}
input,textarea{
	border:1px solid #7F9DB9;
}
h1{
	font-size:20px;
	text-align:center;
	padding:0 0 30px 0;
	width:100%;
}
h2{
	font-size:18px;
	padding:0 0 10px 0;
}
h3{
	font-size:16px;
	padding:0 0 10px 0;
}
li{
	list-style-type:none;
}
th,td{
	padding:3px 5px;
}
.droite{
	text-align:right;
}
.gauche{
	text-align:left;
}
.centre{
	text-align:center;
}
.gras{
	font-weight:bold;
}
a{
	color:#47006B;
}
a:hover{
	color:#0000FF;
}
.absolute{
	position:absolute;
}
.relative{
	position:relative;
}
.displayNone{
	display:none;
}
.centPourCent{
	width:100%;
}
.flex,.displayFlex{
	display:flex;
}
.wrap,.flexWrap{
	flex-wrap:wrap;
}
.spaceAround{
	justify-content:space-around;
}
.spaceBetween,.justifyContentBetween{
	justify-content:space-between;
}
.alignMiddle,.alignItems{
	align-items:center;
}
.blanc{
	color:#FFF;
}
.curseur{
	cursor:pointer;
}
.messageVide{
	display:none;
}
.messageOk{
	max-width:500px;
	margin:0 auto 20px;
	border:2px solid #0D7A14;
	color:#0D7A14;
	background-color:#6EB773;
	border-radius:10px;
	padding:10px;
}
.messageErreur{
	max-width:500px;
	margin:0 auto 20px;
	border:2px solid #AA1E1E;
	color:#AA1E1E;
	background-color:#D86868;
	border-radius:10px;
	padding:10px;
}

/* ******* */
/* bandeau */
/* ******* */
.bandeau{
	width:1200px;
	margin:0 auto;
	align-items:center;
}
.logo{
	width:calc( 100% - 255px);
}

@media only screen and (max-width:500px){
	.logo, .logo img{
		width:100%;
	}
}
.zoneMenu {
    background:linear-gradient(to bottom, #935fad 0%,#47006b 100%);
	height:30px;
}
.menu{
	align-items:center;
}
.blocMenu{

}
.menu a {
    text-decoration:none;
	font-weight:bold;
	color:#FFF;
}
.menu a.menusel {
    color:#FFFF00;
}
.burger{
	width:50px;
	cursor:pointer;
	padding:2px 0 0 0;
}
@media only screen and (max-width:1200px) {
	body,.zoneMenu,.contenuNonFlex,.zoneBandeau,.zoneAriane{
		width:100%;
		margin:0 auto;
	}
}
@media only screen and (max-width:1000px) {
	.burger{
		display:block;
	}
	.menu{
		display:none;
		width:100%;
		position:absolute;
		z-index:1;
		background-color:#47006b;
		flex-direction:column;
	}
	.menu a{
		display:inline-block;
		padding:0 0 0 20px;
	}
	.zoneContenu,.bandeau,.ariane{
		width:96%;
		margin:0 auto;
	}
}
.contenu{
	width:1200px;
	margin:0 auto;
	justify-content:space-between;
	padding:20px 0;
}
.contenuNonFlex{
	width:1200px;
	margin:0 auto;
}
.contenuNonFlex2{
	width:800px;
	margin:0 auto;
}
.bloc50{
	width:45%;
}
.bloc{
	padding:0 0 40px 0;
}
.datenews{
	font-style:italic;
	font-size:12px;
}
.blocNews{
	padding:0 0 30px 0;
}
.tags div{
	color:#000;
}
.tags span{
	padding:0 10px;
	display:inline-block;
}
.tags span.taille1{
	font-size:14px;
}
.tags span.taille2{
	font-size:16px;
}

.ligneFormulaire{
	padding:10px 0;
}

.pdp{
	color:#FFF;
	align-items:center;
	justify-content:space-around;
}
.pdp a{
	color:#FFF;
	text-decoration:none;
}
.pdp img{
	display:block;
}


@media only screen and (max-width:1200px) {
	.contenu,.bandeau,.contenuNonFlex,.contenuNonFlex2{
		width:95%;
		margin:0 auto;
	}
}
@media only screen and (max-width:1000px) {
	.bloc50{
		width:100%;
	}
}
@media only screen and (max-width:400px) {
	.image400{
		width:100%;
	}
}
.titredates {
	padding:0 0 0 20px;
}
.choixannee{
	padding:0 0 20px;
}
.moisagenda{
	font-size:10px;
	margin:0 0 10px 0;
	height:140px;
	width:180px;
	border-radius:8px;
	border:1px solid #660099;
	color:#000000;
}
.titremoisagenda{
	background-color:#660099;
	border-radius:8px 8px 0 0;
	height:18px;
	font-weight:bold;
}
.classbordure{
	border:1px solid #660099;

}
.classfonddate{
	background-color:#FDFD24;
	color:#660099;
}
.classfonddate2{
	background-color:#66FFFF;
	color:#660099;
}
.tableauagenda td{
	width:21px;
	padding:0;
}
.legende1{
	background-color:#FDFD24;
	padding:2px;
	margin:0 0 10px 0;
	width:170px;
	font-size:10px;
}
.legende2{
	background-color:#66FFFF;
	padding:2px;
	margin:0 0 10px 0;
	width:170px;
	font-size:10px;
}
.separation {
    margin: 20px 0 20px 0;
}
.journal{
	padding:0 10px 0 0;
}
.blocUnTiers{
	width:33%;
}
.blocDeuxTiers{
	width:calc( 66% - 50px );
}
.zoneSujet1{
	width:90%;
	padding:15px 15px 15px 25px;
	border:1px solid #660099;
	margin-bottom:20px;
}
.zoneSujet1.sujetSelectionne{
	border-left:10px solid #660099;
	padding-left:15px;
}
.sujet2{
	padding:15px;
	border:1px solid #660099;
	margin-bottom:20px;
}
.flecheSujet2{
	width:32px;
	height:16px;
}
.flecheVers{
	width:0;
	height:0;
	border:16px solid transparent;
}
.flecheVersBas{
	border-top:16px solid #660099;
}
.flecheVersHaut{
	border-bottom:16px solid #660099;
	top:-16px;
}
.texteSujet2{
	padding:20px 0 0 0;
}
.tableauAdhesion{
	border:1px solid #609;
	width:250px;
}
.tableauCotisation{
	border:1px solid #609;
	width:350px;
}
.tableauAdhesion th, .tableauAdhesion td, .tableauCotisation th, .tableauCotisation td{
	border:1px solid #609;
}
.blocTiers{
	width:30%;
	padding:0 0 30px 0;
}
@media only screen and (max-width:900px){
	.zoneSujet1{
		padding:5px 5px 5px 15px;
		margin-bottom:10px;
		width:300px;
	}
	.zoneSujet1.sujetSelectionne{
		padding-left:5px;
	}
	.blocUnTiers{
		width:100%;
	}
	.blocDeuxTiers{
		width:100%;
		padding-top:20px;
	}
}
@media only screen and (max-width:800px){
	.blocTiers{
		width:100%;
	}
	.blocTiers img{
		max-width:320px;
	}
}
.jeuPhoto {
    width:250px;
    padding:0 0 40px 0;
}
@media only screen and (max-width:650px){
	.champ{
		width:100%;
	}
	.champ input,.champ textarea{
		width:95%;
	}
}
@media only screen and (max-width:600px){
	.calendrier,.agendabloc1,.agendabloc2,.blocLaNews,.lanews{
		width:100%;
	}
	.newsbloc2 img{
		width:100%;
	}
}
@media only screen and (max-width:550px){
	.listeJeuxPhoto{
		flex-direction:column;
	}
	.jeuPhoto{
		margin:0 auto;
	}
}
@media only screen and (max-width:400px){
	.calendrier{
		flex-direction:column;
	}
	.moisagenda,.legende1,.legende2{
		margin:0 auto 10px;
	}
}
.citation{
	font-style:italic;
	font-size:12px;
}