html {
	scroll-behavior: smooth;	
}
*{
	-moz-box-sizing:border-box;     
	box-sizing:border-box;
	max-width:100%;
}

/*
bleu clair:#003F8E;
blau foncé : #152351
*/



@font-face {
    font-family: 'Bauhaus-Bold';
    src: url('../fonts/2E5C42_0_0.eot');
    src: url('../fonts/2E5C42_0_0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/2E5C42_0_0.woff2') format('woff2'),
        url('../fonts/2E5C42_0_0.woff') format('woff'),
        url('../fonts/2E5C42_0_0.ttf') format('truetype');
}

body{
	padding:0!important;
	border-top:0!important; 
	font-family: 'Poppins', sans-serif;
	text-align:left;
	font-size:0.9em;
	color:#003F8E;
	background:#f2f4f8;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;

}


/*Comptes pro*/
.com_users h1 span {
    font-size: 1.6rem;
    display: block;
    font-family: 'Poppins';
    text-transform: none;
}
#system-message-container {
	width:1000px;
	margin:20px auto;
}
.login, 
.reset,
.remind,
.login_options{
	padding:20px;
	background:white;
	margin:0;
}


.components_zone {
	padding-top:1px;
}
.bouton.cancel {
		background:rgba(255,0,0,0.1) url('../images/droite.png') no-repeat 95% center;
		border:2px solid red;
}
.bouton.cancel:hover {
		background:rgba(255,0,0,1) url('../images/droite.png') no-repeat 115% center!important;
}
.edit_account_actions button{
	margin-right:10px;
}
.no_border {
	border:none!important;
}
.bw {
	background:white;
}
.mt50 {
	margin-top:50px;
}
.padding{
	padding:20px;
}
.login_custom_page {
	background:white;
	align-items:stretch;
	margin-top:50px;
	padding-top:1px;
}
.login_custom_page .page-header {
		border-bottom:0px solid;
}
.login_options {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

.login .nav li {
	margin-bottom:10px;
}
.login .nav li a{
	padding:8px 6px;
	border:1px solid #ccc;
	display:inline-block;
	font-size:0.8rem;
}

p.instructions_de_base {
	margin:2rem 0;
	width:100%;
	max-width:600px;
}

.crop1000 .page-header {
	padding-left:20px;
	padding-right:20px;
}
.com_users .page-header  h1 {
	margin:0;
}
.com_users .crop1000 {
	/* max-width:calc(100% - 10px); */
}
.com_users legend {
	font-size:1rem;
	margin-top:20px;
}
.com_users .dl-horizontal dt {
	text-overflow: unset;
	white-space: normal;
}

.com_users dd + dt {
	margin-top:10px;
}
.optional {
	font-style:italic;
	font-size:0.7rem;
}
#jform_username-lbl + .optional {
	display:none;
}
.menu-pro {
	display:none;
}
.com_users .menu-pro {
	display:block;
	background:white;
	border:1px solid;
	margin:20px auto 40px auto;
}
.com_users .menu-pro ul {
	display:flex;
	flex-wrap:wrap;
	padding:5px 0;
	margin:10px 0;
}
.com_users .menu-pro ul li {
	margin:0 3px 3px 0;
}
.com_users .menu-pro ul li a {
	padding:10px;
	
}
.com_users .menu-pro ul li.active.current a {
	background-color:#eee;	
}
@media(min-width:768px) {
	.com_users dd,
	.com_users	dt {
		margin-top:10px;
	}		
}

.com_users .page-header {
	/* padding:20px; */
}

#h2infos,
#h2ressources,
#h2docs {
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em auto;
	background-image: url('../images/pro/infos.png');
	min-height: 2em;
	display: flex;
	align-items: center;
}
#h2ressources{
	background-image:url('../images/pro/ressources.png');
}
#h2docs{
	background-image:url('../images/pro/docs.png');
}
.alternative h2 {
	font-weight:600;
}
.alternative a.bouton {
	border:1px solid;
	font-weight:400;
}
.com_users h3 {
	margin-top:2rem;
}
.com_users .pos-content a img {
	display:inline-block;
	width:200px;
	box-shadow:none;
	border:1px solid;
	margin-right:10px;
	margin-bottom:10px;
	transition:all 0.3s;
}
.com_users .pos-content a img:hover {
	opacity:0.5;
}
.com_users button.bouton, 
.com_users a.bouton, 
.com_users input.button, 
.com_users .bouton a {
	padding: 16px 46px 16px 16px;
	margin: 20px 20px 0 0;
}
.com_user a.bouton:hover,
.com_users button.bouton:hover, 
.hover.com_users  a.bouton:hover, 
.hover.com_users input.button:hover, 
.hover.com_users  .bouton a:hover {
	padding: 16px 33px 16px 33px;
}


#responsable {
	display:flex;
	align-items:center;
	flex-direction:column;
	padding:10px;
	background:#003f8e;
	color:white;
	text-align:center;
}
.resp-entete {
	margin-top:20px;
}
.resp-entete img {
	width:150px;
}
.resp-nom + p {
	margin-top:0.25em;
}
#ctas_responsable {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-evenly;
}
.resp_button {
	margin:10px;
}
.resp_button .bouton {
	text-align:left;
	border:2px solid!important;
	font-weight:bold!important;
	text-transform:none;
	padding: 12px 17px;
	font-size:13px;
}

.resp_mail {
	width:100%;
}
form#form_mail_contact {
	display:none;
}
form#form_mail_contact.shown {
	color:white;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:20px;
	width:100%;
	
}
form#form_mail_contact.shown input {
	width:100%;
}
form#form_mail_contact legend {
	color:white;
}
#form_mail_contact {
	display
}
@media(min-width:1600px) {
	.com_users h1,
	.com_users .h1 {
		font-size:4em!important;
	}
	.com_users h2,
	.com_users .h2 {
		font-size:2.5em!important;
		margin:0.8em 0 0 0;
	}
}	

#ancres_compte {
	list-style-type:none;
	
}
#ancres_compte a{
	display:inline-block;
	margin-top:8px;
	padding:6px 6px 6px 22px;
	background:url('../images/droite.png') no-repeat 0% center;
}

.com_users .resp_button input.bouton {
	background:#fff url('../images/droite.png') no-repeat 95% center;
	transition:all 0.4s;
	display:inline-block;
	padding:12px 34px 12px 17px;
}	
.com_users .resp_button input.bouton:hover {
	background:#152351;
	color:white;
	padding:12px 17px
}
.formResponsive .formError {
	height:auto!important;
}
/*Popup de confirmation de demande contact et de rappel espace pro*/

#confirm {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background: white;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.com_users #confirm a.bouton{

	margin: 20px;
}
/*Page de destination des liens d'activations par email RSFORM*/

.com_rsform.view-registration .components_zone {
    width: 1000px;
    margin: 40px auto;
    background: white;
    padding: 20px;
}

#chapo-acti {
	padding:20px;
    background: white;
    margin-top: 70px;
}




.noscroll {
	overflow:hidden;
}
#popoverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,63,142,1) url('../images/menu.jpg') no-repeat right top; 
    z-index: 9;	
    opacity:0.75;
}
#popopop {

    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: white;
    z-index: 10;
    text-align: center;
    overflow: auto;
    justify-content:center;
    box-shadow: 0 0 9px;
}

#closepopup {
	position:absolute;
	top:25px;
	right:25px;
	height: 40px;
	width: 40px;
	padding:  13px 2px 0 0px ;
	z-index:12;
	margin:0;
	cursor:pointer;
	transform-origin:center;


}
#closepopup:hover {
	transform:rotate(180deg);
	transition:all 0.4s;
}
	
#popopop .custom:first-child > *:first-child {
    margin-top: 0;
}
#popopop .bouton {
    margin-top: 1em;
}


