body {margin: 0; background-color: #ffed00; background-image: url("img/illustration-EDT2025.png"); background-repeat: no-repeat; background-position: bottom left; background-size: 42%; background-attachment: fixed;}

h1 {font-family: 'Khand', sans-serif;font-weight: 700; font-size: 3vw; text-transform: uppercase; text-decoration: solid underline #ffed00 0.5vw;text-underline-offset: 0.5vw; letter-spacing: 1px; margin-top: 0.5vw;}

h2 {font-family: 'Khand', sans-serif;font-weight: 700; font-size: 2vw; letter-spacing: 1px;}
.blocActu h2 {margin-bottom: -0.2vw;}

h3 {font-family: 'Khand', sans-serif;font-weight: 700; font-size: 1.5vw; letter-spacing: 1px; margin-bottom: 00px;}

p, input.saisieForm {font-family: 'Luciole', sans-serif; font-size: 1.02vw; color: #303030;}
.LieuEtDateActu {line-height: 1.02vw; margin-top: 0px; color: #606060;}

p a.bouton {margin-top: 20px; margin-bottom: 20px;}
a.bouton {color: #FFFFFF; text-decoration: none; background-color: #000000; border-radius: 5px; padding: 13px 10px 10px 10px;}
.important {color: #000; text-decoration: none; background-color: #ffed00; border-radius: 2px; padding: 5px 6px 2px 6px;}
.boutonImage {border: none; width: 70%;}
strong {font-family: 'Luciole-Bold';}

ul {font-family: 'Luciole', sans-serif; font-size: 1.02vw; color: #303030; padding-left: 1vw;}
ul li {margin-bottom: 0.5vw;}
ul li::marker {color:#ffed00;}
.contentArchive {clear: left; height: auto; position: relative; float: left; margin-top:1vw; margin-bottom: 1vw;}
.MiniaturePhoto {width: 5vw; position: relative; float: left; margin-right: 1vw;}
.MiniaturePhoto img {width: 5vw; height: auto;}
.textMiniaturePhoto {width: 40vw; position: relative; float: left;}
.textMiniaturePhoto p {margin: 0px; padding-top: 4px; }
.surligne {background-color: #ffed00; padding: 0.2vw 0.2vw 0.1vw 0.2vw !important; margin-left: -0.2vw;}
.asurligne {text-decoration: none; background-color: #ffed00; padding: 0.3vw 0.3vw 0.2vw 0.3vw !important; margin-left: -0.2vw; color: #303030; transition: 0.5s;}
.asurligne:hover {background-color: #fff9ac; transition: 0.5s;}

.ecusson {width: 30%; background-image: url("img/ecusson.png"); background-size: contain; background-repeat: no-repeat; background-position: top left; height:560px; z-index: 806; position: fixed; top: 0px; margin-left: 5%;}

#logoRSV {margin: 5% 0% 0% 5%; width: 25%; height: auto; position: relative; float: left;}
#logoAG2R {margin: 9.5% 5% 0% 0%; width: 36%; height: auto; position: relative; float: right;}

.date-Vivons {width: 30%; background-image: url("img/date.png"); background-size: 60%; background-repeat: no-repeat; background-position: bottom right; height:560px; z-index: 806; position: fixed; bottom: 3%; margin-left: 5%;}
.logosVivonsAgirc {position: absolute; width: 27%; margin-left: 5%; bottom:0px; float: left; height: auto; }
#logoVivonsVelo {margin: 0%; width: 100%; display: none;}
#logoKinomap {margin: 0% 0% 5px 0%; width: 100%;}
#logoFondationDecathlon {margin: 0% 0% 5px 0%; width: 100%;}
#logoAgircArrco {margin: 0%; width: 100%;}


.header-accueil {
	width: 100%;
	height: 4vw;
	background-color: rgba(0,0,0,0.10);
	position: fixed;
	top: 40px;
	padding: 0px;
	z-index: 800;
	overflow: hidden;
}

.top-bar-right {
	position: relative;
	float: right;
	width: 52.55%;
	margin: 0% 6.48% 0% 0%;
	padding: 0%;
}

.top-bar-right#menu {overflow: hidden;height: 4vw; display: flex; align-items: center;}

.top-bar-right ul {
	list-style: none;
	font-family: 'Khand', sans-serif;
	font-weight: 700;
	margin: 0px auto;
	padding: 0;
}

.top-bar-right ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

.top-bar-right a {
	color: #000000;
	text-decoration: none;
	display: inline-block;
	font-size: 1.4vw;
	line-height: 1.5vw;
	padding: 2vw 1.5vw 1.8vw 1.5vw;
	transition: 1s;
	letter-spacing: 0.02vw;
}

.top-bar-right a:visited {color: #000000;}

.top-bar-right a:hover {
	background-color: #FFFFFF;
	transition: 0.5s;
}

.reseau-icon {height: auto; width: 1.8vw;}

#page-actuelle {color: #000000; background-color: #FFFFFF;}
#page-actuelle2 {color: #000000; background-color: #FFFFFF;}


.fonduYellow {width: 100%; position: fixed; top: 0px; height: 10vw; background-image: url("img/fonduYellow.png"); background-size: contain; background-repeat: repeat-x; background-position: top left; z-index: 795;}

.contentPage {background-color: #FFFFFF; width: 46.55%; margin: 150px 6.48% 0% 40%; padding: 2% 3% 2% 3%; position: relative; float: right;}
.blocContentInscription {padding:0; width:52.55%; background-color: #000000;}
.iconBlocContentInscription {height: 200px; width: 200px; float: left; position: absolute; left:-50px; top:-25px;}
.blocContentInscription div.blocActu {padding-left: 170px;}
.blocContentInscription div.blocActu h1 {color:#FFFFFF; font-size:2.7vw; margin-bottom:15px;}
.blocContentInscription div.blocActu h2 {color: #FFFFFF;}
.blocContentInscription div.blocActu p {color: #FFFFFF; margin-top:0px; margin-bottom:10px;}
.blocContentInscription div.blocActu ul {color:#FFFFFF; margin-top: 0px;}
.blocContentInscription div.blocActu ul li a, .blocContentInscription div.blocActu ul li a:visited {color:#ffed00;}
#suite, .suite {margin-top: 50px;}
#reseauxContact {margin-top: 50px; display: none;}

hr {border: 0.25vw solid #ffed00; position: relative; clear: left;}

.cycle-slideshow {width: 100%; height: auto;}
.cycle-slide {width: 100%; height: auto;}
.cycle-pager {text-align: center; width: 100%; z-index: 500; position: relative; overflow: hidden; margin-top: -10px;}
.cycle-pager span { font-family: arial; font-size: 4vw; width: 3vw; height: 1vw; display: inline-block; color: #ddd; cursor: pointer; transition: 1s; }
.cycle-pager span:hover { color: #ffed00; -webkit-text-stroke: 1px #000; transition: 1s;}
.cycle-pager span.cycle-pager-active { color: #000000; transition: 1s;}
.cycle-pager > * { cursor: pointer;}

.photoArticle {width: 100%; height: auto; margin: 10px 0px 20px 0px;}
iframe {margin: 10px 0px 20px 0px; height: 450px !important; width: 100% !important;}

.footer {width: 46.55%; margin: 0% 6.48% 0% 40%; padding: 0%; position: relative; float: right; text-align: right;}
.footer p {font-size: 0.7vw;}

#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important; padding: 0px !important;}
.control-label {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important;}
.checkbox {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important;}
#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .control-label, #plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .checkbox  {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important;}
.plezi-submit-btn {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important; padding-top: 9px !important;}
.form-control {font-family: 'Luciole' !important; font-size: 1.02vw !important; color: #303030 !important;background-color: #fff9ac !important;}
.jsonform-error-first_name {width: 48% !important; margin-right: 4% !important; float:left;}
.jsonform-error-last_name {width: 48% !important; margin-right: 0% !important; float:left;}
.jsonform-error-phone {width: 48% !important; margin-right: 4% !important; float:left;}
.jsonform-error-email {width: 48% !important; margin-right: 0% !important; float:left;}
.jsonform-error-company {width: 48% !important; margin-right: 4% !important; float:left;}
.jsonform-error-position {width: 48% !important; margin-right: 0% !important; float:left;}
.jsonform-error-company label {text-indent: -9999px; line-height: 0;}
.jsonform-error-company label::after {content: "Structure"; text-indent: 0; display: block; line-height: initial;}
.jsonform-error-phone label {text-indent: -9999px; line-height: 0;}
.jsonform-error-phone label::after {content: "Ville"; text-indent: 0; display: block; line-height: initial;}


.miniature-EHPAD {width: 150px; height: 150px; position: relative; float: left; margin-right: 15px; margin-bottom: 25px;}


@media screen and (max-width: 900px)
{
body {background-size: 85%;}

h1 {font-size: 8vw; line-height: 10vw; text-decoration: solid underline #ffed00 1.5vw; text-underline-offset: 1.5vw;}
	h2 {font-size: 6vw; line-height: 7.75vw;}
	h3 {font-size: 5vw; line-height: 6.5vw;}
	
	ul {font-size: 3.5vw;}

div.n2-font-064a868fc35a1bc4f3cc658d2b0071d0-hover	{font-size: 3vw !important;}
	
p {font-size: 3.5vw;}
.LieuEtDateActu {line-height: 3.5vw;}

#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee {font-size: 3.5vw !important;}
.control-label {font-size: 3.5vw !important;}
.checkbox {font-size: 3.5vw !important;}
#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .control-label, #plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .checkbox  {font-size: 3.5vw !important;}
.plezi-submit-btn {font-size: 3.5vw !important;}
.form-control {font-size: 3.5vw !important;}
	
.ecusson {width: 90%; background-image: url("img/ecusson+long.png"); background-size: contain; background-repeat: no-repeat; background-position: top center; height:80vw; z-index: 806; position: relative; top: -40px; margin-left: 5%; margin-bottom: -50px; padding-top: 90px;}

#logoRSV {margin: 5% 0% 0% 5%; width: 25%; height: auto; position: relative; float: left;}
#logoAG2R {margin: 9.5% 5% 0% 0%; width: 36%; height: auto; position: relative; float: right;}

.header-accueil {
	height: 8vw;
	top: 0px;
	z-index: 900;
}

.top-bar-right {width: 100%; margin: 0px;}
.top-bar-right#menu {height: 8vw;}
	
.top-bar-right ul li a {font-size: 3vw; line-height: 5vw;}
	
.reseau-icon {display: none;}

.fonduYellow {height: 15vw; z-index: 895;}
	
.contentPage {background-color: #FFFFFF; width: 84%; margin: 0px 5% 0% 5%; padding: 2% 3% 2% 3%; position: relative; float: right; height: auto;}
	
.blocContentInscription {margin: 0px 5% 5% 5%; padding: 2% 3% 2% 3%; width:84%; background-color: #000000;}
.iconBlocContentInscription {height: 200px; width: 100%; float: none; position: absolute; left:0; right: 0; top:-25px; text-align: center;}
	.blocContentInscription div.blocActu {margin-top: 165px; padding-left: 15px; padding-right: 15px;}
	.blocContentInscription div.blocActu h1 {font-size: 5.5vw; text-align: center;}

.date-Vivons {width: 100%; background-size: 55%; height:300px; z-index: 806; position: relative; margin-left: 0%; clear: both;}
	
iframe {height: 200px !important;}
	
hr {border: 1vw solid #ffed00;}

.contentArchive {margin-bottom: 4vw;}	
.MiniaturePhoto {width: 20vw; margin-right: 4vw;}
.MiniaturePhoto img {width: 20vw;}
.textMiniaturePhoto {width: 55vw;}

.surligne {padding: 1vw 1vw 0.4vw 1vw !important; margin-left: -1vw;}
.asurligne {padding: 1vw 1vw 0.4vw 1vw !important; margin-left: -1vw;}
	
.miniature-EHPAD {float: none; margin-top: 15px; margin-bottom: -9px;}

#reseauxContact {display: block;}

	.boutonImage {width: 90%;}
	
}