/**********************************
  structure globale du site
***********************************/

#wrapper{
	padding: 60px 0px 30px 0px;
}

a.scrollTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -280px -81px;
    z-index: 1;
}

.page-id-279 a.scrollTop,
.page-id-371 a.scrollTop {
    bottom: 100px;
    right: 30px;
}

.logo-footer {	
	width: 250px;
}
.logo-footer .description {
	padding: 10px 0;
}
.logo-footer .description p{
	color: #fff!important;
    font-size: 12px;
    font-weight: 400;
}
@media screen and (max-width:768px) {
	.logo-footer  {
		display: flex;
		flex-direction: column;
	}
	.logo-footer img {
		margin: 0 auto;
	}
}
/* ------------
HEADER (EN-TETE)
--------------*/

.menu-mobile {
	display: none;
}

#header{
	box-shadow: 0px 2px 10px 0px rgba(138,138,138,0.20);
	background: white;
}
	#header > .inner{
	}
	#header .hdr-logo img {
		max-width: 200px;
	}
	/*  Blc réseaux sociaux */
	#header #headerInner .nav .topInfo{
		padding: 8px 0px;
	}
		#header #headerInner .nav .topInfo > a.bouton1 {
			margin: 0 30px;
		}
		#header #headerInner .nav .topInfo .rsBar a {
			margin: 0 6px;
		}
		#header #headerInner .nav .topInfo .rsBar a:hover span.link-fb {
			background-position: -294px -10px;
		}
		#header #headerInner .nav .topInfo .rsBar a:hover span.link-insta {
			background-position: -369px -10px;
		}
		#header #headerInner .nav .topInfo .rsBar a:hover span.link-lk {
			background-position: -372px -89px;
		}
		#header #headerInner .nav .topInfo .rsBar a:hover span.link-twitter {
			background-position: -52px -54px;
		}
		#header #headerInner .nav .topInfo .rsBar a:hover span.link-mail {
			background-position: -364px -131px;
		}
	#header #headerInner .topInfo input{
		height: 30px;
		padding: 0px 10px;
		border: 1px solid var(--color02);
		border-radius: 20px;
		/* margin-right: 10px; */
	}
	#header #headerInner .topInfo .widget_search input#searchsubmit {
		background-color: transparent;
		border: transparent !important;
		text-indent: -5000px;
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
		background-image: url(../img/charte/sprite.svg);
		background-repeat: no-repeat;
		background-size: 400px auto;
		cursor: pointer;
		background-position: -361px -40px;
		border-radius: 0;
	}
	.widget_search label, .widget_search .widgettitle {
		display: none;
	}
	#header #headerInner .nav .topInfo input:focus{
		outline:  none;
	}
	header#header.nav-down .scrollTop {
		display: none;
	}

	/* Blc lien menu */
	#header #headerInner .nav .nested{
	}
	.entete-title .titre{
		background-color: var(--color02);
		padding: 15px 0px;
	}
	.entete-title .titre h1{
		color: white;
		margin: 0px;
		font-size: 2.6rem;
	}
	.entete-title .image .item {
		height: 200px;
	}
	.entete-title .image{
		height: 200px;
	}
	.entete-title .image span{
		left: 50%;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		top: 100%;
	}
	.entete-title .image button {
		display: none !important;
	}


/* ----------------------
ZONE INTERIEURE (CONTENU)
-----------------------*/


