/* COULEURS */

/*
violet : #8a2d5b;
bleu : #0094a3;
jaune : #f49e00;
gris : #575756;
blanc : #eeeeee;
*/

/* GENERAL */
*{
	font-family: 'Ubuntu', sans-serif;
}
a:link, a:focus, a:hover, a:visited{
	color: inherit;
	text-decoration: none;
	font-size: inherit;
}
body{
	width: 100%;
	margin: 0;
	padding: 0;
	color: #575756;
	overflow-x: hidden;
}
p{
	font-size: 16px;
	font-family: 'Ubuntu', sans-serif;
}
.brmob{
	display: none;
}
.clearfix{
	clear: both;
}
p.infosplus{
	width:70%;
	margin: auto;
}
p.w60{
	width: 60%;
	margin:auto;
}
.cap{
	text-transform: uppercase;
}
.big{
	font-size: 31px;
}
.gras{
	font-weight: 700;
}
a.souligne{
	text-decoration: underline;
}
.centre, .centre p{
	text-align: center;
}
.mght25{
	margin-top: 25px!important;
}
.mg15, #formulaire p.mg15{
	margin: 15px 0;
}
.fdgrisht15{
	width: 100%;
	background-color: #eeeeee;
	height: 15px;
}
.bton{
	color: #ffffff;
	text-transform: uppercase;
	width: auto;
	display: inline-block;
	font-weight: bold;
	background-color: #f49e00;
	padding: 5px 25px;
	font-size: 20px;
	margin: 25px auto;
	border-radius: 8px;
}
.bilan-competences .bton{
	background-color: #f49e00;
}
.entreprises .bton{
	background-color: #0094a3;
}
.encadre{
	border-radius: 25px;
	border: solid 4px #eeeeee;
	color: #575756;
	padding: 25px 50px 95px 50px;
	box-sizing: border-box;
	position: relative;
}
.encadre h3{
	font-size: 22px;
	color: inherit;
}
.plus{
	margin-top: 20px;
	position: absolute;
	text-align: center;
	bottom: 15px;
	width: 100%;
	left: 0;
}
.padd0{
	padding:0!important;
}
p.duree.bleu{
	color: #0094a3!important;
}
.colonnes{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
	max-width: 1400px;
	justify-content: space-around;
	flex-wrap: wrap;
}
.full{
	width: 90%;
	padding: 20px;
	max-width: 1200px;
	margin: auto;
}
.light{
	font-weight: lighter;
}
.cadresviolet{
	text-align: center;
	max-width: 1400px;
	margin: auto;
}
.cadresviolet p{
	border: solid 2px #8a2d5b;
	border-radius: 15px;
	padding: 8px;
	width: 28%;
	display: inline-block;
	color: #8a2d5b;
	font-size: 18px;
	font-weight: 500;
	margin: 40px 25px;
	vertical-align: middle;
}
.col-1-2{
	flex: auto;
	margin: 25px;
	text-align: center;
	width: 46%;
}
#bilan, #formations{
	border-radius: 0 0 25px 25px;
	height: 350px;
}
#bilan{
	background: url("../images/bilan-de-competences.jpg") no-repeat;
	background-size: cover;
}
#bilan a, #formations a{
	display: block;
	height: 100%;
}
#formations{
	background: url("../images/formations.jpg") no-repeat;
	background-size: cover;
}
.col-1-2 h2{
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	background-color: rgba(244,158,0,.8);
	position: relative;
	top:45%;
	font-size: 25px;
	padding: 0;
	height: 75px;
	line-height: 75px;
}
.col-1-2 h2:hover{
	height: 100%;
	padding: 0;
	line-height: 100%;
	top:0;
	vertical-align: middle;
}
.col-1-2 h2:hover a{
	max-height: 55%;
	padding-top: 25%;
	
}
.col-1-2 #bilan h2{
	background-color: rgba(244,158,0,.8);
}
.col-1-2 #formations h2{
	background-color: rgba(0,148,163,.8);
}
.col-1-3{
	flex: auto;
	margin: 5px 25px;
	text-align: left;
	width: 28%;
	position:relative;
}
#formations + .bton{
	background-color: #0094a3;
}
html{
	background-color: #ffffff;
}
bilan-competences ul {
   list-style-type: none;
}
bilan-competences li:before {
   content: '- ';
}
h1{
	font-family: 'Ubuntu', sans-serif;
	color: #8a2d5b;
	font-weight: bold;
	letter-spacing: .2em;
	margin: 35px 0;
	font-size: 38px;
}
h1 .light{
	font-weight: lighter!important;
}
h2 {
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	color: #575756;
	letter-spacing: .1em;
}
h3{
	font-family: 'Ubuntu', sans-serif;
	font-size: 35px;
	letter-spacing: 0em;
	font-weight: 400;
}
.fdgris h3.jaune, #plustarif {
    font-size: 18px;
    text-transform: uppercase;
    color: #f49e00;
    letter-spacing: .2em;
	text-align: center;
	font-weight: bold;
	margin-top: -5px;
}
.fdgris p.normal {
	font-weight: normal;
}
.bandeau.imgfd{
	background-image: url('../images/fd-bilan.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height: auto;
	margin-bottom: 40px;
}
#plustarif{
	cursor:pointer;
}
#plustarif:hover{
	font-size: 1.2em;
}
/* HEADER */
header{
	padding: 10px;
	max-width: 1200px;
	margin: auto;
}
header .logo{
	display: inline-block;
	width: 15%;
	margin-right: 2%;
	vertical-align: middle;
}
header .logo.last-of-type{
	display: inline-block;
	width: 15%;
	margin-right: 0;
}
header .titre{
	width: 65%;
	display: inline-block;
	vertical-align: middle;
}
.titre h2 span:first-child{
	margin-right: 80px;
}