@media(min-width:800px) {
    #popopop {
        top: 50%;
        left: 50%;
        width: 900px;
        height: auto;
        max-height:95%;
        max-width:80%;
        -webkit-transform:translate3d(-50%,-50%,0);
        transform:translate3d(-50%,-50%,0);
        padding:5%;
    }
}

#rsfp-thankyou-scroll5 + p {

    background: white;
    padding: 25px;
    margin: 50px 0 60px 0;
    font-size: 1.3em;
    text-align: center;
    box-shadow: 0 0 9px rgba(0,0,0,0.2);

}

/*CTA*/

.un-cta {
    background: white;
    padding: 0px;
    
    /* box-shadow: 0 0 9px rgba(0,0,0,0.35); */
	position:relative;
	z-index:1;
	
}
.crop-cta {
	position:relative;
	margin: 100px auto;
}
.crop-cta::after {
    width: 100%;
    position: absolute;
    top: 30px;
    width: 100vw;
    height: calc(100% - 60px);
    background: #003f8e;
    content: "";
    display: block;
    left: 50%;
    transform: translateX(-50%);
}


.clearfix.flex.cta-teaser {
  align-items: stretch;
}
.w50.cta-entete {
  /* background: #003f8e; */
  display: flex;
  align-items: center;
}
.w50.cta-entete.illustrative {
	position:relative;
	overflow:hidden;
}
@media(min-width:640px) {
	.un-cta .element {
		position:relative;
		z-index:1;
		background:white;
	}
	.un-cta:before {
		content:"";
		display:block;
		position:absolute;
		z-index:-1;
		top:0%;
		left:100%;
		width:100px;
		height:100px;
		margin:-50px 0 0 -50px;
		background:#0a913b;
		
	}
	.un-cta:after {
		content:"";
		display:block;
		position:absolute;
		z-index:-1;
		top:100%;
		left:0;
		width:100px;
		height:100px;
		margin:-50px 0 0 -50px;
		background:#152351;
		
	}
	.w50.cta-entete.illustrative img{
		position:absolute;
		top:50%;
		left:50%;
		z-index:1;
		transform:translate3d(-50%,-50%,0);
		min-width:100%;
		min-height:100%;
		max-width:none;
		object-fit:cover;	
	}
	.w50.cta-entete.utile {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.w50.cta-entete.utile img {
		max-width: calc(100% - 40px);
		max-height: calc(100% - 40px);
	}
}

.cta-texte.w50 {
	padding: 30px;
}
.cta-pos-surtitre {
	margin-top: 0;
	font-weight: 600;
	font-size: 0.8rem;
	padding-bottom: 1rem;
}

.cta-pos-title {
	margin-top: 0;
	text-transform: uppercase;
	background:#152351;
	color: white;
	font-size: 1.8rem;
	padding: 25px 10px 20px 30px;
	width: calc(100% + 60px);
	max-width: none;
	position: relative;
	left: -30px;
}
.cta-pos-content {
    padding: 30px 0;
}
.cta-pos-content:last-child {
	padding-bottom:0;
}
.cta-pos-content .element *:first-child {
	margin-top: 0;
}

.cta-pos-content ul, .cta-pos-content p {
	margin-top:1em;
}

.cta-pos-links.bouton {
	margin-top:0;
}
.un-cta p.bouton  {
	display: flex;
	justify-content: flex-end;
	margin-top: 0;
}
.cta-pos-content ul,
.pos-content ul {
    margin-left: 1em;
	margin-top:1.8em;
}
.cta-pos-content ul li,
.pos-content ul li{
    margin-top: 0.5em;
}

/*pages SOLO*/
.solo .pageHead {

    background: white url('/images/utiles/logo.jpg') no-repeat left center;
    background-size: auto 80%;

}
.solo #logo,
.solo #activites-haut ,
.solo #togMenu,
.solo #menu_principal,
.solo #activites,
.solo #sac,
.solo footer.footer  .item-144,
.solo footer.footer  .item-145{
	display:none!important;	
}


/*loader*/
.lds-ripple {
  display: inline-block;
  position: absolute;
  top:50%;
  left:50%;
  margin:-32px 0 0 -32px;
  z-index:1;
  width: 64px;
  height: 64px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #003F8E;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
    border: 4px solid #003F8E;
  }
  50% {
    border: 4px solid #0B913A;  
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
    border: 4px solid #003F8E;
  }
}
 /*fin du loader*/

.edit-item {
	display:none;
}
.tfi {
	opacity:0;
	-webkit-transition: all 0.6s linear 0.5s;
	-moz-transition: all 0.6s linear 0.5s;
	-ms-transition: all 0.6s linear 0.5s;
	transition: all 0.6s linear 0.5s;
}

.tfi.in-view  {
	opacity:1;
}




footer #login-form {

	padding:20px 20px 0 33px;
	clear:both;
}

.noverflo {
	overflow:hidden;
}

#sac {
	position:relative;
	z-index:0;
	margin:0 auto;
	left:0px;
	display:block;
	top:0;
}
footer {
	position:relative;
	z-index:1;
}

#conteneur {
	position:relative;
}
#content {
	position:relative;
	z-index:1
}
.line {
	position:absolute;
	z-index:0;
	top:0;
	height:100%;
	width:2px;
	background:url('../images/points.png') repeat fixed center center;	
}
#line0 {
	left:0%;
	display:none;
}
#line1 {
	left:25%;
	margin-left:-1px;
	display:none;
}
#line2 {
	left:50%;
	margin-left:-1px;
}
#line3 {
	left:75%;
	margin-left:-1px;
	display:none;
}
#line4 {
	right:0%; 
	display:none;
}


footer {
	padding-top:72px;      

}
footer .nav {
	margin-bottom:0;
}
#foot_nav li {
	display:inline-block;
	background:white;
}
#foot_nav a,#back-top{

	text-transform:uppercase;
	font-weight:700;
		line-height:80px;
	display:block;

}     
#back-top{
	padding-right:27px;
}


#foot_nav a.twitter_link {
	padding:0 27px 0 44px;
	background:#003f8e url('../images/twitter.png') no-repeat 20px center;
	color:white;
}
#foot_nav li:nth-child(2) {
    padding: 0 ;
    background: #0a913b;
    color: white;
}

#foot_nav li:nth-child(2n) a {
	padding:0 27px;
}
#foot_nav li:nth-child(3) a {
	padding:0 0 0 27px;
}

#foot_nav li:nth-child(2n + 1) a:after {
	content:" | ";
	padding-left:7px;
}
#foot_nav li:nth-child(4n) a,
#foot_nav li:nth-child(6n) a {
	padding:0 27px 0 7px;
}
form, input, select, option, footer {
	color:#152351;
} 
.hover #foot_nav a:hover {
	background:white;
} 
.hover #foot_nav a.twitter_link:hover {
	background:#152351 url('../images/twitter.png') no-repeat 20px center;
}
p.thanks {
	padding:50px 20px;
	text-align:center;
	font-size:1.4em;
}
iframe {
	border:none;
}
iframe, form {
	margin-top:1em;
}

ul {
	margin:0;
}
.framebox {
  padding-bottom: 56.25%;
  position:relative;
  height: 0;
  overflow: hidden;
}
.framebox iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top:0;
}

h1,h2,h3,h4,p {

	line-height:1.2em;
}

h1,.h1 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:2em;	
	font-family:'Bauhaus-Bold';
	margin: 0.3em 0 0 0;
}
h1:not(.h2):after,
.h1:not(.h2):after,
h1:not(.h2):before,
.h1:not(.h2):before {
	display:block;
	width:37px;
	height:3px;
	background:#152351;
	content:"";
	margin:40px 0 40px 0;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;	
}



