*, *:before,*:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

body{color:#000; font:18px 'Open Sans', sans-serif; margin: 0; padding: 0; text-align:left;}
html{background-color:#FFF;}

main{margin: 0 auto; position:relative; text-align:left; width:1400px;}

a:link, a:visited{color:#000; text-decoration:none;}
a:focus{outline: 0;}

a, a:hover{color:#57A7DA;}
a, a:hover, a h1, a h2, a h3, #temoignages i, footer #infos .bloc#rs i, #nos_formations .search #submit{-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
a img{border:none;}

p, ul, li, hr, h1, h2, h3, h4, h5, h6, form{margin: 0; padding: 0;}
p{margin-bottom: 1rem}

h1, h2, h3{background-color: #FFF; border: 2px solid #636467; border-radius: 8px; color: #636467; display: inline-block; font: 700 1.8rem 'Open Sans Condensed', sans-serif; margin: 0 auto 2rem auto; padding: .8rem 2rem; text-transform: uppercase}
h1.large, h2.large, h3.large{padding: .8rem 4rem;}
h1.black, h2.black, h3.black{background-color: #636467; color: #FFF; font-weight: 600}
a:hover h1.black, a:hover h2.black, a:hover h3.black{background-color: #FFF; color: #636467;}
a:hover h1, a:hover h2, a:hover h3{background-color: #636467; color: #FFF;}

.titre{text-align: center}

.cache{display:none;}

main{margin: 0 auto; width: 70%}

header{height: 370px; padding-top: 1%; position: relative}
header #intro{font-size: 1.7rem; margin-bottom: 3rem; text-align: center}
header #logo{left: 10.5%; position: absolute; top: 14%; width: 24%; z-index: 1}
header #logo img{height: auto; max-width: 100%}
header #qualiopi{bottom: 3.5rem; height: auto; position: absolute; right: 1rem; width: 200px}
header nav{position: relative; z-index: 2}
header nav ul{list-style: none;}
header nav ul li{display: inline-block; width: 13.9%}
header nav ul li:last-child{margin-right: 0;}
header nav ul li.separ{position: relative;}
header nav ul li a{background-color: #636467; border: 1px solid #636467; border-radius: 5px; color: #FFF!important; display: block; font-size: .8rem; font-weight: bold; margin: 0 auto; padding: .2rem 0; text-align: center; text-transform: uppercase; width: 95%;}
header nav ul li a:hover, nav ul li a.cours{background-color: #FFF; border-color: #636467; color: #636467!important;}

a.lien_bleu{background: url('../images/fond-bleu.png') no-repeat 0 0; height: 140px; padding-top: 40px; width: 200px;}
a.lien_bleu_inverse{background: url('../images/fond-bleu-inverse.png') no-repeat 0 0; height: 140px; padding-top: 40px; width: 200px;}
a.lien_bleu.nblines1{padding-top: 55px;}
a.lien_bleu.nblines3{padding-top: 25px;}
a.lien_vert{background: url('../images/fond-vert.png') no-repeat 0 0; height: 214px; padding-top: 75px; width: 200px;}
a.lien_vert_inverse{background: url('../images/fond-vert-inverse.png') no-repeat 0 0; height: 214px; padding-top: 75px; width: 200px;}
a.lien_vert.nblines1{padding-top: 100px;}
a.lien_vert.nblines3{padding-top: 72px;}
a.lien_vert.nblines4{padding-top: 50px;}
a.lien_vert.nblines5{padding-top: 40px;}
a.lien_orange{background: url('../images/fond-orange.png') no-repeat 0 0; height: 192px; padding-top: 72px; width: 200px;}
a.lien_orange_inverse{background: url('../images/fond-orange-inverse.png') no-repeat 0 0; height: 192px; padding-top: 72px; width: 200px;}
a.lien_orange.nblines1{padding-top: 85px;}
a.lien_orange.nblines3{padding-top: 55px;}
a.lien_orange.nblines4{padding-top: 35px;}
a.lien_bloc{color: #FFF; display: inline-block; font-size: 1.7rem; font-weight: 600; line-height: 1.9rem; margin-bottom: .5rem; margin-right: 1rem; padding-left: 10px; padding-right: 10px; text-align: center; vertical-align: bottom;}
a.lien_bloc:hover{color: #000;}

.content.twocols, .content.threecols{display: flex; flex-wrap: wrap; justify-content: space-between;}
.content.twocols > div:first-child{width: 30%}
.content.twocols > div:last-child{text-align: right; width: 65%}
.content.twocols > div.center:last-child{padding-top: 7rem; text-align: center;}
.content.threecols > div:first-child, .content.threecols > div:last-child{width: 34%}
.content.threecols > div:nth-child(2){width: 25%}

#slide{background-color: #FFF; display: none; margin-top: 1.5rem; padding-top: 1.5rem}

div.satisfaction{height: 140px; position: relative; width: 140px}
div.satisfaction img{bottom: 0; height: 140px; left: 0; position: absolute; right: 0; top: 0; width: 140px; z-index: 2}
div.satisfaction .indice{background-color: #FFF; bottom: 0; color: #df011a; font-size: 33px; font-weight: 700; height: 100px; left: 22px; padding-top: 17px; position: absolute; right: 0; text-align: center; top: 28px; transform: rotate(.98turn); width: 100px; z-index: 1}
div.satisfaction .indice span.virgule{font-size: 16px; font-weight: 700}
div.satisfaction .indice span.pourcent{font-size: 25px; font-weight: 600}

main{background-repeat: no-repeat; background-position: center 5rem; background-size: contain;}

#bd-accueil main{background-image: url(../images/fond-accueil.jpg?1);}
#accueil .content.twocols > div:first-child{width: 32%}
#accueil .content.twocols > div:last-child{padding-top: 4rem; position: relative;}
#accueil .content.twocols > div:last-child h1{margin: 4rem 12% 0 0; text-align: center;}
#accueil .content.twocols > div:last-child div.satisfaction{left: 55%; position: absolute; top: -25%;}
#accueil #video img{height: auto; width: 100%}
#accueil #video video{border: 6px solid #656669; border-radius: 20px; object-fit: cover; width: 100%}

#accueil_valeurs .content.twocols > div:first-child{width: 45%}
#accueil_valeurs .content.twocols > div:last-child{text-align: right; width: 45%}
#accueil_valeurs #valeurs img{height: auto; margin-bottom: 6rem; width: 100%}
#accueil_valeurs #equipe{background-color: #65B9E7; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px; position: relative;}
#accueil_valeurs #equipe img.cadre{bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
#accueil_valeurs #equipe .equipier{cursor: pointer; margin-bottom: 1rem; position: relative; width: 49%;}
#accueil_valeurs #equipe .equipier img{height: auto; width: 100%}
#accueil_valeurs #equipe .equipier .info{background-color: #000; bottom: 0; color: #FFF; font-size: 1rem; left: 0; padding: .5rem 1rem; position: absolute; right: 0; text-align: center; z-index: 2}
#accueil_valeurs #equipe .equipier .info p{margin-bottom: .1rem}
#accueil_valeurs #equipe .equipier .info p.titre{color: #66BAE8; font-weight: 500}
#accueil_valeurs #equipe .equipier:nth-child(3n+2) .info p.titre{color: #A3CF62}
#accueil_valeurs #equipe .equipier:nth-child(3n+3) .info p.titre{color: #EFBF50}
#accueil_valeurs #ambition{text-align: left}

#proximite .plan{text-align: center; margin: -1.5rem 0 2rem 0}
#proximite .plan img{display: block; height: auto; margin: 1rem auto 0 auto; width: 90%;}
#proximite .contact{font-size: 1.3rem; text-align: center}
#proximite .contact div{margin-bottom: .3rem}
#proximite .content.threecols > div:nth-child(2){margin-top: -4rem;}
#proximite .atouts{display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 3rem}
#proximite .atouts div{width: 29%;}
#proximite .atouts div img{height: auto; width: 100%;}
#proximite .satisfaction{margin: 3rem auto 1.5rem auto; text-align: center}
#proximite #temoignages{min-height: 200px; position: relative;}
#proximite #temoignages img{cursor: pointer; font-size: 1.1rem; position: absolute; top: 60px}
#proximite #temoignages img.left{left: -10px}
#proximite #temoignages img.right{right: -10px}
#proximite #temoignages #temoignage_content{margin: 0 auto; overflow: hidden; position: relative; width: 90%}
#proximite #temoignages #temoignage_content img{bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
#proximite #temoignages #temoignage_content .content{padding: 1rem 2rem;}
#proximite #temoignages #temoignage_content .client{text-align: right;}

#bd-nos-formations main{background-image: url(../images/fond-nos-formations.jpg?1);}
#nos_formations a.lien_bloc{font-size: 1.45rem; line-height: 1.7rem;}
#nos_formations .titres{display: flex; flex-wrap: wrap; justify-content: space-between;}
#nos_formations .titres div{text-align: left; width: 48%}
#nos_formations .titres div:last-child{text-align: right}
#nos_formations .search{margin-top: -11rem; text-align: center}
#nos_formations .search .content{height: 290px; margin: 0 auto; padding-top: 40px; position: relative; width: 280px;}
#nos_formations .search img{bottom: 0; height: auto; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3}
#nos_formations .search .help{background-color: #FFF; font-size: .85rem; height: 135px; margin-left: 25px; padding: 20px; text-align: center; width: 60%}
#nos_formations .search #search{background-color: #FFF; display: none; height: 92px; left: 62px; position: absolute; top: 62px; width: 92px; z-index: 4}
#nos_formations .search #inputsearch{background-color: #EEE; border: none; font-size: 1.2rem; margin: 15px 0 5px 0; padding: 8px 2px; text-align: center; width: 100%}
#nos_formations .search #submit{background-color: #636467; border: none; color: #FFF; cursor: pointer; font-size: 1.05rem; font-weight: 600; padding: .2rem 0; width: 70px}
#nos_formations .search #submit:hover{background-color: #FFF; color: #636467;}
#nos_formations .liste{align-items: baseline; display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 1.5rem; text-align: center}
#nos_formations .liste.two{align-items: flex-start;}
#nos_formations .liste div{width: 16%}
#nos_formations #slide .content .bloc{background-color: #FFF; border: 10px solid #66BAE8; border-radius: 20px; display:	inline-block; margin: 0 1rem 1rem 1rem; min-height: 380px; padding: 1rem; vertical-align: top; width: 30%}
#nos_formations #slide .content .bloc .date{font-size: 1.25rem; font-weight: bold;}
#nos_formations #slide .content .bloc .date i{margin-right: .5rem}
#nos_formations #slide .content.formation2 .bloc, #nos_formations #slide .content .bloc.formation2, #nos_formations #slide .content.formation5 .bloc, #nos_formations #slide .content .bloc.formation5{border-color: #A3CF62;}
#nos_formations #slide .content.formation3 .bloc, #nos_formations #slide .content .bloc.formation3, #nos_formations #slide .content.formation6 .bloc, #nos_formations #slide .content .bloc.formation6{border-color: #F1BF50;}
#nos_formations #slide .content .bloc h4{border-bottom: 1px solid #EEE; font-size: 1.5rem; font-weight: 600; line-height: 1.8rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem}
#nos_formations #slide .content .bloc.titre{border: none; padding: 0; position: relative}
#nos_formations #slide .content.formation1 .bloc.titre, #nos_formations #slide .content.formation4 .bloc.titre, #nos_formations #slide .content.formation7 .bloc.titre, #nos_formations #slide .content.formation10 .bloc.titre{background-color: #66BAE8}
#nos_formations #slide .content.formation2 .bloc.titre, #nos_formations #slide .content.formation5 .bloc.titre, #nos_formations #slide .content.formation8 .bloc.titre, #nos_formations #slide .content.formation11 .bloc.titre{background-color: #A3CF62}
#nos_formations #slide .content.formation3 .bloc.titre, #nos_formations #slide .content.formation6 .bloc.titre, #nos_formations #slide .content.formation9 .bloc.titre, #nos_formations #slide .content.formation11 .bloc.titre{background-color: #F1BF50}
#nos_formations #slide .content .bloc.titre h3{margin-bottom: .6rem; text-align: center; width: 100%}
#nos_formations #slide .content .bloc.titre img{height: auto; width: 100%}
#nos_formations #slide .content .bloc.titre div{font-size: 1.1rem; padding:	2rem; text-align: justify;}
#nos_formations #slide .content .bloc.titre .resultsearch{display: inline-block; height: 261px; margin: 4rem auto 0 auto; padding-top: 5rem; text-align: center; width: 261px}
#nos_formations #slide .content .bloc.titre .resultsearch img{bottom: 0; left: 0; position: absolute; right: 0; top: 0}
#nos_formations #slide .content .bloc.titre .resultsearch #nbresult{color: #666; font-size: 4.5rem;}
#nos_formations #slide .content .bloc strong{font-weight: 600}
#nos_formations #slide .content .bloc .plus{margin-top: 1.5rem; text-align: right}
#nos_formations #slide .content .bloc .plus img{height: auto; width: 100px}
#nos_formations .intro{font-size: 1.4rem; margin: 0 auto; text-align: center; width: 75%}

#nos_formateurs .formateurs{align-items: baseline; display: flex; flex-wrap: wrap; justify-content: space-around;}
#nos_formateurs .formateurs .formateur{cursor: pointer; margin-bottom: 1rem; position: relative; width: 42%;}
#nos_formateurs .formateurs .formateur img{height: auto; width: 100%}
#nos_formateurs .formateurs .formateur img.cadre{bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}
#nos_formateurs .formateurs .formateur .info{background-color: #000; bottom: 15px; color: #FFF; font-size: .7rem; left: 0; opacity: 0; padding: .5rem 1rem 1rem 1rem; position: absolute; right: 0; text-align: center; z-index: 2}
#nos_formateurs .formateurs .formateur:hover .info{opacity: .9; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
#nos_formateurs .formateurs .formateur .info p{margin-bottom: .1rem}
#nos_formateurs .formateurs .formateur .info p.formation{color: #66BAE8; font-weight: 500}
#nos_formateurs .formateurs.liste1 .formateur:nth-child(2) .info p.formation, #nos_formateurs .formateurs.liste2 .formateur:nth-child(1) .info p.formation{color: #A3CF62}
#nos_formateurs .formateurs.liste1 .formateur:nth-child(4) .info p.formation, #nos_formateurs .formateurs.liste2 .formateur:nth-child(4) .info p.formation{color: #EFBF50}

#bd-newsletter main{background-image: url(../images/fond-newsletter.jpg);}
#newsletter .content.twocols > div:first-child{width: 45%;}
#newsletter .content.twocols > div:last-child{padding-top: 0; width: 50%;}
#newsletter #image{position: relative;}
#newsletter #image img.image{border: 50px solid #A3CF62; border-radius: 80px; height: auto; max-width: 100%}

#bd-financement main{background-image: url(../images/fond-financement.jpg?1);}

#bd-location-salles main{background-image: url(../images/fond-location-salles.jpg?1);}
#locationsalle #slide .content{align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: space-between;}
#locationsalle #slide .content .texte{background-color: #66BAE8; border-radius: 20px; padding: 1.5rem; width: 45%}
#locationsalle #slide .content.presentation .texte{background-color: #A3CF62}
#locationsalle #slide .content.contact .texte{background-color: #EFBF50}
#locationsalle #slide .content .image{position: relative; width: 48%}
#locationsalle #slide .content .image img{height: auto; max-width: 100%;}
#locationsalle #slide .content .image img.cadre{bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 3;}

#bd-missions-fiscales main{background-image: url(../images/fond-missions-fiscales.jpg?1);}
#missionsfiscales .content.twocols > div.center:last-child{padding-top: 2rem;}
#missionsfiscales #slide .content{background-color: #66BAE8; border-radius: 20px; padding: 1.5rem;}
#missionsfiscales #slide .content.securite{background-color: #A3CF62}
#missionsfiscales #slide .content.conseil{background-color: #EFBF50}
#missionsfiscales .center div{margin-top: 3rem}

footer{font-size: .8rem; margin: 4rem 0 2rem 0; text-align: center}
footer #infos{display: flex; flex-wrap: wrap; justify-content: space-between;}
footer #infos .bloc{position: relative; width: 30%}
footer #infos .bloc:before{border-radius: 5px; content: ""; left: 0; height: 16px; position: absolute; right: 0; top: calc(50% - 8px);}
footer #infos .bloc#tel:before{background-color: #57A7DA;}
footer #infos .bloc#rs:before{background-color: #81C35D;}
footer #infos .bloc#extranet:before{background-color: #D49E38;}
footer #infos .bloc .content{background-color: #636467; border-radius: 5px; color: #FFF; font-size: 1.2rem; font-weight: 600; height: 60px; margin: 0 auto 2px auto; padding-top: 3px; position: relative; text-align: center; width: 65%; z-index: 2}
footer #infos .bloc .content a{color: #FFF; display: block}
footer #infos .bloc#tel .content a:hover{color: #57A7DA;}
footer #infos .bloc#rs a{position: relative; z-index: 2}
footer #infos .bloc#rs i{background-color: #01307b; border-radius: 5px; color: #FFF; font-size: 2.6rem; margin: 0 .5rem; padding: .4rem; vertical-align: middle; width: 60px;}
footer #infos .bloc#rs i.fa-linkedin-in{background-color: #007bb4;}
footer #infos .bloc#rs i:hover{background-color: #011d4c;}
footer #infos .bloc#rs i.fa-facebook-f{padding: .8rem 0 0 .7rem;}
footer #infos .bloc#extranet .content{font-size: 1.3rem; padding-top: 14px}
footer #infos .bloc#extranet .content a:hover{color: #D49E38;}
footer #loi{background-color: #FFF; margin-top: 1.5rem; padding-top: 1rem}
footer #loi p{margin-bottom: 0}


@media screen and (max-width: 1920px){

	main{width: 80%}

	header #logo{left: 9.1%;}

}

@media screen and (max-width: 1600px){

	html{font-size: 17px;}

	main{margin: 0 auto; width: 90%}

	header nav ul li a{font-size: .7rem; width: 98%;}

	#accueil_valeurs #equipe .equipier .info{font-size: .8rem;}

}

@media screen and (max-width: 1500px){

	header #logo{top: 18%;}

}

@media screen and (max-width: 1300px){

	#accueil_valeurs #equipe .equipier{width: 48%;}

	footer #infos .bloc .content{font-size: 1rem; padding-top: .3rem}

}

@media screen and (max-width: 1250px){

	html{font-size: 16px;}

	header{height: auto; margin-bottom: 2rem; padding-top: 1rem;}
	header #intro {margin-bottom: .6rem;}
	header #logo{margin: 0 auto 1rem auto; position: static; text-align: center; width: auto}
	header #qualiopi{bottom: 0; right: 0; top: 10rem;}
	header nav ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
	header nav ul li{margin-bottom: .6rem; margin-right: 0; width: 32%}
	header nav ul li a{font-size: .9rem; width: 100%}
	header nav ul li.separ{display: none}

	main{background-position: center 20rem;}

	#accueil .content.twocols > div:last-child div.satisfaction{left: auto; margin: 1.5rem auto 2rem auto; position: relative; text-align: center; top: auto}

	#proximite .content.threecols > div:nth-child(2){margin-top: 1rem;}

	#nos_formations .search{margin-top: 0rem;}
	#nos_formations .liste div{width: 32%}
	#nos_formations .intro{font-size: 1.2rem; width: 100%}

}

@media screen and (max-width: 1200px){

	#nos_formations #slide .content .bloc{width: 44%}

}

@media screen and (max-width: 1100px){

	#nos_formateurs .formateurs .formateur{width: 100%;}

}

@media screen and (max-width: 1050px){

	footer #infos .bloc .content{font-size: .8rem; padding-top: .5rem}

}

@media screen and (max-width: 950px){

	footer #infos .bloc{width: 33%}

}

@media screen and (max-width: 850px){

	.content.twocols > div:first-child, .content.twocols > div:last-child{width: 100%!important}
	.content.twocols > div:last-child{text-align: center}
	.content.twocols > div:last-child, .content.twocols > div.center:last-child{padding-top: 2rem;}
	.content.threecols > div{margin-bottom: 1rem; width: 100%!important}

	#accueil .content.twocols > div:last-child{padding-top: 1rem;}
	#accueil .content.twocols > div:last-child h3{margin-right: 0}
	#accueil .content.twocols > div:last-child h1{margin-right: 0}

	#newsletter .content.twocols > div:first-child{margin-bottom: 2rem}
	#newsletter #image img.image{border-width: 30px; border-radius: 50px; width: 100%}

	#proximite .plan{margin-top: 0}
	#proximite #temoignages img{top: 80px}

	#locationsalle #slide .content .texte{margin-bottom: 2rem; width: 100%}
	#locationsalle #slide .content .image{width: 100%}

	#nos_formateurs .formateurs .formateur{width: 42%;}

}

@media screen and (max-width: 800px){

	#nos_formations .titres div{width: 100%}
	#nos_formations .titres div:first-child, #nos_formations .titres div:last-child{text-align: center}

}

@media screen and (max-width: 750px){

	header #qualiopi{display: block; margin: -.5rem auto 1.5rem auto; position: static; width: 120px}

	#bd-accueil main{background: none;}

	#nos_formations #slide .content .bloc{margin-left: 0; margin-right: 0; width: 100%}

	footer #infos .bloc{margin-bottom: 1.5rem; width: 100%;}
	footer #infos .bloc .content{font-size: 1.2rem; padding-top: 0}

}

@media screen and (max-width: 650px){

	#nos_formations .liste div{width: 48%}
	#nos_formations .titres div{width: 100%!important}

}

@media screen and (max-width: 600px){

	h1, h2, h3{font-size: 1.45rem}

	header nav ul li{width: 48%}

	#proximite .plan img{width: 100%;}

}

@media screen and (max-width: 500px){

	h1.large, h2.large, h3.large{padding: .8rem 3rem;}

	header{padding-top: .5rem;}
	header nav ul li{width: 100%}
	header #intro{font-size: 1.5rem;}

	#accueil_valeurs #lstvaleurs{width: 75%;}
	#accueil_valeurs #valeurs img{margin-bottom: 2rem}
	#accueil_valeurs #equipe{padding: 15px}
	#accueil_valeurs #equipe .equipier .info{font-size: .6rem;}

	#nos_formations .liste{margin-top: .5rem}
	#nos_formations .liste div{width: 100%}

}

@media screen and (max-width: 400px){

	#nos_formateurs .formateurs .formateur{width: 100%;}

	footer #infos .bloc .content{font-size: 1.05rem; padding-top: .1rem}

}









body#end{align-items: center; background: url(../images/fond-accueil-end.jpg) no-repeat center 5rem; background-size: cover; display: flex; height: 100vh; justify-content: center;}
body#end .content{align-content: center; align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0 auto; padding: 2rem 0; text-align: center; width: 80%}
body#end .content img{display: block; height: auto; margin-bottom: 1rem; max-width: 1000px}
body#end .content p{font-size: calc(1rem + 1vw); line-height: 1.5; margin-bottom: calc(1rem + .5vw); text-align: center}

@media screen and (max-width: 2000px){

	body#end .content img{max-width: 700px}

}

@media screen and (max-width: 700px){

	body#end .content img{max-width: none; width: 100%}
	body#end .content p{font-size: 1.2rem; margin-bottom: 1rem;}

}