@font-face
{
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight.eot');
    src: url('../fonts/geosanslight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geosanslight.woff') format('woff'),
         url('../fonts/geosanslight.ttf') format('truetype'),
         url('../fonts/geosanslight.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'avantgarde_bk_btbook';
    src: url('../fonts/846-webfont.eot');
    src: url('../fonts/846-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/846-webfont.woff') format('woff'),
         url('../fonts/846-webfont.ttf') format('truetype'),
         url('../fonts/846-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face
{
    font-family: 'attachee';
    src: url('../fonts/attachee.eot');
    src: url('../fonts/attachee.eot?#iefix') format('embedded-opentype'),
         url('../fonts/attachee.woff') format('woff'),
         url('../fonts/attachee.ttf') format('truetype'),
         url('../fonts/attachee.svg#attachee') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'raleway';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Regular.woff') format('woff'),
         url('../fonts/Raleway-Regular.ttf') format('truetype'),
         url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*GENERAL*/
*
{
	box-sizing: border-box;
	outline: none;
}
img
{
	max-width: 100%;
}
html
{
	height: 100%;
}
BODY
{
	margin: 0;
	font-family: arial;
	font-size: 14px;
	color: #666;
	height: 100%;
}
h1
{
    margin: 10px 0;
    color: #000;
    font-size: 24px;
    font-family: raleway;
    font-weight: lighter;
    letter-spacing: 1px;
}
h2
{
	margin: 5px 0;
	color: #000;
	font-family: raleway;
	font-size: 20px;
	font-weight: 100;
	text-align: center;
}
h3
{
    margin: 5px 0;
    color: #000;
    font-size: 19px;
    font-weight: lighter;
}
h1 > a,h2 > a,h3 > a
{
	text-decoration: none;
}
table
{
	border-spacing: 0;
}
table td
{
	margin: 0;
	padding: 0;
}
hr
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-bottom: 1px dashed #2E3537;
}
a img
{
	border: 0;
}
a
{
	color: #2E3537;
}
a:active, 
a:focus
{
	color: #FFF;
}
.clear
{
	clear: both;
}

.row
{
	font-size: 0;
}
.row > div
{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}
.row > .col-3
{
	width: 25%;
}
.row > .col-4
{
	width: 33.33%;
}
.row > .col-6
{
	width: 50%;
}
.row > .col-8
{
	width: 66.66%;
}
.row > .col-9
{
	width: 75%;
}
.row > .col-12
{
	width: 100%;
}
.row.table
{
	display: table;
	border-spacing: 20px;
}
.row.table > div
{
	display: table-cell;
}
.row > .col-4.bloc-ombre
{
    border-radius: 10px;
    background-color: rgba(255,255,255,0.85);
    box-shadow: 0 0 21px #AAA;
    padding: 10px 20px;
}

/*FORMULAIRE*/
input[type='button'], 
input[type='submit'], 
input[type='button']:active, 
input[type='submit']:active, 
.bouton, .bouton:active
{
	padding: 6px 20px;
	color: #FFFFFF;
	background: #878CA0;
	border: 1px solid #727789;
	border-radius: 10px 0 10px 0;
	cursor: pointer;
	box-shadow: 1px 0 3px rgba(0,0,0,0.2);
	text-decoration: none;
	margin: 10px;
}
input[type='button']:hover, 
input[type='submit']:hover, 
.bouton:hover
{
	background: #74797b;
	text-decoration: none;
}
.bouton.block
{
	padding: 5px;
    margin: 3px;
    display: block;
}
input[type='text'], 
input[type='password']
{
	height: 25px;
	border-radius: 2px;
	border: 1px solid #CCC;
	margin: 2px 0;
	outline: none;
	padding: 0 5px;
}
select
{
	border: 1px solid #CCC;
	height: 25px;
}
textarea
{
	border: 1px solid #CCC;
	border-radius: 2px;
	box-sizing: border-box;
	font-family: arial;
	font-size: 12px;
	padding: 5px;
}
input[type='text']:focus, 
input[type='password']:focus, 
textarea:focus
{
	outline: none;
	border: 1px solid #2E3537;
}

/*NOTIFICATIONS*/
.notification
{
	padding: 5px;
	border-radius: 5px;
	margin: 5px 0;
}
.notification.validation
{
	border: 1px solid #090;
	background-color: #E0FFE0;
	color: #090;
}
.notification.erreur
{
	border: 1px solid #900;
	background-color: #FBB;
	color: #900;
}

/*SITE*/
#site
{
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	background-color: #fff;
}


/*HEADER/TOP/BANNIERE*/
#header
{
	position: relative;
	/*background: linear-gradient(#b5b1b3, white);*/
	box-shadow: 0 0 1px 4px rgba(0,0,0,0.5);
	z-index: 3;
}
#header_top
{
    background-color: #878ca0;
    display: inline-block;
    right: 0px;
    position: absolute;
    width: 55%;

    z-index: 4;
}
#header_top .container_top > div .fa
{
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
}
#header_top:before
{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 46px 31px 0;
    border-color: transparent #878ca0 transparent transparent;
    position: absolute;
    right: 100%;
}
.container_top
{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: table;
}
.container_top > *
{
	display: inline-table;
	vertical-align: top;
}
.container_top > div
{
	padding: 3px 3%;
}
.container_top > div > *
{
	line-height: 25px;
	color: #fff;
	padding-left: 5px;
}
.container_top > div > span
{
	font-size: 12px;
}
.social
{
	margin:0;
	padding:3px 0;
}
.social > li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
.social > li > a
{
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 50%;
	background-color: white;
	display: inline-block;
	border: 1px solid;
}
.social > li > a > .fa
{
	font-size: 15px;
	color: #fff;
	line-height: 25px;
}
.social > li > a.viadeo
{
	border-color: #f07355;
}
.social > li > a.viadeo .fa
{
	color: #f07355;	
}

.social > li > a.linkedin
{
	border-color: #0976b4;
}
.social > li > a.linkedin .fa
{
	color: #0976b4;	
}
.social > li > a.facebook
{
	border-color: #3b5998;
}
.social > li > a.facebook .fa
{
	color: #3b5998;
}
.social > li > a.viadeo:hover
{
	background-color: #f07355;
}
.social > li > a.linkedin:hover
{
	background-color: #0976b4;
}
.social > li > a.facebook:hover
{
	background-color: #3b5998;
}

.social > li > a.viadeo:hover .fa,
.social > li > a.linkedin:hover .fa,
.social > li > a.facebook:hover .fa
{
	color: white;
}

/*LOGO*/
#logo
{
    max-width: 275px;
    min-width: 200px;
    display: inline-block;
    vertical-align: bottom;
    padding: 7px 40px 7px 0px;
}
#logo > img
{
	width: 100%;
	max-width: 215px;
}
.container
{
	display: block;
	width: 100%;
	max-width: 1400px;
	min-height: calc(100% - 286px);
	margin: 0 auto;
	padding: 0 10px;
}
.inset-container
{
	display: block;
	padding: 0px 10%;
}

#form-tem > div > div
{
	display: inline-block;
	width: 49%;
}
#form-tem > div > div > label
{
	display: block;
}


div#banniere
{
	position: relative;
	height: 250px;
	margin-bottom: 15px;
	align-items: center;
	justify-content: center;
	display: flex;
	/*background-image: url(img/bannieres/financement3.jpg);*/
	background-repeat: no-repeat;
	background-position: 50% 65%;
	overflow: hidden;
}
div#banniere:after
{
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 1px 4px rgba(0,0,0,0.5);
}

/*CONTENT*/
.bloc-accueil
{
	padding-left: 0px;
	list-style: none;
	font-size: 0px;
	text-align: center;
	margin: 50px 0px 25px 0px;
}
.bloc-accueil > li
{
	display: inline-block;
	vertical-align: top;
	width: calc(33.33% - 12px);
	max-width: 350px;
	min-width: 290px;
	font-size: 16px;
	height: 225px;
	position: relative;
	perspective: 500px;
    margin: 10px 6px;
}
.bloc-accueil > li > a
{
	display: inline-block;
	width: 100%;
	height: 100%;

	transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
	perspective: 500px;

	border: 3px solid #51b980;
	background-image: url(../img/formations-secourisme.jpg);
	background-size: cover;
}
.bloc-accueil.list > li
{    
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.bloc-accueil.list > li > a
{
	border: 3px solid #878ca0!important;
}
.bloc-accueil > li:nth-child(2) > a
{
	border-color: #eb4137;
	background-image: url(../img/formations-incendie.jpg);
}
.bloc-accueil > li:nth-child(2) a > div > div
{
	/*background-color: rgba(235, 65, 55, 0.84);*/
	background-image:  url(../img/titre-incendie.png);
}
.bloc-accueil > li:last-child > a
{
	border-color: #8e4998;
	background-image: url(../img/formations-sante-securite.jpg);
}
.bloc-accueil > li:last-child a > div > div
{
	/*background-color: rgba(142, 73, 152, 0.84);*/
	background-image:  url(../img/titre-sante-securite.png);
}
#content > ul > li > a > div
{
	position: relative;
	height: 100%;
}
.bloc-accueil > li a > div > div
{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 80px;
	right: 0px;
	bottom: 10px;
	min-height: 57px;

	padding: 10px;
	color: #FFF;
	/*font-weight: bold;*/
	font-size: 18px;
	/*background-color: rgba(81, 185, 128, 0.84);*/
	background-image:  url(../img/titre-secourisme.png);
}
.bloc-accueil.list > li a > div > div
{
	left: 0;
	background-color: rgba(135, 140, 160, 0.83);
	background-image: initial;
}
.bloc-accueil > li img
{
	position: absolute;
	bottom: -5px;
	left: 2px;
	margin: 0!important;
	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);*/
}
.bloc-accueil > li > a.anim
{
	animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-webkit-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-moz-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-ms-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-o-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0)!important;
}
@keyframes leave-animation
{
	100%
	{
		transform: rotateX(0deg) rotateY(0deg);
	}
}

.bloc-accueil.list > li > a
{
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.bloc-accueil.list > li.vert > a
{
	border-color: #51b980!important;
}
.bloc-accueil.list > li.vert > a > div > div
{
	background-color: rgba(81, 185, 128, 0.84);;
}

.bloc-accueil.list > li.rouge > a
{
	border-color: #eb4137!important;
}
.bloc-accueil.list > li.rouge > a > div > div
{
	background-color: rgba(235, 65, 55, 0.84);
}

.bloc-accueil.list > li.violet > a
{
	border-color: #8e4998!important;
}
.bloc-accueil.list > li.violet > a > div > div
{
	background-color: rgba(142, 73, 152, 0.84);	
}


.seance-list
{
	width: 100%;
    margin: 10px 0px;
    position: relative;
    padding: 10px 12px;
}
.seance-list:hover
{
	background-color: #dcdcdc;
}
.seance-list > div
{
	padding-right: 120px;
}
.seance-list > div > a,
.seance-list > div > a:active
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px;
}
.seance-list .btn-tem
{
	position: absolute;
	/*right: 12px;*/
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	margin-top: 0px;
	background-color: white;
}
#search
{
    box-shadow: 0px 0px 4px #aaa;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
}
#search div
{
	text-align: right;
	position: relative;
}
#search [type="submit"]
{
    margin-left: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 8px;
}
#search [type="text"]
{
	width: 100%;
	margin: 0px;
}
#content img
{
	margin: 5px;
}
#content img[align='left']
{
	margin: 5px 5px 5px 0;
}
#content img[align='right']
{
	margin: 5px 0 5px 5px;
}
#content img[align='absmiddle']
{
	margin: 5px;
}
.sous_pages
{
	margin: 0;
	padding: 0;
	text-align: center;
}
.sous_pages > li
{
	list-style: none;
	padding: 0;
	display: inline-block;
	width: 48%;
	margin: 1%;
}
.sous_pages > li > a
{
	text-decoration: none;	
	background-color: #333;
	display: inline-block;
	width: 100%;
	padding: 30px 0;
	color: #fff;
}
.sous_pages > li > a:hover
{
	background-color: #2E3537;
}
#formation-slider
{
    position: absolute;
    right: 150px;
    width: 400px;
    top: 10%;
    border-radius: 10px;
    background-color: rgba(135, 140, 160, 0.63);
    color: white;
    padding: 6px 25px;
    text-align: center;
}
#formation-slider .titre
{
	font-size: 20px;
	color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
}
#formation-slider .titre > span
{
	display: block;
	font-size: 12px;
	font-weight: normal;
}
#formation-slider a
{
	color: white;
	text-decoration: none;
}
#formation-slider > a:hover
{
	text-decoration: underline;
}
#formation-slider .date
{
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 100%;
    text-align: center;
    padding: 2px;
    font-size: 12px;
    margin-right: 10px;
    border-radius: 4px;
}
#formation-slider .date + div
{
	display: inline-block;
	width: 270px;
	height: 76px;
	overflow: hidden;
	padding: 5px;
}
#formation-slider ul li
{
	transition: ease-in-out 200ms background-color;
}
#formation-slider ul li:hover
{
	background-color: rgba(255,255,255,0.2);
}
#formation-slider ul li.violet .date,
#formation-slider ul li.violet button
{
    background-color: #8e4998;	
}
#formation-slider ul li.vert .date,
#formation-slider ul li.vert button
{
    background-color: rgb(81, 185, 128);	
}
#formation-slider ul li.rouge .date,
#formation-slider ul li.rouge button
{
    background-color: #eb4137;	
}
#formation-slider .date b
{
	display: inline-block;
	font-size: 25px;
	padding-top: 12px;
}
#formation-slider .date + div
{
	display: inline-block;
}
#formation-slider li .titre
{
    padding-bottom: 7px;
    font-size: 16px;

    color: #FFF;
    text-shadow: 1px 1px #000;
    font-weight: bold;
    line-height: 15px;
}
#formation-slider li a
{
	display: inline-block;
	width: 100%;
	height: 100%;
}
#formation-slider ul
{
	padding-left: 0px;
	list-style: none;
	text-align: left;
}
#formation-slider ul li
{
	height: 80px;
	margin: 20px 0px;
	position: relative;
	box-shadow: 0 0 32px 3px rgba(0,0,0,0.2);
    border-radius: 5px;
}
#formation-slider button
{
	border: none;
    color: white;
    border-radius: 5px;
    padding: 3px 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.titre-bloc
{
	background-color: #861717;
	color: white;
	margin: 0px;
	font-size: 28px;
	padding: 20px 0px 20px 20px;
	text-align: left;
	line-height: 30px;
}
.titre-bloc.inverse
{
	background-color: #e4e4e4;
	color: #666873;
	position: relative;
}
.titre-bloc .boutons
{
	position: absolute;
	display: inline-block;
	font-size: 14px;
	padding: 0 5px;
	top: 5px;
	right: 10px;
}
#liste-actu
{
	padding-left: 0px;
	list-style: none;
}
#liste-actu img
{
	width: 100%;
}
#liste-actu > li > a
{
	max-width: 50%;
}
#liste-actu > li > a
{
	vertical-align: top;
	padding: 10px;
}
#liste-actu > li > a
{
	float: left;
}
#user_access
{
	color: white;
	position: relative;
	font-size: 14px;
}
#user_access a 
{
	text-decoration: none;
	color: white;
}
#user_access ul a
{
	padding: 10px;
	display: inline-block;
	border-left: 3px solid transparent;
}
#user_access ul a:hover
{
	border-left: 3px solid white;	
}
#user_access .fa-caret-down
{
	cursor: pointer;
}
#user_access .fa-caret-down:hover
{
	color: rgb(181, 187, 209);
}
#user_access .fa-caret-down.open + ul
{
	display: block;
}
#user_access i
{
	font-size: 21px;
	z-index: 9999;
}
#user_access ul
{
	position: absolute;
	/*overflow: inherit!important;*/
	display: none;
	top: calc(100% + 1px);
	text-align: left;
	z-index: 999;
	list-style: none;
	background-color: #878ca0;
	margin: 0px;
	padding-left: 0px;
	box-shadow: 1px 1px 5px #000;
}
#user_access ul:before
{
	content: '';
	height: 8px;
	width: 100%;
	display: block;
	background-color: #878ca0;
	position: absolute;
	top: -5px;
	left: 0px;
}
.fa-style
{
	margin-right: 5px;
    background-color: rgb(181, 187, 209);
    border-radius: 100%;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.fa-style:before
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);	
}
.element
{
	background-color: #f6f6f6;
	border: 1px solid #e4e4e4;
	margin-bottom: 20px;
	clear: both;
}
#slider_accueil:after
{
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 1px 4px rgba(0,0,0,0.5);
}
#slider_accueil > ul
{
	width: 100%;
	height: 100%;
	background-color: #2c2924;
}
#slider_accueil > ul li
{
	background-position: 50% 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	height: 100%;
}
#slider_accueil > ul + div + div + div + div
{
    border-radius: 0!important;
    margin-left: 0!important;
    color: transparent!important;
    height: 52px!important;
    top: calc(50% - 26px)!important;
    margin: 0!important;
}
#slider_accueil > ul + div + div + div + div + div
{
    border-radius: 0!important;
    margin-right: 0!important;
    color: transparent!important;
    height: 52px!important;
    top: calc(50% - 26px)!important;
    margin: 0!important;
}
#slider_accueil > ul + div + div + div + div:before
{
    content: "\f104";
    color: #FFF;
    font-size: 35px!important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 7px 5px;
}
#slider_accueil > ul + div + div + div + div + div:before
{
    content: "\f105";
    color: #FFF;
    font-size: 35px!important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 7px 5px;
}
#slider_accueil img,
#slider_galerie img
{
	margin: 0;	
}
#slider_galerie li img
{
	vertical-align: middle;
}
#slider_galerie li > a
{
	display: inline-block;
	height: 100%;
}
#slider_galerie li > a:before
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	border: 1px solid transparent;
}
#header + .container,
#slider_accueil + .container
{
	margin: 25px auto;
}
#header + hr
{
	margin: 30px 0 15px;
	border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}
.hr
{
	background-image: url(../img/hr.png);
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	height: 46px;
	width: 90%;
	margin: 0 auto;
}
/*MENU*/
#menu
{
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 285px);
    text-align: right;
}
.menuMobile
{
	display: none;
	position: absolute;
	top: 32px;
	right: 20px;
	cursor: pointer;
	font-size: 17px!important;
}
#menu > ul
{
	display: block;
	margin: 0;
	padding: 0;
	
	list-style: none;
}
#menu > ul > li
{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	*float: left;/*IE7*/
}
#menu > ul > li > a
{
	display: block;
	padding: 10px;	
	text-decoration: none;
	color: #878ca0;
	font-size: 15px;
	font-family: raleway;
	border-bottom: 3px solid transparent;
	position: relative;
	overflow: hidden;
}
#menu > ul > li:first-child > a
{
	padding: 6px 10px;
}
#menu > ul > li > a > .fa
{
	line-height: 25px;
	font-size: 22px;
}
#menu > ul > li > a > .fa-angle-down
{
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    transition: top 0.3s;
}
#menu > ul > li:hover > a > .fa-angle-down.down1
{
	top: 120%;
}
#menu > ul > li > a > .fa-angle-down.down2
{
	top: -20%;
}
#menu > ul > li:hover > a > .fa-angle-down.down2
{
	top: 50%;
}
#menu > ul > li:hover > a, 
#menu > ul > li.select > a
{
	border-bottom: 3px solid #878ca0;
}

