/****************************************************************************/
/*                       CSS Coaching et Formation                          */
/****************************************************************************/
* { margin:0; padding:0; }

@font-face {
	font-family: 'FertigoProRegular';
	src: url('../fonts/fertigo-pro-regular.eot');
	src: local('FertigoProRegular'), url('../fonts/fertigo-pro-regular.woff') format('woff'), url('../fonts/fertigo-pro-regular.ttf') format('truetype'), url('../fonts/fertigo-pro-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { 
	font-family:Arial, Helvetica, sans-serif;
	color:#5F5F5F;
	font-size:12px;
	background:#f5f6f2;
}
img { 
	border:none; 
}
p { 
	padding:0 0 10px; 
	margin:0; 
	line-height:17px;
}
a {
	color:#a3a39d;
	text-decoration:underline;	
}
a:hover {
	text-decoration:none;
}
ul { 
	list-style:none; 
	margin:0; 
	padding:0; 
}
li {
	padding:0;
	margin:0;
	list-style:none;
}

form, fieldset {
	border:none;
	padding:0;
	margin:0;
	width:auto;
}

/* Les boutons */
.bouton {
    height:40px;    
    float:left;
}
.bouton a {
    background:url(../images/fd-btn.jpg) no-repeat 0 0;
    height:29px;    
    padding-left:13px;
    text-decoration:none;
    color:#dc5619!important;
    font-size:14px;
    font-family: 'FertigoProRegular';
    float:left;
    text-shadow:1px 2px 2px #FFF;
}
.bouton.beige a {
	background:url(../images/fd-btn-2.jpg) no-repeat 0 0;
}
.bouton.gris a {
	background:url(../images/fd-btn-3.jpg) no-repeat 0 0;
}
.bouton a span {
	display:block;
	background:url(../images/fd-btn.jpg) no-repeat right 0;
	line-height:29px;
	height:29px;
	float:left;
	padding-right:13px;
	cursor:pointer;
}
.bouton.beige a span {
	background:url(../images/fd-btn-2.jpg) no-repeat right 0;
}
.bouton.gris a span {
	background:url(../images/fd-btn-3.jpg) no-repeat right 0;
}
.bouton a:hover {
	background:url(../images/fd-btn.jpg) no-repeat 0 -31px; 
	color:#fff!important;
	text-shadow:1px 2px 2px #dc5619;
}
.bouton.beige a:hover {
	background:url(../images/fd-btn-2.jpg) no-repeat 0 -31px;
}
.bouton.gris a:hover {
	background:url(../images/fd-btn-3.jpg) no-repeat 0 -31px;
}
.bouton a:hover span {
	background:url(../images/fd-btn.jpg) no-repeat right -31px;
}
.bouton.beige a:hover span {
	background:url(../images/fd-btn-2.jpg) no-repeat right -31px;
}
.bouton.gris a:hover span {
	background:url(../images/fd-btn-3.jpg) no-repeat right -31px;
}



/* Les titres */
h1, h2, h3, h4 {
	margin:0;
	padding:0;
	font-weight:normal;
}


/* Classes communes */
.clear { 
	height:0; 
	width:0; 
	clear:both; 
	line-height:0; 
	*display:inline;
}
.background {
	background:#fff url(../images/fd-body.jpg) repeat-x 0 0;
	width:100%;
	padding-bottom:20px;	
}

.left {
	float:left;
	padding-right:20px;
}



/************************ PAGE ************************/
#page {
	width:955px;
	margin:0 auto;
}


/************************ HEADER ************************/
#header {
	width:955px;
	margin:0 auto;
}

/*:: Share ::*/
#share {
	float: right;
    padding: 5px 15px;
    color: #55554A;
    background-color: #e4e4dc;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
#share p {
	float:left;
	padding:0 5px 0 0;
	font-size:11px;
	font-weight:bold;
	line-height:17px;	
}
#share a {
    font-size: 22px;
	color:#0065a9;
	text-decoration:none;	
}
#share a i.fa-facebook-official{color: #3b5998;}

/*:: Logo ::*/
#logo {
	float:left;
	padding-top:30px;	
}