/* ------------
PICTO DROITE
--------------*/
#rightPicto {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -17px;
    width: 65px;
    height: 185px;
    z-index: 9999;
}
#rightPicto .relative{
	width: 100%;
	height: 100%;
}
#rightPicto .rightInscrip {
    border-radius: 50px;
    background-color: var(--color04);
    width: 70px;
    height: 70px;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    z-index: 1;
}
#rightPicto .rightInscrip:hover {
    -webkit-transform: translate(-15px, 15px);
            transform: translate(-15px, 15px);
}
#rightPicto .rightSearch {
    border-radius: 50px;
    background-color: var(--color02);
    width: 70px;
    height: 70px;
    z-index: 99;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    cursor: pointer;
    position: relative;
}
#rightPicto .rightSearch .widget_search {
    position: absolute;
	left: 100%;
	right: initial;
	-webkit-transition: right .5s, left .5s;
	transition: right .5s, left .5s;
}
#rightPicto .rightSearch.active .widget_search {
    left: initial;
    right: 80px;
    background-color: var(--color02);
    padding: 13px 14px;
    border-radius: 5px;
}
	#rightPicto .rightSearch.active .sprite.search {
		background-position: -71px -200px;
	}
	#rightPicto .rightSearch.active .widget_search form > div {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		        align-items: center;
	}
	#rightPicto .rightSearch.active .widget_search form > div input[type="text"] {
		padding: 12px 0 13px 13px;
		border: transparent;
		width: 400px;
		margin: 0 10px 0 0;
		opacity: 1 !important;
	}
	#rightPicto .rightSearch.active .widget_search form > div input[type="submit"] {
		background-color: #fff;
		border: transparent !important;
		text-indent: -5000px;
		width: 40px;
		min-width: 40px;
		height: 40px;
		padding: 0;
		margin: 0;
		background-image: url(../img/charte/sprite.svg);
		background-repeat: no-repeat;
		background-size: 400px auto;
		cursor: pointer;
		background-position: -361px -40px;
		border-radius: 50%;
	}
#rightPicto .rightSearch:not(.active):hover {
	-webkit-transform: translate(-10px, 0);
	        transform: translate(-10px, 0);
}
#rightPicto .rightContact {
    border-radius: 50px;
    background-color: var(--color03);
    width: 70px;
    height: 70px;
    z-index: 9;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
}
#rightPicto .rightContact:hover {
    -webkit-transform: translate(-10px, -15px);
            transform: translate(-10px, -15px);
}
/* #rightPicto form #searchform #s{
	opacity: 1;
} */


/* -------------------
FOOTER (PIED DE PAGE)
--------------------*/
#footer{
}
	#footer .rs a:not(:first-child) {
		margin: 0 0 0 7px;
	}
	#footer .inner{
	}
	#footer .bloc-contenu-footer .callToAction{
		background-color: var(--color03);
		padding: 45px 0px 20px 0px;
	}
	#footer .bloc-contenu-footer .callToAction a{
		text-transform: inherit;
		font-size: 2rem;
	}

	#footer .bloc-contenu-footer .partenaire{
		margin-bottom: 80px;
	}
	#footer .bloc-contenu-footer .partenaire .title{
		margin-top: 30px;
	}

	#footer .bloc-contenu-footer .partenaire .containerPlus{
		margin: 0 auto;
		max-width: 95%;
		width: 1000px;
	}
	#footer .bloc-contenu-footer .partenaire .logo-partenaire{
		padding: 40px 0px;
	}
		#footer .bloc-contenu-footer .partenaire .logo-partenaire .image {
			margin: 0 0 30px 0;
		}
			#footer .bloc-contenu-footer .partenaire .logo-partenaire .image img {
				max-width: 95%;
			}

	#footer .bloc-contenu-footer .info{
		background-color: var(--color02);
		padding: 70px 0px 55px 0px;
	}
		#footer .bloc-contenu-footer .info p,
		#footer .bloc-contenu-footer .info strong {
			color: #fff;
			margin: 0;
		}
	#footer .bloc-contenu-footer .info .objetfooter{
		top: 0;
	}
	#footer .bloc-contenu-footer .info .leftSide .w25 h3{
		color: white;
		letter-spacing: 1px;
		font-family: 'sr', sans-serif;
	}
	#footer .bloc-contenu-footer .info .rightSide .text{
		color: white;
		letter-spacing: 1px;
	}
	#footer .bloc-contenu-footer .info .rightSide .text strong{
		font-size: 1.8rem;
	}
	#footer .bloc-contenu-footer .info .rightSide .text p{
		color: white;
		margin: 0px;
		letter-spacing: 1px;
	}
	#footer .bloc-contenu-footer .info .rightSide .reseau{
		margin-top: 20px;
		color: white;
		letter-spacing: 1px;
		font-size: 1.8rem;
	}
	#footer .bloc-contenu-footer .info .rightSide .reseau strong{
		margin-bottom: 8px;
	}

	#footer3-box{
		background-color: var(--color07);
		color: white;
		padding: 8px 0px;
		text-align: center;
	}
	#footer3-box a {
		color: white;
		font-size: 1.2rem;
	}
	#footer3-box a:hover{
		color: var(--color04);
	}
	#footer3-box a:not(:last-child){
		padding-right: 8px;
		border-right: 2px solid white;
	}
	#footer3-box a:not(:first-child){
		padding-left: 8px;
	}
 