/* FOOTER */
footer{
	width: 100%;
	text-align: center;
	color: #575756;
	font-family: 'Ubuntu', sans-serif;
	margin-top: 45px;
}
footer h3{
	font-size: 19px;
	text-transform: uppercase;
	font-weight: bold;
	width: 90%;
	margin: auto;
	margin-bottom: 5px;
}
footer p{
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto 10px auto;
	width: 90%;
}
footer p.logo-formation{
	margin-top: 5px;
}
footer p.logo-formation img{
	padding: 12px 25px;
}
footer p.bandeaufooter{
	background-color: #575756;
	color: #ffffff;
	padding: 15px 0px;
	margin-bottom: 0;
	width: 100%;
}
footer .bandeaufooter span.mainfooter{
	display: inline-block;
	width:65%;
	text-align: left;
	font-size: 14px;
}
footer .bandeaufooter span.mainfooter b{
	font-weight: bold;
	font-size: 18px;
}
footer .bandeaufooter span.smallfooter{
	display: inline-block;
	width:14%;
	text-align: right;
	font-size: 14px;
}
/* BANDEAU */
.bandeau{
	background-color: #8a2d5b;
	color: #ffffff;
	text-align: center;
	width: 100%;
	min-height: 50px;
	position: relative;
}
.bandeau div{
	display: inline-block;
	vertical-align: bottom;
}
.bandeau div.textes{
	width: 80%;
	margin-right:20%;
}
.bandeau .textes h3{
	margin-bottom: 15px;
}
.bandeau div.image{
	position: absolute;
	bottom: 0;
	right:20%;
}
.bandeau .image img{
	display: block;
	height: 360px;
	width: auto;
}
.cita{
	width: 52%;
	margin: auto;
	position: relative;
}
.bandeau .textes .cita p{
	font-weight: 400;
	font-size: 28px;
}
.cita::before{
	content:url("../images/GuillemetG.png");
	position: absolute;
	left:0;
	top:20px;
	
}
.cita::after{
	content:url("../images/GuillemetD.png");
	position: absolute;
	right:0;
	bottom:20px;
}
.bandeau .textes p{
	font-size: 20px;
}

/*ENCADRE ACCUEIL */
.encadre p.auteur{
	text-align: right;
	font-weight: bold;
	margin: 18px 0 22px 0;
}
.encadre p{
	text-align: left;
	font-size: 19px;
	margin: 0;
}
p.listeforma{
	font-weight: bold;
	margin-top: 25px;
}
.encadre ul{
	list-style: inside url('../images/fleche.png');
	text-align: left;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	margin-top:0;
}
.encadre ul li, .fdgris .liste-formations ul li{
	font-family: 'Ubuntu', sans-serif;
	font-size: 19px;
}