/*:: Navigation ::*/
#navigation {
	font-family: 'FertigoProRegular';	
	width:955px;
	height:44px;
	background:url(../images/nav-fd-off.gif) no-repeat right 0;
	margin:20px 0;
}
#navigation ul {
	width:955px;	
}
#navigation li {
	float:left;
	border-right:1px solid #D4D4CC;
}
#navigation li.last {
	border:0;
}
#navigation li.accueil {
	border:none;	
}
#navigation li a {
	float:left;
	display:block;
	font-size:14px;
	color:#55554a;
	text-decoration:none;
	padding:13px 22px;
	font-weight:bold;
	text-shadow:1px 2px 2px #999999;
}
#navigation li.accueil a {
	background:url(../images/nav-fd-home.gif) no-repeat 0 0;
	width:32px;
	height:44px;
	display:block;	
	padding:0;
}
#navigation li.accueil a span {
	display:none;	
}
#navigation li.accueil a:hover,
#navigation li.accueil.on a {
	background:url(../images/nav-fd-home-on.gif) no-repeat 0 0;
}
#navigation li a:hover,
#navigation li.on a {
	color:#dc5619;
	text-shadow:1px 2px 2px #eb9168;	
}


/************************ CONTENER ************************/
#contener {
	width:955px;
	margin:0 auto;
}

/*:: Fil d'ariane ::*/
#fil-ariane {
	padding-bottom:20px;
}
#fil-ariane li {
	display:inline;
	padding:0 2px;
	color:#55554a;
	font-size:11px;
}
#fil-ariane li.accueil {
	background:url(../images/pictos/picto-home.gif) no-repeat 0 center;
	padding-left:15px;	
}
#fil-ariane li a {
	color:#dc5619;	
}


/*:: Bandeau ::*/
#contener .bandeau {
	height:312px;
    padding: 20px 15%;
}
#contener .bandeau h1 {
	font-family: 'FertigoProRegular';
	color:#55554a;
	font-size:22px;
	text-shadow:1px 2px 2px #999;
	font-weight:bold;
}
#contener .bandeau ul {
	padding:35px 0 35px 50px;	
}
#contener .bandeau li {
	font-family: 'FertigoProRegular';
	color:#b2b29f;
	font-size:16px;
	text-shadow:1px 2px 2px #FFF;
	background:url(../images/pictos/picto-fleche-gris.png) no-repeat 0 7px;
	padding-left:25px;
	font-weight:bold;
}
#contener .bandeau .bouton {
	padding-right:100px;
	float:right;	
}


/*:: Blocs ::*/
#contener .blocs {
	margin:30px 0 20px;
	border-bottom:1px solid #ececec;
	padding-bottom:15px;
}
#contener .blocs .bloc {
	float:left;
	border-right:1px solid #ececec;
	height:200px;
	height: 220px\9;
	position:relative;	
}
#contener .blocs .bloc#bloc_1 {
	width:293px;
	padding:0 15px 0 0;
}
#contener .blocs .bloc#bloc_2 {
	width:307px;
	padding:0 15px;
}
#contener .blocs .bloc#bloc_3 {
	border:none;	
	width:293px;
	padding:0 0 0 15px;
}
#contener .blocs .bloc h2 {
	background:url(../images/pictos/picto-fleche-orange.png) no-repeat 0 7px;
	padding-left:20px;
	color:#dc5619;	
	font-family: 'FertigoProRegular';
	font-size:18px;
	padding-bottom:10px;
	font-weight:bold;
}
#contener .blocs .bloc .bouton {
	position:absolute;
	bottom:0;
	left:15px;	
}
#contener .blocs .bloc#avenir .bouton {
	left:0;	
}
#contener .blocs .bloc p {
	padding-left:20px;	
}


/*:: Colonne Gauche ::*/
#col-gauche {
	float:left;
	width:250px;
}
body#home #col-gauche {
	float:left;
	width:632px;
	padding-right:15px;	
}
#col-gauche h3 {
	font-size:16px;
	font-family: 'FertigoProRegular';
	color:#55554a;
	padding-bottom:30px;
}
#col-gauche img {
	float:left;
	padding-right:25px;	
}
#col-gauche p {
	padding-bottom:20px;	
}
#col-gauche p.link a {
	background:url(../images/pictos/picto-fleche-orange.png) no-repeat 0 4px;
	padding-left:25px;
	font-family: 'FertigoProRegular';
	font-size:14px;
	color:#dc5619;
	text-decoration:none;
}