h2,.h2 {
	text-transform:uppercase;
	font-weight:100;
	font-size:1.7em;
	margin:1.2em 0 0 0;
	font-family: 'Poppins', sans-serif;
}
h3,.h3 {
	text-transform:none;
	font-weight:200;
	font-size:1.4em;
	margin:1em 0 0 0;
	font-family: 'Poppins', sans-serif;	
}
h4,.h4,
.formControlLabel {
	text-transform:uppercase;
	font-weight:700;
	font-size:1em;
	margin:1.3em 0 0 0;
	font-family: 'Poppins', sans-serif;
}  

.item h5 {
	font-size: 1em;
	letter-spacing: 1px;
	line-height: 1.5em;
	margin: 1.8em 0 0 0;	
	color:rgb(189,205,0);
	font-weight:700;

}

.formControlLabel {
	margin:1em 0 0 0;
}

.h2,.h3,.h4 {
	line-height:1.2em;
}
h2 +h4,
.h2 + .h4 {
	margin-top:0;
}
h4 +p,
.h4 + p {
	margin-top:0.5em;
}
p strong {
	font-weight:700;
}
.pos-content img,
.pos-content iframe {
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.3);
	box-shadow:0px 0px 20px rgba(0,0,0,0.3);
	border:none;
	background:white;
}
a {
	color:inherit;
}
.ulGood ul,
.item .pos-content ul, p {
	text-transform:none;
	font-weight:400;
	font-size:1em;
	letter-spacing:1px;
	line-height:1.6em;
	margin:1.8em 0 0 0;
}
.ulGood ul,
.item .pos-content ul,
.item  #editorial-acti ul {
	margin:1.8em 0 0 15px;
}
.ulGood ul li,
.item .pos-content  ul li {
	line-height:1.6em;
	margin-top:1em;
	
}

button.bouton,
a.bouton, 
input.button,
p.bouton a,
#content .rsform-submit-button,
input.search-query,
#acti-form select,
#searchForm .chzn-container-single .chzn-single,
.chzn-container-single .chzn-drop,
.moduletable.filter  .zoo-filter-mod-adv  select,
.com_users input,
.login input, .reset input,.remind input {
	display:inline-block;
	color:#152351;
	text-decoration:none;
	padding:23px 73px 23px 23px;
	border:2px solid #152351;
	border-radius:0!important;
	background:#F2F4F8 url('../images/droite.png') no-repeat 95% center;
	font-family:inherit;
	text-transform:uppercase;
	font-weight:700;
	-webkit-transition:0.3s;
	transition:0.3s;
	
}
.com_users input,
.login input, 
.reset input,
.remind input  {
	height:auto;
	padding:12px 33px 12px 17px;
		text-transform:none!important;
}.com_users input,
.chzn-container-single .chzn-drop,
.login input, .reset input,.remind input  {
	background:white;
	-webkit-transition:0s;
	transition:0s;
}
#acti-form select,
.moduletable.filter .zoo-filter-mod-adv select {
	background:white url('../images/bas.png') no-repeat 90% center;	
	height:60px;
	padding:17px 43px 17px 23px;
	width:276px;
}
#acti-form  .button,
.moduletable.filter .zoo-filter-mod-adv .uk-button{
	background:#152351 url('../images/next.png') no-repeat 90% center;	
	color:white;
	text-transform:uppercase;
	text-align:center;
	text-shadow:none;
	-webkit-text-shadow:none;
	font-weight:700;	
	height:auto;
	padding:17px 43px 17px 23px;
	width:276px;
	border:2px solid #152351;
}
#searchForm .chzn-container-single .chzn-single  {
	background:#F2F4F8 url('../images/bas.png') no-repeat 90% center;	
	height:auto;
	padding:17px 43px 17px 23px;
	width:276px;
}
.serach input {
	width:150px;
}



.moduletable.filter .zoo-filter-mod-adv select.selectionFaite {
    font-style:italic;
    background:white url('../images/check.png') no-repeat 90% center;	
    font-weight:100!important;
}

.preselect {
	color:#999;
	font-size:0.8em;
	text-align:left;
	position:relative;
	top:27px;
	left:5px
}

button.bouton:hover,
.hover a.bouton:hover,
.hover input.button:hover,
.hover .bouton a:hover{
	background:#152351 url('../images/droite.png') no-repeat 115% center;    
	color:white;
    padding:23px 53px 23px 53px;
}
.hover #content .rsform-submit-button:hover,
.hover #searchForm .chzn-container-single .chzn-single:hover{
	background:#152351 url('../images/droite.png') no-repeat 115% center;    
	color:white;
}
.hover #acti-form  .button:hover,
.hover .moduletable.filter .zoo-filter-mod-adv .uk-button:hover{
	background:#003F8E url('../images/next.png') no-repeat 90% center;
}

.btn-group {
	margin-top:10px;
}

.search .result-title{
	padding:20px 0;
	border-bottom:1px solid;
}
.search .result-title:last-child a {
	border:none;
}
#limit_chzn {
	width:auto!important;
}
#ordering_chzn a div,
#limit_chzn a div {
	display:none;
}
.label-info, .badge-info {
	background:#003F8E;;
}





/*.moduletable.filter .zoo-filter-mod-adv .uk-grid {
	text-align:center;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-left:0;
} */ 
.moduletable.filter .zoo-filter-mod-adv .uk-grid {
	text-align:center;
	margin-left:0;
} 
.moduletable.filter .zoo-filter-mod-adv .uk-grid .select {
	display:inline-block;
	width:276px;
	margin:10px;
	padding:0;
} 
 .moduletable.filter .zoo-filter-mod-adv .uk-button   {
 	margin:0px auto;
 	display:block;
 }
#content #userForm {
	margin-top:30px;
}
#content .formResponsive .formHorizontal .rsform-block {
	margin-bottom:0;
}
#content .formResponsive select,
#content .formResponsive textarea,
#content .formResponsive input[type="text"],
#content .formResponsive input[type="number"],
#content .formResponsive input[type="email"],
#content .formResponsive input[type="tel"],
#content .formResponsive input[type="url"],
#content .formResponsive input[type="password"],
#search-searchword,
#searchForm button.btn {
	color:#152351;
	padding:17px;
	height:auto;
	border:2px solid #152351;
	background:#F2F4F8;
	font-family:inherit;
    -webkit-box-shadow:none;
	box-shadow:none;
	margin-bottom:0;
	-webkit-transition:0.3s;
	transition:0.3s;
	border-radius:0;
}
#content .formResponsive select,
#content .formResponsive textarea,
#content .formResponsive input[type="text"],
#content .formResponsive input[type="number"],
#content .formResponsive input[type="email"],
#content .formResponsive input[type="tel"],
#content .formResponsive input[type="url"],
#content .formResponsive input[type="password"],
#content .rsform-submit-button,
#search-searchword {
	width:276px!important;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.rsform-block-infos .formControls {

	width:276px;
	padding:10px 0;
}
.rsform-block-infos .formControls div.formBody input,
.rsform-block-offrelimagrain .formControls div.formBody input,
.rsform-block-offrespartenaires  .formControls div.formBody input,
#consent0{
	display:inline-block;
	width:20px;
  margin-bottom:40px;
}
.rsform-block-infos .formControls div.formBody label,
.rsform-block-offrelimagrain .formControls div.formBody label,
rsform-block-offrespartenaires .formControls div.formBody label,
.rsform-block-consent label{
	display:inline-block;
	width:240px;
	font-weight:400;
	font-size:1.1em;
	height:auto;
}
.rsform-block-offrelimagrain .formControls div.formBody label,
rsform-block-offrespartenaires .formControls div.formBody label {
  font-size:.9em;
}
.rsform-block-envoyer {
  margin-top:10px;
}
.rsform-block-champs-obligatoires {
	font-style:italic;
}