/* ------------
PAGE ERREUR
--------------*/
#error_page{

}
.error{
	color:#f00;
}
.error_form{
	color:#f00;
}

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	#header #headerInner .nav .topInfo > a.bouton1 {
		margin: 0 15px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.containerHeader .hdr-logo {
		padding: 10px 0 10px 0;
	}
	#header #headerInner .nav .topInfo {
		-webkit-box-pack: justify;
		        justify-content: space-between;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	#header #headerInner .nav .topInfo {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}
	.bloc-contenu-footer .containerPlus:not(.logo-partenaire) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-webkit-box-align: center;
		        align-items: center;
	}
	#footer .bloc-contenu-footer .info > div.container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}
	#header #headerInner .nav .topInfo > a.bouton1 {
		margin: 10px 0;
	}
	#header .hdr-logo img {
		max-width: 150px;
	}
	.menu-mobile {
		display: -webkit-box;
		display: flex;
		width: 36px;
		height: 23px;
		top: 20px;
		left: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-webkit-box-pack: justify;
		        justify-content: space-between;
	}
	.menu-mobile::before, .menu-mobile::after {
		content: "";
		width: 100%;
		height: 3px;
		background-color: var(--color02);
		display: block;
	}
	.menu-mobile span {
		width: 100%;
		height: 3px;
		background-color: var(--color03);
	}
	.post-type-formation .info div.lieu,
	.post-type-formation .info div.duree {
		margin: 0 0 30px 0;
	}
	#footer .bloc-contenu-footer .partenaire .title {
		padding: 0 20px;
	}
	#rightPicto {
		display: none;
	}
		#rightPicto .relative {
			display: -webkit-box;
			display: flex;
			-webkit-box-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			        justify-content: center;
		}
			#rightPicto .rightInscrip {
				width: 60px;
				height: 60px;
				-webkit-transform: translateY(0px);
				        transform: translateY(0px);
				display: -webkit-box;
				display: flex;
				-webkit-box-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				        justify-content: center;
			}
			#rightPicto .rightSearch {
				width: 60px;
				height: 60px;
				position: initial;
			}
				#rightPicto .rightSearch .widget_search {
					left: initial;
					right: initial;
					top: 100%;
				}
			#rightPicto .rightContact {
				width: 60px;
				height: 60px;
				-webkit-transform: translateY(0px);
				        transform: translateY(0px);
				display: -webkit-box;
				display: flex;
				-webkit-box-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				        justify-content: center;
			}
	#rightPicto .rightSearch.active .sprite.search {
		background-position: -68px -207px;
	}
	#rightPicto .rightSearch.active .widget_search {
		left: 0;
		right: initial;
		top: -80px;
		width: 100%;
	}
	#rightPicto .rightInscrip:hover,
	#rightPicto .rightContact:hover {
		-webkit-transform: translate(0px, -10px);
		        transform: translate(0px, -10px);
	}
	#rightPicto .rightSearch:not(.active):hover {
		-webkit-transform: translate(0px, 0);
		        transform: translate(0px, 0);
	}
	.templateHomepage-blocOne .carrouselHome .item .text .container {
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		position: relative;
		background-color: rgba(48, 55, 136, 0.66);
		font-size: 1.5rem;
		padding: 10px;
	}
	#footer3-box {
		padding: 8px 0 65px 0;
	}
	#footer .bloc-contenu-footer .info .text,
	#footer .bloc-contenu-footer .reseau {
		text-align: center;
	}
}