/** Menu **/
#col-gauche .menu {
	background:url(../images/cadre-title-fd.jpg) no-repeat 0 0;
	padding-bottom:20px;
}
#col-gauche .menu h2 {
	background:url(../images/pictos/picto-fleche-orange.png) no-repeat 0 center;
	height:36px;
	padding-left:20px;
	line-height:36px;
	font-family: 'FertigoProRegular';
	font-size:18px;
	color:#dc5619;
	margin:0 10px;
}	
#col-gauche .menu ul {
	border:1px solid #e8eae0;
	padding:5px 1px;
}
#col-gauche .menu ul li {
	padding:0 10px;
	line-height:27px;
}
#col-gauche .menu ul li:hover,
#col-gauche .menu ul li.on {
	background-color:#eeefe9;	
}
#col-gauche .menu ul li a {
	display:block;
	text-decoration:none;
	background:url(../images/pictos/picto-menu.gif) no-repeat 0 8px;
	padding-left:15px;
	font-weight:bold;	
	color:#55554a;
}
#col-gauche .menu ul li a:hover,
#col-gauche .menu ul li.on a {
	background:url(../images/pictos/picto-menu-on.gif) no-repeat 0 center;
	color:#dc5619;
}


/*:: Colonne Droite ::*/
#col-droite {
	float:left;
	width:675px;
	padding:0 0 0 30px;
}
body#home #col-droite {
	float:left;
	width:292px;
	padding:0 0 0 15px;
	border-left:1px solid #ececec;	
}
#col-droite h3 {
	font-size:18px;
	font-family: 'FertigoProRegular';
	color:#55554a;
	padding-bottom:20px;
}

#col-droite h4 {
	font-size:12px;
	font-family: 'FertigoProRegular';
	color:#dc5619;
	text-transform:uppercase;
	padding-bottom:10px;
}



#col-droite ul {
	padding-left:30px;
	padding-bottom:20px;	
}
#col-droite ul li {
	padding:7px 0;	
}
#col-droite ul li a {
	background:url(../images/pictos/picto-valid.gif) no-repeat 0 0;
	padding-left:25px;
	color:#dc5619;
}

/** Encadré **/
.encadre {
	background:#f5f5f2 url(../images/encadre-top.gif) no-repeat 0 0;	
	padding-top:5px;
	padding-right:10px;
}

.encadre a {color:#666666;}
.encadre p,
.coordonnees p {
	padding:0 10px 10px;
	color:#be5738;		
}
p.coordonnees,
p.coordonnees a {
	font-size:12px;
	color:#be5738;	
}
p.metro {
	color:#9f9f94;
	padding-bottom:0;	
}
.encadre p strong,
.coordonnees p strong {
	color:#55554a;	
}
.encadre .bottom {
	background:url(../images/encadre-bottom.gif) no-repeat 0 0;	
}

#col-gauche .encadre {
	background:#f5f5f2 url(../images/encadre-top-2.gif) no-repeat 0 0;
	width:250px;
	margin-bottom:15px;	
}
#col-gauche .encadre h2 {
	padding:10px 15px;
	font-family: 'FertigoProRegular';
	font-size:16px;
	color:#dc5619;	
}
#col-gauche .encadre p {
	color:#a3a39d;
	font-size:12px;
	padding:0 15px 15px;	
}
#col-gauche .encadre .bouton {
	float:right;
	margin-right:20px;	
}
#col-gauche .coordonnees ul {
	margin: 0 5px 0 5px;  
	padding: 0 0 0 5px; 
}
#col-gauche .coordonnees ul.metro li {
	display:inline; 
}
#col-gauche .encadre .bottom {
	background:#f5f5f2 url(../images/encadre-bottom-2.gif) no-repeat 0 0;
	width:250px;
	height:10px;
}