#lecture h3{
	text-transform: uppercase;
	color: #8a2d5b;
	font-weight: bold;
	text-align: left;
	font-size: 25px;
	margin-top: 22px;
	letter-spacing: .2em;
}
.encadre .livre > div:first-child{
	display: inline-block;
	width: 30%;
}
.encadre .livre > div:last-child{
	display: inline-block;
	width: 65%;
	margin-left: 4%;
}
.encadre .livre img{
	max-width: 100%;
	height: auto;
}
.encadre .livre .titre{
	width: 100%;
	margin-bottom: 20px;
	font-weight: bold;
}
.encadre .livre .description{
	width: 100%;
}
.livreplus{
	margin-top: 20px;
}

/* TEMOIGNAGES */
#temoignages{
	background-color: #8a2d5b;
	color: #ffffff;
	text-align: center;
	width: 100%;
	max-width: 1400px;
	position: relative;
	height: 230px;
	margin: 35px auto 250px auto;
	padding: 25px;
	overflow: visible;
}
#prec{
	position: absolute;
	left: 0;
}
#suiv{
	position: absolute;
	right: 0;
}
#temoignages h2{
	text-transform: uppercase;
	font-family: 'Ubuntu', sans-serif;
	font-size: 25px;
	color: #ffffff;
	letter-spacing: .1em;
	text-align: center;
	margin-top: 0;
	position: relative;
}
#slidetesti{
	width: 100%;
	margin: auto;
	margin-top:0;
	padding-top:0;
	height: 380px;
	overflow: hidden;
	margin-bottom: 45px;
	position: relative;
}
#slidetesti #slidet {
    width: 5000px;
    height: 380px;
    position: absolute;
    top: 0;
    overflow: hidden;
	left: 0;
}
.testi {
    width: 350px;
    margin: 0 50px;
    padding: 25px;
    box-sizing: border-box;
    display: block;
    vertical-align: top;
    height: 350px;
    background-color: #eeeeee;
    float: left;
}
.testi p{
	color: #575756;
	text-align: left;
	font-size: 19px;
}
.testi p.auteur{
	font-weight: bold;
}

/* BILAN DE COMPETENCES */
.bilan-competences .bandeau.imgfd h2, .conseils .bandeau.imgfd h2{
	background-color: rgba(244,158,0,.8);
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 15px;
	border-bottom: solid #8a2d5b 15px;
}
.bilan-competences .bandeau .bton{
	margin: 25px auto 0 auto;
	position: relative;
	bottom: -16px;
}
.full h4{
	text-align: center;
	font-weight: 300;
	font-size: 26px;
	margin: 0 auto;
}
.fdgris{
	width: 100%;
	background-color: #eeeeee;
	padding: 25px 0px;
}
.fdgris p, .fdgris ul{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	font-size: 18px;
	line-height: 23px;
}
.fdgris p{
	margin-bottom:0px;
	font-weight: bold;
}
.fdgris p span.couleur{
	font-size: 18px;
	text-transform: uppercase;
	color: #f49e00;
	letter-spacing: .2em;
}
.fdgris ul:first-of-type{
	margin-bottom: 25px;
}
.fdgris ul{
	list-style: inside;
	list-style-type: "– ";
}
.fdgris ul li{
	text-indent: -13px;
	width: 93%;
	margin:auto;
}
.col-1-3 ul li{
	text-indent: -13px;
}
.col-1-3 ul {
	list-style: inside;
	list-style-type: "– ";
	padding:0;
	width: 100%;
	padding-left: 13px;
	margin-top:0;
}
#accompagnement{
	margin: auto;
	margin-bottom:0;
	max-width: 1400px;
	padding: 0px 45px 25px 45px;
	background: url('../images/3.png') no-repeat;
	background-position: bottom 0px left 25%;
}
#accompagnement .colonnes.full{
	padding: 0;
}
#accompagnement h2{
	margin: auto;
	text-align: center;
	color: #8a2d5b;
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 18px;
	margin-bottom: 25px;
}
h4.fdviolet{
	background-color: #8a2d5b;
	color: #ffffff;
	padding: 5px;
	display: inline;
	width: auto;
	text-align: left;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 17px;
}
h5{
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
.col-1-3 p{
    font-size: 16px;
	margin: 0;

}
.ligne1{
	min-height: 215px;
}
.ligne2{
	min-height: 125px;
	position: relative;
}
.duree:before{
	content: url('../images/horloge.png');
	position: relative;
	top: 5px;
	padding-right: 5px;
}
p.duree{
	line-height: 20px;
	color: #8a2d5b;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
}
#plustarif img{
	padding-right: 10px;
	position: relative;
	top: 8px;
}
.fdgris h3{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px auto 25px auto;
	letter-spacing: .2em;
}
p.lien.normal{
	font-size: 20px;
}
p.lien.normal a{
	text-decoration: underline;
}
p.lienprog{
	position:absolute;
	left:0;
	bottom:0;
}
.infosplus span{
	display: inline-block;
	margin: 15px 2%;
}
.tarifs p{
	margin: 0 auto;
	font-size: 18px;
}
.tarifs{
	margin-bottom: 25px;
}
.tarifs.closed{
	display: none;
}