#menu > ul > li > ul
{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	text-align: left;
	padding: 0;
	z-index: 3;
	list-style: none;
	max-width: initial;
}
#menu > ul > li:hover > ul
{
	display: block;
}
#menu > ul > li > ul > li
{
	white-space: nowrap;
	max-width: inherit;
}
#menu > ul > li > ul > li > a
{
	padding: 5px;
	display: block;
	color: #666;
	font-size: 15px;
	font-family: avantgarde_bk_btbook;
	text-decoration: none;
	
	white-space: nowrap;
}
#menu > ul > li > ul > li:hover > a, 
#menu > ul > li > ul > li > a.select
{
	color: #1b9ac3;
	/*color:#FFFFFF;*/
}

#menu > ul > li > ul > li:hover > a.vert, 
#menu > ul > li > ul > li > a.select.vert
{
	color: #44af77;
}
#menu > ul > li > ul > li:hover > a.rouge, 
#menu > ul > li > ul > li > a.select.rouge
{
	color: #e7574c;
}
#menu > ul > li > ul > li:hover > a.violet, 
#menu > ul > li > ul > li > a.select.violet
{
	color: #9d66a9;
}

/*SLIDER*/
#slider
{
	margin: -10px 0 0 -10px;
	
	width: 710px;
	height: 300px;
	z-index: 1;
}
#slider_accueil
{
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 100%!important;
	height: 450px;
	z-index: 1;
}
#slider_accueil > ul > li
{
	width: 100%;
}
#slider_accueil .boutonPagination.select
{
	background: #878ca0!important;
}
.slide-contenu
{
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #FFFFFF;
	padding: 5px;
	width: 100%;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
.slide-contenu .slide-texte
{
	margin: 15px 0px;
}
.slide-contenu .slide-titre
{
	display: block;
	font-size: 25px;
	padding: 1% 0px; 
	color: #fff;
}
.slide-contenu .slide-titre + hr
{
	width: 50px;
	height: 2px;
	background-color: white;
	border: none;
}

#slider_galerie
{
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 100%;
	height: 150px;
}
#slider_galerie li
{
	margin: 0 2px;	
	display: table-cell;
}
#partenairesHome
{
	margin-top: 40px;
	position: relative;
}
#partenairesHome > span
{
	position: absolute;
}
#partenaires-liste
{
	padding-left: 0px;
	font-size: 0px;
}
#partenaires-liste > a
{
	color: white;
}
#partenaires-liste li
{
	display: inline-block;
	vertical-align: top;
	width: 30.333333%;
	height: 250px;
	margin: 1.5%;
	box-sizing: border-box;
	padding: 5px 17px;
	position: relative;
	background-size: cover;
}
#partenaires-liste li > h2, #partenaires-liste li > p
{
	text-align: right;
	position: relative;
	z-index: 5;
	margin: 0px;
}
#partenaires-liste li > h2
{
	padding: 30px 0px 5px 0px;
	transition: padding ease 0.3s;
	border-bottom: none;
	text-shadow: 1px 1px 3px #0e0e0e;
}
#partenaires-liste li:hover > h2
{
	padding: 15px 0px 5px 0px;
}
#partenaires-liste li > .overlay
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.45);
	transition: opacity ease-in-out 0.25s;
}
#partenaires-liste li:hover > .overlay
{
	opacity: 1;
}
#partenaires-liste li > p
{
	font-size: 15px;
	margin: 40px 0px 0px 0px;
	border-top: 3px solid white;
	padding-top: 35px;
	color: white;
	opacity: 0;
	transition: opacity ease 0.5s, margin ease 0.4s;
}
#partenaires-liste li:hover > p
{
	opacity: 1;
	margin: 0px 0px 0px 0px;
}