.crop1600 {
	width:1600px;
	margin-left:auto;
	margin-right:auto;
}
.moduletable.filter,
.zoo-filter-result,
.crop1200{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
	
#content .search,
.crop800,
#jmap_sitemap,
.crop1000{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.crop1000 {
	width:1000px;	
}
#jmap_sitemap{
	padding:0 20px;
}
.pageHead {
	width:1600px;
	height:88px;
	background:white;
} 
#logo {
	padding:3px;
	display: inline-block;
    vertical-align: top;
    height:100%;
}
#logo img {
	width:188px;
	display:block;
}


.com_search fieldset.only {
	display:none;
}
#yoo-zoo {

	padding-bottom:25px;
}

#yoo-zoo.produits-default {
	overflow-y:hidden;
}

/*Home slider*/
#slider {
    position: relative;
    height:auto;

}
	


#fleche_home{
	     display:block;
		 margin:20px auto;
	     cursor:pointer;
	     padding:0 20px;
}
#calque {
	display:none;
}


#slider video{

	height:auto;

}   

#slider_menu {


}

#slider_menu li {
    display: block;
    background:#003F8E;
    padding:15px 0;
}
#slider_menu li a,
#slider_menu li a:after,
#slider_menu li a:before,
#slider_menu li a span.revSkew {
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}   
#slider_menu li a {
	display: flex;
	height: 100%;
	width: 100%;
	line-height: 100%;
	align-items: center;
	text-align: center;
	justify-content: center;
	color:white;
	text-decoration:none;
	font-family: 'Bauhaus-Bold';
	font-size:1em;
	text-transform:uppercase; 
	padding:5px 12px;
	-webkit-background-clip:content-box;
	background-clip:content-box;
	position:relative;	
}   
.hover #slider_menu li a:hover {
	background-color:rgba(255,255,255,0.5); 
	color: #152351;
} 
#slider_menu li a:before,
#slider_menu li a:after {
	opacity:0;	
	display:block;
	width:0px;
	height:100%;
	content:"";
	position:absolute;
	top:0;
	border-left:3px dotted white;
} 
#slider_menu li a:before{
	left:5px
}
#slider_menu li a:after {
	right:5px;	
}
.hover #slider_menu li a:hover:before,
.hover #slider_menu li a:hover:after {
	opacity:1;	
}
#slider_menu li a span.revSkew{

	display:inline-block;
	background-position:center right;
	}
.hover #slider_menu li a:hover span.revSkew {
	padding-right:40px;
	background:url('../images/droite.png') no-repeat center right;
}

h1.h2 span {
	text-transform:none;
	font-size:0.4em;
	line-height:1em;
	display:block;
	font-weight:400;
	margin-bottom:25px;
}

/*modules activites header*/


#activites-haut {
    display: none;
    line-height:88px;
}
#activites-haut .custom > *{
	display:none;
}
#activites-haut .custom  > ul {
	display:block;
}
#activites-haut ul li {
	display:inline-block;
	vertical-align:middle;
}
#activites-haut ul li a {
	display:block;
	height:100%;
	border-left:2px solid #e8eaed;
	text-transform:uppercase;
	padding:24px;
	text-align:center
}
#activites-haut ul li.currrent a,
.hover #activites-haut ul li a:hover {
	text-decoration:none;
	border-left:2px solid #003F8E;
}  

#activites-haut ul li a.acces-compte-pro {
  background: #0a913b;
  color: white;
  margin-right: 10px;
  border-left: 2px solid;
}
#activites-haut ul li a.acces-compte-pro:hover {
  background: #003f8e;
}

/*Menu principal*/
#togMenu {
	background:#003f8e;
	color:white;
	text-transform:uppercase;
	font-weight:400;
	cursor:pointer;
	position:fixed;
	z-index:5;
	top:10px;
	right:10px;
	height:64px;
	width:64px;
	font-size:0.8em;
	z-index:6;
	padding:17px;

}  




#togMenu.open {
	background:white;
	color:#003f8e;
	padding:14px 10px 0px 10px;	
}

.hor {
	display:block!important;
	width:17px;
	height:2px;
	display:block;
	margin: 0 auto 4px auto;
	background:white;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
	transform-origin:center;
}
.seno {
	-webkit-transform:translateY(8px) rotate(45deg) ;
	-moz-transform:translateY(8px) rotate(45deg) ;
	transform:translateY(8px) rotate(45deg) ;
	background:#003f8e;	
}
.nose {
	-webkit-transform:translateY(2px) rotate(-45deg);
	-moz-transform:translateY(2px) rotate(-45deg);
	transform:translateY(2px) rotate(-45deg);
	background:#003f8e;	
}
.txtMenu {
	display:block!important;;
}
#close .txtMenu{
	margin-top:20px;
}

#togMenu #open,
#togMenu.open #close{
	display:block;
}
#togMenu #close,
#togMenu.open #open{
	display:none;
}
#togMenu #close,
#togMenu #open {
	line-height:100%;
	text-align:center;
	width:100%;
	height:100%;
}
#menu_principal{
	-webkit-transform:translateY(-100%);
	-moz--transform:translateY(-100%);
	transform:translateY(-100%);
	position:fixed;
	top:0;
	left:0;
	background: #044390 url('../images/menu.jpg') no-repeat 130% -500px;
	color:white;
	width:100%;
	z-index:4;
	height:100%;
	height:100vh;
	overflow:auto;
	opacity:0;
	-webkit-transition:transform 0s,opacity 0.8s , background 1.9s;
	-moz-transition:transform 0s,opacity 0.8s , background 1.9s;
	transition:transform 0s,opacity 0.8s , background 1.9s;
}
#menu_principal.open{
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	transform:translateY(0%);
	background: #044390 url('../images/menu.jpg') no-repeat right top;
	opacity:1;
}
#menu_principal ul {
	padding:118px 0 0 0;	
}
#menu_principal ul li {
	margin:0 15px;
	display:block;
}


#menu_principal ul li a {
	padding:15px;
	text-align:center;
	display:block;
	position:relative;
	font-size:1.4em;
	text-transform:uppercase;
}

#menu_principal ul li.current a,
.hover #menu_principal ul li a:hover {
	background:none;
	font-weight:700;
	color:white;
}
#menu_principal ul li a:before,
#menu_principal ul li a:after {
	display:block;
	width:0px;
	height:3px;
	background:white;
	content:"";
	margin:5px auto;
	-webkit-transition:all 0.2s;
	transition:all 0.2s;	
}
#menu_principal ul li.current a:before,
#menu_principal ul li.current a:after,
.hover #menu_principal ul li a:hover:before,
#menu_principal ul li a:hover:after {
	width:37px;
}
#menu_principal .search {
	text-align:center;
	padding:20px 20px 10px 20px;
	margin:20px 20px 20px 20px;	
}
#menu_principal .search .button {
	margin-top:20px;
	width:252px;
}

/*recherche dans le menu principal*/
.hover input.search-query,input.search-query:hover{
 	background:white ;
}
.hover .search .button ,.search .button :hover{
	background:white url('../images/droite.png') no-repeat 95% center;
}

/*modules activités bas*/
#activites {
	margin:25px 0 0 0;
}
#activites ul{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin:0;
}
#activites ul li{
	display:flex;
	flex-direction:column;
	flex-basis:100%;
	align-items:center;
	justify-content:center;
	text-align:center;
}
#activites ul li a {
	display:block;
	width:100%;
	color:#152351;
	padding:10px 10px 40px 10px;
	text-transform:uppercase;
	background:url('../images/droite.png') no-repeat center 70%;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	font-weight:400;
	font-size:1.2em;
}
.hover #activites ul li a:hover {
	color:white;
	background:#152351 url('../images/next.png') no-repeat center 70% ;
	text-decoration:none;
	font-weight:700;
}