/* FORMATIONS EN ENTREPRISES */
.entreprises .bandeau.imgfd h2{
	background-color: rgba(0,148,163,.8);
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: .2em;
	padding: 15px;
	border-bottom: solid #8a2d5b 15px;
}
.entreprises .bandeau .bton{
	margin: 25px auto 0 auto;
	position: relative;
	bottom: -16px;
}
.entreprises p.cadreviolet {
    width: 40%;
	margin: 10px auto 40px auto;
}
.entreprises .fdgris h2{
	color: #0094a3;
	text-align: center;
	margin-bottom: 25px;
	margin-top: 0;
}
.entreprises .fdgris p.duree{
	color: #0094a3;
	font-size: 18px;
	margin-bottom: 25px;
}
.entreprises .fdcoul{
	background-color: #0094a3;
	color: #ffffff;
	padding: 8px;
	max-width: 100%;
	width: auto;
}
.entreprises .fdcoul img{
	padding: 0px;
	padding-right: 3px;
	height: 17px;
	width: auto;
}
.entreprises .fdcoul span.intitule{
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	width: 67%;
	vertical-align: top;
}
.entreprises .fdcoul span.nbf{
	display: inline-block;
	width: 31%;
	text-align: right;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	vertical-align: top;
}
.liste-formations{
	width:80%;
	margin:auto;
	text-align:center;
	max-width: 1200px;
}
.liste-formations > div{
	background-color: #ffffff;
	border: solid 1px #0094a3;
	width: 30%;
	margin:auto 10px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.fdgris .liste-formations ul{
	min-width: 98%;
	margin-bottom: 0;
	list-style: outside url('../images/fleche.png');
	text-align: left;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	margin-top:0;
}
.fdgris .liste-formations ul li{
	font-family: 'Ubuntu', sans-serif;
	font-size: 17px;
	margin: 0 auto 0 30px;
	padding: 5px 0;
	text-indent: 0px;
	max-width: 90%;
	line-height: 1.05em!important;
}
.entreprises #plustarif {
    color: #0094a3;
}

/* FICHE FORMATIONS*/
.ficheformation .full h2{
	text-transform: uppercase;
	color: #0094a3;
	font-size: 32px;
}
#programme{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
	max-width: 870px;
	justify-content: space-around;
	flex-wrap: wrap;
}
.full.programme{
	max-width: 820px;
}
#programme .encadre.col-1-2{
	flex: 1;
	margin: 10px;
	border-color: #0094a3;
	padding: 15px;
	text-align: left;
	line-height: 1.3em;
}
#programme .encadre h3, .programme h3{
	margin: 0px;
	margin-bottom: 30px;
	color: #0094a3;
	font-weight: 500;
	text-align: left;
	letter-spacing: .1em;
	font-size: 22px;
}
.programme h3, .programme p{
	padding: 0 15px;
	margin: 0;
	line-height: 1.3em;
}
.programme h3{
	margin-top: 15px;
	letter-spacing: .15em;
	text-transform: uppercase;
	
}
#programme .encadre h4{
	margin: 25px 0 15px 0;
	color: #575756;
	font-weight: bold;
	text-align: left;
	font-size: 17px;
}
.ficheformation p.cpf{
	margin: 25px 0 15px 0;
	color: #575756;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
}
#programme .encadre p{
	color: #575756;
	font-weight: normal;
	text-align: left;
	font-size: 16px;
}
.ficheformation .encadre ul {
    list-style: outside;
	list-style-type: '\002013\000020';
    text-align: left;
    padding: 0;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
}