/** Détails / Listing **/
#col-droite .detail {
	width:675px;
}
#col-droite .detail h2 {
	background:url(../images/title-fd.jpg) no-repeat 0 0;
	width:675px;	
	height:36px;
	line-height:36px;
	padding:0 10px;
	font-family: 'FertigoProRegular';
	font-size:20px;
	color:#55554a;
	margin-bottom:20px;
}
#col-droite .detail h3 {
	font-family: 'FertigoProRegular';
	font-size:14px;
	color:#413c37;
}
#col-droite .detail a {
	color:#413c37;
}
#col-droite .detail .ligne {
padding:5px 0;
}
#col-droite .detail .ligne  h3 {
	font-family: 'FertigoProRegular';
	color:#413c37;
	font-size:18px;
	padding-bottom:5px;	
}

#col-droite .detail .ligne  h3 a {text-decoration:none;}
#col-droite .detail .ligne img {
	float:left;
	padding-right:20px;
}
#col-droite .detail .ligne .bouton {
	float:right;
	margin-top:15px;	
}


/*** Pagination ***/
#col-droite .detail .pagination {
	float:left;
	padding-top:10px;
}
#col-droite .detail .pagination ul {
	padding:0;	
}
#col-droite .detail .pagination ul li {
	float:left;
	color:#5f5f55;
	padding:0 2px;	
}
#col-droite .detail .pagination ul li a {
	background:none;
	text-decoration:none;
	border:1px solid #5f5f55;
	color:#5f5f55;
	font-weight:bold;
	font-size:12px;	
	height:15px;
	width:15px;
	text-align:center;
	line-height:15px;
	padding:0;
	display:block;
}
#col-droite .detail .pagination ul li a:hover,
#col-droite .detail .pagination ul li.on a {
	color:#de6027;
	border:1px solid #de6027;
	
}
#col-droite .detail .pagination ul li.puce a {
	border:none;	
	padding:0;
	width:17px;
	height:17px;
}
#col-droite .detail .pagination ul li.puce img {
	vertical-align:middle;	
}
#col-droite .encadre ul {
	margin: 0 0 0 5px;  
	padding: 0; 
}
#col-droite .encadre ul.metro li {
	display:inline; 
}

/*** Cadre pointillés ***/
#col-droite .detail .cadre-pointilles {
	border:1px dashed #413c37;
	padding:5px;
	background-color:#f5f5f2;
	margin-top:40px;
	width:665px;
}
#col-droite .detail .cadre-pointilles .share {
	float:right;	
	padding-top:8px;
}
#col-droite .detail .cadre-pointilles .share ul {
	padding:0;	
}
#col-droite .detail .cadre-pointilles .share ul li {
	float:left;
	padding:0 5px;
	font-weight:bold;
	color:#413c37;
	font-size:11px;
}
#col-droite .detail .cadre-pointilles .share ul li.text {
	padding-top:6px;	
}
#col-droite .detail .cadre-pointilles .share ul li a {
	background:none;
	padding:0;
}

#col-droite .detail .cadre-pointilles .liens {
	float:left;	
}
#col-droite .detail .cadre-pointilles .liens ul {
	padding:0;	
}
#col-droite .detail .cadre-pointilles .liens li {
	float:none;
	padding:0 0 5px;
}
#col-droite .detail .cadre-pointilles .liens li a {
	background:url(../images/pictos/picto-fleche-orange.png) no-repeat 0 4px;
	padding-left:20px;	
	font-size:13px;
	font-family: 'FertigoProRegular';
	color:#dc5619;
}



/************************ FOOTER ************************/
#footer {
	border-top:7px solid #e3e3db;
	width:100%;	
}
#footer .contenu {
	width:955px;
	margin:0 auto;	
	text-align:center;
	padding:10px 0;
}
#footer .contenu ul {
	padding:5px 0 0;	
}
#footer .contenu ul li {
	display:inline;
	padding:0 2px;
	font-size:11px;	
}
#footer .contenu ul li a {
	text-decoration:none;	
}
#footer .contenu ul li img {
	vertical-align:text-bottom;	
}


/* Champs de Formulaires
-------------------------------------------------------- */
input,textarea{margin : 1px;}
input.noborder {border:0;}
input.recherche {width:50px;}
input.button {	border:0px solid #2c220e;}
input.small_button {
	border:0px solid #2c220e;
	background-color:#2c220e;
	color:#ccc;
	font-size:9px;	
}

select {margin : 2px;}
form {padding:0;margin:0;}
textarea{
	width: 96%;
	font-size: 1em;
	padding:5px;
}

#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1.1em arial, hevetica, sans-serif;
	color: black;
	margin: 0;
	padding: .5em;
}