/*pages*/
#content-page .pos-media {
	text-align:center;
	position:relative;
	overflow:hidden;
}
#content-page .pos-media .fond-bleu{
	background:#003F8E;
	position:absolute;
	z-index:0;
	width:1362px;
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	height:80%;
	height:calc(100% - 55px);
}
#content-page .pos-media img,
#content-page .pos-media video,
#content-page .pos-media iframe {
	position:relative;
	z-index:1;
	height:auto;
}
#content-page .youtube_player,
#content-page .vimeo_player {
 	position:relative;
 	padding-top:56.3%;
}
#content-page .youtube_player iframe,
#content-page .vimeo_player iframe,
#content-page .youtube_player .tac_activate,
#content-page .vimeo_player .tac_activate{
 	position:absolute;
 	top:0;
 	left:0;
 	z-index:1;
 	width:100%;
 	height:100%;
 	margin-top:0;
}




/*activité*/
#entete-acti {
	position:relative;
	z-index:1;
}
#picto-acti {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	overflow:hidden;
	border-radius:50%;
	background:white;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	left:50%;
	top:50%;
	position:absolute;
	z-index:1;
	width:100px;
	height:100px;
	margin:-80px 0 0 -80px;
	border:30px solid rgba(255,255,255,0.8);
	-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0.2);
}
#vid1-acti {
	background:black;
	margin:50px 0;
	position:relative;
	z-index:1;
}

#vid1-acti video{
	/*width:100%!important;*/
	margin:0 auto;
	display:block;
	/*height:auto!important; */
}	

#double-face {
	position:relative;
	z-index:0;
	padding-bottom:124px;
}
#medias-acti, #editorial-acti {
	position:relative;
	z-index:1;
}
 #editorial-acti:before {
 	content:"";
 	display:block;
 	width:85px;
 	margin-top:20px;
 	height:20px;
 	background:url('../images/plus.png') repeat left top;
 }
#blue_part:before {
 	content:"";
 	display:block;
 	width:85px;
 	margin:0px auto;
 	height:20px;
 	background:url('../images/plus-vert-blanc.png') repeat left top;
 }
#video2 {
	margin-top:50px;
}
#medias-acti img,
#video2 {
	display:inline-block;
	width:490px;
}
#video2 .vimeo_player,
#vide2 .youtube_player {
	height:272px;
}


#recherche-acti {
	margin-top:50px;
}
#acti-form  .filter {
	margin-top:40px;
}
#image-recherche-acti {
	display:none;
}
.lies-acti .head_blue {
	margin-bottom:50px;
}

.lies-acti.cat-prod {
	margin-top:0!important;
}

.lies-acti, #actus-acti, .nouvelle-desc-activite {
	margin-top:50px;
}	
.lies-acti .uk-list {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.lies-acti li {
	list-style-type:none;
}

.lies-acti .uk-list li {
	flex-basis:100%;
	flex-direction:column;
}
#actus-acti {
	padding:65px 20px 100px 20px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	background-size:cover;	
}
#actus-acti #twitFrame {
	height:480px;
	overflow:auto;
}
#entete-actus-acti {
	padding-bottom:20px;
	text-align:left;
}		  
#entete-actus-acti img{
	width:120px;
}
.item_box {
	position:relative;
	background:white;
	margin-top:10px;
	display:flex;
	
}
.item_box .pos-media {
	width:20%;
	
}
.item_box .pos-content {
	width:80%;
	padding:30px 10px 10px 30px;
	background:url('../images/droite.png') no-repeat 90% 90%;
}
.gros-coin,
.item_box,
.petit-coin {
	position:relative;
}
.gros-coin:before{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	-webkit-transform:translate3D(-100%,-100%,0);
	transform:translate3D(-100%,-100%,0);		
	content:url('../images/gros-coin.png');
}
.item_box:before,
.petit-coin:before {
	content:url('../images/petit-coin.png');
	position:absolute;
	z-index:1;
	top:0;
	left:0;

}
.decale-coin:before {
	top:10px;
	left:10px;
	content:url('../images/gros-coin.png');
}



.hover .item_box:hover:before{
	top:10px;
	left:10px;
}
.item_box:before,
.petit-coin:before, 
.item_box  .pos-media:after {
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.item_box  .pos-media  {
	position:relative;
	overflow:hidden;
}
.item_box  .pos-media:after {
	content:"";
	height:141%;
	display:block;
	width:100%;
	position:absolute;
	bottom:-8%;
	right:100%;
	z-index:1;
	background:rgba(255,255,255,0.6);
	-webkit-transform-origin:bottom right;
	transform-origin:bottom right;
	box-shadow:0 0 0px 0 rgba(255,255,255,0);
}
.hover .item_box:hover .pos-media:after {
	-webkit-transform:rotate(10deg);
	right:82%;
	box-shadow:0 0 0 100px rgba(255,255,255,0.2);
}

.item_box  .pos-media a {
	display:block;


	text-align:right;
	overflow:hidden;
}
.item_box  .pos-media a img {
	margin:10px auto;
	display:block;
}
.item_box p {
	margin-top:0;
}
.item_box h4,.item_box  .h4{
	margin-top:0;
	padding-bottom:0px;
	font-size:1.2em;
	word-wrap: break-word;
	display:block;
}

.precocite_teaser {
	display:block;
}


.logoBio {
    position: relative;
    top: 10px;
    left: 0;
    height: 60px;
	z-index:3;
	font-style:italic;
	box-shadow:none!important;
}

.fullLink {
	color:rgba(0,0,0,0);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	
}
.fullLink a {
	display:block;
	color:rgba(0,0,0,0);
	height:100%;
}
.cat_link {
	text-align:center;
}
.cat_link a{
	margin:50px auto;
}
.cat_link a:before {
	content:"Tous les produits ";
}
#twitFrame {
	height:320px!important;
	overflow-x:hidden;
	overflow-y:scroll;
}


/*activités 2021*/





/*formulaires et recherches*/

#searchForm .btn-group {
	margin-right:5px;
}
#searchForm .btn-group + .btn-group {
	margin-left:0;
}
.filter select {
	background:url('../images/link_arrow__down.png') no-repeat 95% center;	
}
.filter select, .filter option   {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	text-transform:uppecase;
	font-weight:900;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	font-size: 1em !important;
}
.filter option {
	padding-bottom:10px;
}
.filter option:first-child {
	background:#003F8E;
	color:white;
}


.contact_form {
	padding-top:0px!important;
	color:#2e415e;
}
.formResponsive .formHorizontal  span.formValidation {
	display:block!important;
}
#userForm .formRed  {
	padding:20px 0;
}

#userForm  .rsform-block-mail {
	display:none;
	opacity:0;
	height:0;
	overflow:hidden;
}

