body {margin: 0px; padding: 0px; background-color: #E1E1E1;}

h1 {font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 900; font-size: 3vw; letter-spacing: 1px; color: #003963; margin: 25px 0px; }
h2 {font-family: 'Montserrat', sans-serif;font-weight: 900; font-size: 1.7vw; letter-spacing: 1px; color: #003963; }
h2 .surtitreh2 {font-weight: 300; font-size: 1.4vw;}
h2.titreProgramme {font-size: 2.0vw; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 20px; margin-top: 10px; text-align: center;}

.separation {width: 15%; margin-left: auto;margin-right: auto; border: 1px solid #003963; height: 1px; border-radius: 2px 2px 2px 2px; margin-top: 40px; margin-bottom: 40px;}
.separationGauche {width: 15%; margin-left: 0px;margin-right: auto; border: 0.5px solid #b8c9d7; height: 0px; border-radius: 2px 2px 2px 2px; margin-top: 6px; margin-bottom: 5px;}
.separationMini {width: 80%; margin-left: auto;margin-right: auto; border: 0.5px solid #003963; height: 0px; border-radius: 2px 2px 2px 2px; margin-top: 2px; margin-bottom: 0px;}


h3 {font-family: 'Montserrat', sans-serif;font-weight: 700; font-size: 1.4vw; letter-spacing: 1px; color: #003963; margin-bottom: 30px; margin-top: 10px;}
h4 {font-family: 'Montserrat', sans-serif;font-weight: 700; font-size: 1.2vw; letter-spacing: 1px; color: #003963; margin-bottom: 30px; margin-top: 10px;}
h4.objectifs {text-align: left; font-size: 1vw; margin-bottom: 10px; padding-left: 14px;}
#j3 h4 {margin-bottom: 10px; margin-top: 25px; font-weight: 900;}
h5 {font-family: 'Montserrat', sans-serif;font-weight: 400; font-size: 16px; letter-spacing: 1px; color: #003963; margin-bottom: 10px; margin-top: 10px;}

p {font-family: 'Montserrat', sans-serif; font-size: 14px; line-height: 20px; color: #000000;}
.LieuEtDateActu {line-height: 1vw; margin-top: 0px; color: #606060;}
p.paragrapheSimple {text-align: left; margin-bottom: 20px;}
.contentProgramme p.texteEnAvant {text-align: center; font-size: 14px; font-weight: 700; margin-bottom: 20px; margin-left: auto; margin-right: auto;}

.italik {font-style: italic;}
p.zoneLibre {margin: 0 75px;}
p.sousTitreh4 {text-align: center !important; font-size: 10px; margin-bottom: 20px; margin-top: -22px; color: #003963 !important;}
.bulletAtelier {margin-left: -10px; color: #bd4d27; font-weight: 700;}


#more {display: none;}
#myBtn {border: none; padding: 2px 6px 2px 7px; display: flex;}
#myBtn:hover {cursor: pointer;}
#more2, #more3, #more4, #more5, #more6, #more7, #more8, #more9, #more10, #more11, #more12, #more13, #more14, #more15, #more16, #more17, #more18, #more19, #more20 {display: none;}
#myBtn2, #myBtn3, #myBtn4, #myBtn5, #myBtn6, #myBtn7, #myBtn8, #myBtn9, #myBtn10, #myBtn11, #myBtn12, #myBtn13, #myBtn14, #myBtn15, #myBtn16, #myBtn17, #myBtn18, #myBtn19, #myBtn20 {margin-top: 5px; margin-bottom: 5px; border: none; padding: 2px 6px 2px 7px; display: flex;}
#myBtn2, #myBtn3, #myBtn4, #myBtn5, #myBtn6, #myBtn7, #myBtn8, #myBtn9, #myBtn10, #myBtn11, #myBtn12, #myBtn13, #myBtn14, #myBtn15, #myBtn16, #myBtn17, #myBtn18, #myBtn19, #myBtn20:hover {cursor: pointer;}
p.paragrapheDescriptif {font-size: 12px;line-height: 16px; border-radius: 5px; background-color: #e9f6fe; padding: 5px 10px; margin-top: 10px; margin-bottom: 10px; }

ul {font-family: 'Montserrat', sans-serif; font-size: 14px; color: #000000; text-align: left; border-radius: 20px; background-color: #e9f6fe; padding: 10px 15px 5px 28px;}
ul li {margin-bottom: 7px;}
.tableauOrdi {display: inline-table; margin-bottom: 20px; background-color: #aecee3; border-radius: 10px; }
.tableauSmartphone {display: none; background-color: #aecee3; border-radius: 10px; }

.cellhautGauche {border-radius: 10px 0px 0px 0px;}
.cellhautDroit {border-radius: 0px 10px 0px 0px;}
.cellhaut {border-radius: 10px 10px 0px 0px; }
.cellbasDroit {border-radius: 0px 0px 10px 0px;}
.cellbasGauche {border-radius: 0px 0px 0px 10px;}
.cellbas {border-radius: 0px 0px 10px 10px;}
.nbrJours {background-color: transparent;padding: 5px;}.nbrJours p{text-align: center !important; margin-bottom: 10px;} .nbrJours h5, .colBlanche h5 {font-size: 15px; letter-spacing: 0.2px; text-align: center !important; font-weight: 700; text-transform: uppercase; margin-bottom: 0px !important;}

.secLigne {font-size: 8px; vertical-align: 7px;}
.colBlanche{background-color: #fff;padding: 7px;} .colBlanche p {text-align: center !important;}
.colOptions{background-color: transparent;padding: 7px}

.contentResserre {width: 70%; margin-left: auto; margin-right: auto;}

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

.headerColloque {
	width: 75%; border: none;
}

.top-bar-right {
	position: relative;
	float: right;
	width: 61.65%;
	margin: 0px;
	padding: 0% 0% 0% 5%;
}

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

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

.top-bar-right a:link {
	color: #000000;
	background-color: none;
	text-decoration: none;
	display: inline-block;
	padding: 1.4vw 1.8vw 1.15vw 1.8vw;
	transition: 1s;
}

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

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

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

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

.contentPageHaut {background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 0px; width: 90%; position: relative; height: auto; text-align: center; max-width: 1000px; border-radius: 0px 0px 20px 20px; overflow: auto;}

.pourSinscrire {background-color: transparent; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; width: 90%; position: relative; height: auto; text-align: center; max-width: 1000px; border-radius: 0px; overflow: auto;}
.pourSinscrire h3 {font-size: 1.0vw; background-color: #003963; color: #fff; padding: 10px; border-radius: 5px; display: inline-block; margin-top: 20px; text-align: center;}

.contentPageBas {background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding-top: 18px; padding-bottom: 30px; margin-bottom: 20px; width: 90%; position: relative; height: auto; text-align: center; max-width: 1000px; border-radius: 20px 20px 0px 0px; overflow: visible;}

.inscription {position:fixed; bottom: 0; width: 90%; max-width: 1000px; height: 16vw; background-image: url("img/bg-boutonInscription.png"); background-size: contain; background-repeat: no-repeat; background-position: bottom right; text-align: right; z-index: 800; pointer-events: none}
.inscription a {pointer-events: all !important;}
.boutonJeMinscris {position: absolute; max-width: 250px; bottom: 30px; right: 50px; transition: 0.5s !important; animation-name: pulse; animation-fill-mode: both; animation-iteration-count: infinite; animation-duration: 6s; z-index: 800;}
.surTitreBouton {font-size: 50%; text-transform: uppercase; clear: right; font-weight: 700; color: #97c4e1;}
@keyframes pulse {50% {transform: scale(1)} 55%{transform: scale(1.1)}  65%{transform: scale(1)} }
.boutonJeMinscris:hover {transform: scale(1.1) !important; transition: 0.5s !important; cursor: pointer; animation-name: none;}
.boutonJeMinscris2 {position: relative; max-width: 350px; transition: 0.5s !important; animation-name: pulse; animation-fill-mode: both; animation-iteration-count: infinite; animation-duration: 6s;}
.boutonJeMinscris2:hover {transform: scale(1.1) !important; transition: 0.5s !important; cursor: pointer; animation-name: none;}
.boutonJeMinscris3:hover {transform: scale(1.1) !important; transition: 0.5s !important; cursor: pointer; animation-name: none;}
.boutonJeMinscris3 {transform: scale(1) !important; transition: 0.5s !important; animation-name: none; margin-top: 15px !important; margin-bottom: 15px;}
.boutonJeMinscris4:hover {transform: scale(1.1) !important; transition: 0.5s !important; cursor: pointer; animation-name: none;}
.boutonJeMinscris4 {transform: scale(1) !important; transition: 0.5s !important; animation-name: none; margin-top: 15px !important; margin-bottom: 15px; max-width: 88%;}


.contentProgramme {padding: 20px 75px 20px 75px;}
.maitreCeremonie {display: flex; align-items: center;}
.photoMdC img {border-radius: 50%; width: 146px; margin-right: 20px; margin-bottom: 0px;}
.intervenants {background-color: #003963; padding-top: 0px; margin-bottom: -25px;}
#j1 {margin-top: 25px; background-color: #d3e6f2; border-radius: 0px; padding-bottom: 40px;}
#j1Suite {margin-top: 0px; padding-top: 25px; padding-bottom: 50px; background-color: #d3e6f2;}
#j1Suite2 {margin-top: 0px; padding-top: 25px; background-color: #d3e6f2;}
#j2 {margin-top: 0px; background-color: #EFEFEF; padding-top: 30px;}
#j3 {margin-top: 0px; background-color: #d3e6f2; padding-top: 30px; padding-bottom: 330px; background-image: url("img/bg-inscription.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: contain;}
.contentProgramme h3 { font-size: 1.0vw; background-color: #fff; color: #003963; padding: 14px; border-radius: 20px; display: inline-block; margin-top: -20px; text-align: center; max-width: 88%; border: 8px solid #003963; margin-bottom: 10px; }
#j3 h3 {font-size: 1.0vw; background-color: #003963 !important; color: #fff !important; padding: 10px; border-radius: 5px; display: inline-block; margin-top: 20px; text-align: center; max-width: 88%;}
.contentProgramme h4.clair {color: #d3e6f2;}
.contentProgramme h4.sombre {color: #003963; margin-bottom: 20px;}
.contentProgramme h5 {color: #003963; text-align: left; margin-top:0px; margin-bottom: 10px;}
.contentProgramme p {color: #000; text-align: left;}
td p, td h5 {letter-spacing: 0.5px; color: #003963 !important;}
td {padding-bottom: 12px;}
.horaire {font-family: 'Montserrat', sans-serif;font-weight: 400; letter-spacing: 1px; margin-bottom: 0px; margin-top: 0px; background-color: #003963; color: #fff; border-radius: 3px; padding: 0px 4px 0px 5px; font-size: 12px; margin-right: 10px; vertical-align: 0px;}
.boutonLireDescriptif{font-family: 'Montserrat', sans-serif;font-weight: 400;color: #003963; border-radius: 3px; padding: 0px 4px 0px 5px; font-size: 12px;line-height: 16px; border-radius: 5px; background-color: #e9f6fe; padding: 5px 10px; }
.conferencePleniere {background-color: #0c9590;}
.ateliersMiseEnPratique {background-color: #bd4d27 !important;}
.repas {background-color: #804595 !important;}
.contentCarousel {overflow: hidden; width: 100%; height: 400px;}
.bulleIntervenant {height: 200px !important; width: 200px !important; margin-top: 50px; margin-left: 50px; margin-right: 50px; transition: 0.5s;}
.bulleIntervenant:hover {transform: scale(1.5); transition: 0.5s;}
.cycle-slideshow {height: 300px !important;}
.contentMentions {background-color: #FFFFFF; margin-left: auto; margin-right: auto; padding-top: 5px; padding-bottom: 5px; width: 85%; position: relative; height: auto; text-align: left; max-width: 1000px;}
.date {width: 65%;}


.footer {background-color: none; margin-left: auto; margin-right: auto; width: 90%; position: relative; height: auto; text-align: left; max-width: 1000px; padding-bottom: 20px;}
.footer p {font-size: 0.7vw;}

.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;}


#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #000000 !important; padding: 0px !important;}
.plz-consent p {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #000000 !important;}
.control-label {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #000000 !important;}
.checkbox {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #000000 !important;}
#plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .control-label, #plz-form-7cb44e5d-c44b-47c2-bcb2-037ec6d1b3ee .checkbox  {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #303030 !important;}
.plezi-submit-btn {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #ffffff !important; padding-top: 7px !important; background-color: #003963 !important;transition: 0.5s;}
.plezi-submit-btn:hover {background-color: #000000 !important; transition: 0.5s;}


.form-control {font-family: 'Montserrat' !important; font-size: 0.9vw !important; color: #000000 !important;
background: linear-gradient(#c8e8fb, #c8e8fb) padding-box,
              linear-gradient(to right, #009ee3, #006e9d) border-box !important;
  border-radius: 4px !important;
  border: 1px solid transparent !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::first-letter {color: red;}
.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;}
.jsonform-error-mobile label {text-indent: -9999px; line-height: 0;}
.jsonform-error-mobile label::after {content: "Objet du message"; text-indent: 0; display: block; line-height: initial;}

.logo {border: none; margin-bottom: -10px; height: 60px;}
.logoIdealcoRSV {border: none; margin-bottom: -10px; height: 100px;}

@media screen and (max-width: 900px)
{
	.contentPageHaut {width: 100%;}
	.contentPageBas {width: 100%;}
	.contentProgramme {padding: 20px 40px;}
	.maitreCeremonie {display: block;}
	.photoMdC img {margin-right: 0px; margin-bottom: 20px;}
	.date {width: 97%; margin-top: 10px;}
	.inscription {width: 100%; height: 35vw;}
	h1 {font-size: 9vw;letter-spacing: 0.5px;}
	h2 {font-size: 6vw;letter-spacing: 0.5px;}
	h2.titreProgramme {font-size: 6vw; letter-spacing: 0.5px;}
	h2 .surtitreh2 {font-size: 6vw;}
	.boutonJeMinscris2 {max-width: 250px;}
	.separation {width: 35%;}
	h3 {font-size:4.5vw; letter-spacing: 0.5px;}
	.contentProgramme h3, #j3 h3 {font-size:3.5vw; letter-spacing: 0.5px;}
	.pourSinscrire h3 {font-size:3.5vw;}
	
	
	.contentProgramme h4 {font-size:4vw; letter-spacing: 0.5px;}
	h4.objectifs {text-align: left; font-size: 4vw; margin-bottom: 10px; padding-left: 14px;}
	td {padding-bottom: 25px;}
	p.sousTitreh4 {font-size: 12px;}
	p.zoneLibre {margin: 0 20px;}
	p {font-size: 17px; line-height: 22px;}
	.contentProgramme p.texteEnAvant {text-align: center; font-size: 17px; font-weight: 700; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
	ul {font-size: 17px; line-height: 22px;}
	.horaire {font-size: 15px;}
	.bulletAtelier {margin-left: -12px;}
	#j3 {background-size: 185%; padding-bottom: 60vw;}
	#j3 .separation {margin-top: 20px; margin-bottom: 30px;}
	.control-label {font-size: 3.5vw !important;}	
	.form-control {font-size: 3.5vw !important;}	
	.plz-consent p {font-size: 3.5vw !important;}
	.checkbox {font-size: 3.5vw !important;}	
	.plezi-submit-btn {font-size: 3.5vw !important;}
	.footer p {font-size: 2vw;}
	.footer {padding-bottom: 85px;}
	.contentResserre {width: 85%; margin-left: auto; margin-right: auto;}
	.logoIdealcoRSV {width: 85%; height: auto;}
	.logo {height: 55px;}
	.headerColloque {width: 100%;}
	.tableauOrdi {display: none; background-color: #aecee3; border-radius: 10px; }
	.tableauSmartphone {display: inline-table; margin-bottom: 20px; background-color: #aecee3; border-radius: 10px; }
}