#piedForm {
	text-align: center; /*** Les boutons sont alignes a droite ***/
}

#piedForm input {
	font-weight: bold; /*** Pour ameliorer la lisibilite des boutons ***/
	padding: 0.1em 0.1em;

}

#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/

	margin: 0;
	padding: 1em;
}

#corpForm .text-input {
	width: 200px;
	padding:2px 5px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	
	background: #FFF url('../images/form/text-bg.gif') repeat-x;
	
}

#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 5px;
	border: 1px solid #867d78;
	
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #867d78;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;

}
#corpForm fieldset.coordonnees label {	/*** Mise en forme des intitules de champs ***/
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	width: 40%;	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.interets p{	/*** Mise en forme des intitules de champs ***/
	
	/*** Les intitules prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: left;	/*** ... et ils sont alignes a droite... ***/
	margin-left:40%;
	padding: 0 .5em 0 5px;
	line-height: 1.8;	/*** ... et centres verticalement. ***/
}

#corpForm fieldset.quizz p {
	padding:10px;
}

#corpForm fieldset.quizz input {border:0}


#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs a cliquer sur les intitules ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en evidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
	font-size:10px;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}

a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}

/* bouton ok */
.submit {
     border:none;
     color:#fff;
     width:36px;
     height:20px;
	 font-weight:bold;
	 font-size:10px;
	 padding:0 ;
	 margin:0;
}

#col-droite .galerie_photo_gauche
{
	margin: 0 ;
	padding: 0px 0px ;
	list-style-type: none ;
	text-align:center;
	float:left;
}

#col-droite .galerie_photo_gauche ul {margin:0;padding:0;list-style-type: none ; list-style-image:none;}
#col-droite .galerie_photo_gauche li
{
	margin:0;padding:0;
	margin: 0px 2px 2px 2px;
	padding: 0px ;
	text-align:center;
	font-size:10px;
	color:#fff;
	list-style-image:none;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
}

#col-droite .galerie_photo_gauche  img 
{
	margin: 1px 5px 3px 0px;
	padding:0px;
}

#col-droite .galerie_photo_gauche ul li a {background:none; padding:0;}

.galerie_photo_gauche a, .galerie_photo_gauche a:visited, .galerie_photo_gauche a:hover {
	text-decoration:none;
	color:#f7941d;
}

.galerie_photo_gauche span {
		background-color:#543019;
		font-weight:bold;
		line-height:13px;
		padding: 1px 3px;
}

/**** Pagination ****/
.pagination {
	padding:10px 0;
}
.pagination ul {
	float:right;
}
.pagination li {
	display:inline;
	padding:1px 2px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.pagination li a {
	color:#103e69;
	background:#4a4a4a;
	text-align:center;
	padding:2px 5px;
	text-decoration:none;
}
.pagination li a:hover,
.pagination li.on a {
	background:#860202;
	color:#fff;
	font-weight:bold;
}

.pagination li.suite a {
	background:none;
	width:auto;
	padding:0;
} 
.pagination li.suite a img {
	padding:0;
	border:none;
	margin-right:0;
	vertical-align:text-bottom;
}

.aligner_droite {text-align:justify;}
#col-droite ul, #col-droite li {margin:inherit; padding:5 15px; list-style:disc; list-style-position:inside;}
#col-droite .no_bullet, #col-droite .no_bullet li { list-style:none;}

#carouselExampleControls .carousel-inner{border-radius: 5px;}
#carouselExampleControls .flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
#carouselExampleControls h1{width: 100%; margin-bottom: 20px;}
#carouselExampleControls a.boutonSlide{text-decoration: none; text-align: center;}
#carouselExampleControls a.boutonSlide span {
    border: 1px solid #c6c7c2;
    border-radius: 15px;
    background-color: #ebece7;
    padding: 5px 10px;
    color: #dc5619;
    font-size: 14px;
    font-family: 'FertigoProRegular';
}
#carouselExampleControls a.boutonSlide span:hover {
    background-color: #e88154;
    color: #fff;
}

.g-recaptcha{margin-top: 15px;}
.g-recaptcha div{margin: 0 auto;}