html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,ul,  li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
	clear:both !important;
}
.bold{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
body.defi{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#c5b699;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
body.defi div.wrapper{
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#c5b699;

	position:relative;
	margin-top:40px;
}

.header-wrapper {
	margin: 0 50px;
}

body.defi div.wrapper div.header{
	position:relative;
	height:202px;
	margin-left: 3%;
}

body.defi div.wrapper h1{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-style:italic;
	color:#ffffff;
	font-size:41px;
	text-transform:uppercase;
	padding:30px 20px 25px;
	width:100%;
	margin-left: 3%;
	margin-top: 9.6%;
	line-height:50px;
}
article.texte{
	width:100%;
	position:relative;
	margin:10px auto;
}

.message{
	color:#e3acd7;
}

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

article.texte img{
	width:500px;
}

article{
	box-sizing: border-box;
	padding:35px 50px;

	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	line-height:24px;
	display:block;
}
article:nth-child(2n+1){
	background:rgba(0,0,0,0.9);
	color:#c5b699;

}
article:nth-child(2n){

	background:rgba(255,255,255,0.7);
	color:rgba(0,0,0,0.9);

}
article h2,article:first-child strong{
	text-align: center;
	font-size:26px;
	margin-bottom:26px;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#fff;
	line-height:30px;
}

article:first-child strong{
	font-size:30px;
}
article:nth-child(2n) h2,article:nth-child(2n) a{
color:rgba(0,0,0,0.9);
	}
article a{
	color:#fff;

}

article p,article ul,article form{
	max-width:1200px;
	margin:0 auto;
	margin-top:10px;
	text-align: left;
}

article h2.member, .member {
	border-radius: 0;
	background-color: #AA0000;
	color: white;
	padding:10px 18px;
	font-size:1.2rem;
	margin-left:15px;
	margin-top: 30px;
}

article h2.member > a, article p a.member {
	color: white;
}

.center{
	text-align:center;
}
article.title{
	background: none;
	color:#000;
}
div.btn{
	width:100%;
	max-width:666px;
	position:relative;
	margin:0 auto;
}

.footer{
	width:100%;
	max-width:400px;
	position:relative;
	margin:20px auto;
	padding: 20px 50px;
}
p.p01{
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
}
p.p02{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	text-align:center;
}
.footer p a {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align:center;
	color:#c5b699;
	font-weight:400;
	-webkit-transition: color 1s;
	transition: color 1s;
	-moz-transition: color 1s;
	-o-transition: color 1s;
}
.footer p a:hover {
	color:#ffffff;
	text-decoration:underline !important;
}

button {
	border-radius: 0;
	background-color: #7c2073;
	color:#fff;
	padding:5px 10px;
	font-size:1rem;
	border:1px solid #fff;
	margin-left:15px;
	margin-top:15px;
	cursor:pointer;
}

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



/*****menu*****/
nav ul{
	display:flex;
	justify-content: center;
	width:100%;
	background-color:#7c2073;
	margin-bottom:30px;
		list-style: none;
}
nav.navmobile>p{
	box-sizing: border-box;
	display:inline-block;
	padding:15px;
	cursor:pointer;
	background-color:#7c2073;;

}
nav.navmobile>ul{
	display:none;
	flex-direction: column;
}

.fa-bars{
	color:#fff;
	font-size:20px;
}
nav.navdesktop{
		display: block;
	}
nav.navmobile{
		display: none;
		align-items: flex-start;
	}

a.bouton{
	color:#ffffff;
	padding:17px 20px;
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; */
	text-decoration:none;
	border:2px solid transparent;

	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	display:block;
	text-align:center;
	-webkit-transition: background 0.2s ease-in;
	transition: background 0.2s ease-in;
	-moz-transition: background 0.2s ease-in;
	-o-transition: background 0.2s ease-in;
}
a.bouton:hover,a.bouton.active{
	border:2px solid transparent;
	background:#ffffff;
	color:#7c2073;
}

.lienMembre{
	font-size:20px;
}

.lienMembre span{
	font-size:12px;
}

/******form*****/

label{
	display: inline-block;
	width:150px;
}

@media screen and (min-width: 640px) and (max-width: 999px) {
	body.defi div.wrapper{
		margin-top:20px;
	}

	.header-wrapper {
		margin: 30px;
	}

	body.defi div.wrapper div.header, body.defi div.wrapper div.header img.redimimg{
		width:95%;
		height: auto;
		max-width:355px;
	}
	body.defi div.wrapper h1{
		font-size:32px;
		line-height:38px;
		width:100%;
		max-width:640px;
	}
	body.defi div.wrapper article.texte p,
	body.defi div.wrapper article.texte ul{
		padding:20px 30px;
		font-size:18px;
		line-height:20px;
		}
	body.defi div.wrapper article.btn{
		width:90%;
		max-width:640px;
	}
	body.defi div.wrapper article.btn a.bouton{
		color:#ffffff;
		padding:15px 30px;
		margin:35px 0 25px;
		font-size:20px;
	}
	body.defi div.wrapper article.footer p.p01{
		font-size:15px;
		margin-bottom:20px;
	}
	body.defi div.wrapper article.footer p.p02{
		font-size:15px;
	}
	body.defi div.wrapper article.footer p a {
		font-size:15px;
		margin-bottom:35px;
	}
}
@media screen and (max-width: 639px) {
	body.defi div.wrapper{
		margin-top:15px;
	}

	.header-wrapper {
		margin: 0px;
	}

	body.defi div.wrapper div.header, body.defi div.wrapper div.header img.redimimg{
		width:95%;
		height: auto;
		max-width:355px;
	}
	body.defi div.wrapper h1{
		font-size:28px;
		line-height:34px;
		width:80%;
		max-width:none;
		padding:30px 40px 25px;
	}
	body.defi div.wrapper article.texte p,
	body.defi div.wrapper article.texte ul{
		padding:20px 10px;
		font-size:16px;
		line-height:20px;
	}
	body.defi div.wrapper article.texte ul{
		padding:20px 10px 20px 15px;
	}
	body.defi div.wrapper article.btn{
		width:90%;
		max-width:639px;
	}
	body.defi div.wrapper article.btn a.bouton{
		color:#ffffff;
		padding:10px 20px;
		margin:25px 0 15px;
		font-size:18px;
	}
	body.defi div.wrapper article.footer p.p01{
		font-size:14px;
		margin-bottom:15px;
	}
	body.defi div.wrapper article.footer p.p02{
		font-size:14px;
	}
	body.defi div.wrapper article.footer p a {
		font-size:14px;
		margin-bottom:20px;
	}

	article.texte img{
		width:100%;
	}
	article{
		padding: 35px 10px;
	}
	nav.navdesktop{
		display: none;
	}
	nav.navmobile{
		display: flex;
	}

}

/***programme***/
h3{
	color:rgba(255,255,255,0.7);
	font-size:1.2rem;
	font-weight:bold;
	text-align: center;
	margin:30px 0;
}

.programmeSection{
	margin-top:10px;
	display: flex;
	background:rgba(255,255,255,0.9);
	flex-wrap: wrap;
}

.programmeSection article{
	margin:20px;
	background:none;
	border-left: 2px solid rgba(0,0,0,0.7);
	width:30%;
	position: relative;
}
.programmeSection article h4{
	text-transform: uppercase;
	color:#7c2073;
	text-align: center;

}

.programmeSection article h3{
	text-transform: uppercase;
	color:rgba(0,0,0,0.9);
	text-align: center;

}

.programmeSection article h3 strong{
	text-transform: uppercase;
	color:rgba(0,0,0,0.8);
	text-align: center;
	font-size: 30px;
	margin-bottom: 0;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
display: block;
line-height: 30px;
}

.programmeSection article p{
	color:rgba(0,0,0,0.6);
	text-align: left;
		font-size: 0.9em;
}


.type{
	background-color:rgba(0,0,0,0.7);
	padding:4px 18px;
	text-transform: uppercase;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	font-size:0.8em;
}

.flex{
	display:flex;
	justify-content: space-around;
}

@media screen and (max-width: 1200px) {
	.programmeSection article{
		margin:15px;
		width:46%;
	}

	iframe{
		max-width:100%;
		height:auto;
	}
}


@media screen and (max-width: 768px) {
	.header-wrapper {
		margin: 0px;
	}

	.programmeSection article{
		margin:15px;
		width:100%;
	}
}

.bold {
	font-weight: bold;
	font-size: 1.2em;
	color: black;
}