.ficheformation .encadre ul li, .ficheformation .encadre ul li span{
    margin-left: 10px;
	font-size: 16px!important;
}
.basFiche{
	display: flex;
    flex-wrap: wrap;
	margin: 125px auto 45px auto;
	max-width: 870px;
}
.basFiche div{
	margin: 0 15px;
	flex: 2;
}
.basFiche div.bas1{
	flex: 1;
}
.basFiche div.bas2{
	flex: 1.3;
	border-left: 2px solid #575756;
	padding-left: 8px;
}
.basFiche div.bas3{
	flex: 1.8;
	border-left: 2px solid #575756;
	padding-left: 8px;
}
.basFiche p{
	font-size:12px;
	margin: 0 auto;
}
.basFiche p.basgras{
	font-weight: bold;
	text-transform: uppercase;
	font-size:13px;
}
.basFiche .bas3 p{
	text-indent: -8px;
	margin-left: 8px;
}

/* FORMULAIRES */
.form .bandeau.bilan{
	background-image: url('../images/fd-bilan.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	height: auto;
	margin-bottom: 40px;
	min-height: 165px;
}
#formulaire input[type="text"], #formulaire input[type="email"], #formulaire input[type="tel"]{
	width: 100%;
	background-color: #eeeeee;
	border: none;
	height: 30px;
	margin-bottom: 0;
}
#formulaire textarea{
	width: 100%;
	background-color: #eeeeee;
	border: none;
	min-height: 120px;
	margin-bottom: 0;
}
#formulaire p, label{
	margin: 0;
}
#formulaire p:first-child{
	margin-bottom: 8px;
}
#formulaire p:nth-last-child(-n+2){
	margin-top: 25px;
}
#formulaire p:last-child{
	text-align: center;
}
input[type="radio"]+ label{
	position: relative;
	right: 22px;
	top: 2px;
}
input[type="submit"]{
	margin: auto;
	border: none;
	display: inline-block;
}
input[type="radio"]+ label span{
	width: 20px;
	height: 20px;
	border: solid 1px #575756;
	border-radius: 0;
	display: inline-block;
	z-index:1;
}
input[type="radio"] {
    opacity:0;
	position: relative;
	z-index:10;
}
input[type="radio"]+ label span {
    background:url("../images/decoche.png") left top no-repeat;
}
input[type="radio"]:checked + label span {
    background:url("../images/coche.png") left top no-repeat;
}
#formulaire p.infosplus{
	font-size: 14px;
	width:100%;
	padding: 0;
	margin-top: 25px;
	text-align: left;
}
.form .fdgris{
	height: 25px;
	padding: 0;
}
#merci p.merci{
	font-family: 'Ubuntu', sans-serif;
	color: #8a2d5b;
	font-weight: normal;
	letter-spacing: .2em;
	margin: 35px 175px;
	margin-bottom: 35px;
	font-size: 30px;
	margin-bottom: 250px;
	text-align: center;
}

/* Mentions légales */
p.mentions, .mentions h4{
	width: 90%;
	max-width: 800px;
	margin: 15px auto;
}
.mentions h4{
	text-align: left;
	font-weight: bold;
}
form fieldset.obligatoire{display:none;}

/* CONSEILS */
.col-conseils{
	display: inline-block;
	width: 47%;
	margin: 1%;
	vertical-align: top;
	max-width: 1400px;
}
.col-conseils .encadre{
	margin: 25px auto!important;
}
/* RESPONSIVE */
@media screen and (max-width:1900px){
	.bandeau div.image {
		right: 15%;
	}
}
@media screen and (max-width:1700px){
	.cita {
		width: 56%;
	}
}
@media screen and (max-width:1500px){
	.cita {
		width: 72%;
	}
	.bandeau div.image {
		right: 3%;
	}
	#temoignages{
		max-width: 1200px;
		width:90%;
	}
	.testi{
		height: 390px;
	}
}@media screen and (max-width:1280px){
	.bandeau .image img {
		height: 335px;
	}
	.bandeau div.image {
		right: 0%;
	}
	.ligne1 {
		min-height: 240px;
	}
}