.contact_form .formResponsive .formHorizontal .formControlLabel {
	font-size:0.8em;
	padding-top:11px;
	text-transform:uppercase;
	font-weight:900;
	text-align:left;
}
.contact_form .formResponsive textarea, 
.contact_form .formResponsive input[type="text"], 
.contact_form .formResponsive input[type="number"], 
.contact_form .formResponsive input[type="email"],
.contact_form .formResponsive input[type="tel"], 
.contact_form .formResponsive input[type="url"], 
.contact_form .formResponsive input[type="password"] {
	width:274px!important;
	border-radius:0;
	border:2px solid #2e415e;
	padding:7px;
	margin-bottom:0;
	-moz-box-sizing:border-box;     
	box-sizing:border-box;
	height:auto;
	background:none;
}
.contact_form .formResponsive .formHorizontal .rsform-block {
	margin:0 0 5px 0;
}
.contact_form .formResponsive input[type="submit"], 
.contact_form .formResponsive button[type="submit"],
.articles .pos-links a {
	width:254px!important;
	background:#ef002d;
	border:none;
	padding:10px 30px;
	display:inline-block;
	text-align:center;
	color:white;
	text-shadow:none;
	border-radius:0;
	box-shadow:none;
	-moz-box-sizing:border-box;     
	box-sizing:border-box;
	max-width:100%;
	text-transform:uppercase;
	font-weight:900;
	font-size:0.7em;
}      
.hover .contact_form .formResponsive input[type="submit"]:hover, 
.hover .contact_form .formResponsive button[type="submit"]:hover,
.hover .articles .pos-links a:hover {
	background:white;
	text-decoration:none;
	color:#ef002d;
} 
.contact_form  .formResponsive select   {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border:2px solid #2e415e;
	width:274px!important;
	padding:7px;
	height:auto;
	border-radius:0;
	-moz-box-sizing:border-box;     
	box-sizing:border-box;
	max-width:100%;
	background:url('../images/link_arrow__down.png') no-repeat 95% center;
}
.contact_form  .formResponsive option    {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none; 
	background:#f1f1f1;
	color:black;
}
.rsform-block.rsform-block-captcha .formControls {
    -webkit-transform: scale(0.91);
    -webkit-transform-origin: left center;
    transform: scale(0.91);
    transform-origin: left center;
}   
.contact_form  .formValidation {
    display: block!important;
}

.advadv {
	margin-top:5px!important;
	padding-left:0;
}


/*categories produits*/
.zoo-pagination {
	text-align:center;
	margin:80px auto;
	font-size:1.2em;
}
.zoo-pagination a {
    display: inline-block;
    margin: 5px;
    background: white;
    box-shadow:0 0 3px rgba(0,0,0,0.3);
    padding: 8px;
    width: 36px;
    font-weight:700;
}
.zoo-pagination a:hover {
	text-decoration:none;
    background: #003F8E;
    color:white;
}

.zoo-pagination span {
    display: inline-block;
    margin: 5px;
    padding: 8px;
    width: 36px;
	}


/*page produit*/

/*encart communication 2018 */

#com_part {
	position:relative;  
	background:white url('../images/bg-polygones.jpg') no-repeat top left;
	margin-bottom: 90px;
	padding:1px 0;
}

.com_img img{
	display:block;
	margin:30px 20px;
		-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3);
		box-shadow:0 0 30px rgba(0,0,0,0.3);	
	
}
.com_text {
	padding:20px 10px 40px 20px;
}
.com_text a.bouton {
	background-color:transparent;
}

@media(min-width:1024px) {
	.com_img img{

		position:absolute;
		top:100px;
		left:-100px;
		width:200px;
		z-index:1;
		height:auto;
		display:block;
		margin:0;
		
	}
	.com_text {
		padding:58px 50px 90px 120px;
	}
	
	footer {
		padding-top:0px;      
	
	}

	#foot_nav a,#back-top{
		/*line-height:180px;*/
		line-height:80px;
	} 
	
}
@media(min-width:1600px) {

	.com_text {
		padding:42px 80px 90px 170px;
	}
}
/*Flexsliders */


/*SLIDER*/
.slides li {
	overflow:hidden;
}
.flexslider, .flexslider *{
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  padding:0;
}

.flexslider {
	
	position: relative; 
	zoom: 1; 
	
	height:100%;
	margin:0 auto;
	padding:0px;
	width:auto;
	/*width:865px;  
	padding:0;*/
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}


.flexslider .flex-viewport {
	width:795px;
	margin:0 auto;
	overflow:hidden; 	
}
.item .flexslider ul.slides {
	margin:0;
}
.flexslider .slides > li {
  display: none; 
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  -o-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position:relative;
  background:black;
  } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
 /* width: 100%; */
	display: block;
	position:relative;
	margin:0;
	width:795px;
	height:auto;

}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; max-width:none;}
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}

.flex-direction-nav a { 
  top: 50%;
  height:40px;
  margin:-20px 0 0 0;     
  text-decoration:none; 
  display: block; 
  width: 40px;  
  position: absolute; 
  z-index: 1; 
  overflow: hidden; 
  opacity: 1; 
  cursor: pointer; 
  -o-transition: all .3s ease; 
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease;

  }
.flex-direction-nav .flex-prev{ 
  left: 0px;
   background:url('../images/prev.png') no-repeat scroll center #003F8E; 
}

.flex-direction-nav .flex-next{ 
  right: 0px;
   background:url('../images/next.png') no-repeat scroll center #003F8E; 
  } 
/*.flex-direction-nav a { 
  text-decoration:none; 
  display: block; 
  width: 50px; 
  margin: 0 0; 
  position: absolute; 
  top: 100%;
  height:50px; 
  z-index: 1; 
  overflow: hidden; 
  opacity: 1; 
  cursor: pointer; 
  -o-transition: all .3s ease; 
  -webkit-transition: all .3s ease; 
  -moz-transition: all .3s ease; 
  transition: all .3s ease;
  }
  
.flex-direction-nav .flex-prev{ 
  left: 30%;
  background:url('../images/prev.png') no-repeat scroll center rgba(255,255,255,0.0); 
}

.flex-direction-nav .flex-next{ 
  right: 30%;
  background:url('../images/next.png') no-repeat scroll center rgba(255,255,255,0.0); 
  }  */


.hover .flexslider:hover .flex-next:hover, .hover .flexslider:hover .flex-prev:hover { opacity: 1; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.hover .flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {display:none;width: 100%; position: absolute; bottom: 17px; text-align: center; z-index:1;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;  }
.flex-control-paging li{display:none;}

.hover .flex-control-paging li a:hover { background: #dd0734; }
.flex-control-paging li a.flex-active { background: #dd0734; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hover .flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}




.prod-entete img {
	width:100%;
	display:block;

}

.prod-parametres {
	font-weight:700;
	text-transform:uppercase;
	line-height:1.5em;
	letter-spacing:1px;
	font-size:1.1em;
	padding:25px 0;
	
}
.prod-parametres span {
	font-weight:400;
	text-transform:none;
}
.prod-pdf {
	margin-bottom:25px;
}
.prod-pdf a {
	padding-left:60px!important;
	position:relative;
}
.prod-pdf a:before {
	content:url('../images/pdf.png');
	position:absolute;
	top:50%;
	margin-top:-17px;
	left:12px;
	z-index:1;
}
#blue_part {
	background:#003F8E;
	padding:70px 0px;
	margin-bottom:150px;
	background-size:100% 60%;
}
.prod-phrase {
	color:white;
	text-align:center;
	font-size:1.4em;
	font-weight:300;
	line-height:1.4em;
	padding:40px 10px 60px 10px;
	width:660px;
	margin:0 auto;
	background:url('../images/plus_phrases.png') no-repeat center top;
}
.prod-video {
	position:relative;
	top:140px;
	margin:-120px 10px 0 10px;
}


#profils {
	background:white;
	float:left;
	padding:20px;
}
.prod-profil {
	width:800px;
	float:right;
}
.prod-profil .donnees{	
	font-weight:700;
	letter-spacing:1px;
	font-size:1em;
	text-transform:uppercase;
	line-height:1.3em;
	margin-top:25px;
}
.prod-profil .donnees small {
	text-transform:none;
	font-weight:400;
}
.prod-profil span {
	height:25px;
	display:block;
	margin-left:0px; 
	width:105px;
	background-image:url('../images/ronds.png');
	background-repeat:no-repeat;
	vertical-align:middle;
	margin-top:10px;
	margin-bottom:20px;
}
.prod-profil .donnees span {
	width:0;
	opacity:0;
	-webkit-transition: all 0.6s ease 0.8s;
	-moz-transition: all 0.6s ease 0.8s;
	-ms-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}

.prod-profil .donnees span.in-view {
	width:105px;
	opacity:1;
}

.buble-1 {
	background-position:left 0;

}
.buble-2 {
	background-position:left -25px;
}
.buble-3{
	background-position:left -50px;
}
.buble-4 {
	background-position:left -75px;
}
.buble-5 {
	background-position:left -100px;
}

.prod-profil span.name-buble.textValue {
	background:none;	
}
.prod-profil span.name-buble.textValue::after {
    display: block;
    content: attr(data-mot);
    font-weight: 400;
    text-transform: none;
    font-size: 0.8em;
    line-height: 1em;
    text-align: left;
}


.produits-default #partie_activite {
	margin-top:75px
}