/*Pagination*/
.g-recaptcha
{
	width: 100%!important;
}
.g-recaptcha > div
{
	margin: 0 auto;
}
form
{
	display: inline;
}
.pagination
{
    margin: 20px 30px;
    text-align: right;	
}
.pagination input
{
	width: 34px;
}
.pagination input,
.pagination a
{
    display: inline-block;
    padding: 5px 10px;
    margin: 0px;
    background: #E8E8E8;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #13808c;
    padding: 10px 12px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination a:hover
{
	background: #1888AD;
	color: #FFFFFF;
}
.pagination a:active
{
	background: #E8E8E8;
	color: #000000;
}
.pagination a.disabled
{
	background: #E8E8E8;
	color: #CCCCCC;
}

/*CONTENU*/
#nuage_liens
{
	text-align: center;
	color: #999999;
}

.quote
{
	border: 2px solid #878ca0!important;
	position: relative;
	text-align: center;
	padding: 8px 0px;
    box-sizing: border-box;
}
.quote:before,
.quote:after
{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 25px;	
    color: #878ca0;
    /*background-color: white;*/

    text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
}
.quote:before
{
	content: "\f10d";
	left: -12px;
	bottom: 8px;
}
.quote:after
{
	content: "\f10e";
	right: -12px;
	top: 8px;
}
.article-formation
{
	margin: 15px 0px;
}
#liste-actu.formation fieldset
{
    margin: 20px auto;
    width: 100%;
    display: block;

    border-color: #868ba0;
    border-width: 2px;
    border-style: solid;
}
#liste-actu.formation legend
{
	font-size: 18px;
    color: #878ca0;
}
#liste-actu.formation img
{
	width: auto;
}
#liste-actu .aside-formation img
{
	width: 48px;
}
#liste-actu > li > div
{
	font-size: 0;
}
#liste-actu > li > div > div
{
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
#liste-actu > li > div > div:first-child
{
	width: calc(100% - 300px);
}
#liste-actu .aside-formation
{
    width: 240px;
    text-align: center;
    background-color: #e4e4e4;
    padding: 20px 12px;
}
#liste-actu .aside-formation > div
{
	text-align: left;
	margin: 10px 0px;
}
#liste-actu .aside-formation .fa,
#liste-actu .aside-formation label
{
	font-size: 18px;
	vertical-align: middle;
	/*color: #666;*/
	padding-right: 5px;
}
#liste-actu .aside-formation b
{
	display: block;
    font-size: 18px;
    padding: 5px 0px;
}
/*ASIDE (GAUCHE OU DROITE)*/
#aside
{
	padding-left: 20px;
}
#aside > div:first-child
#aside > ul
{
	list-style: none;
	margin: 15px 0 15px 4px;
	padding: 0;
}
#aside > ul > li
{
	width: 251px;
}
#aside > ul > li > a
{
	display: block;
	text-decoration: none;
	padding: 8px;
	margin: 5px 0;
	border-left: 1px solid #500050;
	border-top: 1px solid #500050;
	border-bottom: 1px solid #500050;
	border-radius: 3px 0 0 3px;
	color: #FFFFFF;
	text-align: center;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
#aside > ul > li > a:hover
{
	background: #701374;
}
#aside .bloc:last-child
{
	border-bottom: none;
}
#aside .bloc:first-child
{
	padding-top: 0;
}

/*FOOTER*/
#footer
{
	position: relative;
	width: 100%;
	background-color: #878ca0;
	color: #FFFFFF;
	font-size: 12px;
}
#footer .inset-container
{
	background-color: #e7e6e7;
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
#footer .inset-container ul
{
	padding-left: 0px;
	display: inline-block;
	vertical-align: top;
	list-style: none;

    text-align: left;
}
#footer .inset-container ul:last-child
{
	margin-left: 50px;
}
#footer .inset-container ul:not(.social) a:before
{
	content: '• ';
}
#footer .inset-container > div
{
	display: inline-block;
	vertical-align: middle;
	color: #555453;
	padding: 0px 45px;
	border-right: 1px solid #555453;
    text-align: left;
}
#footer .inset-container > div:first-child
{
	padding-left: 0px;
}
#footer .inset-container > div:last-child
{
	border: none;
	padding-right: 0px;
}
#footer .inset-container a
{
	color: #555453;	
}
.info-footer
{
	font-size: 15px;
}
#footer a
{
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer #infos_site
{
	padding: 10px;
}
#footer #infos_complementaires
{
	text-align: right;
}
#footer > .container > div
{
	display: table-cell;
}



/*DIVERS PROPRE AU SITE*/
.bloc
{
	border-radius: 3px;
	width: 100%;
	height: 120px;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0!important;
	padding-top: 30px;

	background-color: #e7e6e7;
}
.bloc.video
{
	display: inline-block;
	width: 320px;
	height: 240px;
	margin: 0 0 5px 12px;
	padding: 5px;
}
.bloc h2
{
	text-decoration: none;
	margin-top: 15px;
	letter-spacing: -1px;
	font-size: 26px;
	font-weight: 100;

	display: block;
	color: #FFF;
	margin: 4px;
	padding: 5px;
	border-radius: 3px;
	font-size: 18px;
	text-transform: uppercase;
	background-color: #878ca0;
}
.bloc h2:first-letter
{
	font-size: 20px;
}
#actualites.bloc ul li a i
{
	font-size: 12px;
	display: block;
	text-align: right;
	font-style: normal;
}
#actualites.bloc, 
#temoignages.bloc
{
	position: relative;
	height: 279px;
	border-bottom: 1px dashed #666;
	padding-top: 0px;
}
#temoignages.bloc
{
	height: 214px!important;
	text-align: center;
}
#actualites.bloc .slider, 
#temoignages.bloc .slider
{
	width: 100%;
	height: 225px;
}
#temoignages.bloc .slider
{
	height: 160px;
}

#actualites.bloc .slider ul, 
#temoignages.bloc .slider ul
{
	width: 100%;
	height: 100%;
	
	margin: 0;
	list-style: none;
}
#actualites.bloc .slider ul li,
#temoignages.bloc .slider ul li
{
	padding: 5px 1%;
	text-align: justify;
	width: 100%;
}
#actualites.bloc .slider ul li
{
	text-align: center;
}
#actualites.bloc .slider img
{
	max-height: 80px;
}
#actualites.bloc a,
#temoignages.bloc a
{
	text-decoration: none;
}
#actualites.bloc a:hover,
#temoignages.bloc a:hover
{
	/*text-decoration: underline;*/
}

#actualites.bloc .slider a,
#temoignages.bloc .slider a
{
	color: #666;
	text-decoration: none;
}
#actualites.bloc .slider a:hover,
#temoignages.bloc .slider a:hover
{
	color: #666;
	text-decoration: none;
}

.btn-tem
{
    position: relative;
    border: 1px solid grey;
    display: inline-block;
    padding: 6px 54px 6px 17px;
    border-radius: 2px;
    text-decoration: none!important;
    margin-top: 10px;
}
.btn-tem .fa
{
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid grey;
    height: 100%;
    padding: 6px;
    background-color: #cccccc;
}
.actu-resume
{
    width: 100%;
    margin: 0 auto 0 auto;
    display: block;
    position: relative;
    z-index: 8;
    border-radius: 20px;
    padding: 8px 12px;
    text-align: left;
}
#videos.bloc
{
	height: 250px;
	border-bottom: 1px dashed #666;
}
#videos.bloc a
{
	display: block;
	margin: 5px 0;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
}
#videos.bloc a:hover
{
	text-decoration: underline;
}

#langs
{
	float:right;
}

#langs > div
{
	display:inline-block;
}

#langs > div:hover
{
	opacity:0.5
}

.galerie table,
.contact table 
{
	display: block;
}
.galerie tbody,
.contact tbody 
{
	display: block;
}
.galerie tr
{
	display: block;
	text-align: center;
}
.galerie td
{
	display: inline-block;
	padding-left: 1%;
}
.galerie td > a
{
	width: 100%!important;
	padding: 0 !important;
	display: block !important;
	position: relative;
	overflow: hidden;
	text-decoration: none
}
.galerie td > a > span
{
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	transition:top 0.3s,bottom 0.3s;
	background-color: rgba(0, 0, 0, 0.3);
	border: none;
}
.overlay_top
{
	top: -51%;
}
.galerie td > a:hover > .overlay_top
{
	top: 0%;
}
.overlay_bottom
{
	bottom: -50%;
}
.galerie td > a:hover > .overlay_bottom
{
	bottom: 0%;
}
.galerie td > a > img
{
	border: 1px solid rgba(50, 50, 50, 0.1);
	border-bottom: none;
	width: 300px;
}
.galerie td > a > *
{
	margin: 0!important;
}
.galerie td > a > h2
{
	background-color: #323232;
	line-height: 30px;
	font-size: 15px;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
	width: 300px;
	color: #fff;
	border-left: 1px solid rgba(50, 50, 50, 0.1);
	border-right: 1px solid rgba(50, 50, 50, 0.1);
}

#galerie-liste
{
	padding-left: 0px;
	width: 100%;
	list-style: none;
	font-size: 0px;
}
#galerie-liste > li
{
	display: inline-block;
	vertical-align: top;
	width: 19.25%;
	margin: 0.25%;
	position: relative;
	overflow: hidden;
}
#galerie-liste > li > a
{
	display: block;
}
#galerie-liste > li > a >.mask
{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 100%;
	opacity: 0;
	animation: 0.15s forwards linear;
	-webkit-animation: 150ms forwards linear;
}
#galerie-liste > li > a >.mask > i
{
	font-size: 45px;
	color: white;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
#galerie-liste > li > a >.mask > span
{
	font-size: 15px;
	display: block;
	width: 95%;
	color: white;
	position: absolute;
	left: 50%;
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
}
#galerie-liste > li > a >.mask > span > i
{
	font-size: 45px;
}
@keyframes in-top
{
	0% { top: -100%; left: 0%; opacity: 1; }
	100% { top: 0%; left: 0%; opacity: 1; }
}
@keyframes in-bottom
{
	0% { top: 100%;	left: 0%; opacity: 1; }
	100% { top: 0%; left: 0%; opacity: 1; }
}
@keyframes in-right
{
	0% { top: 0%; left: 100%; opacity: 1; }
	100% { top: 0%;	left: 0%; opacity: 1; }
}
@keyframes in-left
{
	0% { top: 0%; left: -100%; opacity: 1; }
	100% { top: 0%;	left: 0%; opacity: 1; }
}
#galerie-liste > li > a > .mask.in-top
{
	animation-name: in-top;
	-webkit-animation-name: in-top;
}
#galerie-liste > li > a > .mask.in-bottom
{
	animation-name: in-bottom;
	-webkit-animation-name: in-bottom;
}
#galerie-liste > li > a > .mask.in-right
{
	animation-name: in-right;
	-webkit-animation-name: in-right;
}
#galerie-liste > li > a > .mask.in-left
{
	animation-name: in-left;
	-webkit-animation-name: in-left;
}

@keyframes out-top
{
	0% { top: 0%; left: 0%;	opacity: 1;	}
	100% { top: -100%; left: 0%; opacity: 1; }
}
@keyframes out-bottom
{
	0% { top: 0%; left: 0%;	opacity: 1;	}
	100% { top: 100%; left: 0%;	opacity: 1;	}
}
@keyframes out-right
{
	0% { top: 0%; left: 0%;	opacity: 1;	}
	100% { top: 0%;	left: 100%;	opacity: 1;	}
}
@keyframes out-left
{
	0% { top: 0%; left: 0%;	opacity: 1;	}
	100% { top: 0%;	left: -100%; opacity: 1; }
}
#galerie-liste > li > a > .mask.out-top
{
	animation-name: out-top;
	-webkit-animation-name: out-top;
}
#galerie-liste > li > a > .mask.out-bottom
{
	animation-name: out-bottom;
	-webkit-animation-name: out-bottom;
}
#galerie-liste > li > a > .mask.out-right
{
	animation-name: out-right;
	-webkit-animation-name: out-right;
}
#galerie-liste > li > a > .mask.out-left
{
	animation-name: out-left;
	-webkit-animation-name: out-left;
}

#galerie-liste > li img
{
	width: 100%;
	margin: 0px;
}

.msgContact
{
	width: 96%;
	margin: 0 2%;
	margin-top: 25px;
	float: left;
	box-sizing: border-box;
	moz-box-sizing: border-box;
}
.theCaptcha
{
	width: 100%!important;
	text-align: center;
	margin: 0 auto;
}
.theCaptcha > div > div > div
{
	width: 100%!important;
}
.g-recaptcha
{
	width: 100%!important;
}
.g-recaptcha > div > div
{
	margin: 0 auto;
}
.formContact > div > div
{
	float: left;
	width: 50%;
	padding:0 2%;
	margin-top: 25px;
	box-sizing: border-box;
	moz-box-sizing: border-box;
}
.formContact > center
{
	display: block;
	float: left;
	margin-top: 10px;
	width: 100%;
}
.formContact > div > div > label,
.msgContact > label
{
	display: block;
	position: relative;
}
.formContact > div > div > label:first-child
{
	margin-bottom: 6px;
	line-height: 19px;
	font-weight: 400;
}
.formContact > div > div > label > i,
.msgContact > label > i
{
	position: absolute;
	min-width: 34px;
	top: 3px;
	right: 1px;
	border-left: 1px solid #b3b3b3;
	color: #b3b3b3;
	height: 32px;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
}
.msgContact > label > i
{
	top: 0;
	height: 100%;
	line-height: 120px;
}
.formContact > div > div > label > input,
.msgContact > label > textarea
{
	padding: 6px 12px;
	padding-right: 46px;
	width: 100%;
	height: 34px;
	outline: none;
	font-family: arial;
	color: #555;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.formContact > div > div:nth-child(4) > label:nth-child(2)
{
	width: 35%;
	min-width: 100px;
	display: inline-block;
	margin-right: 1%;
}
.formContact > div > div:nth-child(4) > label:last-child
{
	display: inline-block;
	width: 64%;
}
.lien_pdf
{
	display: inline-block;
	padding: 7px 12px;
	background-color: #2E3537;
	color: white;
}
.lien_pdf:hover
{
	
	opacity: 0.9;
}
.lien_pdf:before
{
	content: "\f1c1";
	margin-right: 4px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
}


@media only screen and (max-width:980px)
{
	#header_top
	{
		position: relative;
		width: 100%;
		text-align: center;
	}

	.menuMobile
	{
		display: block;
	}
	#menu > ul
	{
		display: none;
		z-index: 10010;
	}
	body.menu-open #menu > ul
	{
		display: block;
	}
	body.menu-open
	{
		overflow: hidden;
	}
	body.menu-open .menuMobile > i:before
	{
		content: "\f00d";
	}
	#menu > ul
	{
		position: fixed;
		top: 115px;
		left: 0;
		width: 100%;
		height: calc(100% - 115px);
		overflow: auto;
		background-color: #878ca0;
	}
	#menu > ul > li
	{
		display: block;
	}
	#menu > ul > li > a
	{
		color: #FFF;
		text-align: left;
		font-size: 17px;
	}
	#menu > ul > li > ul
	{
		display: block;
		position: relative;
	}
	#menu > ul > li > a,
	#menu > ul > li:hover > a, 
	#menu > ul > li.select > a
	{
		border-bottom: 1px solid #FFF;
	}
	#menu > ul > li > ul > li > a
	{
		font-size: 17px;
		padding: 10px;
	}
	#menu > ul > li .fa.fa-angle-down
	{
		display: none;
	}

	.row,
	.row.table
	{
		display: block;
	}
	.row.table > div,
	.row > div
	{
		display: block;
		width: 100%!important;
		margin: 10px 0;
	}
	
	#slider_accueil
	{
		display: none;
	}

	#content, #aside
	{
		display: block;
		width: 100%;
	}
	#aside
	{
		padding: 0;
		margin-top: 65px;
	}

	#footer .inset-container > div:first-child
	{
		border-right: 0;
		padding-left: 45px;
	}
}

@media only screen and (max-width:480px)
{
	#menu > ul
	{
		top: 146px;
		height: calc(100% - 146px);
	}

	#liste-actu > li > div
	{
		display: flex;
	    flex-direction: column-reverse;
	}
	#liste-actu > li > div > div
	{
		width: initial!important;
		margin: 0!important;
	}
	.titre-bloc .boutons
	{
		position: relative;
		top: initial;
		right: initial;
	}
	#liste-actu.formation fieldset
	{
		width: initial;
	}

	.bloc-accueil > li
	{
		max-width: initial;
	}

	.formContact > div > div
	{
		width: 100%;
		margin-top: 15px;
	}
	
	#footer .inset-container > div:first-child
	{
		padding-left: 0;
	}
	#footer .inset-container ul:last-child
	{
		margin-left: 0; 
	}
	#footer .inset-container > div
	{
		border-right: 0;
		padding: 10px 0;
	}
}