@media screen and (max-width:1180px){
	.cita {
		width: 85%;
	}
	.bandeau div.image {
		right: 0%;
	}
	.bandeau .image img {
		height: 265px;
	}
	#temoignages{
		max-width: 1200px;
		width:90%;
	}
	.testi{
		height: 390px;
	}
	.testi p{
		font-size: 17px;
	}
	.ligne1 {
		min-height: 185px;
	}
}
@media screen and (max-width:1000px){
	.cita {
		width: 96%;
	}
	header h2 {
		display: none;
	}
	.bandeau div.image {
		display: none;
	}
	.bandeau div.textes {
		width: 96%;
		margin-right: 2%;
	}
	#temoignages{
		max-width: 1200px;
		width:90%;
	}
	.testi{
		height: 390px;
	}
	.colonnes {
		align-content: flex-start;
	}
}
@media screen and (max-width:900px){
	header .logo {
		display: block;
		width: 100%;
		margin-right: 0%;
		text-align: center;
	}
	header .titre {
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	header h2{
		font-size: 20px;
	}
	.cita {
		width: 96%;
	}
	.bandeau div.image {
		display: none;
	}
	.bandeau div.textes {
		width: 96%;
		margin-right: 2%;
	}
	#temoignages{
		max-width: 1200px;
		width:90%;
	}
	.testi{
		height: 390px;
	}
	.colonnes {
		display: block;
	}
	.col-1-2 {
		margin: 25px auto;
		text-align: center;
		width: 95%;
	}
	.col-1-3 {
		width: 100%;
		display: block;
	}
	#accompagnement{
		background: url('../images/chiffre3.png') no-repeat;
		background-position: top 0px left 25%;
		background-size: contain;
	}
	.col-conseils{
		display: block;
		width: 98%;
		margin: 25px auto;
	}
}
@media screen and (max-width:750px){
	h1 {
		font-size: 45px;
		margin-bottom: 0px;
	}
	.bandeau .textes .cita p {
		font-size: 26px;
	}
	.cadresviolet p {
		width: 90%;
		margin: 20px auto;
	}
	#programme{
		display: block;
	}
	#programme .encadre.col-1-2{
		display: block;
		width: 95%;
		margin: 10px auto;
	}
}
@media screen and (max-width:700px){
	.brmob{display: inline;}
	.index h1 {
		font-size: 35px;
		margin-bottom: 0px;
		display: block;
	}
	h1 {
		display: none;
	}
	header{
		padding-bottom: 0;
	}
	.index header{
		padding-bottom: 20px;
	}
	.index header .logo img{
		width: 175px;
	}
	header .logo img{
		width: 75px;
	}
	header .logo:last-of-type img{
		width: 125px;
		padding-top:15px;
		display:inline-block;
	}
	.index .titre{
		display: inline-block;
	}
	.titre{
		display: none;
	}
	.index .bton{
		display: none;
	}
	.bton.mobile{
		/* display: inline-block; */
	}
	.cita::after, .cita::before{
		display: none;
	}
	header h2 {
		display: none;
	}
	.col-1-2 {
		margin: 0;
		width: 100%;
	}
	.col-1-2.encadre {
		margin: 15px auto;
		width: 95%;
	}
	#bilan, #formations {
		border-radius: 0;
		height: 130px;
	}
	.col-1-2 #bilan h2, .bilan-competences .bandeau.imgfd h2 {
		background-color: rgb(244, 158,1);
		height: 130px;
		padding: 0;
		top: 0;
		line-height: 130px;
		margin:0;
		border-bottom: none;
	}
	.entreprises .bandeau.imgfd h2 {
		background-color: rgba(0,148,163,1);
		height: 130px;
		padding: 0;
		top: 0;
		line-height: 130px;
		margin:0;
		border-bottom: none;
	}
	.bilan-competences .bandeau .bton, .entreprises .bandeau .bton {
		margin: 15px auto;
		position: relative;
		bottom: 0;
	}
	.col-1-2 #formations h2 {
		background-color: rgba(0,148,163,1);
		height: 130px;
		padding: 0;
		top: 0;
		line-height: 130px;
		margin:0;
	}
	.col-1-2 #entreprise h2 {
		background-color: rgba(0,148,163,1);
		height: 130px;
		padding: 0;
		top: 0;
		line-height: 130px;
		margin:0;
	}
	#lecture h3{
		text-align: center;
	}
	.livre img {
		width: 100%;
		height: auto;
		display: block;
	}
	.encadre .livre > div:first-child, .encadre .livre > div:last-child {
		display: block;
		width: 100%;
		margin: auto;
	}
	.cadresviolet p, .entreprises .cadresviolet p{
		width: 90%;
		margin: 20px auto;
	}
	#programme{
		display: block;
	}
	#programme .encadre.col-1-2{
		display: block;
		width: 95%;
		margin: 10px auto;
	}
	.bandeau.imgfd {
		height: 130px;
		margin-bottom: 65px;
	}
	.fdgris {
		width: 88%;
		padding: 15px 8px;
		margin: auto;
	}
	.fdgris p, .fdgris ul {
		width: 95%;
		max-width: 100%;
	}
	.fdgris p, .fdgris ul {
		font-size: 17px;
		padding:0;
	}
	.cadresviolet p {
		width: 88%;
		margin: 10px auto 5px auto;
	}
	#accompagnement{
		max-width: 100%;
		margin-top: 15px;
		width: 91%;
		padding: 0;
	}
	.full{
		max-width: 100%;
		margin: 15px auto;
		width: 100%;
		padding: 0;
	}
	#accompagnement h2 {
		font-size: 22px;
	}
	.col-1-3, .tarifs{
		width: 92%;
		display: block;
		margin: auto;
		padding: 5px;
	}
	.ligne1, .ligne2{
		min-height: 65px;
		height: auto;
	}
	.testi{
		height: 300px;
		width: 100%;
	}
	#temoignage h2{font-size:26px;}
	footer p {
		font-size: 14px;
	}
	footer p.bandeaufooter {
		background-color: #575756;
		color: #ffffff;
		padding: 6px 0 25px 0;
		margin-bottom: 0;
		width: 92%;
	}
	footer .bandeaufooter span.mainfooter {
		display: block;
		width: 45%;
		text-align: left;
		font-size: 13px;
		float: left;
		padding:8px;
	}
	footer .bandeaufooter span.smallfooter {
		display: inline-block;
		width: 44%;
		text-align: right;
		font-size: 13px;
		padding:8px;
	}
	.liste-formations {
		width: 97%;
	}
	.liste-formations > div {
		background-color: #ffffff;
		border: solid 1px #0094a3;
		width: 100%;
		margin: auto;
		display: block;
		vertical-align: top;
		text-align: left;
	}
	p.w60 {
		width: 80%;
	}
	.col-conseils{
		display: block;
		width: 85%;
		margin: 20px auto;
	}
}
@media screen and (max-width:440px){
	#bilan h2, #formations h2{
		font-size: 20px;
		display: inline-block;
		width: 100%;
		line-height: 25px !important;
	}
	.full {
		max-width: 90%;
	}
	.full h4{
		padding: 0px!important;
	}
	.form .fdgris {
		width: 100%;
	}
	.ligne1, .ligne2 {
		margin-top: 35px;
	}
	#bilan h2 a, #formations h2 a{
		position: relative;
		top: 50px;
		font-size: 20px;
		display: inline-block;
		width: 100%;
		line-height: 25px !important;
	}
	.bandeau.imgfd h2{
		padding-top: 55px!important;
		height: 75px!important;
		font-size: 20px!important;
		display: inline-block!important;
		width: 100%;
		line-height: 25px!important;
	}
	.form .bandeau.imgfd h2 {
		padding-top: 40px !important;
		height: 90px !important;
	}
	.encadre {
		padding: 20px;
		padding-bottom: 80px;
	}
	footer .bandeaufooter{
		display: block;
		width: 88%;
		padding:8px 10px 25px 10px;
		margin:auto;
	}
	footer .bandeaufooter span.mainfooter{
		display: block;
		width: 93%;
		text-align: center;
		font-size: 11px;
		float: none;
		padding:8px;
		margin:auto;
	}
	footer .bandeaufooter span.mainfooter + span.smallfooter{
		text-align: left;
	}
	.brmob{
		display:none;
	}
	h4 .brmob{
		display:inline;
	}
	.full h4 {
		font-size: 20px;
		padding: 0 15px;
	}
	footer .bandeaufooter span.smallfooter {
		display: inline-block;
		width: 46%;
		text-align: right;
		font-size: 11px;
		padding: 0px;
	}
}