.item > .pos-content {
	padding-bottom:25px;
}

/*services*/
.prods-in-services h3 {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2em;
}








/*mediaqueries*/

@media(max-width:479px) {
	.body{
		padding:10px 10px 50px 10px;
	}


}
@media(max-width:799px) {
	.body{
		padding:10px 10px 50px 10px;
	}
	
}
@media(max-width:1148px) {
	#foot_nav li {
		width:100%;
	} 
	#foot_nav li a{
	 	padding-left:48px!important;
		border-bottom:1px solid;
		transition:all 0.4s;
	}
	#foot_nav li a::after{
		content:""!important;
		display:none!important;
	}
	#foot_nav li:nth-child(3) a:hover,
	#foot_nav li:nth-child(4) a:hover,
	#foot_nav li:nth-child(5) a:hover,
	#foot_nav li:nth-child(6) a:hover {
		background:#152351;
		color:white;
	}
}





@media(min-width:480px) {

	.item_box {
		display:flex;

	}	      	
	.item_box .pos-media,
	.item_box .pos-content  {
		width:50%;
	} 
	.item_box .pos-content  {
		padding:50px 10px 15% 20px;
	}
	.item_box  .pos-media a img {
		margin:0;
		max-width:none;
	}
	footer .conteneur {
		background:white;
	}

}

@media(min-width:640px) {

	.pageHead {
		height:88px;
		padding-right:88px;
	}
	#activites-haut {
	    line-height: 88px;
	}
	#togMenu {
	    height: 88px;
	    width: 88px;
	    padding: 20px 15px;
	    font-size:1em;
	}
	#togMenu.open {
		padding: 20px 15px;
	}
	.hor {
		width:37px;
		margin: 0 auto 10px auto;
	}
	#togMenu.open {
		padding: 20px 15px;
	}
	.seno {
		-webkit-transform:translateY(6px) rotate(45deg) ;
		transform:translateY(6px) rotate(45deg) ;
	}
	.nose {
		-webkit-transform:translateY(-6px) rotate(-45deg);
		transform:translateY(-6px) rotate(-45deg);
	}
	#menu_principal ul {
		text-align:left;	
		width:580px;
		margin-left:auto;
		margin-right:auto;
	}
	#menu_principal ul li {
		display:inline-block;
		width:260px;
	}
	#menu_principal ul li a {
		text-align:left;
		font-size:1.2rem;
	}
	.flex{
		display:flex;	
	}
	.reversed {
		flex-direction:row-reverse;
	}
	.noGrow {
		align-items: start;
		flex-grow: unset;
	}
	.w50 {
		width:50%;
	} 

	#profils {
		padding:40px 40px 70px 40px;
	}
	#content-accueil {
		padding-top:50px;
		padding-bottom:50px;
		position:relative;
	}

	#content-accueil .gauche {
		padding-right:25px;
	} 
	#content-accueil .gauche .petit-coin{
		width:490px;
		float:right;
	}
	#content-accueil .gauche .petit-coin img{
		display:block;
		width:100%;
		
	}
	#content-accueil .droite {
		padding-left:25px;
		width:540px;
	}
	#content-accueil .gauche * {
	    text-align:right;
	}
	#slider {
	    position: relative;
	    height:650px;
		height: calc(100vh - 168px);
	    overflow: hidden;
	    background: url('images/accueil/home-fond-header.jpg') no-repeat center;
	    background-size: auto auto;
	    background-size: cover;
	}
	#fleche_home{
		     display:block;margin:20px auto;
		     cursor:pointer;
		     padding:0 20px;
	}
	#calque {
	    position: absolute;
	    top:0;
	    left:0;
	    height:100%;
	    width:100%;
	    z-index:2;
	    overflow: hidden;
	    display:block;
	}
	
	
	#slider video,
	#calque img {
		position:absolute;
		z-index:1;
		top:50%;
		left:50%;
		transform:translate3d(-50%,-50%,0);
		min-height:100%;
		min-width:100%;
		width:auto;
		height:auto;
		max-width:none;
		max-height:none;
	    display: block;
		}   
	#calque img {
		opacity:0;
		-webkit-transition:opacity 0.4s ease 0.4s;
		transition:opacity 0.4s ease 0.4s;
	}
	#calque img.in{
		-webkit-transition:opacity 0.4s ease;
		transition:opacity 0.4s ease;
		opacity:1;
		z-index:2
	}
	#slider_menu {
	     display: block;   
		 position: relative;
	    z-index: 3;
	    height: 100%;
	}
	#slider_menu ul {
	    height: 100%;
	}

	
	
	
	#slider_menu li {
    	float: left;
    	width: 25%;
    	height:100%;
    	background:none;
    	padding:0;
    }
	#slider_menu li a {
		-webkit-transform: skew(-15deg);
		transform: skew(-15deg);
		border-left:1px solid white;
		padding:0 12px;
	}
	#slider_menu li:last-child a{
		border-right:1px solid white;
	}
	#slider_menu li a span.revSkew{
		-webkit-transform: skew(15deg);	
		transform: skew(15deg);	
	}	
	#recherche-acti {
		background:white;
	}
	#image-recherche-acti  {
		display:block;
	}
	
	#image-recherche-acti img {
		display:block;
		height:100%;
	}
	#acti-form {
		padding:20px 10px 10px 50px;
		height:100%;
		display:block;
	}
	
	#double-face:after {
		position:absolute;
		top:-285px;
		left:0;
		width:40%;
		width:calc(50% - 50px);
		height:150%;
		height:calc(100% + 285px);
		background:#003f8e;
		content:"";
		display:block;
		z-index:0;
		
	}
	.entete-text,
	#editorial-acti{
		padding-left:10px;
	}
	
	#twitFrame {
		height:650px!important;
	}
	#activites ul li{
		flex-basis:25%;
	}
	#activites ul li a {
		padding:100px 10px;
	}
	.prod-entete {
		padding:0 2px;
	}

}
@media(min-width:800px) {

	#togMenu {
		top:0;
		right:0;
	}


	#medias-acti img,
	#video2,
	#recherche-acti, 
	#vid1-acti,
	.item_box,
	#actus-acti,
	#content-accueil .gauche .petit-coin img,
	.prod-entete img {
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
		box-shadow:0 0 20px rgba(0,0,0,0.3);
	}
	#line1,#line3 {
		display:block;
	}
	.w25,.w50{
		width:50%;
	}
	.w25.decale-de-25 {
		width:25%;
	}
	.lies-acti .uk-list li {
		flex-basis:50%;
	}
	.item_box {
		margin: 25px;
		
	}

    .prod-parametres {
		padding:25px 25px 75px 25px;
		
	}
	.prod-video {
	
		margin:-120px 25px 0 25px;
	}
	.prod-profil .donnees{	
		text-align:right;
		line-height:2.3em;
		font-size:1.2em;
	}

	.prod-profil span {
		margin-left:20px; 
		margin-top:-3px;
		display:inline-block;
		margin-bottom:0;
	}
	.prod-phrase {
		font-size:2.1em;
	}
	#activites ul li{
		flex-basis:25%;
	}
	.item_box .pos-content {
		padding:74px 15% 15% 33px;
		background:url('../images/droite.png') no-repeat 80% 80%;
	}
	.body#top {
		width:1600px;
		
		margin:0 auto;
		padding:0px;
	}
	.homepage .body#top,
	.homepage .pageHead{
		width:100%;
	}
	.homepage #conteneur {
		padding-left:50px;
		padding-right:50px;
	}
	#activites-haut {
	    display: block;
	    float:right;
	}
	#logo {
		padding:3px 0 0 10px;
	}
	

	
	h1,.h1 {
		font-size:3.5em;
	}
	h2,.h2 {
		font-size:2.3em;
		margin:0.8em 0 0 0;
	}
	h3,.h3 {
		font-size:1.75em;
	}
	h4,.h4 {
		font-size:1em;
	}
	/*.crop800 h1,
	.pos-content {
		width:675px;
		margin:0 auto;
	} */
	#chapo-acti {
		padding-top: 67.5px;
		padding-bottom: 67.5px;
	}
	#chapo-acti,
	#content .search,
	.crop800,
	.crop1000	{
		padding-left: 67.5px;
		padding-right:67.5px;
	}
	.padding.crop1000	{
		padding: 67.5px;			
	}
	.entete-text {
		padding-left:25px;
		padding-right:95px;	
	}
	#editorial-acti{
		padding-left:50px;
		padding-right:25px;
	}
	#medias-acti {
		text-align:right;
	}
	.w40 {
		width:40%;
	}
	#twitFrame {
		width:740px;
	}
	#entete-actus-acti {
		padding-top:250px;
	}	
	#entete-actus-acti p{
		text-align:right;
		padding-right:50px;
	}
	.searchPage #searchForm {
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
	.searchPage .search-results {
		display:inline-block;
		width:48%;
		padding:0 20px;
		background:white;
		margin-left:1%;
		vertical-align:top;
		margin-top:35px;
	}
	.search .result-title:last-of-type{
		border:none;
	}		
}
@media(min-width:960px) {
		#slider_menu li a {
	 	font-size:1.2em;
	}
	.prod-entete,
	.prod-parametres {
		clear:both;
		float:right;
		width:50%;
	} 
	.flexslider {
		width:865px;
		padding:0;
	}
	/*.flex-direction-nav {*height: 0;}
	
	.flex-direction-nav a { 
	  top: 0px;
	  height:100%; 
	
	  }
	.flex-direction-nav .flex-prev{ 
	  left: -30px;
	   background:url('../images/prev.png') no-repeat scroll left center rgba(255,255,255,0.0); 
	}
	
	.flex-direction-nav .flex-next{ 
	  right: -30px;
	   background:url('../images/next.png') no-repeat scroll right center rgba(255,255,255,0.0); 
	  } */
	  .flex-direction-nav .flex-prev{ 
	  left: -30px;
	   background:url('../images/prev.png') no-repeat scroll center rgba(255,255,255,0.0); 
	}
	
	.flex-direction-nav .flex-next{ 
	  right: -30px;
	   background:url('../images/next.png') no-repeat scroll center rgba(255,255,255,0.0); 
	  } 
}
@media(min-width:980px) {
	#video2{
	  padding-bottom: 0;
	  height: auto;
	} 
	#video2 iframe {
	  position: relative;
	  margin:0;
	  width: 490px;
	  height: 276px;
	  display:block;
	}  
}
@media(min-width:800px) and (max-width:979px) {
	#activites-haut ul li a {
		padding: 24px 20px;
		font-size: 0.8rem;
	}
}
@media(min-width:1200px) {

	h1:after,
	.h1:after,
	h1:before,
	.h1:before {
		margin:65px 0 65px 0;
	}

	.w25 {
		width:25%;
	}
	.w33 {
		width:33.3%;	
	}
	.w66{
		width:66.6%;
	}
	.w75 {
		width:75%;
	}
	.right {
		float:right;
	}
	.item_box {
		margin:20px; /*ainsi l'image qui fait 280 * 272 fait 100% de la hauteur*/
		height:272px;
	}
	.item_bo
	.gros-coin{
		position:relative;
	}
	.gros-coin:before{
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		-webkit-transform:translate3D(-100%,-100%,0);
		transform:translate3D(-100%,-100%,0);		
		content:url('../images/gros-coin.png');
		

	}
	.prod-video {
		margin:-120px 33px 0 69px;
	}
    #profils {
		padding:70px 70px 100px 70px;
		margin:50px auto;
	}

	#vid1-acti {
		margin:50px ;
	}
	#recherche-acti {
		margin-top:120px;
	}
	
	#twitFrame {
		height:900px!important;
	}
	h1,.h1 {
		font-size:4em;
	}
	h2,.h2 {
		font-size:2.8em;
		margin:0.8em 0 0 0;
	}
	h3,.h3 {
		font-size:1.74em;
	}
	h4,.h4 {
		font-size:1em;
	}	
	
	/*.entete-text, */
	#editorial-acti{
		width:580px!important;
	}
	.lies-acti, #actus-acti, .nouvelle-desc-activite {
		margin-top:100px;
	}
	
	#slider_menu li a {
		font-size:1.7em;
	}		
	
	

}

