html,body { height:100%; margin:0; font-family: Arial, Helvetica, sans-serif; }
header { height:100%; min-height:100%; background:#C30049; } /* for mozilla */
html>body .content { height:auto; }

/* MENU TOP */
#top { position:fixed; top:0; left:0; right:0; background:#C30049; z-index:100; border-bottom:1px solid #ffffff; }
#toplimite { margin:0 auto; max-width:1200px; width:100%; position:relative; }

#nav { padding: 0; margin: 0; text-align:center; background-color:#C30049; }
.navtop { display:inline-block; padding:0 2.5% 0 2.5%; color:#ffffff; text-decoration:none; font-size:17px; border-right:1px solid #ffffff; line-height:45px; margin:1px 0 0 0; }
.navtop:last-child { display:inline-block; padding:0 2.5% 0 2.5%; color:#ffffff; text-decoration:none; font-size:17px; border:none; line-height:45px; margin:0; margin:1px 0 0 0; }
.navtop:hover { background: #ffffff; color:#000000; }
.active { display:inline-block; padding:0 2.5% 0 2.5%; background:#008887; color:#ffffff; text-decoration:none; font-size:17px; border-right:1px solid #ffffff; line-height:45px; margin:0; margin:1px 0 0 0; }
.dropbtn { display:inline-block; padding:0 2.5% 0 2.5%; background-color:#C30049; color:#ffffff; text-decoration:none; font-size:17px; border-right:1px solid #ffffff; border-left:0; border-bottom:0; border-top:0; line-height:45px; margin:1px 0 0 0; cursor:pointer; }
.dropbtn:hover, .dropbtn:focus { background-color:#ffffff; color:#000000; }
.navdropdown3-content { display:none; position:absolute; width:30%; background:#ffffff; margin:0 0 0 19%; z-index:1; border-top:1px #C30049 solid; border-right:1px #C30049 solid; border-bottom:1px #C30049 solid; border-left:1px #C30049 solid; }
.navdropdown3-content-li { margin:0; padding:0; }
.navdropdown3-content-li li { list-style:none; border-bottom:1px solid #C30049; margin:0; padding:0; }
.navdropdown3-content-li li:last-child { list-style:none; border:none; margin:0; padding:0; }
.navdropdown4-content { display:none; position:absolute; width:30%; background:#ffffff; margin:0 0 0 53%; z-index:1; border-top:1px #C30049 solid; border-right:1px #C30049 solid; border-bottom:1px #C30049 solid; border-left:1px #C30049 solid; }
.navdropdown4-content-li { margin:0; padding:0; }
.navdropdown4-content-li li { list-style:none; border-bottom:1px solid #C30049; margin:0; padding:0; }
.navdropdown4-content-li li:last-child { list-style:none; border:none; margin:0; padding:0; }
.sousnav { display:block; color:#000000; padding:8px 15px 8px 15px; text-decoration:none; text-align:center; font-size:17px; border:1px #ffffff solid; }
.sousnav:hover, .sousnav:focus { background:#C30049; color:#ffffff; border:1px #ffffff solid; }
.sousnavactive { display:block; color:#ffffff; padding:8px 15px 8px 15px; text-decoration:none; text-align:center; font-size:17px; border:1px #ffffff solid; background:#C30049; }
.show { display:block; }

#menu-button { display:none; }
#menu-button:hover { background:#ffffff; color:#000000; }
#menu-buttonclose { display:none; }
#menu-overlay { display:none; position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, .7); }
#menu-sidebar { display:none; position:fixed; width:75%; z-index:20; height:100%; top:0; left:0; background-color:#ffffff; overflow-y:auto; transform:translateX(-100%); transition:transform .2s ease-out; }
.menu-activated #menu-buttonclose { display: block; text-align:right; font-size:35px; margin:10px 10px 5px 0; cursor: pointer; }

@media screen and (max-width: 1180px) {
#menu-content { display:none; }
#menu-sidebar, .menu-activated #menu-overlay { display:block; }
.menu-activated #menu-sidebar { transform: translateX(0); }
#menu-button { display:block; width:100%; text-align:center; height:45px; cursor:pointer; background:#C30049; border:none; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; color:#ffffff; }
#menu-button:hover { background:#ffffff; }
#nav { padding:0; margin:0; text-align:center; background:#C30049; }

#menu-sidebar-body .navtop { display:block; padding:0 5% 0 2.5%; color:#ffffff; text-decoration:none; font-size:17px; border-top:1px solid #ffffff; border-bottom:none; border-right:none; line-height:55px; margin:0; text-align:right; }
#menu-sidebar-body .navtop:last-child { display:block; padding:0 5% 0 2.5%; color:#ffffff; text-decoration:none; font-size:17px; border-top:1px solid #ffffff; border-bottom:none; border-right:none; line-height:55px; margin:0; text-align:right; }
#menu-sidebar-body .navtop:hover { background:#008887; color:#ffffff; }
#menu-sidebar-body .active { display:block; padding:0 5% 0 2.5%; background:#008887; color:#ffffff; text-decoration:none; font-size:17px; border-top:1px solid #ffffff; border-bottom:none; border-right:none; line-height:55px; margin:0; text-align:right; }

#menu-sidebar-body .dropbtn { display:block; padding:0 5% 0 2.5%; width:100%; height:55px; margin:0; background:#C30049; color:#ffffff; text-decoration:none; font-size:17px; border-top:1px solid #ffffff; border-right:none; line-height:55px; margin:0; text-align:right; }
#menu-sidebar-body .dropbtn:hover, .dropbtn:focus { background:#C30049; color:#ffffff; text-decoration:none; outline:0; }
#menu-sidebar-body .navdropdown3-content { display:none; position:relative; width:100%; margin:0; z-index:1; border:0; }
#menu-sidebar-body .navdropdown3-content-li { margin:0; padding:0; }
#menu-sidebar-body .navdropdown3-content-li li { list-style:none; margin:0; padding:0; border:0; }
#menu-sidebar-body .navdropdown3-content-li li:last-child { list-style:none; border:0; }
#menu-sidebar-body .navdropdown4-content { display:none; position:relative; width:100%; margin:0; z-index:1; border:0; }
#menu-sidebar-body .navdropdown4-content-li { margin:0; padding:0; }
#menu-sidebar-body .navdropdown4-content-li li { list-style:none; margin:0; padding:0; border:0; }
#menu-sidebar-body .navdropdown4-content-li li:last-child { list-style:none; border:0; }
#menu-sidebar-body .sousnav { display:block; float:none; background:#ffffff; border-top:1px solid #C30049; border-bottom:1px solid #C30049; color:#C30049; padding:15px 15px 15px 15px; text-decoration:none; text-align:right; font-size:17px; }
#menu-sidebar-body .sousnav:hover, .sousnav:focus { display:block; float:none; background:#008887; border-top:1px solid #C30049; color:#ffffff; padding:15px 15px 15px 15px; text-decoration:none; text-align:right; font-size:17px; }
#menu-sidebar-body .sousnavactive { display:block; float:none; background:#008887; border-top:1px solid #C30049; border-bottom:1px solid #C30049; color:#ffffff; padding:15px 15px 15px 15px; text-decoration:none; text-align:right; font-size:17px; }

#menu-sidebar-body .show { display:block; }

}
/* FIN MENU TOP */

/* ECRAN ROUGE TOP */
#table { display:table; height:100%; margin:0 auto; max-width:1200px; text-align:center; }
#content { display:table-cell; vertical-align:middle; }
#logotop { margin:60px 0 10px 0; height:200px; }
#content p { color:#ffffff; font-size:30px; margin:0 20px 0 20px; }
#content h1 { color:#7CB5B2; font-size:40px; text-transform: uppercase; max-width:800px; margin:60px 20px 0 20px; }
#content h2 { color:#7CB5B2; font-size:45px; max-width:800px; margin:15px 20px 0 20px; }
#decouvrir { display:inline-block; padding:10px 10px 10px 10px; margin:60px 0 0 0; border:1px solid #ffffff; color:#ffffff; font-size:20px; text-transform: uppercase; text-decoration:none; }
#decouvrir:hover { background:#ffffff; color:#000000; }
#content i { color:#ffffff; margin:15px 0 0 0; font-size:25px; }

@media screen and (max-height: 900px) {
#logotop { margin:60px 0 10px 0; height:200px; }
#content p { color:#ffffff; font-size:25px; margin:0 20px 0 20px; }
#content h1 { color:#7CB5B2; font-size:32px; text-transform: uppercase; max-width:800px; margin:40px 20px 0 20px; }
#content h2 { color:#7CB5B2; font-size:32px; text-transform: uppercase; max-width:800px; margin:15px 20px 0 20px; }
#decouvrir { display:inline-block; padding:10px 10px 10px 10px; margin:40px 0 0 0; border:1px solid #ffffff; color:#ffffff; font-size:17px; text-transform: uppercase; text-decoration:none; }
#decouvrir:hover { background:#ffffff; color:#000000; }
#content i { color:#ffffff; margin:15px 0 0 0; font-size:20px; }
}
@media screen and (max-height: 700px) {
#logotop { margin:60px 0 10px 0; height:150px; }
#content p { color:#ffffff; font-size:17px; margin:0 20px 0 20px; }
#content h1 { color:#7CB5B2; font-size:23px; text-transform: uppercase; max-width:800px; margin:30px 20px 0 20px; }
#content h2 { color:#7CB5B2; font-size:23px; text-transform: uppercase; max-width:800px; margin:15px 20px 0 20px; }
#decouvrir { display:inline-block; padding:5px 10px 5px 10px; margin:25px 0 0 0; border:1px solid #ffffff; color:#ffffff; font-size:15px; text-transform: uppercase; text-decoration:none; }
#decouvrir:hover { background:#ffffff; color:#000000; }
#content i { color:#ffffff; margin:15px 0 0 0; font-size:20px; }
}
@media screen and (max-height: 525px) {
#logotop { margin:60px 0 10px 0; height:100px; }
#content p { color:#ffffff; font-size:14px; margin:0 20px 0 20px; }
#content h1 { color:#7CB5B2; font-size:18px; text-transform: uppercase; max-width:800px; margin:15px 20px 0 20px; }
#content h2 { color:#7CB5B2; font-size:18px; text-transform: uppercase; max-width:800px; margin:15px 20px 0 20px; }
#decouvrir { display:inline-block; padding:5px 10px 5px 10px; margin:25px 0 0 0; border:1px solid #ffffff; color:#ffffff; font-size:15px; text-transform: uppercase; text-decoration:none; }
#decouvrir:hover { background:#ffffff; color:#000000; }
#content i { color:#ffffff; margin:10px 0 0 0; font-size:14px; }
}
@media screen and (max-height: 400px) {
#logotop { display:none; }
#content p { color:#ffffff; font-size:24px; margin:0 10px 0 10px; }
#content h1 { color:#7CB5B2; font-size:18px; text-transform: uppercase; max-width:800px; margin:15px 10px 0 10px; }
#content h2 { color:#7CB5B2; font-size:18px; text-transform: uppercase; max-width:800px; margin:15px 10px 0 10px; }
#decouvrir { display:inline-block; padding:5px 10px 5px 10px; margin:25px 0 0 0; border:1px solid #ffffff; color:#ffffff; font-size:15px; text-transform: uppercase; text-decoration:none; }
#decouvrir:hover { background:#ffffff; color:#000000; }
#content i { display:none; }
}
/* FIN ECRAN ROUGE TOP */


/* BANNER */
#news { background:#008887; width:100%; }
#newssanspanneaubranding { margin:45px 0 0 0; background:#008887; width:100%; }
#newscontent { margin:0 auto; padding:10px 15px 10px 15px; color:#ffffff; max-width:1200px; text-align:center; line-height:20px; }
#newscontent a { color:#ffffff; text-decoration:underline; }
#newscontent a:hover, #newscontent a:focus { text-decoration:none; }
#imgbanner { margin:0 auto; max-width:1200px; position:relative; }
#imgbanner img { width:100%; height:auto; z-index:10; }
#bandeaulogo { background:#008887; height:80px; width:100%; z-index:800; margin:-4px 0 0 0; }
#bandeaulogocontent { margin:0 auto; max-width:1200px; width:100%; text-align:center; display:table; position:relative; }
#banner { position:absolute; top:-45px; left:20px; }
#bannerlogo { display:table-cell; vertical-align:middle; text-align:left; padding:0 40px 0 0; }
#bannerslogan { display:table-cell; vertical-align:middle; text-align:left; padding:0 0 0 100px; color:#ffffff; font-size:24px; }

@media screen and (max-width: 1115px) {
#banner { position:absolute; top:-45px; left:20px; }
#bannerlogo { display:table-cell; vertical-align:middle; text-align:left; padding:0 30px 0 0; }
#bannerslogan { display:table-cell; vertical-align:middle; text-align:left; padding:0 0 0 50px; color:#ffffff; font-size:24px; }
}
@media screen and (max-width: 1000px) {
#bandeaulogo { background:#008887; height:64px; width:100%; z-index:800; margin:-4px 0 0 0; }
#bandeaulogocontent { margin:0 auto; max-width:1200px; width:100%; text-align:center; display:table; position:relative; }
#banner { display:table; position:relative; margin:9px 0 0 0; text-align:center; width:100%; left:auto; }
#bannerlogo { display:table-row; text-align:center; }
#bannerlogo a img { width:280px; }
#bannerslogan { display:none; }
}
@media screen and (max-width: 500px) {
#bandeaulogo { background:#008887; height:45px; width:100%; z-index:800; margin:-4px 0 0 0; }
#bandeaulogocontent { margin:0 auto; max-width:1200px; width:100%; text-align:center; display:table; position:relative; }
#banner { display:table; position:relative; margin:19px 0 0 0; text-align:center; width:100%; left:auto; }
#bannerlogo { display:table-row; text-align:center; }
#bannerlogo a img { width:200px; }
}
/* FIN BANNER */




/* CONTENUS */
.intro { margin:100px auto 0 auto; max-width:1200px; padding:0 20px 0 20px; text-align:center; }
.h1intro { margin:0 auto 15px auto; padding:0 20px 0 20px; font-size:35px; color:#C30049; max-width:600px; }
.h1introbl { margin:0 auto 15px auto; padding:0 20px 0 20px; font-size:35px; color:#ffffff; max-width:600px; }
.h2intro { margin:0 auto 30px auto; padding:0 20px 0 20px; font-size:25px; color:#008887; max-width:600px; }
.h3intro { margin:0 auto 30px auto; padding:0 20px 0 20px; font-size:20px; color:#C30049; max-width:600px; }
.texte { margin:0 auto 15px auto; max-width:800px; text-align:left; }
.textepetit { font-size:12px; }
.slogan { background:#F8F8F8; margin:40px auto 15px auto; max-width:1200px; font-size:25px; color:#000000; padding:30px 30px 30px 30px; border-radius:15px; }
.sloganpetit { font-size:16px; }
.politiqueconfidentialite { border-collapse:collapse; }
.politiqueconfidentialite td { padding:5px; }
.agenda { font-size:20px; }
.lignebottom { border-bottom:1px solid #ffffff; padding:0 0 30px 0; }
.presentationtextuelle { margin:0 20px 0 20px; }

.titresimple { margin:0 auto 15px auto; padding:0; font-size:25px; color:#C30049; max-width:800px; text-align:left; }
.fondvert { background:#008887; color:#ffffff; padding:30px 30px 30px 30px; margin:0 0 15px 0; font-size:17px; border-radius:15px; }
.titrevert { background:#008887; border:1px solid #ffffff; font-size:22px; color:#ffffff; padding:15px 15px 15px 15px; margin:10px 0 20px 0; border-radius:10px; }
.fondrouge { background:#C30049; color:#ffffff; padding:30px 30px 30px 30px; margin:0 0 15px 0; font-size:17px; border-radius:15px; }
.titrerouge { background:#C30049; border:1px solid #ffffff; font-size:22px; color:#ffffff; padding:15px 15px 15px 15px; margin:10px 0 20px 0; border-radius:10px; }
.fondmauve { background:#8685bb; color:#ffffff; padding:30px 30px 30px 30px; margin:0 0 15px 0; font-size:17px; border-radius:15px; }
.titremauve { background:#8685bb; border:1px solid #ffffff; font-size:22px; color:#ffffff; padding:15px 15px 15px 15px; margin:10px 0 20px 0; border-radius:10px; }
.fondbrun { background:#cc6633; color:#ffffff; padding:30px 30px 30px 30px; margin:0 0 15px 0; font-size:17px; border-radius:15px; }
.titrebrun { background:#cc6633; border:1px solid #ffffff; font-size:22px; color:#ffffff; padding:15px 15px 15px 15px; margin:10px 0 20px 0; border-radius:10px; }
.fondgris { background:#F8F8F8; color:#000000; padding:30px 30px 30px 30px; margin:0 0 15px 0; font-size:25px; border-radius:15px; }
.titre { border:1px solid #ffffff; font-size:22px; color:#ffffff; padding:15px 15px 15px 15px; margin:10px 0 20px 0; border-radius:10px; }

.prochainesdates { text-align:center; padding:20px 0 0 0; }
.prochainesdates img { padding:0 0 15px 0; }
.prochainessessions { font-weight:bold; display:block; margin:0 0 5px 0; }
.texteintro { margin:40px auto 0 auto; max-width:800px; font-size:18px; }
.texteintro p { text-align:left; margin:0 20px 0 20px; }
.soireeinfo { background:#008887; margin:50px 0 0 0; }
.soireeinfocontent { margin:0 auto; max-width:1000px; padding:20px 15px 40px 15px; text-align:center; color:#ffffff; }
.soireeinfocontent p { font-size:22px; font-weight:bold; }
.soireeinfocontent span { display:block; font-weight:bold; padding:15px 0 0 0; }
.lienrectangle { display:block; margin:20px 0 0 0; padding:10px 10px 10px 10px; border:1px solid #ffffff; color:#ffffff; font-size:20px; text-transform: uppercase; text-decoration:none; }
.lienrectangle:hover { background:#ffffff; color:#000000; }

.centragebackground { margin:40px auto 0 auto; max-width:1000px; width:100%; background:url(../img/une-formation-transformatrice.jpg) no-repeat top center; }
.centragebackgroundcontent { padding:20px 50% 40px 40px; }
.centragebackgroundcontent h2 { font-size:40px; }
.centragebackgroundcontent h2 span { color:#C30049; }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-wrapper { width: 800px; max-width: 100%; margin:0 auto; }

.bandeauerreur { background:#C30049; color:#ffffff; padding:15px 15px 15px 15px; font-weight:bold; }

iframe:not([src]) { display: none; }
.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; z-index:1 }
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; z-index:1 }

.wrapperimgtexte { display: flex; flex-wrap: wrap; align-items: flex-start; max-width: 900px; margin: auto; padding: 20px; }
.image-side { flex: 1 1 30%; padding: 10px; }
.image-side img { width: 100%; height: auto; border-radius: 8px; max-width: 200px; margin:0 0 0 30px; }
.text-side { flex: 1 1 70%; padding: 10px; }

@media (max-width: 600px) {
.wrapperimgtexte { flex-direction: column; align-items: center; padding: 0px; }
.image-side, .text-side { flex: 1 1 100%; padding: 5px; text-align: left; }
.image-side img { display: block; margin: 0 auto 20px auto; max-width: 100%; height: auto; }
}

@media screen and (max-width: 960px) {
.centragebackgroundcontent { padding:20px 40% 40px 40px; }
.centragebackgroundcontent h2 { font-size:35px; }
}

@media screen and (max-width: 550px) {
.centragebackground { margin:40px auto 0 auto; width:100%; background:#e5efee; }
.centragebackgroundcontent { padding:20px 15px 20px 15px; }
.centragebackgroundcontent h2 { font-size:30px; }
}

@media screen and (max-width: 350px) {
.centragebackgroundcontent h2 { font-size:20px; }
}

.centragefondgris { background:#F8F8F8; margin:40px 0 40px 0; padding:40px 0 40px 0; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.centragefondgriscontent { margin:0 auto; max-width:1000px; text-align:center; padding:20px 20px 20px 20px; clear:both; }
.centragefondgriscontent h2 { line-height:120%; margin:0 0 40px 0; }
.centragefondgriscontent h3 { line-height:120%; margin:0 0 15px 0; text-align:left; }
.centragefondgriscontent p { line-height:140%; text-align:left; margin:15px 20px 0 20px; }
.imgrondgris { border-radius:100%; border:1px solid #D2D3D5; max-width:150px; }

.centragefondblanc { margin:40px 0 40px 0; padding:40px 0 40px 0; }
.centragefondblanccontent { margin:0 auto; max-width:1000px; text-align:center; padding:0 20px 0 20px; clear:both; }
.centragefondblanccontent h2 { line-height:120%; margin:0 0 40px 0; }
.centragefondblanccontent p { line-height:140%; text-align:left; margin:0 20px 0 20px; }

.bandeaufondverttemoignage { background:#008887; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondverttemoignagecontent { background:url("../img/apostrophe.png") no-repeat 20px 20px; margin:0 auto; padding:0 20px 0 40px; max-width:1000px; text-align:center; color:#ffffff; font-size:18px; }
.bandeaufondverttemoignagecontent p { font-weight:bold; line-height:140%; padding:0 20px 0 80px; text-align:left; }
.bandeaufondverttemoignagecontent span { display:block; padding:20px 0 0 0; }

.bandeaufondvert { background:#008887; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondvertcontent { margin:0 auto; padding:0 20px 0 20px; max-width:1000px; text-align:center; color:#ffffff; font-size:17px; }
.bandeaufondvertcontent h2 { line-height:120%; margin:20px 0 40px 0; }
.bandeaufondvertcontent p { font-weight:bold; line-height:140%; padding:0 20px 0 20px; text-align:left; }
.bandeaufondvertcontent span { display:block; padding:20px 0 0 0; }

.bandeaufondvertcenter { background:#008887; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondvertcentercontent { margin:0 auto; padding:0 20px 0 20px; max-width:1000px; text-align:center; color:#ffffff; font-size:17px; }
.bandeaufondvertcentercontent h2 { line-height:120%; margin:20px 0 40px 0; }
.bandeaufondvertcentercontent p { font-weight:bold; line-height:140%; padding:0 20px 0 20px; text-align:center; }
.bandeaufondvertcentercontent span { display:block; padding:20px 0 0 0; }

.bandeaufondrouge { background:#C30049; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondrougecontent { margin:0 auto; padding:0 20px 0 20px; max-width:1000px; text-align:center; color:#ffffff; font-size:17px; }
.bandeaufondrougecontent h2 { line-height:120%; margin:20px 0 40px 0; }
.bandeaufondrougecontent p { font-weight:bold; line-height:140%; padding:0 20px 0 20px; text-align:left; }
.bandeaufondrougecontent span { display:block; padding:20px 0 0 0; }

.bandeaufondgris { background:#555B61; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondgriscontent { margin:0 auto; padding:0 20px 0 20px; max-width:1000px; text-align:center; color:#ffffff; font-size:17px; }
.bandeaufondgriscontent h2 { line-height:120%; margin:20px 0 40px 0; }
.bandeaufondgriscontent p { font-weight:bold; line-height:140%; padding:0 20px 0 20px; text-align:left; }
.bandeaufondgriscontent span { display:block; padding:20px 0 0 0; }

.bandeaufondrouge2 { background:#C30049; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondrouge2content { margin:0 auto; padding:0 20px 0 20px; max-width:1000px; color:#ffffff; font-size:17px; }
.bandeaufondrouge2content h2 { line-height:120%; margin:20px 0 40px 0; }
.bandeaufondrouge2content p { font-weight:bold; line-height:140%; padding:0 20px 0 20px; }
.bandeaufondrouge2content span { display:block; padding:20px 0 0 0; }

.centragefondgris2 { background:#F8F8F8; margin:40px 0 40px 0; padding:40px 0 40px 0; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.centragefondgris2content { margin:0 auto; max-width:1000px; padding:20px 20px 20px 20px; clear:both; }
.centragefondgris2content h2 { line-height:120%; margin:0 0 40px 0; }
.centragefondgris2content h3 { line-height:120%; margin:0 0 15px 0; }
.centragefondgris2content p { line-height:140%; text-align:left; margin:15px 20px 0 20px; }
.imgrondgris { border-radius:100%; border:1px solid #D2D3D5; max-width:150px; }

.picul { background:url("../img/public.jpg") no-repeat top left; padding:0 0 0 560px; margin:0 0 40px 0; text-align:left; line-height:150%; }
.date { font-size:25px; }

@media screen and (max-width: 900px) {
.picul { background:none; padding:0 20px 0 20px; margin:0 0 40px 0; text-align:left; line-height:150%; }
.date { font-size:25px; }
}

@media screen and (max-width: 700px) {
.bandeaufondrouge { background:#C30049; margin:40px 0 40px 0; padding:30px 0 30px 0; }
.bandeaufondrougecontent p { font-weight:bold; line-height:130%; padding:0; text-align:left; }
.bandeaufondvert { background:#008887; margin:40px 0 40px 0; padding:5% 0 5% 0; }
.bandeaufondvertcontent p { font-weight:bold; line-height:130%; padding:0; text-align:left; }

.centragefondgris { background:#F8F8F8; margin:40px 0 40px 0; padding:40px 0 40px 0; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.centragefondgriscontent { margin:0 auto; max-width:1000px; text-align:center; padding:20px 15px 20px 15px; clear:both; }
.centragefondgriscontent h2 { line-height:120%; margin:0 0 40px 0; }
.centragefondgriscontent p { text-align:left; margin:15px 1.666666667% 0 1.666666667%; }

.centragefondblanccontent { margin:0 auto; max-width:1000px; text-align:center; padding:0 15px 0 15px; clear:both; }
.centragefondblanccontent h2 { line-height:120%; margin:0 0 40px 0; }
.centragefondblanccontent p { text-align:left; margin:0 1.666666667% 0 1.666666667%; }
}

@media screen and (max-width: 500px) {
.bandeaufondverttemoignage { background:#008887; margin:40px 0 40px 0; padding:40px 0 40px 0; }
.bandeaufondverttemoignagecontent { background:none; margin:0 auto; padding:0 15px 0 15px; max-width:1000px; text-align:center; color:#ffffff; font-size:17px; }
.bandeaufondverttemoignagecontent p { font-weight:bold; line-height:130%; padding:0 15px 0 15px; text-align:left; }
.bandeaufondverttemoignagecontent span { display:block; padding:20px 0 0 0; }
}



.table1 { display:table; }
.celltable1 { display:table-cell; text-align:center; vertical-align:top; padding:0 30px 0 30px; width:33.33333%; }
.celltable1 p { text-align:center; margin:15px 0 0 0; }

.table2 { display:table; }
.celltable2 { display:table-cell; max-width:540px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; }
.celltable2 p { margin:20px 6.896551724% 20px 6.896551724%; text-align:left; }
.celltable2 img { max-width:100%; height:auto; }
.celltable2:first-child { display:table-cell; max-width:580px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; border-right:40px solid #F8F8F8; }

.table3 { display:inline-block; }
.celltable3 { background:#ffffff; max-width:580px; padding:20px 0 20px 0; }
.celltable3 p { margin:20px 6.896551724% 20px 6.896551724%; text-align:left; }
.celltable3 a img { max-width:100%; height:auto; }

.table4 { display:table; margin-left: auto; margin-right: auto; }
.celltable4 { display:table-cell; width:540px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; }
.celltable4 p { margin:20px 6.896551724% 20px 6.896551724%; text-align:center; }
.celltable4 img { max-width:100%; height:auto; }
.celltable4:first-child { display:table-cell; max-width:580px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; border-right:40px solid #F8F8F8; }

.table5 { display:table; }
.celltable5 { display:table-cell; text-align:center; vertical-align:top; }
.celltable5 p { text-align:center; margin:15px 15px 0 15px; }

.table6 { display:table; }
.celltable6 { display:table-cell; width:540px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; }
.celltable6 p { margin:20px 6.896551724% 20px 6.896551724%; text-align:center; }
.celltable6 img { max-width:100%; height:auto; }
.celltable6:first-child { display:table-cell; max-width:580px; text-align:center; vertical-align:top; background:#ffffff; padding:20px 0 20px 0; border-right:40px solid #F8F8F8; }




@media screen and (max-width: 1100px) {
.celltable2 { display:block; max-width:100%; text-align:center; background:#ffffff; padding:20px 0 20px 0; }
.celltable2:first-child { display:block; max-width:100%; text-align:center; background:#ffffff; padding:20px 0 20px 0; border-right:none; margin:0 0 20px 0; }
.table4 { display:inline-block; }
.celltable4 { display:block; width:100%; text-align:center; background:#ffffff; padding:20px 0 20px 0; }
.celltable4:first-child { display:block; width:100%; text-align:center; background:#ffffff; padding:20px 0 20px 0; border-right:none; margin:0 0 20px 0; }
}

@media screen and (max-width: 1100px) {
.celltable5 { display:table-row; width:100%; }
.celltable5 p { text-align:center; margin:15px 0 20px 0; }
}

@media screen and (max-width: 860px) {
.celltable1 { display:table-row; width:100%; }
.celltable1 p { text-align:center; margin:15px 0 20px 0; }

}


.bold { font-weight:bold; }
.underline { text-decoration:underline; }
.lienrouge { color:#C30049; text-decoration:underline; }
.lienrouge:hover { text-decoration:none; }
.lienrougemarge { color:#C30049; text-decoration:underline; display:block; margin:5px 0 0 0; }
.lienrouge:hover { text-decoration:none; }
.lienblanc { color:#ffffff; text-decoration:underline; }
.lienblanc:hover { color:#ffffff; text-decoration:none; }
.liennoir { color:#000000; text-decoration:underline; }
.liennoir:hover { text-decoration:none; color:#C30049; }

.encadre { border:1px solid #000000; display:inline-block; padding:5px 10px 5px 10px; margin:0 0 10px 0; }

@media screen and (max-width: 1000px) {
.intro { margin:90px auto 0 auto; max-width:1200px; text-align:center; }
}


.infospratiques { background:#F8F8F8; margin:50px 0 0 0; padding:50px 20px 40px 20px; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.infospratiquescontent { margin:0 auto; max-width:1200px; text-align:center; background:#F8F8F8; }
.infospratiquescontent h2 { margin:0 0 50px 0; }
.infospratiquescontentdetails { max-width:600px; text-align:left; margin:15px 0 40px 25%; }

@media screen and (max-width: 1000px) {
.infospratiques { background:#F8F8F8; margin:50px 0 0 0; padding:50px 20px 40px 20px; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.infospratiquescontent { margin:0 auto; max-width:1200px; text-align:center; background:#F8F8F8; }
.infospratiquescontent h2 { margin:0 0 50px 0; }
.infospratiquescontentdetails { max-width:1000px; text-align:left; margin:15px 0 40px 15px; }
}

@media screen and (max-width: 450px) {
.infospratiques { background:#F8F8F8; margin:40px 0 0 0; padding:40px 20px 40px 20px; border-top:2px solid #D2D3D5; border-bottom:2px solid #D2D3D5; }
.infospratiquescontent { margin:0 auto; max-width:1200px; text-align:center; background:#F8F8F8; }
.infospratiquescontent h2 { margin:0 0 50px 0; }
.infospratiquescontentdetails { max-width:auto; text-align:left; margin:15px 0 0 0; }
}

.alternativeframenewsletter { display:none; }
@media screen and (max-width: 700px) {
.framenewsletter { display:none; }
.alternativeframenewsletter { display:block; margin:0 auto 15px auto; max-width:800px; }
}


.certificat { background:url("../img/icone-certificat.gif") no-repeat top left; background-size:80px 80px; padding:0px 15px 0 120px; min-height:120px; }
.jours { background:url("../img/icone-jours.gif") no-repeat top left; background-size:80px 80px; padding:30px 15px 0 120px; min-height:120px; }
.horaire { background:url("../img/icone-horaire.gif") no-repeat top left; background-size:80px 80px; padding:30px 15px 0 120px; min-height:120px; }
.dates { background:url("../img/icone-dates.gif") no-repeat top left; background-size:80px 80px; padding:0 15px 20px 120px; min-height:120px; }
.datessimple { background:url("../img/icone-dates.gif") no-repeat top left; background-size:80px 80px; padding:30px 15px 0 120px; min-height:120px; }
.adresse { background:url("../img/icone-adresse.gif") no-repeat top left; background-size:80px 80px; padding:0px 15px 0 120px; min-height:120px; }
.plan { background:url("../img/icone-plan.gif") no-repeat top left; background-size:80px 80px; padding:30px 15px 0 120px; min-height:120px; }
.syllabus { background:url("../img/icone-syllabus.gif") no-repeat top left; background-size:80px 80px; padding:20px 15px 0 120px; min-height:120px; }
.tarif { background:url("../img/icone-tarifs.gif") no-repeat top left; background-size:80px 80px; padding:0 15px 20px 120px; min-height:120px; }
.tarifsubside { display:block; margin:5px 0 0 40px; }
.subsides { background:url("../img/icone-subsides.gif") no-repeat top left; background-size:80px 80px; padding:10px 15px 0 120px; min-height:120px; }
.aide { background:url("../img/icone-aide.gif") no-repeat top left; background-size:80px 80px; padding:10px 15px 0 120px; min-height:120px; }
.infos { background:url("../img/icone-info.gif") no-repeat top left; background-size:80px 80px; padding:0 15px 20px 120px; min-height:120px; }
.cceu { background:url("../img/icone-cceu.gif") no-repeat top left; background-size:80px 80px; padding:0 15px 20px 120px; min-height:120px; }
.boutoninscription { display:block; background:#C30049; padding:20px 20px 20px 20px; margin:60px 15px 10px 15px; color:#ffffff; text-decoration:none; border-radius:10px; text-align:center; font-size:25px; }
.boutoninscription:hover, .boutoninscription:focus { background:#008887; }
.boutoninscriptionlisteattente { display:block; background:#008887; padding:20px 20px 20px 20px; margin:60px 15px 10px 15px; color:#ffffff; text-decoration:none; border-radius:10px; text-align:center; font-size:25px; }
.boutoninscriptionlisteattente:hover, .boutoninscriptionlisteattente:focus { background:#C30049; }

@media screen and (max-width: 450px) {
.jours { background:none; padding:0 15px 0 15px; min-height:auto; }
.horaire { background:none; padding:35px 15px 35px 15px; min-height:auto; }
.dates { background:none; padding:0 15px 20px 15px; min-height:auto; }
.datessimple { background:none; padding:0 15px 20px 15px; min-height:auto; }
.adresse { background:none; padding:15px 15px 20px 15px; min-height:auto; }
.plan { background:none; padding:15px 15px 0 15px; min-height:auto; }
.syllabus { background:none; padding:0px 15px 20px 15px; min-height:auto; }
.tarif { background:none; padding:15px 15px 0 15px; min-height:auto; }
.tarifsubside { display:block; margin:5px 0 0 40px; }
}

.programmecompetences { color:#008887; margin:30px 0 0 0; }
.ulprogrammecompetences { list-style:none; text-align:center; margin:0; padding:0; }
.ulprogrammecompetences li { line-height:150%; text-align:center; }
.programme { color:#008887; margin:30px 0 15px 30px; text-align:left; }


.centrageul { margin:0 auto; }
.ul { text-align:left; }
.ul li { line-height:150%; }

.cachediv { display:none; height:1px; margin-top:-1px; position:absolute; }
.cachedivgrise { margin:0 auto 15px auto; max-width:800px; background:#F8F8F8; padding:15px 15px 15px 15px; }

.openmodule { display:block; color:#ffffff; text-decoration:none; background:#C30049; border-radius:10px; color:#ffffff; padding:10px 10px 10px 10px; margin:40px 20px 20px 20px; }
.openmodule:hover { background:#008887; }
.openmodulevert { display:block; color:#ffffff; text-decoration:none; background:#008887; border-radius:10px; color:#ffffff; padding:10px 10px 10px 10px; margin:40px 20px 20px 20px; }
.openmodulevert:hover { background:#C30049; }

.coachssolidaires { display:table; width:100%; text-align:left; background:#F8F8F8; padding:0 15px 0 0; }
.coachssolidairesimg { display:table-cell; vertical-align:top; padding:0 30px 0 0; width:250px; }
.coachssolidairesimg img { max-width:250px; }
.coachssolidairescontenutexte { display:table-cell; vertical-align:top; text-align:left; }
.coachssolidairestitre { font-size:30px; color:#C30049; margin:15px 0 15px 0; }
.coachssolidairesboutoncompte { display:block; background:#357ae8; margin:20px 0 5px 0; padding:10px 10px 10px 10px; border:1px solid #ffffff; color:#ffffff; font-size:18px; text-decoration:none; }
.coachssolidairesboutoncompte:hover { background:#C30049; color:#ffffff; }
.lienrougemail { color:#C30049; text-decoration:underline; margin:0 0 5px 0; }
.lienrougemail:hover { text-decoration:none; }
.coachssolidairesinfo { margin:0 0 10px 0; }

.coachssolidairesoff { display:table; width:100%; text-align:left; padding:0 15px 0 0; }
.coachssolidairesoffimg { display:table-cell; vertical-align:top; padding:0 30px 0 0; width:250px; }
.coachssolidairesoffimg img { max-width:250px; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.coachssolidairesofftitre { font-size:30px; color:##696969; margin:15px 0 15px 0; }

@media screen and (max-width: 750px) {
.coachssolidaires { text-align:left; background:#F8F8F8; padding:0 15px 0 15px; }
.coachssolidairesimg { display:block; padding:0 30px 0 0; width:250px; }
.coachssolidairescontenutexte { display:block; text-align:left; }
.coachssolidairesboutoncompte { display:block; background:#357ae8; margin:20px 0 5px 0; padding:10px 10px 10px 10px; border:1px solid #ffffff; color:#ffffff; font-size:16px; text-decoration:none; }
.coachssolidairesboutoncompte:hover { background:#C30049; color:#ffffff; }

.coachssolidairesoff { text-align:left; padding:0 15px 0 15px; }
.coachssolidairesoffimg { display:block; padding:0 30px 0 0; width:250px; }
}

/* FIN CONTENUS */






/* BOTTOM */
#bottom { margin:60px 0 0 0; }
.accreditations { background:#3E3E3E; width:100%; }
.accreditationscontent { margin:0 auto; max-width:1200px; text-align:center; }
.accreditationstable { display:table; width:100%; }
.accreditationstable div { display:table-cell; border-right:1px solid #ffffff; vertical-align:middle; text-align:center; padding:2.5% 2.5% 2.5% 2.5%; width:20%; }
.accreditationstable div:first-child { display:table-cell; border-right:1px solid #ffffff; vertical-align:middle; text-align:center; padding:2.5% 2.5% 2.5% 2.5%; width:20%; }
.accreditationstable div:last-child { display:table-cell; border-right:none; vertical-align:middle; text-align:center; padding:2.5% 2.5% 2.5% 2.5%; width:20%; }
.accreditationstable div img { width:100%; }
.newsletter { clear:both; background:#C30049; width:100%; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.newslettercontent { margin:0 auto; max-width:1200px; text-align:center; font-size:18px; color:#ffffff; padding:15px 15px 15px 15px; }
.newslettercontent a { color:#ffffff; text-decoration:underline; }
.newslettercontent a:hover, .newslettercontent a:focus { color:#ffffff; text-decoration:none; }
.siegesocial { background:#455A64; width:100%; }
.siegesocialcontent { margin:0 auto; max-width:1200px; text-align:center; color:#ffffff; padding:30px 15px 30px 15px; }
.siegesocialcontent a img { border:1px solid #ffffff; }
.siegesocialcontent a img:hover { border:1px solid #C30049; }
.copyright { background:#3E3E3E; width:100%; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }
.copyrightcontent { margin:0 auto; max-width:1200px; text-align:center; color:#ffffff; padding:15px 15px 15px 15px; }
.copyrightcontent a { color:#ffffff; text-decoration:underline; }
.copyrightcontent a:hover, .copyrightcontent a:focus { color:#ffffff; text-decoration:none; }
.telbottom { display:block; margin:0 0 5px 0; color:#ffffff; }


@media screen and (max-width: 750px) {
.acceditationstable { display:table; text-align:center; width:100%; }
.accreditationstable div { display:block; border-right:none; border-bottom:1px solid #ffffff; text-align:center; padding:2.5% 0 2.5% 0; width:100%; }
.accreditationstable div:first-child { display:block; border-right:none; border-bottom:1px solid #ffffff; text-align:center; padding:2.5% 0 2.5% 0; width:100%; }
.accreditationstable div:last-child { display:block; border-right:none; border-bottom:none; text-align:center; padding:2.5% 0 2.5% 0; width:100%; }
.accreditationstable div img { max-width:150px; }
}
/* FIN BOTTOM */




/* FORMULAIRES */
.formcontainer { margin:0 auto 15px auto; max-width:800px; text-align:left; }
* { box-sizing: border-box; }

.error { background:#ff0000; padding:15px 15px 15px 15px; color:#ffffff; list-style-type:none; }
.errorliens { color:#ffffff; text-decoration:underline; }
.errorliens:hover { text-decoration:none; }
/* pour champs spéciaux */
.pm { position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.formok { background:#37af76; padding:15px 15px 15px 15px; color:#ffffff; }
fieldset { border:none; }
.form-row { display: grid; grid-template-columns: 200px 1fr; gap: 12px; align-items: center; margin-bottom: 12px; }
.label { text-align:right; }
button[type=submit] { background-color: #C30049; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: left; }
button[type=submit]:hover { background-color: #008887; }

input[type=text], input[type=email], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
label { padding: 12px 12px 12px 0; display: inline-block; }
input[type=submit] { background-color: #C30049; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: left; }
input[type=submit]:hover { background-color: #008887; }
.container { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }
.col-25 { float:left; width: 25%; margin-top: 6px; text-align:right; }
.col-75 { float:left; width: 75%; margin-top: 6px; }
/* Clear floats after the columns */
.row:after { content: ""; display: table; clear: both; }
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.form-row { grid-template-columns: 1fr; gap:0px; margin-bottom:0px; }
.label { text-align: left; margin-bottom: 4px; }
.col-25, .col-75 { width: 100%; margin-top: 0; text-align:left; }
input[type=submit] { width: 100%; margin-top: 0; }
}
@media screen and (max-width: 500px) {
  label { display:block; }
}
/* FIN FORMULAIRES */