@media(min-width:1360px) {
	#menu_principal {
		height:100%;
		height:100vh;
		position:fixed;

	}
	#menu_principal ul {
		position:absolute;
		top:0%;
		left:50%;
		-webkit-transform:translate3d(-50%,0%,0);
		transform:translate3d(-50%,0%,0);
		display:flex;
		justify-content:center;
		flex-direction:row;
		align-items:center;
		height:100%;
		width:100%;
		padding:0;
		text-align:center;
	}
	#menu_principal ul li {
			width:auto;
	}
	#menu_principal ul li a {
		text-align:center;
	}	
	#menu_principal ul li a:before,
	#menu_principal ul li a:after {
		margin:30px auto;
	
	}

	#activites-haut ul li a br {
		display:none;
	}
	#menu_principal .search {
		position:absolute;
		bottom:0px;
		right:0px;
		z-index:3;
		width:400px;
		opacity:0.4;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}
	.hover #menu_principal  .search:hover {
		opacity:1;
	}		
	footer {
		background:white;
		padding-top:0;
	}
}




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

	#slider {
		height: calc(100vh - 138px);
	}
}

@media(min-width:1600px) {
	#logo {
		padding:22px 0 0 38px;
	}
	footer {
		padding-top:0px;
	}
	#line0,#line4 {
		display:block;
	}
	.pageHead {
		padding-right:118px; 
		height:118px;
	}
	#togMenu {
		right:50%;
		margin-right:-800px;
	    height: 118px;
	    width: 118px;
	    padding: 40px 30px;	
	}
    #togMenu.open {
	    padding: 40px 30px;	
	}
	#activites-haut {
	    line-height: 118px;
	}

	h1,.h1 {
		font-size:5em;
	}
	h2,.h2 {
		font-size:3.8em;
		margin:0.8em 0 0 0;
	}
	/*.pos-content h2, .pos-content h2.h2 {
		font-size:2.8em;
		margin:1.8em 0 0 0;
	} */
	.pos-content h2, .pos-content h2.h2 {
		margin:1.8em 0 0 0;
	} 	
	
	h3,.h3 {
		font-size:2.14em;
	}
	h4,.h4 {
		font-size:1em;
	}
	
	
	.homepage #togMenu {
		right:0%;
		margin-right:0px;
	}
	#menu_principal {
		height:100%;
		height:100vh;
		position:fixed;
		z-index:2;
	}
	.lies-acti, #actus-acti, .nouvelle-desc-activite {
		margin-top:200px;
	}	
	.produits-default .lies-acti, #actus-acti {
		margin-top:100px;
		margin-bottom:100px;
	}
	#profils {
		padding:100px 100px 140px 100px;
	}
	.entete-text {
		padding-right:125px;
		padding-left:50px;
	}
}




.accueil #produits-acti {
    margin-top: 0;
}