/* AXECAKE */
.clearBoth {clear: both;}
.fr_flag {
	width: 23px;
	height: 21px;
	display: inline-block;
}

.eng_flag {
	width: 23px;
	height: 21px;
	display: inline-block;
}
.sc-content p.maClasse,.sc-content div.maClasse p {padding: 5px;color: white;background-color: black;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}

.fancybox-skin {margin-top: 84px!important;}

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

* {box-sizing: border-box!important;
  font-family: 'Heebo', sans-serif;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: '';}
table {border-collapse: collapse;border-spacing: 0;}
a,.lienseo {text-decoration: none;}

input[type=submit],input[type=text],input[type=button],input[type=email],input[type=password],input[type=tel],textarea,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
/* FIN RESET */

/* VIEWPORT CSS3 */
* {-webkit-text-size-adjust: none;}
@viewport {zoom: 1;}
-webkit-@viewport {zoom: 1;}
-ms-@viewport {zoom: 1;}
-moz-@viewport {zoom: 1;}
-o-@viewport {zoom: 1;}

.clear_both {
	display: block;
	clear: both;
}

.no_mobile {
	display: none!important;
}

.no_desktop {
	display: block;
}

.imgCenter img,
.imgRight img,
.imgLeft img {
	width: auto;
	height: auto;
	max-width: 100%;
}

.imgRight {
	float: right;
	position: relative;
	margin: 0 0 10px 10px;
	max-width: 50%;
	height: auto;
}

.imgLeft {
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	max-width: 50%;
	height: auto;
}

.imgCenter {
	margin: 0 auto 10px;
	position: relative;
	width: 40.425597%;
	max-width: 300px;
	height: auto;
}

body {
	position: relative;
	overflow-x: hidden;
	font-family: arial;
	font-size: 81.3%;
	color: #5e5e5e;
}

body.fancy-box-body {
	background: #fff;
}

a {
	color: #5e5e5e;
	outline: none;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
	    height: auto;
}

h1 {
	font-size: 1.74em;
}

h2 {
	font-size: 1.53em;
	color: #999;
}

h3 {
	font-size: 1.23em;
	color: #555555;
}

#container {
	padding-top: 41px;
	max-width: 480px;
	min-width: 300px;
	overflow: hidden;
	position: relative;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.sitePusher #container {
	left: 250px;
}

#paquet_telecom_bandeau {
	padding: 6px 50px 6px 0 !important;
}

/****************************************************************************** HEADER */

header {

	position: relative;
	margin: auto;
	background: #01224b;
}

header section {
	padding-top: 10px;
	clear: both;
	text-align: center;
	z-index: 10;
}

.info_header{
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100%;
    padding-bottom: 45px;
    background: -webkit-linear-gradient(rgba(1,34,75,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(rgba(1,34,75,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(rgba(1,34,75,1) 0%, rgba(255,255,255,0) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01224b', endColorstr='#00ffffff',GradientType=0 ); 
}

#langue {
    background: #fff;
    width: 65px;
    margin: 0 auto;
	margin-top: 10px;
    border-radius: 6px;
display: flex;
padding: 5px 0 0;}

#langue a {margin-left: 10px;
		   font-size: 15px;
		   position: relative; 
		   left: -5px;
		   color: #01224b;}

#langue a.selected {color: #cd1d00;
					font-weight: 500;}

.logo {
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.logo:hover {
	opacity: 0.7;
}

.logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin-top: 25px;
}

.baseline {
	display: block;
	text-align: center;
	text-indent: -9999px;
}

.encart_reseau {
    text-indent: -9999px;
    position: relative;
    width: 320px;
    margin: 0px auto;
}

.encart_reseau ul li:nth-child(6) {text-indent: 20px!important;}

.encart_reseau ul li:nth-child(6) span {
    color: #fff!important;
    position: relative;
    top: 39px;
    left: -27px;
	font-size: 12px;
}

.encart_reseau_en ul li:nth-child(6) span {
    color: #fff!important;
    position: relative;
    top: 39px;
    left: -10px!important;
}

.encart_reseau ul li:nth-child(7) {
    text-indent: 20px!important;
    margin-left: 30px;
}

.encart_reseau ul li:nth-child(7) span {
    color: #fff!important;
    position: relative;
    top: 39px;
    left: -30px;
	font-size: 12px;
}

.encart_reseau_en ul li:nth-child(7) span {
    color: #fff!important;
    position: relative;
    top: 39px;
    margin-left: 15px;
}

.encart_reseau_en .phone_head {
	display: none;
}

span.spancompte {
    color: #fff!important;
    position: relative;
    top: 39px;
  	left: -55px!important;
    display: inline-block;
    font-size: 12px;
    width: 88px;
}

.spancompte_en {
    margin-left: 3px!important;
}

.encart_reseau ul li {
    height: 50px;
    width: 41px;
    float: left;
}

.encart_reseau ul li a {
display: block;
width: 100%;
height: 100%;
cursor: pointer;	
}

.encart_reseau ul li:nth-child(1) a{  
background: url(../gifs/icon_newsletter.png) center center no-repeat; }

.encart_reseau ul li:nth-child(2) a{  
background: url(../gifs/icon_facebook.png) center center no-repeat;}

.encart_reseau ul li:nth-child(3) a{  
background: url(../gifs/icon_twitter.png) center center no-repeat; }

.encart_reseau ul li:nth-child(4) a{  
 background: url(../gifs/icon_youtube.png) center center no-repeat;}

.encart_reseau ul li:nth-child(5) a{  
 background: url(../gifs/icon_instagram.png) center center no-repeat;}

.encart_reseau ul li:nth-child(6) a{  
 background: url(../gifs/icon_actu.png) center center no-repeat;}

.encart_reseau ul li:nth-child(7) a{  
 background: url(../gifs/icon_connexion.png) center center no-repeat;}

.encart_reseau ul li:hover {opacity: 0.8;}

/* CONTACT HEADER */

.nav {
	background: #cd1d00;
	display: block;
	padding: 5px 10px;
	text-align: left;
	font-size: 1.5em;
	color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 99999;
}

.nav:before {
	content: "\e079";
	font-family: "iconic";
	font-size: 1.538em;
	vertical-align: sub;
	margin-right: 10px;
}

.menu {
	display: block;
	z-index: 999999;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	overflow-y: scroll;
	text-align: left;
	background: #FAFAFA;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-ms-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}

.sitePusher .menu {
	left: 0;
}

.menu li {
	position: relative;
	border-bottom: 1px solid #EBEBEB;
}

.menu li.main span.derouler {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 18px;
	font: 39px/45px "iconic";
	color: #474747;
}

.menu li.main span.derouler:after {
	content: "\e038";
}

.menu li.main span.derouler:hover:after {
	content: "\e038";
	color:#01224b;
}

.menu li a {
	display: block;
	padding: 15px;
	font-size: 1.154em;
	color: #474747;
}

.menu li.firstLi:nth-child(6) {background: #fac129;}

.menu li.firstLi:nth-child(9) a.selected {color: #000!important;}
	
.menu li.firstLi:nth-child(9) {
    background: #537DBB;
    position: relative;
	color: #fff!important;
}
	
.menu li.firstLi:nth-child(9) a {color: #fff;}

.menu li:last-child {background: #bc1e09!important;
					 width: auto;} 

.menu li:last-child a:before {display: none;} 
.menu li:last-child a {color: #fff!important;}
	
.menu li:hover:last-child {color: #fff!important;}
.menu li:last-child:after {
		content: '\E809';
		font-family: 'iconic';
		color: #fff;
		float: right;
		font-size: 32px;
		margin-top: -44px;
		margin-right: 11px;}
	
.menu li:last-child:hover:after {
		content: '\E809';
		font-family: 'iconic';
		color: #fff!important;
		float: right;
		position: relative;
		z-index: 99;
		font-size: 32px;
		margin-top: -44px;
		margin-right: 11px;}
	 
@media screen and (max-width:809px) {
	.menu li.sous_menu > a {
		padding-right: 47px;
	}
}

.faire-un-don .menu li a.selected {color: #fff;}

.menu li a.selected,
.menu li a:active,
.menu li:hover > a {
	color: #cd1d00;
}

.menu li:last-child:hover > a{background: #ff9a0a!important;
							 border-radius: 6px;}

.menu li:hover > span.derouler,
.menu li.selected > span.derouler {
	color: #474747;
}

.menu ul li ul {
	display: block;
	z-index: 2;
	position: fixed;
	top: 0;
	left: -252px;
	width: 252px;
	height: 100%;
	overflow-y: auto;
	background: #FAFAFA;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	-webkit-overflow-scrolling: touch;
}

.menu ul li ul.pushed {
	z-index: 3;
	left: 0;
}

.menu.noOver {
	overflow: hidden;
}

.menu ul li ul li {
	width: 203px;
}

.menu ul li ul li.close_menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -47px;
	width: 46px;
	height: 100%;
	border-left: 1px solid #EBEBEB;
	background: #FAFAFA;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.menu ul li ul.pushed li.close_menu {
	z-index: 2;
	left: 203px;
}

.menu ul li ul li.close_menu:after {
	content: "\E037";
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -10px;
	font: 25px "iconic";
	color: #474747;
}

/** MASK **/

.mask {
	display: block;
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: rgba(46,46,46,0.7);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.sitePusher #container {
	position: fixed;
	width: 100%;
	overflow: visible;
}

.sitePusher .mask {
	z-index:99999;
	opacity: 1 !important;
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}

.sitePusher .mask:after {
	content: "\E077";
	position: absolute;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	text-align: center;
	font-family: "iconic";
	font-size: 40px;
	line-height: 40px;
	color: #fff;
}

/* BX SLIDER */

.slider {
	height: 150px;
	overflow: hidden;
}

.slider .bx-wrapper {
	display: block;
	z-index: 2;
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.index-page .slider,
.slider .bx-wrapper,
.slider .bx-viewport,
.slider .bxslider,
.slider .bxslider li {
	width: 100%!important;
	height:550px;
}

.slider .bxslider li {
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.slider .bxslider li.slide01 {
	background-image: url(../gifs/slide03_small.jpg);
}

.slider .bxslider li.slide02 {
	background-image: url(../gifs/slide01_small.jpg);
}

.slider .bxslider li.slide03 {
	background-image: url(../gifs/slide02_small.jpg);
}

.slider .bxslider li.slide04 {
	background-image: url(../gifs/slide04_small.jpg);
}
.slider .bxslider li.slide05 {
	background-image: url(../gifs/slide05_small.jpg);
}
.slider .bx-viewport {
	z-index: 1;
}

.slider .bxslider li.slide01 h2 span {
    font-size: 18px;
    display: block;
    margin-top: 16px;
}
	
.slider .bxslider li.slide01 h2 {
    width: 473px;
    line-height: 26px;
}

.slider .bx-controls .bx-pager {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    margin-left: 31px;
    width: 130px;
    text-align: left;
}

.slider .bx-controls .bx-pager-item {
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
}

.slider .bx-controls .bx-pager-item a {
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.slider .bx-controls .bx-pager-item a.active,
.slider .bx-controls .bx-pager-item a:hover {
	background: #fff;
	opacity: 1;
}

.bg_blue{
   background-color: rgba(2, 23, 49, 0.9);
    position: absolute;
    height: 195px;
    width: 100%;
}

.bg_blue_interne{
   background-color: rgba(2, 23, 49, 0.9);
    position: absolute;
    height: 200px;
    width:100%;
}

.slider_texte {
    text-align: left;
  	 width: 87%;
    padding-top: 32px;
    padding-left: 30px;
    margin-top: 232px;
    z-index: 1000;
    position: relative;
    border: 4px solid #fff;
    margin-left: 20px;
    padding-bottom: 20px;
}

.slider_texte a {color:#fff;
				font-size: 18px;
				font-weight: 300; 
}

.slider_texte h2 {width: 252px;
				  border-left: 5px solid #fff;
				  padding-left: 20px;}

span.bold {font-weight: 500;}

.slider_texte h2 a{
    color: #fff;
	font-family: 'Lora', serif;
    font-size: 26px;
	font-weight: 400;
}


.slider_texte h2 a:hover{
  opacity: 0.8;
}

.slider p button {text-align: left!important;
	margin-top: 20px;cursor: pointer;}

button,
button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}

button {
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 6px 10px;
  position: relative;
}

button::before,
button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

button:hover {
  color: #16304d;
}

.btn-5 {
  overflow: hidden;
}

.btn-5::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(40deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.btn-5:hover:after {
  height: 100%;
  width: 140%;
}

/****************************************************************************** CONTENT */

.content {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;
}

/******************************** COLONNE CENTRE */

.colonne_droite {
	display: none;
}

.page_contact_contact {
    width: 95%!important;
	margin: 0 auto!important;
	float: none!important;}

.colonne_centre {
	position: relative;
}

.colonne_centre h1 {
	font-size: 40px;
	color: #01224b;
	font-family: 'Lora', serif;
	font-weight: 400;
	text-align: left;
	margin-bottom: 30px!important;
}

.page_index_42Bis h1{
	text-align: center;
}

.programmes .colonne_centre h1 {
	margin-bottom: 40px;
}

span.titre_gras {font-size: 40px;
				 font-family: 'Lora', serif;
				 font-weight: 700;}

.colonne_centre h2 {font-size: 20px;
					color: #01224b;
				    font-weight: 300;}

.sc-content h3 {font-size: 21px;
    			color: #01224b;
    			font-weight: 400;
				margin-bottom: 20px;}

.colonne_centre p {
	color: #01224b;
	margin-bottom: 10px;
	letter-spacing: normal;
	font-size: 16px;
	font-weight: 300;
}

.para-bold {font-weight: 500!important;}

.colonne_centre ul {
	display: block;
}

.sc-content ul {margin-bottom: 10px;}
.colonne_centre ul li {color: #01224b;
 letter-spacing: normal;
 font-size: 16px;
 font-weight: 300;}

.colonne_centre a {
	color: #cd1d00;
}

.colonne_centre a:hover {
	color: #01224b;
}

/* content_flux_actu*/
/*texte_intro*/

.texte_intro {margin-top: 50px;
			 padding-left: 20px;}

/* content_kids*/

.content_kids {margin-top: 50px;
			   position: relative;
			   z-index: 9;}

.photo_1_kids {height: 300px;
			   background-image: url(../gifs/photo_kids1.jpg)!important;
			   background-size: cover!important;
			   width:100%}

.description_kids {
    width: 100%;
    padding: 50px 0 10px 30px;
}

.texte_kids {
    max-width: 325px;
    margin: 0 auto;
}

.description_kids h2 {font-size: 35px;
					font-family: 'Lora', serif;
					font-weight: 700;
                    line-height: 39px;}

.description_kids h2 span.bonnet {
				    font-size: 35px;
				    color: #01224b;
					font-family: 'Lora', serif;
					font-weight: 400;
					left: -20px;
    				position: relative;}

.description_kids h2 span.bonnet:after{
	content: url(../gifs/logo_cousteaukids.jpg);
    position: relative;
    top: -2px;
}

.description_kids p {
    font-size: 18px;
    width: 290px;
    margin-top: 5px;
    margin-left: 10px;
    border-left: 5px solid #01224b;
    padding-left: 20px;
    margin-bottom: 15px;
}

.description_kids a {
	font-size: 15px;
	font-weight: 500;
	color: #01224b;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}

.description_kids a:hover {
	margin-left: 10px;
}

.description_kids a:after {
    content: '\E80C';
    display: inline-block;
    width: 30px;
    margin-left: 5px;
    font-family: iconic;
    font-size: 1.4em;
    vertical-align: middle;
    text-align: center;
}

.photo_2_kids {
	display: none;
}

/* content_don*/

.content_don,
.content_don2{
	height: 340px;
    background: url(../gifs/fond_tortue_mobile.jpg);
	background-size: cover;
	position: relative;
	z-index: 8;
    margin-top: 50px;
}

.content_don2 {margin-top: 0px!important;
			   clear: both;
			  }

.content_don h2,
.content_don2 h2,
p.p_don{
	color: #fff;
	font-weight: 300;
	font-size: 25px;
	text-align: center;
	padding-top: 70px;
	    margin-bottom: 10px;
}

.content_boutons ,
.content_boutons2 {
   margin-top: 40px;
    width: 166px;
    margin: 40px auto;
}


p.bouton_don1 button, p.bouton_don2 {
	text-align: center;margin-top: 20px;
}

p.bouton_don1 button:hover {
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #cd1d00;
  display: block;
  font-size: 16px;
  padding: 6px 10px;
  position: relative;
}

p.bouton_don1 button::before,
p.bouton_don1 button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

p.bouton_don1 button {
  background:#cd1d00;
	border: 1px solid #cd1d00;
	    cursor: pointer;
}


p.bouton_don2 button:hover {
  background: none;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #01224b;;
  display: block;
  font-size: 16px;
  padding: 6px 10px;
  position: relative;
	    cursor: pointer;
}

p.bouton_don2 button::before,
p.bouton_don2 button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}

p.bouton_don2 button {
  background:#01224b;
  border: 1px solid #01224b;
  margin-left: 11px;
	
}

.zone_connexion {
    width: 100%;
    margin-bottom: 50px!important;
    max-width: 820px;
    margin: auto;
}


p.intro_connexion {
	text-align: center;
}

p.bouton_connexion {
    text-align:center;
}

p.bouton_connexion a {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	background: #cd1d00;
	border-radius: 3px;
	font-size: 16px;
	border: 1px solid #cd1d00;
}

p.bouton_connexion a:hover {
	color: #cd1d00;
	background: #fff;
	border: 1px solid #cd1d00;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/***************************** AXECONTUE ****************************/

/*.photointro_sccontent*/

.index-page .photointro_sccontent {display:none;}

.photointro_sccontent {background:url(../gifs/header_mission_mobile.jpg);
				       height: 430px;
					   background-size: cover!important;}

.page404 .photointro_sccontent {background:  url(../gifs/header_404_mobile.jpg);}

.le-commandant .photointro_sccontent {
	background:  url(../gifs/header_commandant_mobile.jpg);}

.navires .photointro_sccontent {
	background:  url(../gifs/header_bateau_mobile.jpg);}

.kids .photointro_sccontent,
.cousteau-kids .photointro_sccontent{
	background:  url(../gifs/header_kids_mobile.jpg);
	background-position: center bottom;
	height: 240px;
}


.notre-mission .photointro_sccontent,
.body_paiement .photointro_sccontent,
.body_espace_client .photointro_sccontent{
	background:  url(../gifs/header_mission_mobile.jpg);}

.calypso .photointro_sccontent {
	background:  url(../gifs/header_calypso_mobile.jpg);}

.scaphandre-autonome .photointro_sccontent,
.puces-de-mer .photointro_sccontent,
.qui-sommes-nous .photointro_sccontent {
	background:  url(../gifs/header_scaphandre_mobile.jpg);}

.expeditions .photointro_sccontent {
	background:  url(../gifs/header_expedition_mobile.jpg);}

.soucoupe-plongeante .photointro_sccontent,
.technologie .photointro_sccontent {
	background:  url(../gifs/header_soucoupe_mobile.jpg);}

.cameras-sous-marines .photointro_sccontent {
	background:  url(../gifs/header_camera_mobile.jpg);}

.page_contact .photointro_sccontent {
	background:  url(../gifs/header_contact_mobile.jpg);}

.devenir-membre .photointro_sccontent {
	background:  url(../gifs/header_membre_mobile.jpg);}

.heritage .photointro_sccontent {
	background:  url(../gifs/header_heritage_mobile.jpg);}

.programmes .photointro_sccontent,
.programs .photointro_sccontent,
.boutique .photointro_sccontent{
	background:  url(../gifs/header_programme_mobile.jpg);}

.precontinent-i--ii-et-iii .photointro_sccontent {
	background:  url(../gifs/header_precontinent_mobile.jpg);}

.livredor .photointro_sccontent {
	background:  url(../gifs/header_temoignage_mobile.jpg);}

.movies .photointro_sccontent,
.videos .photointro_sccontent,
.detail_video .photointro_sccontent{
	background:  url(../gifs/header_video_mobile.jpg);}

.photos .photointro_sccontent,
.pictures .photointro_sccontent{
	background:  url(../gifs/header_photos_mobile.jpg);}

.droit-des-generations-futures .photointro_sccontent,
.droit-tcs---ec .photointro_sccontent{
	background:  url(../gifs/header_droit_mobile.jpg);}

.actualites .photointro_sccontent,
.news_actu .photointro_sccontent,
.actualites_detail .photointro_sccontent,
.oceans .photointro_sccontent,
.calypso_actu .photointro_sccontent,
.rivieres .photointro_sccontent,
.pollution .photointro_sccontent,
.evenements .photointro_sccontent,
.environnement .photointro_sccontent,
.rivers .photointro_sccontent,
.events .photointro_sccontent,
.environment .photointro_sccontent{
	background:  url(../gifs/header_actu_mobile.jpg);}

.infographics .photointro_sccontent,
.infographies .photointro_sccontent{
	background:  url(../gifs/header_info_mobile.jpg);}

.autres-navires .photointro_sccontent {
	background:  url(../gifs/header_autresnavires_mobile.jpg);}

.turbovoile .photointro_sccontent {
	background:  url(../gifs/header_turbovoile_mobile.jpg);}

.programmes_detail .photointro_sccontent {
	background:  url(../gifs/header_detailprog_mobile.jpg);}

.infographies_detail .photointro_sccontent {
	background:  url(../gifs/header_detailinf_mobile.jpg);}

.legende_image {
	font-size: 14px;
    margin-top: 5px;
    font-style: italic;
    font-weight: 400!important;
}

.sc-content{
	width: 95%;
	margin: 0 auto;
	padding: 25px;
	margin-bottom: 20px!important;
}

.sc-content p {text-align: justify;}

.page_plan .intro_plan p {margin-top: -90px;}

.photos .partie_texte_bdd {display: none;}

.photos #catalogue_contenu .item_catalogue {
	margin-bottom: -5px!important;}

.photos #catalogue_contenu {margin-bottom: 50px;}

.sc-content h2 {
    font-size: 40px;
    color: #01224b;
    font-family: 'Lora', serif;
    font-weight: 400;
}

.montant_redu_fiscale {font-weight: 600;}

#twitter-widget-0{
  
    position: relative!important;
    top: 5px!important;
}

/*page navire - axecontenue*/

ul.liste_categorie_relance {
    width: 300px;
    margin: 30px auto;
    position: relative;
    left: -13%;
}
.hover_cat_encart {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 8px;
  min-width: 310px;
  max-width: 310px;
  width: 100%;
  background-color: #000000;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.hover_cat_encart * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.hover_cat_encart img {
  max-width: 100%;
  vertical-align: top;
}
.hover_cat_encart figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.75);
}
.hover_cat_encart h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 3px 0;
	color: #fff!important;
}

.hover_cat_encart a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.hover_cat_encart:hover figcaption,
.hover_cat_encart.hover figcaption {
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
	background: none;

}
.hover_cat_encart:hover h3,
.hover_cat_encart.hover h3 {
  color: #fff!important;
	font-weight: 800;
}
 
/* PAGE BDD */

.infographies #catalogue_categorie_description {
    padding: 20px;
    padding-bottom: 50px;
    max-width: 1100px;
    margin: 0 auto;
}

/****** PARTIE BOUTIQUE *****/


.boutique .imgRight {
    position: relative;
    margin: 0 0 40px 40px;
    max-width: 100%;
    height: auto;
}




.boutique  .intro, .form-boutique {
	margin-bottom: 20px;
}

.form-boutique {
	margin-top: 40px;
}

.boutique  .intro {
	margin-top: 60px;
}


.banniere_boutique0  {
    background: url(../gifs/header_programme.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 20px;
    width: 100%;
    height: 350px;
    text-indent: -999999px;
	margin-bottom: 30px;
}

.banniere_boutique {
    background: url(../gifs/Cousteau-Antarctica.jpg);
    background-size: cover;
    background-position: center;
    margin-top: 20px;
    width: 100%;
    height: 350px;
    text-indent: -999999px;
	margin-bottom: 30px;
}

.boutique p bold {
	font-weight: 800!important;
}

.tempo h2 {
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    margin-top: 100px;
    position: relative;
	margin-bottom: 40px;
}

.tempo h2:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #ebebeb;
    position: absolute;
    left: 0;
    top: -35px;
}

.produit_shop {
    max-width: 680px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
    width: 100%;
    height: 100%;
    display: table;
}

.produit_shop h3 {
    color: #01224b!important;
    text-align: center;
    font-weight: 800!important;
}

.produit_shop .texte_shop {
	margin-top: 20px!important;
}

.shop_img {
	max-width: 425px;
	margin: 0 auto;
	margin-top: 40px;
}

.texte_shop form{
    width: 198px;
    margin: 0 auto;
}

select.os0 {
	width: 129%;
}

.produit_shop .select-wrap {
	background: #fff;
}

.produit_shop .select-wrap:after {
    position: absolute;
	right: -23px;
}



/*videoWrapper */

.videoWrapper {
	position: relative;
	height: 0;
	padding-top: 25px;
	padding-bottom: 56.25%;
	margin-bottom: 30px;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ENCART */

.encart {
	width: 100%;
	text-align: center;
}

.encart a {
	display: inline-block;
	width: 30%;
}

.encart a + a {
	margin-top: 0;
	margin-left: 3.8%;
}

/* FIL ARIANE */

#fil_ariane {
	margin-bottom: 10px;
}

#fil_ariane div {
	display: inline;
}

#fil_ariane strong {
	color: #222;
}

#fil_ariane a {
	color: #cd1d00;
}

#fil_ariane a:hover {
	color:#01224b;
}

p.bouton {
	text-align: center;
}

.bouton a {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	background: #01224b;
	border-radius:3px;
	margin-right:2%!important;
}

.bouton a:hover {
	color: #fff;
	background:#cd1d00;
}

p.bouton2 {
	text-align: right;
}

.bouton2 a {
	display: inline-block;
	padding: 6px 10px;
	color: #fff;
	background: #01224b;
	border-radius:3px;
	margin-right:2%!important;
}

.bouton2 a:hover {
	color: #fff;
	background:#cd1d00;
}

/* COLONNE GAUCHE */

.colonne_gauche {
	display: none;
}

/* ENCART ACTU */

.encart_actu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	background: #e7e7e7;
}

.encart_actu div.titre_actu {
	margin-bottom: 10px;
	font-size: 1.84em;
}

.encart_actu li a {
	color: #006674;
}

.encart_actu li a:hover {
	color: #e94e18;
}

/* RELANCE */

#relance {
    display: block;
    margin-top: 20px;
    padding-top: 5px;
    background: #ebebeb;
    padding: 50px 20px 50px 20px;
}

#relance ul li a {
	color:#01224b;
}

#relance ul li a:hover {
	color: #000;
}

.titre-relance {
	font-size:18px!important;
	font-weight: 700!important;
	color: #01224b!important;}

/* pagination actu + BDD */

.paginationControl {
    letter-spacing: normal;
    text-align: right;
    margin-top: 3px;
    margin-bottom: 43px;
    margin-right: 5%;
}

.paginationControl a,
.paginationControl span {
	display: inline-block!important;
    padding:8px 19px;
	color: #01224b;
	font-size: 18px;
	background: #fff;
	 margin-left: -4px;
	-webkit-box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
    box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
}


.paginationControl a:hover{
	color: #fff;
	background: #cd1d00;
}
.paginationControl span.selected {
	color: #fff;
	background: #011d41;
}
.paginationControl span.disabled {
	color: #8F8F8F;
	background: #dbd8d8;
}

.infos_pratique strong {font-weight: 500;}

.block_contact {
	display: box;
	display: -o-box;
	display: -moz-box;
	display: -webkit-box;
	display: flexbox;
	display: -o-flexbox;
	display: -moz-flexbox;
	display: -webkit-flexbox;
	display: flex;
	display: -o-flex;
	display: -moz-flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}

.info_contact {
	order: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 20px 0;
	padding: 15px 10px;
	letter-spacing: -0.25em;
	box-ordinal-group: 2;
	-o-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-webkit-box-ordinal-group: 2;
	flex-order: 2;
	-o-flex-order: 2;
	-moz-flex-order: 2;
	-webkit-flex-order: 2;
	-o-order: 2;
	-moz-order: 2;
	-webkit-order: 2;
}

.block_contact .info_contact > div > div:before {
	display: inline-block;
	float: left;
	width: 30px;
	margin-right: 0;
	font-family: iconic;
	font-size: 1.4em;
	vertical-align: middle;
	text-align: center;
}

.block_contact .info_contact > div > div.info_mail:before {
	content: '\E004';
}

.block_contact .info_contact > div > div.info_tel:before {
	content: '\E021';
}

.block_contact .info_contact > div > div.info_adresse:before {
	content: '\E005';
}

.block_contact .info_contact > div > div.info_horaire:before {
	content: '\E073';
}

.block_contact .info_contact > div > div.info_rdv:before {
	content: '\E061';
}

.block_contact .info_contact > div > div.info_bus:before {
	content: '\E074';
}

.block_contact .info_contact > div > div.info_metro:before {
	content: '\E075';
}

.block_contact .info_contact > div > div.info_parking:before {
	content: '\E076';
}

.block_contact .info_contact > div > div p {
	display: block;
	overflow: hidden;
	vertical-align: middle;
}

.info_contact h2, .formulaire_contact h2, .carte h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.8em;
}

.formulaire_contact .form_left h2 {
	margin-top: 20px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}

form.generateur label.noFloatingLabel input {
    margin-right: 5px!important;
    margin-top: 6px!important;
}

.info_contact p {
	margin: 0;
}

.info_contact > div {
	clear: both;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: normal;
}

.info_contact div + div {
	margin-top: 10px;
	padding-top: 10px;
}

.info_contact div div + div {
	margin: 15px 0 0 0;
	padding-top: 0;
}

.info_contact p em,
.info_contact div a.btn_contact {
	display: block;
	margin-top: 5px;
	font-style: italic;
}

.info_tel p.telephones a {
	color: #5e5e5e;
	cursor: default;
}

.info_tel p.telephones a:hover {
	color: #5e5e5e;
}

.block_faq span.listingTitre {
    position: relative;
    display: inline-block;
    z-index: 999;
    border: 4px solid #01224b;
    padding: 20px;
    color: #01224b;
    box-sizing: border-box!important;
	    font-family: 'Lora', serif;
    font-weight: 400;
	    font-size: 40px;
	margin-bottom: 20px;
}


.block_faq {padding-bottom: 50px;}

/* Formulaire */

.formulaire_contact {
	order: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #dddddd;
	letter-spacing: -0.25em;
	background: #f5f5f5;
	box-ordinal-group: 1;
	-o-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-webkit-box-ordinal-group: 1;
	flex-order: 1;
	-o-flex-order: 1;
	-moz-flex-order: 1;
	-webkit-flex-order: 1;
	-o-order: 1;
	-moz-order: 1;
	-webkit-order: 1;
}

.formulaire_contact .form_left,
.formulaire_contact .form_right,
.formulaire_contact h2,
.carte h2 {
	letter-spacing: normal;
}

.formulaire_contact .form_left {
	clear: both !important;
}

/* styliser la couleur des placeholders dans les inputs */

:placeholder-shown {
	color: #999;
}
::-webkit-input-placeholder {
	color: #999;
}
::-moz-placeholder {
	color: #999;
}
:-ms-input-placeholder {
	color: #999;
}

.cp_ville:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.cp_ville p {
	float: left;
	width: 33%;
	clear: none !important;
}

.cp_ville p + p {
	float: right;
	width: 62.958%;
}

/********************************************************** FOOTER ***/

footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #011d41;
	z-index: 5;
	position: relative;
	    width: 100%;
    height: auto;
    display: inline-block;

}

footer h3 { color: #fff;
	       font-size: 16px;
	       font-weight: 400;
		   text-align: center;
		       padding-top: 30px;}

footer .adresse_footer {
	display: block;
	text-align: left;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

.content_footer {
	padding-bottom: 75px;
	padding-top: 75px;
}

.partie_dicton {display: none;}

.dicton span {
    position: relative;
    color: #fff;
    top: 120px;
    left: 133px;
}

.footer_adresse {width: 155px;
				 position: relative;
				 margin:0 auto;}

.footer_adresse:before {
    content: url(../gifs/icon_link.png);
    height: 20px;
    width: 20px;
    left: -36px;
    top: 0px;
    position: absolute;
}

.footer_telephone {
    width: 155px;
    margin: auto;
    position: relative;
    margin-top: 40px;
}

.footer_telephone:before {
    content: url(../gifs/icon_telephone.png);
    height: 20px;
    width: 20px;
    left: -37px;
    top: 0px;
    position: absolute;
}

a.tel2 {text-align: left;
		color: #fff;
		font-size: 16px;
		font-weight: 300;}

.tel2 span {color: #cd1d00;
		    font-weight: 700;}

.encart_reseau2 {
    text-indent: -9999px;
    position: relative;
     width: 210px;

    margin: 7px auto;}

.encart_reseau2 ul li {height: 50px;
					   width: 50px;
				       float: left;
					   opacity: 1;}

.encart_reseau2 ul li a {display: block;
						width: 100%;
						height: 100%;
						cursor: pointer;}

.encart_reseau2 ul li:nth-child(1) a{  
background: url(../gifs/icon_facebook.png) center center no-repeat; }

.encart_reseau2 ul li:nth-child(2) a{  
background: url(../gifs/icon_twitter.png) center center no-repeat; }

.encart_reseau2 ul li:nth-child(3) a{  
background: url(../gifs/icon_youtube.png) center center no-repeat;}

.encart_reseau2 ul li:nth-child(4) a {
    background: url(../gifs/icon_instagram.png) center center no-repeat;}

.encart_reseau2 ul li:hover {opacity: 0.6;}

/* sous_footer */

.logo_partenaire {width: 120px;
				  height: 60px;
				  background:  url(../gifs/logo_partenaire.png) center center no-repeat;
				  position: relative;
				  top: 5px;
				  margin-left: 5%;}

.logo_partenaire span{
    color: #fff;
    position: relative;
    left: 136px;
    top: 39px;}

footer .ML_box {
	font-size: 1.23em;
	font-weight: 300;
	color: #fff;}

.content_sous_footer {    
	clear: both;
    background: #01152f;
    height: 90px;
    padding-top: 13px;}

.navigation {display: inline-block;
		     text-align: right;
		     font-size: 1.28em;
		     cursor: pointer;
	         color: #fff;
		     margin-left: 20px;}

.navigation:hover {text-decoration: underline;}

.content_box {
    width: 260px;
    position: relative;
    top: -41px;
    left: 88px;
    /* float: right; */
    text-align: center;
}

.content_sous_footer .centre_contact > a {
	display: inline-block;
}

/* top site btn */

.top_site_mobile:after {
	content: "\E030";
	display: block;
	padding: 6px;
}

.top_site_mobile {
	display: none;
	z-index: 20;
	position: fixed;
	right: 2%;
	bottom: 19%;
	padding: 3px 6px;
	font-family: "iconic";
	font-size: 1.38em;
	color: #fff;
	background: #cd1d00;
}

.rappel_telephonique,
#ami_box_frame,
#newsletter_iframe {
	padding: 0 10px;
}

.rappel_telephonique {
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.rappel_telephonique h1,
#ami_box_frame h1,
#newsletter_iframe h1 {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
}

.rappel_telephonique .logo_rappel {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}

.rappel_telephonique form {
	margin-right: 70px;
}

.rappel_telephonique form:after {
	content: url(../gifs/rappel.png);
	position: absolute;
	right: 11px;
	bottom: -15px;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
	-webkit-transform-origin: 120% 7% 0;
	-moz-transform-origin: 120% 7% 0;
	transform-origin: 120% 7% 0;
	-ms-transform-origin: 120% 7% 0;
	-o-transform-origin: 120% 7% 0;
}

.logo_rappel img {
	max-width: 100%;
}

#ami_box_frame img {
	margin: 25px 0;
}

#newsletter_iframe form {
	text-align: right;
}

form.generateur p,
form.generateur div.divGenerateur,
form.generateur div.divGenerateurErreur {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-size: 1.000em !important;
	position: relative;
}

form.generateur p.erreur input,
form.generateur p.erreur textarea {
	border: 1px solid red;
}

form.generateur label,
form.formulaire label,
#newsletter_iframe div label {
	display: block;
	float: none !important;
	width: 100% !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	text-align: left !important;
	line-height: normal !important;
	color: #555555;
}

form.generateur .divGenerateur label.optional {
	display: none;
}

form.generateur .noFloatingLabel {
	color: #5e5e5e;
}

.formulaire_contact p label span {
	display: inline-block;
	color: red;
}

form.generateur textarea,
form.formulaire textarea {
	height: 120px!important;
	padding-top: 10px!important;
}

form .form_left textarea {
	height: 160px;
}

/* inscription newsletter bouton radio + checkbox */

.formulaire_contact input[type='checkbox'],
.formulaire_contact input[type='radio'] {
	width: auto !important;
	margin-right: 5px;
	vertical-align: text-top;
}

.divGenerateur ul,
.divGenerateur li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.divGenerateur label.optional {
	margin-bottom: 8px !important;
}

.divGenerateur li label {
	display: block;
	width: 100%;
}

/* bouton submit */

form.generateur .form_right input#field_3,
.rappel_telephonique form.generateur input#field_4 {
	max-width: 110px;
}

.divGenerateurRequired {
	margin-top: 5px;
	letter-spacing: normal;
}

/* input newsletter */

.news {
	margin: 0 auto;
	padding: 10px;
	max-width: 960px;
	text-align: center;
}

.news #form_newsletter input#submit_newsletter {
	display: none !important;
}

.news #form_newsletter input[type="text"] {
	border-radius: 3px;
}

.news label {
	float: none !important;
	display: none;
	vertical-align: middle;
}

.news #form_newsletter {
	display: inline-block;
	width: 65%;
	max-width: 190px;
	vertical-align: middle;
}

.news #mess_newsletter {
	display: block;
	margin-top: 7px;
	text-align: center;
	font-size: 0.92em;
}

.news #mess_newsletter:empty {
	margin-top: 0;
}

/* infobulle */

form.generateur p.erreur,
form.generateur div.divGenerateurErreur {
	border: none !important;
}

.divGenerateurErreur {
	display: block;
	clear: both;
}

form.generateur p.erreur label,
form.generateur div.divGenerateurErreur label {
	padding-bottom: 20px !important;
}

form.generateur p.erreur span.erreur,
form.generateur div.divGenerateurErreur span.erreur {
	background: none !important;
	color: #eb3434!important;
	display: block!important;
	font-family: arial;
	font-size: 0.846em;
	font-weight: normal!important;
	margin: 0!important;
	padding: 0!important;
	position: absolute;
	top: 20px;
}

div.valide,
div.erreur {
	position: relative;
	margin-bottom: 20px !important;
	padding: 15px !important;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
	letter-spacing: normal;
	color: #fff !important;
}

div.valide {
	border: 1px solid #48b151;
	background: #55c65e !important;
}

div.erreur {
	border: 1px solid #d4323d;
	background: #f3515c !important;
}

div.valide:before {
	content: '\E017';
	display: inline-block;
	font-family: 'iconic';
	font-size: 1.538em;
	vertical-align: middle;
}

div.erreur:before {
	content: '\E806';
	display: inline-block;
	font-family: 'iconic';
	font-size: 1.538em;
	vertical-align: middle;
}

div.valide p,
div.erreur p {
	display: inline-block;
	margin: 0 0 0 15px !important;
	max-width: calc(100% - 40px);
	vertical-align: middle;
}

.validation {
	display: none;
}

/* message validation / erreur CONSEILLER A UN AMI */

.errors {
	text-align: right;
	color: red;
}

form.generateur .noFloatingLabel {
	white-space: normal !important;
	height: auto !important;
}

form.generateur p img.ui-datepicker-trigger {
	vertical-align: middle;
}

.clearboth {
    clear: both;
}
/***************************************************  Style pour TOUS les inputs text submit et button de tous les formulaires du site   ***********/
input[type=password],
input[type=text],
input[type=tel],
input[type=email],
textarea:not(.mce-textbox),
select {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	padding: 0;
	border: 1px solid #ccc;
	text-indent: 10px;
	vertical-align: middle;
	background: #fff;
}

input[type=password]:hover,
input[type=text]:hover,
textarea:not(.mce-textbox):hover {
	background: #eee;
}

input[type=password]:focus,
input[type=text]:focus,
textarea:not(.mce-textbox):focus {
	padding: 0 10px;
	color: #555;
	background: #fff;
}

textarea:not(.mce-textbox) {
	text-indent: 0;
	padding: 5px;
	font-size: 1.000em;
	resize: none;
}

input.calendrier, input.calendrierAvecMenu {
	width: 90%;
}

#ui-datepicker-div {
	letter-spacing: normal;
}

input[type=submit],
input[type=button] {
	display: inline-block !important;
	height: 35px;
	margin: 0;
	padding: 0 10px;
	border: none;
	vertical-align: middle;
	color: #fff;
	font-weight: 500;
	background: #cd1d00;
    cursor: pointer;
    border-radius: 3px;
    left: -2px;
    position: relative;
}

input[type=submit]:hover,
input[type=button]:hover {
	color: #fff;
	background: #01224b;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

#field_29 span.required:first-child {display: none;}

.generateur select {
	text-indent: 5px;
	font-style: normal;
}

.generateur select option {
	padding: 2px 5px;
}

.generateur select option:hover, .generateur select option:checked {
	-webkit-box-shadow: 0 0 10px 100px #e94e18 inset;
	-moz-box-shadow: 0 0 10px 100px #e94e18 inset;
	box-shadow: 0 0 10px 100px #e94e18 inset;
	cursor:pointer;
}

.select-wrap {
	position: relative;
	background: #eee;
	display: block;
}
.select-wrap:after {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 35px;
	color: #818181;
	z-index: 1;
	content: '\E029';
	font-family: 'iconic';
	display: inline-block;
	vertical-align: middle;
	font-size: 1.538em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.select-wrap select {
	background: none;
	position: relative;
	z-index: 2;
}

.select-wrap:hover, .select-wrap:focus {
	background: #fff;
}

.select-wrap:hover:after {
	color: #1c1c1c;
}

form.generateur p.submit {
	margin: 0!important;
	text-align: right!important;
}

/************************************************   Style spécifique pour certain input / button *********************/

/* Display none sur le deuxieme submit de la popup newsletter */

#newsletter_iframe #form_newsletter + #js_submit {
	display: none!important;
}

#newsletter_iframe form {
	overflow: hidden;
	text-align: right;
}


/*************** PARTIE BDD ET BDD*************************/

/****** PARTIE BDD *****/

.content_menu {
    width: 190px;
    margin: 0 auto!important;
    padding: 20px 0px;
    border-radius: 8px;
    background: #fff;
    list-style: none;
    -webkit-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    margin-bottom: 37px;
	position: relative;
}

.content_menu2 {
    padding-top: 0px;
}

#menu_flux p {
  display: block;
  cursor: pointer!important;
  position: relative;
  top: 6px;
  padding: 13px 20px 13px 20px;
  text-decoration: none;
  color: #444547;
  font-weight: 400;
  font-size: 12px;
  transition: all .25s ease-in-out;
}

#menu_flux a {
  display: block;
  cursor: pointer!important;
  position: relative;
  text-decoration: none;
  color: #444547;
  font-weight: 400;
  font-size: 16px;
  transition: all .25s ease-in-out;
}

.menu_fluxKids li a {
	text-transform: uppercase;
    font-weight: 400;
    font-size: 13px!important;
	font-family: 'K2D', sans-serif!important;
}

#menu_flux p:hover,
#menu_flux p.selected,
#menu_flux a:hover,
#menu_flux a.selected{
  color: #cd1d00;
  font-weight: 400;
  text-shadow: none;
}

input#recherche {
	width: 69%!important;
}

form.form_recherche {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    max-width: 300px;
    margin-bottom: 20px;
}

.menu_fluxKids li p:before {
	content: '';
	width: 30px;
	height: 30px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	position: relative;
	top: -6px;
}

.menu_fluxKids li:nth-child(1) p:before,
p.actu_kids_poissons:before {
	content: url(../gifs/icon_poisson.png);
	
}

.menu_fluxKids li:nth-child(2) p:before {
	content: url(../gifs/icon_mam.png);
	
}

.menu_fluxKids li:nth-child(3) p:before {
	content: url(../gifs/icon_crust.png);
}
.menu_fluxKids li:nth-child(4) p:before,
p.actu_kids_environnement:before {
	content: url(../gifs/icon_envi.png);
	
}

.menu_fluxKids li:nth-child(4) p:before {
	top: -10px;
}

.menu_fluxKids li:nth-child(5) p:before {
	content: url(../gifs/icon_amb.png);
	top: -3px;
}
.menu_fluxKids li:nth-child(6) p:before {
	content: url(../gifs/icon_video.png);
}

p.actu_kids_environnement {
	color: #1ae252!important;
}

p.actu_kids_mammiferes {
	color: #e26f1a!important;
}

p.actu_kids_crustaces {
	color: #ecc117!important;
}

p.actu_kids_ambassadeur {
	color: #34bfec!important;
}

p.actu_kids_videos {
	color: #3486eb!important;
}


/*flux*/

.liste_flux {
    width: 100%;
    height: 100%;
    display: inline-block;
    padding-bottom: 30px;
} 

.block_haut, .block_bas {
    width: 100%;
    height: auto;
    display: inline-block!important;
}

.flux {background: #f8f6f6;
	   margin-top: 40px;
	   height: auto;
	   padding-top: 20px;
}

.liste_flux .slider {height: auto!important;}

.block_haut li img, .block_bas li img  {max-width: 100%;
    height: 255px;
    width: 154%;
    object-fit: cover;
					}

.block_haut li img,
.photo_block{
	height: 299px;
	position: relative;
}
.photo_block, .photo_block2 {
    height: 255px;
    margin-top: 20px;
	overflow: hidden!important;
	width: 100%;
}

.texte_block,
.texte_block2  {
    width: 100%;
    background: #fff;
    height: auto;
    display: inline-block;
    padding: 15px;
    z-index: 10000;
    position: relative;
    -webkit-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.1);
    -moz-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.1);
    box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.1);
}

.texte_block p,
.texte_block2 p {margin-top: 10px;}

p.categorie {color:#cd1d00;
			 font-weight: 700;
			 font-size: 16px;
			 letter-spacing: 1px;}

.flux h2 {color: #01224b;
		  font-size: 16px;
			font-weight: 600;
		  font-family: 'Lora', serif;}

.hover_cat {    overflow: hidden;}
.hover_cat * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

.hover_cat:hover img,
.hover_cat.hover img {
  -webkit-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);}

.photo_block_listing {
	overflow: hidden;
	position: relative;
}

.photo_block_listing .hover_cat2 img {
	width: 100%;
}

.hover_cat2 * {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}

.hover_cat2.hover {z-index: -1!important;
position: relative;}

.hover_cat2:hover img,
.hover_cat2.hover img {
  -webkit-transform: scale(1.1) rotate(2deg);
  transform: scale(1.1) rotate(2deg);
z-index: -1!important;
position: relative;}

  

#video_membre {
    background: rgba(250, 250, 250,.9);
    color: #01224b!important;
    padding: 15px 30px;
    position: absolute;
    width: 100%;
    font-size: 16px;
    z-index: 9;
    right: 0;
}

#video_membre p {
	font-weight: 700!important;
	float: left;
	margin-bottom: 0;
}

#video_membre p strong {color: #cd1d00!important;}

#video_membre p:after {
    width: 50px;
    height: 50px;
    content: '';
    z-index: 8;
    background: url(../gifs/picto_connexion.png) center center no-repeat;
    background-size: cover;
    top: 0;
    right: 20px;
    position: absolute;
}

#video_membre .question {
    color: #01224b;
    height: 11px;
    width: 11px;
    float: right;
    margin-top: 7px;
}

#video_membre .question:after {
    display: inline-block;
    float: left;
    margin-left: -9px;
    margin-top: -2px;
    width: 30px;
    margin-right: 0;
    font-family: iconic;
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
    content: '\E061';
}
.information_membre  {
	display: none;
}

.information_membre span {
	font-size: 12px;
}

.img_co  {
    width: 237px;
}

#video_membre .question:hover .information_membre {
    display: block;
    width: 330px;
    height: 75px;
    background: #fff;
    position: absolute;
    top: 43px;
    padding: 15px;
}

 #encart_espace_client {
    margin-top: 180px!important;
}


#encart_espace_client p {text-align: center!important;}

.success p {
    color: #04c072!important;
    font-size: 25px!important;
    font-weight: 700!important;
    position: relative;
}

.success span {
    text-align: center!important;
    margin-left: 104px;
}

.success_en span {
    text-align: center!important;
    margin-left: 133px;
}

.connexion_valid {
    width: 180px;
    display: block;
    height: 180px;
    /* margin-top: -35px; */
    background: url(../gifs/icon_connexion_valider.png) center center no-repeat;
    margin: 0 auto;
    background-size: cover;
}

/*flux droite */

.block_droite li {
    height: auto;
    width: 93%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.photo_block_droite {
	height: 155px;
	width: 100%;
   	overflow: hidden;
	position:relative;
}

.texte_block_droite {
    width: 100%;
    background: #fff;
    height: auto;
	display: inline-block;
    padding: 15px;
	z-index:9;
    position: relative;
	-webkit-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.33);
	-moz-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.33);
	box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.33);
}

p.categorie {
	color:#cd1d00;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 1px;}

.texte_block_droite p.titre_actu {
	color: #01224b!important;
	font-size: 16px!important;
	font-weight: 400!important;
	font-family: 'Lora', serif!important;
}

/****** PARTIE BDD - PAGE LISTING *****/


#catalogue_contenu {
	clear: both;
    margin-top: -70px;
    max-width: 1500px;
    margin: 0 auto;
}

#catalogue_contenu .item_catalogue{
	margin-bottom: 55px!important;
}

.partie_texte_bdd {
    width: 100%;
    background: #fff;
    margin-top: -10px;
    padding: 15px 15px 50px 15px;
     z-index: 10;
	position: relative;
   	-webkit-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.2);
	box-shadow: 8px 10px 20px -4px rgba(0,0,0,0.2);
}

.partie_texte_bdd h2 {color: #cd1d00;
    				  font-weight: 700;
   				      font-size: 16px;
					  letter-spacing: 1px;
				 	  margin-top: 10px;}

.partie_texte_bdd h3 {color: #01224b;
    				  font-size: 18px;
    				  font-family: 'Lora', serif;}

.partie_texte_bdd p {
	margin-top: 15px;
	margin-bottom: 15px;
}

p.date {
    position: absolute;
    width: 56px;
    right: 25px;
    color:#01224b;
    z-index: 4;
    font-weight: 500;

}

p.date span.jour {
	font-weight: 700;
	font-size: 40px;
}

p.date span.mois {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	position: relative;
    top: -15px;
}

p.date span.annee {
	color:#cd1d00;
	font-size: 18px;
	font-weight: 700;
	position: relative;
    top: -22px;
}

.content_detail .banderole {
    background: url(../gifs/banderole.png);
    position: absolute;
    left: 6%;
    height: 118px;
    width: 79px;
}

.banderole {
	background:  url(../gifs/banderole.png);
	position: absolute;
	right: 20px;
	height: 118px;
	width: 79px;
	z-index: 3;
}

.partie_texte_bdd a {
    font-size: 16px;
    color: #01224b;
    font-weight: 500;
}

.partie_texte_bdd a:hover {
	color: #cd1d00;
}

.partie_texte_bdd h3 a:after {
	display: none;
}

.partie_texte_bdd h3 a {
	text-transform: inherit;
}

.partie_texte_bdd a:after {
    content: '\E80C';
    display: inline-block;
    width: 30px;
    margin-left: 5px;
    font-family: iconic;
    font-size: 1.4em;
    vertical-align: middle;
    text-align: center;
}

.movies .item_catalogue .photo_block_listing:before,
.style-video .photo_block_droite:before,
.style-video .photo_block:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: url(../gifs/back_video.png);
    background-position: center;
    position: absolute;
    opacity: 0.8;
	z-index: 9;
}

.style-video .photo_block:before {
	height: 96%;
}

/****** cousteau-kids*****/

.kids .encart_reseau,
.kids .logo,
.cousteau-kids .encart_reseau,
.cousteau-kids .logo {
	display: none;
}

.kids .bg_blue_interne,
.cousteau-kids .bg_blue_interne{
	background: none;
}

.cousteau-kids .partie_texte_bdd {
	background: #e2311a;
	padding: 15px 0px 15px 15px;
}

.cousteau-kids .partie_texte_bdd h2 {
	color: #fff;
	margin-bottom: 20px;
	font-family: 'K2D', sans-serif!important;
	    text-transform: uppercase;
}

.cousteau-kids  .sous_texte {
	background: #fff;
	padding: 20px 15px;
}

.cousteau-kids .partie_texte_bdd h2:before {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.poissons-listing .partie_texte_bdd {
	background: #e2311a;
}

.cousteau-kids .sous_texte a, .cousteau-kids .partie_texte_bdd p,
.cousteau-kids h1, .cousteau-kids .texte_listing p, .cousteau-kids .liste_flux_droite p.categorie , .cousteau-kids .liste_flux_droite h2{
	font-family: 'K2D', sans-serif!important;
}

.poissons-listing .partie_texte_bdd h3 a,
.poissons-listing .partie_texte_bdd a:hover{
	color: #e2311a!important;
}

.poissons-listing h2:before {
	content: url(../gifs/icon_poisson_w.png)!important;
}

.mammiferes-listing .partie_texte_bdd {
	background: #e26f1a;
}

.mammiferes-listing .partie_texte_bdd h3 a,
.mammiferes-listing .partie_texte_bdd a:hover {
	color: #e26f1a!important;
}

.mammiferes-listing h2:before {
	content: url(../gifs/icon_mam_w.png)!important;
}

.crustaces-listing .partie_texte_bdd {
	background: #ecb217;
}

.crustaces-listing .partie_texte_bdd h3 a,
.crustaces-listing .partie_texte_bdd a:hover {
	color: #ecb217!important;
}

.crustaces-listing h2:before {
	content: url(../gifs/icon_crust_w.png)!important;
}

.environnement-listing .partie_texte_bdd {
	background: #1ae252;
}

.environnement-listing .partie_texte_bdd h3 a,
.environnement-listing .partie_texte_bdd a:hover {
	color: #1ae252!important;
}

.environnement-listing  h2:before {
	content: url(../gifs/icon_envi_w.png)!important;
	position: relative;
    top: -5px;
}

.ambassadeur-listing .partie_texte_bdd {
	background: #34bfec;
}

.ambassadeur-listing .partie_texte_bdd h3 a,
.ambassadeur-listing .partie_texte_bdd a:hover{
	color: #34bfec!important;
}

.ambassadeur-listing h2:before {
	content: url(../gifs/icon_envi_w.png)!important;
}

.videoskids-listing .partie_texte_bdd {
	background: #3486eb;
}

.videoskids-listing .partie_texte_bdd h3 a,
.videoskids-listing .partie_texte_bdd a:hover{
	color: #3486eb!important;
}

.videoskids-listing h2:before {
	content: url(../gifs/icon_video_w.png)!important;
}

.blocHautKids {
    height: 100%;
    width: 100%;
    display: inline-block;
    padding: 50px 20px;
    background: url(../gifs/back_abonnement.jpg);
    text-align: center;
    color: #fff;
}

.blocHautKids input[type=submit]{ 
	border-radius: 14px;
	padding: 0 20px;
}

.blocHautKids ul li {
    background: #fff;
    border-radius: 15px;
    padding: 30px 50px;
    width: 100%;
    margin-bottom: 20px;
    line-height: 18px;
	-webkit-box-shadow: 11px 9px 45px -13px rgba(0,0,0,0.46);
	-moz-box-shadow: 11px 9px 45px -13px rgba(0,0,0,0.46);
	box-shadow: 11px 9px 45px -13px rgba(0,0,0,0.46);
}

.blocHautKids ul li p {
	font-size: 17px;
	text-align: left;
	font-weight: 400;
	line-height: 20px;
}

.blocHautKids ul li p bold{
	font-weight: 700;
}

.blocHautKids ul li form {
	text-align: left;
    margin-top: 20px;
}

.blocHautKids h2 {
	color:#01224b;
	font-size: 27px;
	font-weight: 800;
	margin-bottom: 20px;
}

.cousteau-kids .content_menu2 {
    top:0;
    margin-top: 30px!important;
}

.cousteau-kids form.form_recherche {
    top: 19px;
    margin-bottom: 40px;
}

/****** PARTIE BDD - PAGE DETAIL *****/

.actualites_detail .colonne_centre {
    padding: 0 20px;
}

.content_detail {
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 50px;
	text-align: justify;
}

.content_detail img {
	max-width: 100%!important;
	height: auto!important;
	
	
}

.bloc-img img{
	display: block;
    margin: 0 auto;
}


.content_detail h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 24px;
}

.bloc-img {margin-bottom: 20px;}

.content_detail h3, .sc-content h3 {
    font-size: 17px;
    color: #cd1d00;
    font-weight: 400;
}
.sc-content strong { font-weight: 500!important;
}
.content_detail p strong {
    font-weight: 500!important;
}

.video_bdd {
 position: relative;
	height: 0;
	padding-top: 25px;
	padding-bottom: 56.25%;
}

.video_bdd iframe {
    position: absolute;
    top: 0;
    width: 90%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


.content_suite {
    width: 100%;
    margin-top: -173px!important;
    margin-bottom: 175px;
    height: 200px;
    padding-top: 210px;
    display: block;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.36) 25%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0.9) 76%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.36) 25%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0.9) 76%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.36) 25%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0.9) 76%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    position: relative;
    z-index: 9;
}

.content_suite p a.lire-la-suite {
    color: #fff;
    padding: 6px 10px;
    border: 1px solid #01224b;
	border-radius: 5px;
	background: #01224b;
}

.encart_suite {
    width: 100%;
    height: auto;
    background: #f5f5f5;
    padding: 32px;
}

.content_suite p {
	margin-bottom: 20px;
}

.content_suite span {
	font-size: 12px;
}

/*.videoWrapper*/


p.bouton_retour {margin-top: 35px;}

p.bouton_retour a {
    color: #01224b;
    padding: 6px 10px;
    border: 1px solid #01224b;
    border-radius: 5px;
}

p.bouton_retour a:hover {
	background: #01224b;
    color: #fff;
    border: 1px solid #01224b;
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

/****** PARTIE BDD - LIVRE D'OR *****/

.livredor .colonne_centre {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 130px;
}

.livredor #fil_ariane,
.actualites #fil_ariane,
.movies #fil_ariane,
.cousteau-kids #fil_ariane,
.page_index_42Bis #fil_ariane{
	text-align: center;
}


.content_livre {
    background: #eeecec;
    max-width: 1170px;
    margin: 0 auto;
    display: table;
    margin-top: 20px;
    padding: 40px;
}

.livredor #catalogue_contenu {
    clear: both;
    margin-top: -70px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1175px;
    margin: 20px auto;
}

.block_texte_or {
    width: 100%;
    max-width: 430px;
    padding: 20px;
    border: 1px solid #eeecec;
    margin-right: 20px;
    margin: 10px auto;
	max-width: 580px;
}

.livredor .formulaire_contact .form_right {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 95%;;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #dddddd;}


.livredor h3 {color:#01224b;} 

p.p_date_listing {color:#cd1d00;
				 font-weight: 400;}


.livredor  .divGenerateurRequired {
text-align: center;}

p.intro_or {
    margin-bottom: 26px;
}

#widget {margin-top: 5px!important;}

/***************************FAIRE UN DON - BOX **********/

.faire-un-don h1 {
    font-size: 40px;
    color: #01224b;
    font-family: 'Lora', serif;
    font-weight: 400;
}

.faire-un-don h2 { color: #01224b;}

.faire-un-don p {
    color: #01224b;
    margin-bottom: 10px;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 300;
}
/****** PARTIE BDD - PARTIE FORMULAIRE DEVENIR MEMBRE *****/

.partie_connexion {
    width: 80%;
    margin: 50px auto;
    padding-bottom: 50px;
    max-width: 500px;
}

.encart_devenir_mbr {
    padding-top: 45px;
    height: 200px;
    margin: 20px auto;
    background: #fff;
    width: 210px;
    -webkit-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
	-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;

}

a .encart_devenir_mbr:hover {	
	-webkit-box-shadow:-7px 6px 17px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: -7px 6px 17px -4px rgba(0,0,0,0.24);
    box-shadow: -7px 6px 17px -4px rgba(0,0,0,0.24);
}
a .encart_devenir_mbr:hover p {color: red;}

.encart_devenir_mbr p  {
	color: #01224b;
    font-weight: 600;
    font-size: 14px;
	text-align: center;
}

p.mdp_lost {text-align: center;}


.encart_devenir_mbr .picto {
	background: url(../gifs/picto_connexion.png);
	width: 90px;
	height: 100px;
	margin: 0 auto;
}

.connexion_space_client {padding-left:20px;}

.connexion_space_client h2:first-child {
    font-size: 40px;
    color: #01224b;
    font-family: 'Lora', serif;
    font-weight: 400;
    margin-top: 45px;
    margin-bottom: 7px;
    line-height: 43px;
	text-align: center;
}



.connexion_space_client h3 {
    font-size: 18px;
    color: #01224b;
	text-align: center;
    font-weight: 300;
    margin-left: 3px;
}

.content_encart_picto_connexion { width: 210px;
						  margin: 20px auto;}

.encart_picto_connexion {
	padding-top: 45px;
	height: 200px;
	margin-top: 20px;
    background: #fff;
	width: 210px;
    -webkit-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
    box-shadow: 8px 6px 17px -4px rgba(0,0,0,0.24);
		-webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
} 

a .encart_picto_connexion:hover { 
	-webkit-box-shadow:-7px 6px 17px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: -7px 6px 17px -4px rgba(0,0,0,0.24);
    box-shadow: -7px 6px 17px -4px rgba(0,0,0,0.24);
}

a .encart_picto_connexion:hover p {color: red;}
.encart_picto_connexion p  {
	color: #01224b;
    font-weight: 600;
    font-size: 14px;
	text-align: center;
}


.picto_connextion {width:90px;
				   height: 90px;
				   margin: 0 auto;
}

.pictoco1 {background: url(../gifs/connect_modif.jpg);
background-size: cover;}
.pictoco2 {background: url(../gifs/connect_mdp.jpg);
background-size: cover;}
.pictoco3 {background: url(../gifs/connect_supprimer.jpg);
background-size: cover;}
.pictoco4 {background: url(../gifs/connect_deco.jpg);
background-size: cover;}

.encart_picto_connexion p {text-align: center;
						   margin-top: 20px;}

.encart_picto_connexion p a {
    color: #01224b;
    font-weight: 600;
	font-size: 14px;
}

.dernier-contenu-membre h2:first-child {
    color: #01224b;
    text-align: left;
    font-size: 25px;
    margin-bottom: 50px;
    margin-top: 0;
}

.dernier-contenu-membre .texte_block_droite {height: 129px;}

.dernier-contenu-membre ul {margin-left: -25px;}

.dernier-contenu-membre ul li {padding-bottom: 40px;}

.dernier-contenu-membre .photo_block_droite {
    height: 275px;
    overflow: hidden;
}

/***************************PAIEMENT SECU*/
/****** CONFIRMATION COMMANDE ******/
#paiement_form{
	max-width:450px;
	background:#f2f2f2;
	padding: 20px;
	margin: 0 auto;
}
#paiement_form	input[type=submit]{
	background:#cc0000	;
	width:230px;
	font-weight:700;
	text-transform:uppercase;
	height: 45px;
    border-radius: 5px;
}
#paiement_form .form-spe:after{
	content:'';
	width:230px;
	height:100px;
	background: url(../gifs/paiement_paypalAfter.png) center/contain no-repeat;
	display:block;
	margin: 30px auto 0;
}
#paiement_form .form-spe.english:after{
	content:'';
	width:230px;
	height:100px;
	background: url(../gifs/paiement_paypalAfterGBR.png) center/contain no-repeat;
	display:block;
	margin: 30px auto 0;
}
#paiement_form h1:before{
	content:"\e808";
	font-family:'iconic';
	font-size:.85em;
	margin-right:10px;
}	

.paiement_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin: 20px auto;
}

.paiement_table th {
	padding: 8px;
	border: 1px solid #ddd;
	text-align: left;
	background-color: #acc8cc;
}

.paiement_table tr {
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.paiement_table tr:nth-child(even) {
	background: #F5F5F5;
}

.paiement_table td {
	padding: 8px;
	border: 1px solid #ddd;
}

.paiement_table tr:hover {
	background: #ddd;
}

.paiement_table td {
	display: block;
}

.paiement_table td:before {
	content: attr(data-title);
	font-weight: bold;
	color: #8b8b8b;
	margin-right: 5px;
}

.paiement_table td.label {
	display: none;
}
#paiement_form form input[type="image"]{
	margin: 0 auto;
    display: inherit;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#paiement_form form input[type="image"]:hover{
	opacity:0.7;
}
#paiement_form h1{
	text-align:center !important;	
}
#paiement_form p.title_moyens {
	font-weight: bold;
	font-size: 1.077em;
}
#paiement_form form{
	max-width:450px;	
	margin: 0 auto;
	padding: 10px 0;
}

#paiement_form form p+p+p{
	text-align:center !important;
}
#paiement_form span.required{
	color:red !important;	
}
#paiement_form .box_paiement {
	text-align: center;
}

#paiement_form form.form_paiement_box {
	display: block;
	margin-bottom: 20px;
}

#paiement_form form.form_paiement_box input.btn_paiement {
	margin: 0 auto;
	border: 1px solid #D6D4D5;
	background: #FBFBFB;
	padding: 20px 30px;
	display: block;
	max-width: 100%;
	height: auto;
	text-indent: -9999px;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#paiement_form form.form_paiement_box input.btn_paiement:hover {
	opacity: 0.7;
}


#paiement_form form.form_paiement_box.paiement_paypal img {
	display: none;
}

#paiement_form form.form_paiement_box.paiement_monetico p {
	margin-bottom: 0;
}
#paiement_form p{
	max-width:450px;
	margin: 0 auto;
	font-weight: 700;
	text-align: center;
}
#paiement_form  form.form-spe p{
	font-weight:normal !important;	
}
.recapReference{
	max-width:450px;	
	margin: 0 auto;
}
.recapReference p label{
    display: inline-block;
    width: 35%;
	max-width:150px;
	border-right:1px solid #eee;
	margin-right:10px;
}
.recapReference p {
	margin-bottom:0;
    border: 1px solid #eee;
    padding: 5px;
	font-weight: normal !important;
	text-align: left !important;
}
.recapReference p+p , .recapReference p+p+p+p{
	background:#f5f5f5;
}
.recapReference p+p+p+p+p, .recapReference p+p+p+p+p+p{
	display:inline-block;
}
.recapReference p+p+p+p+p{
	padding-right:0;
	border-right:1px solid transparent;	
	width:33%;
	max-width:180px;
}
.recapReference p+p+p+p+p+p{
	border-left:1px solid transparent;
	border-right:1px solid #eee;
	width: 61.89%;
	max-width:285.5px;
}
.recapReference p+p+p+p+p+p+p{
	border:1px solid transparent;
    background: transparent;
}	
.recapReference p+p+p+p+p label{
	margin-right:0;
	width:100%;
}
.recapReference p, .recapReference p+p+p, .recapReference p+p+p+p+p{
	background:#fff;
		
}
.recapReference h2{
	text-align:center !important;
	display:block;
	margin-bottom:10px;	
}
.recapReference span {
    float: right;
    right: -116%;
    position: relative;
    top: -21px;
}

@media screen and (min-width:480px) {
	/****** PAIEMENT SECU******/
	.recapReference p+p+p+p+p{
		width:100%;
	}
	.recapReference span {
    right: 122px;
    top: -1px;
	}

	.paiement_table td, .paiement_table td.label {
		display: table-cell;
	}

	.paiement_table td:before {
		content: none;
	}

	#paiement_form form.form_paiement_box {
		display: inline-block;
		vertical-align: middle;
		width: 344px;
	}
	

}

/*page 404 */

.page404 .bg_blue_interne {
  display: none;
}
.page404  .colonne_centre {
    width: 80%;
    margin: 0 auto;
}
.page404  .colonne_gauche {display: none;}


/********************************** MEDIA QUERIES *****************************/

@media screen and (min-width:375px) {
	
	
ul.liste_categorie_relance {
    left: -5%;
}
.description_kids h2 span.bonnet {left: 0px;}
	
.slider_texte {width: 338px;}
.slide-05 .slider_texte {margin-top: 380px;}
	
.rappel_telephonique form {margin-right: 140px;}

.rappel_telephonique form:after {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);}

#newsletter_iframe #form_newsletter input[type="text"] {
		float: left !important;
		width: 73% !important;
}

#newsletter_iframe #form_newsletter input[type="submit"] {
		float: left !important;
		width: 25% !important;
		margin-bottom: 30px;
}
	
.content_encart_picto_connexion {
		width: 270px;
	    margin-bottom: 45px;
}
	
.encart_picto_connexion {
		padding: 20px 22px;
    	height: 80px;
		width: 270px;
}

.picto_connextion {
		width: 50px;
		height: 50px;
		float: left;
}	
	
}


@media screen and (min-width:480px) {
	
	#container {
		max-width: 810px;
		min-width: 480px;
	}
	
	/****************************************************************************** HEADER */

	p.bouton {
		text-align: right;
	}

	.slider .bxslider li.slide01 {
		background-image: url(../gifs/slide03_medium.jpg);
	}

	.slider .bxslider li.slide02 {
		background-image: url(../gifs/slide01_medium.jpg);
	}
	
	.slider .bxslider li.slide03 {
		background-image: url(../gifs/slide02_medium.jpg);
	}
	
	.slider .bxslider li.slide04 {
		background-image: url(../gifs/slide04_medium.jpg);
	}	
	.slider .bxslider li.slide04 {
		background-image: url(../gifs/slide05_medium.jpg);
	}	

	.faire-un-don .photointro_sccontent {
		background:  url(../gifs/fond_tortue_tablette.jpg);
	}
	
	.page404 .photointro_sccontent {
		background:  url(../gifs/header_404_tablette.jpg);
	}
		
	.le-commandant .photointro_sccontent {
		background:  url(../gifs/header_commandant_tablette.jpg)
	}

	.navires .photointro_sccontent {
		background:  url(../gifs/header_bateau_tablette.jpg);
	}

	.kids .photointro_sccontent,
	.cousteau-kids .photointro_sccontent{
		background: url(../gifs/header_kids_tablette.jpg);
		background-position: center bottom;
		
	}


	
	.notre-mission .photointro_sccontent,
	.body_paiement .photointro_sccontent,
	.body_espace_client .photointro_sccontent{
		background:  url(../gifs/header_mission_tablette.jpg);
		background-position: center;
	}
	
	.calypso .photointro_sccontent {
		background:  url(../gifs/header_calypso_tablette.jpg);
	}
	
	.scaphandre-autonome .photointro_sccontent,
	.puces-de-mer .photointro_sccontent,
	.qui-sommes-nous .photointro_sccontent{
		background:  url(../gifs/header_scaphandre_tablette.jpg);
	}
	
	.soucoupe-plongeante .photointro_sccontent,
	.technologie .photointro_sccontent {
		background:  url(../gifs/header_soucoupe_tablette.jpg);
	}
	
	.cameras-sous-marines .photointro_sccontent {
		background:  url(../gifs/header_camera_tablette.jpg);
	}

	.page_contact .photointro_sccontent {
		background:  url(../gifs/header_contact_tablette.jpg);
	}

	.devenir-membre .photointro_sccontent {
		background:  url(../gifs/header_membre_tablette.jpg);
	}

	.heritage .photointro_sccontent {
		background:  url(../gifs/header_heritage_tablette.jpg);
	}

	.livredor .photointro_sccontent {
		background:  url(../gifs/header_temoignage_tablette.jpg);
	}	

	.movies .photointro_sccontent,
	.videos .photointro_sccontent,
	.detail_video .photointro_sccontent{
		background:  url(../gifs/header_video_tablette.jpg);
	}

	.photos .photointro_sccontent,
	.pictures .photointro_sccontent{
		background:  url(../gifs/header_photos_tablette.jpg);
	}

	.actualites .photointro_sccontent,
	.news_actu .photointro_sccontent,
	.actualites_detail .photointro_sccontent,
	.oceans .photointro_sccontent,
	.calypso_actu .photointro_sccontent,
	.rivieres .photointro_sccontent,
	.pollution .photointro_sccontent,
	.evenements .photointro_sccontent,
	.environnement .photointro_sccontent,
	.rivers .photointro_sccontent,
	.events .photointro_sccontent,
	.environment .photointro_sccontent{
		background:  url(../gifs/header_actu_tablette.jpg);
	}

	.infographics .photointro_sccontent,
	.infographies .photointro_sccontent{
		background:  url(../gifs/header_info_tablette.jpg);
	}	

	.programmes_detail .photointro_sccontent {
		background:  url(../gifs/header_detailprog_tablette.jpg);
	}

	.infographies_detail .photointro_sccontent {
		background:  url(../gifs/header_detailinf_tablette.jpg);
	}
	
	.programmes .photointro_sccontent,
	.programs .photointro_sccontent,
	.boutique .photointro_sccontent{
		background:  url(../gifs/header_programme_tablette_fond.jpg);
	}
	
	.expeditions .photointro_sccontent {
			background:  url(../gifs/header_expedition_tablette_fond.jpg);
	}
	
	.precontinent-i--ii-et-iii .photointro_sccontent {
		background:  url(../gifs/header_precontinent_tablette_fond.jpg);
	}

	.droit-des-generations-futures .photointro_sccontent,
	.droit-tcs---ec .photointro_sccontent {
		background:  url(../gifs/header_droit_tablette_fond.jpg);
	}	
	
	.autres-navires .photointro_sccontent {
		background:  url(../gifs/header_autresnavires_tablette_fond.jpg);
	}

	.turbovoile .photointro_sccontent {
		background:  url(../gifs/header_turbovoile_tablette_fond.jpg);
	}
	
	.imgLeft, .imgRight {
		max-width: none;
	}

	/* RELANCE */

	#relance ul li {
		display: inline-block;
		width: 30%;
	}

	#relance ul li a {
		padding-left: 12px;
		background: url(../gifs/puce.jpg) left center no-repeat;
	}

	.formulaire_contact {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		border: none;
		background: none;
	}

	.formulaire_contact .form_left,
	.formulaire_contact .form_right {
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 48.936249%;
		padding: 10px;
		border: 1px solid #dddddd;

	}

	.formulaire_contact .form_left {
		float: right;
	}
	
	.formulaire_contact .form_left h2 {
		border: none;
		padding-top: 0;
		margin-top: 0;
	}

	/* ville + code postal */

	.cp_ville p {
		width: 40.425597%;
	}

	.cp_ville p + p {
		width: 57.446901%;
	}
	/* colonne_centre */

	
	.encart_reseau ul li:nth-child(6) span {
		left: -20px;
	}
	.encart_reseau ul li:nth-child(7) {
		margin-left: 31px;
	}
	.encart_reseau ul li:nth-child(7) span {
		left: -25px;
	}
	.encart_reseau ul li {
		width: 50px;
	}	
	.encart_reseau {
		width: 381px;
	}
	
	/****** PARTIE BDD *****/

	.texte_block, .texte_block2 {
		width: 80%;
		padding: 25px;
		float: right;
		margin-top: -50px;
	}
	
	ul.liste_categorie_relance {
		left: 0%;
	}
	
}

@media screen and (min-width:500px) {
	
/****** PARTIE BDD *****/
	
.flux {padding-top: 40px;}
	
	
.content_box {
    top: 40px;
    float: right;
    left: inherit;
}

#menu_flux li {
  float: left;
  position: relative;
  box-shadow: 1px 0 0 rgba(255, 255, 255, .25);
  perspective: 1000px;
}
	
.content_menu {
    width: 496px;
    padding-top: 0;
    height: 54px;
}
	
.menu_fluxKids  {
    padding-top: 15px;
    height: 200px;
}
	
}

@media screen and (min-width:550px) {
	
.partie_texte_bdd {
    margin-top: -89px;
    padding: 25px 60px 50px 25px;
	left: 7%;
}
	


.connexion_space_client .encart_picto_connexion:nth-child(4),
.connexion_space_client .encart_picto_connexion:nth-child(6){margin-right: 0;
	}

}

@media screen and (min-width:600px) {


	
.index-page .slider, .slider .bx-wrapper, .slider .bx-viewport, .slider .bxslider, .slider .bxslider li {
 width: 100%!important;
 height: 650px;}

  
.slider_texte {margin-top: 255px;
			   border: 4px solid #fff;
			   margin-left: 5%;
			   width: 421px;
			   padding-bottom: 30px;}
	
.slider_texte h2 {width: 340px;}
	
.slider_texte h2 a{
	color: #fff;
	font-family: 'Lora', serif;
	font-size: 40px;
	font-weight: 400;
}
	
.slider .bxslider li.slide01 h2 a{
	font-size: 30px;
}	 
	
	
.block_contact {display: block;}

.ac-doubleLeft,
.ac-doubleRight,
.ac-colonne {float: left;
		     width: 50%;}

.info_contact > div {
display: inline-block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 31.914945%;
padding: 0 0 0 15px;
vertical-align: top;}

.info_contact div + div {
	margin: 0 0 0 1.75%;
	padding: 0;
}
	
.content_encart_picto_connexion {
    width: 580px;
    margin: 20px auto;
    margin-bottom: 40px;
    height: 100%;
    display: table;
}
	
.dernier-contenu-membre	{
    clear: both;
}

.encart_picto_connexion {
    float: left;
    margin-right: 20px;
}

/* ville + code postal */

.cp_ville p {width: 37%;}

.cp_ville p + p {
	float: right;
	width: 57.958%;
}
	
/* colonne_centre */
	
/****** PARTIE BDD *****/

	
.dernier-contenu-membre {
    height: 100%;
    display: inline-block;
    padding-bottom: 50px;
}
	
.dernier-contenu-membre ul li {
    padding-bottom: 40px;
    width: 46%;
    float: left;
    margin-left: 3%;
}
	
.dernier-contenu-membre .photo_block_droite {
    height: 160px;
}	
	
/* COUSTEAU KIDS*/
	
.blocHautKids ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
	
.blocHautKids ul li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
}
	
	
	.cousteau-kids .colonne_centre::after {
		content: '';
		width: 120px;
		height:120px;
		background:url(../gifs/bonnet_bck.png);
		background-size: cover;
		position: absolute;
		left: 2%;
		top: -20px;
	}
	
	.cousteau-kids .colonne_centre::before {
		content: '';
		width: 120px;
		height: 120px;
		background:url(../gifs/bonnet_bck.png);
		background-size: cover;
		position: absolute;
		right:  2%;
		top: -20px;
	}
	
/* FOOTER */	

.partie_news{margin-top: 15px;}

.partie_contact {
    padding-bottom: 190px;
    width: 596px;
    margin: 0 auto;
}
	
.encart_reseau ul li:nth-child(6) span,
.encart_reseau ul li:nth-child(7) span {font-size: 13px;}
	
.new_et_reseau {
	float: right;
	margin-right:15px;}
	
.news {text-align: left;
	  padding: 0;}	
	
.encart_reseau2 {
    left: -19px;
	margin: inherit;
    top: 10px;
}
	
.contact_footer {
   width: 275px;
    float: left;
    margin-top: 30px;
}
	
span.spancompte {width: 101px;}
	
.boutique .imgRight {
    float: right;
    max-width: 50%;
}
	
	
}

@media screen and (min-width:630px) {
	
.item_catalogue {
    margin-bottom: 20px;
	position: relative;
    width: 49%;
    display: inline-block;
    vertical-align: top;
	}

.partie_texte_bdd { 
    margin-top: -10px;
	left: 0;
}	

}

@media screen and (min-width:700px) {
	

.slick-slider .slick-track, .slick-slider .slick-list {
	height: 1074px;
}
	
/****** PARTIE KIDS *****/	
	
.partie_gauche_kids	{
	height: 400px;
}
	
.photo_1_kids {
    height: 400px;
    width: 50%;
    float: left;
}
	
.description_kids {
    margin: 0 auto;
    width: 50%;
    float: right;
	height: 400px;
	background: #fff;
	-webkit-box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
	box-shadow: 10px 10px 35px 2px rgba(0,0,0,0.1);
	padding-left: 0;
}	

/****** PARTIE BDD *****/

.content_menu2 {
    width: 670px;
    margin: 0 auto;
    margin-top: 20px!important;
}

.menu_fluxKids {
	width: 500px;
	margin: 0 auto;
}
	
#menu_flux li {
	border-right: 1px solid rgba(0, 0, 0, .1);
}

#menu_flux li:last-child {
	border: none;
} 
	
.block_bas li {
	float: left;
	width:33%;
	height: auto;
    display: inline-block;
}

.block_bas li img {
    max-height: 400px;
    height: 74%;
}
	
.block_haut li {
	float: left;
	width: 50%;
}	
	
.texte_block {
	width: 100%;
   	margin-top: 0;
}	

.block_bas .texte_block {
    margin-top: -65px;
}
	
.block_bas {
	margin-top: 20px;
}
	
.texte_block2 {
	width:100%;
}
	
.photo_block,
.photo_block2 {
    height: 200px;
    overflow: hidden!important;
    width: 100%;
}
	
.shop_img {
    float: left;
    width: 61%;
}

.produit_shop .texte_shop {
    float: right;
    margin-top: 120px!important;
}
	
}

@media screen and (min-width:760px) {

.sc-content{
	padding: 25px 50px;
	-webkit-box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
	box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
}	

#espace_client {
    max-width: 1140px;
    margin: 0 auto;
}
	
#paiement_form{width: 445px;}
	
/* footer */

.partie_dicton {
    width: 48%;
	display: block;
	background: #cd1d00;
    float: left;
}
	
.dicton {
    background: url(../gifs/fond_dicton.png) center center no-repeat;
    width: 370px;
	height: 362px;
    margin: 60px auto;
}
	
.dicton p {
    color: #fff;
    font-size: 27px;
    font-family: 'Lora', serif;
    position: relative;
    top: 104px;
    left: 102px;
}
	
	.new_et_reseau {
		clear: both;
		float: none;
	}

.footer_en .dicton p {
    color: #fff;
    font-size: 27px;
    font-family: 'Lora', serif;
    position: relative;
    top: 94px;
    left: 73px;
}
		
.partie_contact{	
	width: 52%;
    float: right;
    padding: 52px 0px 52px 52px;
}


.content_footer {
	padding-top: 0;
}
	
footer h3 {text-align: left;}
	
p.intro_or	 {
    width:40%;
    float: left;
    position: relative;
    top: 52px;
}
	
.content_livre .formulaire_contact  {
    float: right;
    width: 50%;
}
	
}

@media screen and (min-width:810px) {
	
.no_mobile {display: inline-block!important;}
	
/********************* HEADER ************************/

header section {
	margin: auto;
	padding: 0;}

.programmes .photointro_sccontent,
.programs .photointro_sccontent,
.boutique .photointro_sccontent{
background:  url(../gifs/header_programme_tablette_fond.jpg);}
	
.expeditions .photointro_sccontent {
background:  url(../gifs/header_expedition_tablette_fond.jpg);}
	
.precontinent-i--ii-et-iii .photointro_sccontent {
background:  url(../gifs/header_precontinent_tablette_fond.jpg);}

.droit-des-generations-futures .photointro_sccontent,
.droit-tcs---ec .photointro_sccontent {
background:  url(../gifs/header_droit_tablette_fond.jpg);}	
	
.autres-navires .photointro_sccontent {
background:  url(../gifs/header_autresnavires_tablette_fond.jpg);}

.turbovoile .photointro_sccontent {
background:  url(../gifs/header_turbovoile_tablette_fond.jpg);}
	
.bg_blue {width: 400px;
		  height: 598px;}
	
.bg_blue_interne {width:350px;
			     height: 100%;}
	
.partie_gauche_header {
    float: left;
    left: -35px;
    position: relative;
}
	
#langue {margin-top: 0px;}
	
.partie_droite_header {margin-right: 20px;}
	
.top_bar {
    width: 116%;
    position: relative;
    right: 120px;
}		

.header_fr .top_bar li:nth-child(4){display: none;}
	
.encart_reseau {float: right;
    			margin-top:10px;}
	
.nav {display: none;}

/* LOGO */

.logo {
    width: 64%;
    padding: 0;
}

/* MENU */
.menu {
		z-index: 10;
		clear: both;
		position: relative;
		left: auto;
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow-y: visible;
			background: rgba(2, 23, 49,.9);
		top: 0;
		margin-top: -52px;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	.menu ul {
		text-align: center;
	}

	.menu li a {
		position: relative;
		font-size: 15.5px;
		color: #fff;
		font-weight: 300;
	}

	/****** SI MENU HORIZONTAL ******/

	.menu li {
		display: inline-block;
		position: relative;
		border-bottom: none;
		text-align: left;
	}

	.menu li.sous_menu > a:after {
		margin-left: 5px;
		content: '\e040';
		font-family: 'iconic';
		display: inline-block;
	}

	.menu li.main span.derouler {
		display: none;
	}

	.menu ul li.sous_menu .dropdown {
		display: none;
		position: absolute;
		top: auto;
		right: 0;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0;
		background: #01224b;
		z-index: 10000;
	}

	.menu ul li.sous_menu:hover > ul {
		display: block;
	}
	
	/****** FIN MENU VERTICAL *****/
	.menu ul li ul  {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.menu ul li ul li.close_menu:after {
		display: none;
	}

	.menu ul li ul li {
		display: block;
		width: auto;
		background: none !important;
	}

	.menu ul li ul li + li {
		border: none;
	}

	.menu ul li ul li.close_menu {
		display: none;
	}

	.menu li.sous_menu ul li a {
		text-align: left;
		font-size: 1em;
	}

	.menu li.firstLi a:hover::before {
		width: 80%;
		left: 10px;
		background: rgb(255, 255, 255);
	}

	.menu li.firstLi a::before {
		bottom: 11px;
		content: "";
		display: block;
		height: 2px;
		left: 50%;
		position: absolute;
		width: 0px;
		background: rgb(255, 255, 255);
		transition: width 0.5s ease 0s, left 0.5s ease 0s;
	}
	
	.menu ul li.sous_menu .dropdown li ul {
		display: block;
		position: relative;
		top: 0;
		right: 0;
		left: 0;
		text-align: left;
	}

	.menu ul li ul li ul li {
		display: block;
		margin: 0 0 0 12px;
	}

	.menu li.sous_menu ul li ul li a {
		padding: 2px 5px 8px 0;
		border-bottom: none;
		font-size: 1.077em;
	}

	.menu li.sous_menu ul li ul li a:hover,
	.menu li.sous_menu ul li ul li a.selected {
		color: #000;
	}

	/**********************/
	
	.menu li.sous_menu ul li a.selected,
	.menu li.sous_menu ul li a:active,
	.menu li.sous_menu ul li a:hover {
		color:#cd1d00;
	}
	
	.menu ul li.sous_menu .dropdown li ul li a.selected,
	.menu ul li.sous_menu .dropdown li ul li a:active,
	.menu ul li.sous_menu .dropdown li ul li a:hover  {
		color:#cd1d00;
	}
	
	.menu li.sous_menu ul li a {
		color: #fff;
		    font-size: 14px;font-weight: 500;
	}
	
	.menu li.sous_menu ul li a::before {
		display: none;
	}
	
	.menu ul li.sous_menu .dropdown li ul li a {
		text-transform: inherit;
		color: #fff;
		font-weight: 300;
	}
	
	.menu ul li.sous_menu .sousLi .dropdown {
		border: none;
	}
	
	
	.menu ul li.sous_menu:nth-child(1) li.sousLi:nth-child(2) a {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	.menu ul li.sous_menu:nth-child(3) li.sousLi:nth-child(2) a,
	.menu ul li.sous_menu:nth-child(2) li.sousLi:nth-child(2) a,
	.menu ul li.sous_menu:nth-child(5) li.sousLi:nth-child(2) a{
		margin-left: 120px;
		margin-right: 120px;
	}
	
	.menu ul li.sous_menu:nth-child(4) ul li a{

		margin-left: 40px;
		margin-right: 40px;
	}
	
	.menu li {
		position: static;
		display: inline-block;
	}
	
	.menu ul li ul li {
		display: inline-block;
		vertical-align: top;
	}
	
	.menu li.firstLi:nth-child(6) {
		background: none;
	}	
	
	.menu li.firstLi:nth-child(6) a {
		font-family: 'Annie Use Your Telescope', cursive!important;
		font-size: 23px;
		margin-top: -10px;
		color: #fac129;

	}

	.menu li.firstLi:nth-child(6) a::first-letter {
		color: #ff5e5a;
	} 	

	.menu li.firstLi:nth-child(6) a {
		font-family: 'Annie Use Your Telescope', cursive!important;
	}
	
	.menu ul li.sous_menu:nth-child(7) ul li a {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	.menu li:last-child {
		width: 150px;
	}


.slider .bxslider li.slide01 {
	background-image: url(../gifs/slide03_1280_big.jpg);
	background-size: cover;
}

.slider .bxslider li.slide02 {
	background-image: url(../gifs/slide01_1280.jpg);
	background-size: cover;
}

.slider .bxslider li.slide03 {
	background-image: url(../gifs/slide02_1280.jpg);
	background-size: cover;
}
	
.slider .bxslider li.slide04 {
	background-image: url(../gifs/slide04_1280.jpg);
	background-size: cover;
}
.slider .bxslider li.slide04 {
	background-image: url(../gifs/slide05_big.jpg);
	background-size: cover;
}
	
.slider .bx-controls .bx-controls-direction {display: block;}
	
.index-page .slider,
.slider .bx-wrapper,
.slider .bx-viewport,
.slider .bxslider,
.slider .bxslider li {width: 100%!important;height: 650px;}
	
.slider .bx-controls .bx-controls-direction {display: block;}
	
.slider .bx-controls .bx-pager {left: 93px;
								margin: 0!important;
								bottom: 100px;}
	   
.slider_texte {
	padding-top: 32px;
	padding-left: 30px;
	margin-top: 165px;
	width: 495px;
	margin-left: 100px;
}	
	
		
.slide01 .slider_texte {margin-top: 195px;}
	
.slide02 .slider_texte {
    margin-top: 155px;
    width: 95px;
}
	
.slide04 .slider_texte {margin-top: 195px;
					    width: 380px;}
.slide05 .slider_texte {margin-top: 295px;
							width: 200px;}
							



.header_en .slide01 .slider_texte {width: 410px;margin-left: 7%;}

.slider_texte h2 {width:473px; margin-top: 7px;}
	
.slider_texte h2:hover .slider_texte h2 {border-left: 17px solid #fff;}
	
.slider_texte h2 a {
    color: #fff;
    font-size: 50px;
}	
	
	.slider .bxslider li.slide01 h2 a {
    font-size: 37px;
    line-height: 42px;
}
	
.clear_both.no_mobile {display: block;}

.no_desktop {display: none !important;}

#container {
	padding-top: 0;
	max-width: none;
	min-width: 810px;
	left: inherit;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

@media screen and (max-width:750px){
	.slide05 .slider_texte {
		margin-top: 380px;
	}
}
/****************************************************************************** CONTENT */

.content {margin: auto;}

/******************************** COLONNE GAUCHE */

.colonne_gauche {display: none;}


/******************************** COLONNE CENTRE */

.index-page .colonne_centre {
	display: block;
	float: right;
	width:100%;
	padding: 0;
}
	
.content_detail h1 {font-size: 34px;}


/*content_flux_actu*/
	
.texte_intro {padding-left: 50px;}
	
/*content_kids*/
	
	.bg_blue_kids {
	 height: 540px;
    position: absolute;
    width: 40%;
	background-image: url(../gifs/fond_kids.jpg)!important;
    background-size: cover!important;
    z-index: 1;}
	
	.content_kids {margin-top: 60px;}
	
	.partie_gauche_kids {
    position: relative;
    top: 80px;
    z-index: 2;
}
	
	.photo_1_kids {
    width: 45%;
    margin-left: 7%;
}
	
	.photo_1_kids:after {
    content: '';
    width: 46%;
    height: 385px;
    top: -24px;
    left: 3%;
    /* background: yellow; */
    position: absolute;
    z-index: -5;
    border: 3px solid #fff;
}

	.description_kids {width: 48%;}

	.photo_2_kids {
    display: block;
    background-image: url(../gifs/photo_kids2.jpg)!important;
	background-size: cover!important;
    width: 262px;
    height: 201px;
    z-index: 1000;
    position: absolute;
    right: 0;
	clear: both;
	margin-top: 40px;
	text-indent: -999999px;
}
	/*content_don*/
	
	.content_don{
	height: 340px;
    background: url(../gifs/fond_tortue_tablette.jpg);
	background-size: cover;
    margin-top: 280px;}
	
	.content_don2 {background: url(../gifs/fond_tortue_tablette.jpg);
				   background-size: cover;}
	
	.dernier-contenu-membre .photo_block_droite{
		height: 215px;
	}
	
	
	/******************************* axecontenu ***************/
	
	/****************************************************************************** FOOTER */
	
	.top_site_mobile {display: none !important;}
	
	.expeditions .top_site_mobile {
		display: block!important;
		right: 33%!important;
		opacity: 1!important;
	}

	.adresse_footer {
		display: block;
		float: left;
	}
	
	.footer_telephone {
		margin-top: 75px;
	}
	


	.partie_dicton {height: 446px;}		
	
	.dicton p {top: 104px;}
	
	.dicton {margin: 32px auto;}
	
	/* footer box */

	.black {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../gifs/black.png) repeat;
	}

	.close {
		display: block;
		position: absolute;
		top: -10px;
		right: -10px;
		width: 28px;
		height: 29px;
		background: url(../gifs/close.png) no-repeat;
		cursor: pointer;
	}

	#navigation_frame {
		display: none;
		z-index: 70;
		position: fixed;
		top: 20%;
		left: 50%;
		width: 770px;
		margin-left: -395px;
		padding: 10px;
		background: #fff;
	}

	#navigation_frame a {color: #000;}

	#navigation_frame a:hover {text-decoration: underline;}

	.lien_footer {
		display: table;
		width: 100%;
		border-spacing: 5px;
	}

	/* logo footer */
	#navigation_frame ul {
		display: table-cell;
	}

	#navigation_frame ul li.sousLi {
		margin-left: 3px;
		padding-left: 3px;
		border-left: 1px solid #5e5e5e;
	}

	a.logo_footer {
		display: table-cell;
		width: 315px;
		background: url(../gifs/logo_bleu.jpg) no-repeat;
		position: relative;
        top: 124px;
	}

	a.logo_footer:hover {
		opacity: 0.7;
	}
}


@media screen and (min-width:960px) {

	.partie_gauche_header {
		left: 0;
	}

	.logo {
		width: 100%;
	}

	#langue {
		margin: 0!important;
		left: 31px;
		position: relative;
	}	

	.partie_droite_header {
		margin-right: 50px;
	}	

	.sousNav {
		float: right;
		width: 450px;
		margin-top: 15px;
		margin-right: 3px;
	}

	.content_kids {
		padding-right: 2%;
	}

	/*colonne_centre*/

	#navigation_frame {
		width: 920px;
		margin-left: -470px;
	}

	.lien_footer {
		border-spacing: 15px;
	}

	ul.liste_categorie_relance {
		width: 100%;
	}

	ul.liste_categorie_relance li {
		float: left;
		width: 30%;
		margin-left: 15px;
	}

	.hover_cat_encart {
		min-width: 250px;
		max-width: 310px;
		width: 75%;
	}

	p.intro_connexion {
		float: left;	
	}
	
	.zone_connexion .bouton_connexion  {
		float: right;
		margin-top: -10px;
	}
	
	.zone_connexion {
		margin-bottom: 80px!important;
	}
	
	.content_encart_picto_connexion   {
		float: right;
	}	
	
	.titre_espace {
		float: left;
		position: relative;
		width: 340px;
		margin-top: 50px;
	}
	
	.titre_espace:before {
		content: '';
		width: 105px;
		height: 74px;
		background: url(../gifs/picto_baleine.jpg);
		position: absolute;
		left: 0;
		top: 50px;
	}
	
	.titre_espace h2,
	.titre_espace h3{
		text-align: left;
		float: right;
	}
	
	.titre_espace h3 {
		margin-right: 30px;
	}

}

@media screen and (min-width:1024px) {
	
    .menu_fluxKids li a {
		float: left;
	}

	.menu_fluxKids {
		width: 970px;
		height: 75px;
		margin: 0 auto;
	}

	.encart_reseau_en .phone_head {
		display: block;
	}

	.encart_reseau_en {
		width: 530px;
	} 

	.phone_head {
		float: left;
		width: 131px;
	}

	.phone_head a  {
		color: #cd1d00;
		font-size: 18px;
		font-weight: 500;
		position: relative;
		top: -9px;
	}

	.encart_reseau_en ul{
		float: right;
		width: 388px;
	}

	.slick-slider .slick-track, .slick-slider .slick-list {
			height: 1055px;
	}

	.photointro_sccontent {
		background:  url(../gifs/background_content.jpg);
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}	

	.faire-un-don .photointro_sccontent {
		background:  url(../gifs/fond_tortue_desktop.jpg);}

	.page404 .photointro_sccontent {
		background:  url(../gifs/header_404.jpg);}

	.navires .photointro_sccontent {
		background:  url(../gifs/header_bateau.jpg);}

	.kids .photointro_sccontent,
	.cousteau-kids .photointro_sccontent{
		background: url(../gifs/header_kids.jpg);
		background-position: center bottom;
		height: 400px;
	}
	
	.kids .info_header,
	.cousteau-kids .info_header{
		padding-top: 20px;}


	.notre-mission .photointro_sccontent,
	.body_paiement .photointro_sccontent,
	.body_espace_client .photointro_sccontent{
		background:  url(../gifs/header_mission.jpg);}

	.calypso .photointro_sccontent {
		background:  url(../gifs/header_calypso.jpg);}

	.expeditions .photointro_sccontent {
		background:  url(../gifs/header_expedition.jpg);}

	.cameras-sous-marines .photointro_sccontent {
		background:  url(../gifs/header_camera.jpg);}

	.le-commandant .photointro_sccontent {
			background:  url(../gifs/header_commandant_1280.jpg);}

	.soucoupe-plongeante .photointro_sccontent,
	.technologie .photointro_sccontent {
		background:  url(../gifs/header_soucoupe_1280.jpg);}

	.scaphandre-autonome .photointro_sccontent,
	.puces-de-mer .photointro_sccontent,
	.qui-sommes-nous .photointro_sccontent{
		background:  url(../gifs/header_scaphandre_1280.jpg);}

	.page_contact .photointro_sccontent {
		background:  url(../gifs/header_contact.jpg);}

	.devenir-membre .photointro_sccontent {
		background:  url(../gifs/header_membre.jpg);}

	.heritage .photointro_sccontent {
		background:  url(../gifs/header_heritage.jpg);}

	.programmes .photointro_sccontent,
	.progams .photointro_sccontent,
	.boutique .photointro_sccontent{
		background:  url(../gifs/header_programme.jpg);}

	.precontinent-i--ii-et-iii .photointro_sccontent {
		background:  url(../gifs/header_precontinent.jpg);}

	.livredor .photointro_sccontent {
		background:  url(../gifs/header_temoignage.jpg);}

	.movies .photointro_sccontent,
	.videos .photointro_sccontent,
	.detail_video .photointro_sccontent{
		background:  url(../gifs/header_video.jpg);}	

	.photos .photointro_sccontent,
	.pictures .photointro_sccontent{
		background:  url(../gifs/header_photos.jpg);}


	.droit-des-generations-futures .photointro_sccontent,
	.droit-tcs---ec .photointro_sccontent{
		background:  url(../gifs/header_droit.jpg);}

	.actualites .photointro_sccontent,
	.news_actu .photointro_sccontent,
	.actualites_detail .photointro_sccontent,
	.oceans .photointro_sccontent,
	.calypso_actu .photointro_sccontent,
	.rivieres .photointro_sccontent,
	.evenements .photointro_sccontent,
	.environnement .photointro_sccontent,
	.pollution .photointro_sccontent,
	.rivers .photointro_sccontent,
	.events .photointro_sccontent,
	.environment .photointro_sccontent{
		background:  url(../gifs/header_actu.jpg);}

	.infographics .photointro_sccontent,
	.infographies .photointro_sccontent{
		background:  url(../gifs/header_info.jpg);}

	.autres-navires .photointro_sccontent {
		background:  url(../gifs/header_autresnavires.jpg);}

	.turbovoile .photointro_sccontent {
		background:  url(../gifs/header_turbovoile.jpg);}

	.programmes_detail .photointro_sccontent {
		background:  url(../gifs/header_detailprog.jpg);}

	.infographies_detail .photointro_sccontent {
		background:  url(../gifs/header_detailinf.jpg);}	

	ul.liste_categorie_relance li {
		width: 27%;
		margin-left: 35px;
	}

	.hover_cat_encart {
		min-width: 180px;
		max-width: 310px;
		width: 75%;
	}	

	/****** COLONNE Droite */

	.colonne_droite_fixed { 
		position:fixed!important;
		top: 0px!important;
		right: 0; 
		z-index: 2;
		height: 100%;
		width:34%;}	

	.colonne_droite {
		float: right;
		display: inline-block;
		width: 30%;
		padding: 20px 0;
		background: #f5f5f5;
		height: auto;
	}

	.sc-content {
		display: block;
		float: left;
		position: relative;
		width: 69%!important;
		margin-bottom: 40px;
	}

	.devenir-membre .sc-content,
	.faire-un-don .sc-content {
		width:100%!important;
	}

	.content_detail {
		width: 69%;
		padding: 20px;
		float: left;
		margin-top: 1px;
		margin-bottom: 50px;
		-webkit-box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
		-moz-box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
		box-shadow: 2px 4px 25px 1px rgba(0,0,0,0.23);
	}

	/*centre*/	

	.content_kids {
		margin-top: 100px;
		padding-right: 7%;
	}

	/*** PARTIE BDD - encart accueil*****/	

	.texte_block {
		width: 95%;
	   margin-top: -140px!important;
		left: 23px;
	}

	.photo_block, .photo_block2 {
		height: 300px;
	}

	/****** PARTIE BDD - PAGE LISTING *****/	

	
	body:not(.cousteau-kids) #pieuvre,
	 #pieuvre{
	  display: none;
	}
	
	.partie_texte_bdd {
		width: 98%;
		margin-top: -65px;
		left: 7%;
	}
	
	.cousteau-kids  .partie_texte_bdd {
		width: 87%;
		margin-top: -76px;
		left: 11%;
		padding: 15px 0px 15px 0px;
	}
	
	.cousteau-kids .sous_texte {
		left: 16px;
		position: relative;
		padding: 31px 40px;
		-webkit-box-shadow: 15px 11px 102px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 15px 11px 102px 0px rgba(0,0,0,0.1);
		box-shadow: 15px 11px 102px 0px rgba(0,0,0,0.1);
	}
	
	.cousteau-kids .partie_texte_bdd h2 {
		margin-left: 56px;
	}

	.blocHautKids {
		background-position: top;
		background-size: cover;
		padding: 190px 20px 50px 20px;
	}
	 
	.blocHautKids h2 {
		text-align: left;
		margin-left: 60px;
		margin-bottom: 15px;
	}
	
	/*content_don*/

	.content_don2 {background: url(../gifs/fond_tortue_desktop.jpg);
				   background-size: cover;
				   clear: both;} 	
	.content_don {
		height: 610px;
		background: url(../gifs/fond_tortue.png);
		background-size: cover;
		margin-top: -50px
	}
	.texte_don {
		position: absolute;
		bottom: 50px;
		right: 10%;
	}
	.content_boutons {
	   width: 315px;
	   float: right;
	   margin-top: -7px;
	   margin-right: 64px;
	}

	.content_don p.p_don {
		text-align: right!important;
		margin-right: 34px;}

	.index_page_en .content_don p.p_don  {
		text-align: right!important;
		margin-right: 64px;
	}

	.index_page_en .content_boutons {
		width: 302px;
		margin-right: 70px;
	}

	.content_don p.bouton_don1 {float: left;}

	.content_don p.bouton_don2 {float: right;}	

	.content_don2 {height: 260px;}		

	.content_don2 p.bouton_don1 button {float: left;}

	.content_don2 p.bouton_don2 button {float: right;}	

	.content_boutons2 {
		width: 316px;
		margin: 0 auto;
		margin-bottom: 125px;
	}	

	.content_boutons2 p.bouton_don1 button {
		position: relative;
		top: -20px;
	}	

	.connexion_space_client h2 {
		margin-top: 25px;
	}

}
	
@media screen and (min-width:1100px) {

	
.partie_dicton {width: 420px;}
	
.new_et_reseau {
    width: 306px;
    float: right;
    clear: inherit;
}
	
.partie_contact {
    width: calc(100% - 420px)!important;
    padding: 52px;
}
	
.content_sous_footer {
    width: calc(100% - 420px)!important;
    position: absolute;
    bottom: 0;
    right: 0;
}
	
.centre_contact  {
    width: 90%;
    max-width: 920px;
    margin: 0 auto;
    display: table;
    position: relative;
}
	
.contact_footer {
	width: 154px;}	
	
.partie_dicton {height: 380px;}	
	
.dicton {margin: 7px auto;}
	
ul.liste_categorie_relance {left: 0;}	
	
	
ul.liste_categorie_relance li {
    width: 33%;
    margin-left: 2px;
}
	
.hover_cat_encart { min-width: 240px;}
	
.cousteau-kids form.form_recherche {
    top: 19px;
    margin-bottom: 60px;
}	
	
}	

@media screen and (min-width:1150px) {

.content_don {height: 676px;}

/****** PARTIE BDD *****/

.texte_block2 {
    width: 88%;
    left: 23px;
}
	
.photo_block2 {
    height: 280px!important;
    overflow: hidden!important;
    width: 100%;
}
.block_bas li img {
    max-height: 400px;
    height: 100%;
}
	
.dernier-contenu-membre .photo_block_droite {
    height: 265px;
}	
	
}


@media screen and (min-width:1200px) {

/*centre*/	
		
.bg_blue_kids {height: 604px;
			      width: 30%;}

.partie_gauche_kids, 
.photo_1_kids,
.content_kids {padding-right: 5%;}	
	
.photo_1_kids {width: 40%;
   	           margin-left: 12%;}
	
.photo_1_kids:after {left: 9%;}	
	
.description_kids {height: 400px;}	
	
.photo_2_kids {
    width: 321px;
    height: 222px;}	

.content_don {height: 720px;
			  margin-top: -80px;}

.block_haut .texte_block {margin-top: -40px!important;}


.block_faq {
    width: 88%;
    margin: 0 auto;
}	

.content_detail {
	padding: 50px;
}
		
	
}

@media screen and (min-width:1247px) {
	
.block_haut li img, .block_bas li img {width: 101%;}

.kids .photointro_sccontent ,
.cousteau-kids .photointro_sccontent	{
	background-position: center center;
}
	
.cousteau-kids .partie_texte_bdd {
    margin-bottom: 100px;
}
	

	
}
	
@media screen and (min-width:1300px) {
	
	.bg_blue_kids {width: 28%;}

	.texte_listing {
		width: 95%;
		margin: 0 auto;
	}	
	
	.cousteau-kids .menu::after,
	.cousteau-kids .menu::before{
		content: url(../gifs/after_kids.png);
		width: 300px;
		height: 50px;
		display: block;
		position: absolute;
		bottom: 56px;
		animation-duration: 3s;
  		animation-name: slidein;
	}
	
	.cousteau-kids .menu::before{
		content: url(../gifs/before_kids.png);
		right: 0;
		animation-name: slidein2;
			animation-duration: 3s;

	}
	
	@keyframes slidein {
	  from {
		margin-left: 100%;
	  }

	  to {
		margin-left: 0%;
	  }
	}
	
	@keyframes slidein2 {
	  from {
		margin-right: -100%;
	  }

	  to {
		margin-right: 0%;
	  }
	}
	
	@keyframes slidein3 {
    2% { transform: translate(0.5px, 2.5px) rotate(1.5deg); }
   4% { transform: translate(0.5px, -1.5px) rotate(0.5deg); }
   6% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
   8% { transform: translate(2.5px, -0.5px) rotate(0.5deg); }
   10% { transform: translate(2.5px, 1.5px) rotate(0.5deg); }
   12% { transform: translate(2.5px, -0.5px) rotate(0.5deg); }
   14% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
   16% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
   18% { transform: translate(-0.5px, 2.5px) rotate(1.5deg); }
   20% { transform: translate(2.5px, -1.5px) rotate(1.5deg); }
   22% { transform: translate(2.5px, -1.5px) rotate(0.5deg); }
   24% { transform: translate(0.5px, -1.5px) rotate(-0.5deg); }
   26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
   28% { transform: translate(-1.5px, -0.5px) rotate(1.5deg); }
	35% { transform: translate(50%, 50%) rotate(1.5deg); }
	45% { transform: translate(800%, -200%) rotate(1.5deg); }
  
	}
	#pieuvre {
		content: url(../gifs/pieuvre_cousteau.png);
		width: 163px;
		height: 199px;
		display: block;
		position: absolute;
		bottom: 119px;
		left: 54%;
		animation:swim 5s infinite;
		cursor: pointer;
	}
	.red {
		animation-name: slidein3!important;
		 animation-iteration-count: 1!important;
	}
	
	@keyframes swim {
		
	  0% {
		bottom: 140px;
		  left: 54%
	  }

	  50% {
		bottom: 119px;
		  left: 54.5%
	  }
		
	  100% {
		bottom: 140px;
		  left: 54%
	  }
	}
	

	
	.cousteau-kids .photointro_sccontent::after {
		content: url(../gifs/logo_ck.png);
		width: 262px;
		height: 42px;
		display: block;
		position: absolute;
		bottom: 166px;
		left: 33%;
		animation-duration: 3s;
	}
	
	
	.actualites_detail .colonne_centre::after,
	.actualites_detail .colonne_centre::before{ 
		display: none;
	}
	
	
	.cousteau-kids .photointro_sccontent {
		background: url(../gifs/header_kids_1280.jpg);
	}
	
}

@media screen and (min-width:1350px) {

	
.slider .bxslider li.slide01 {
background-image: url(../gifs/slide03_big.jpg);
background-attachment: fixed;
background-size: cover;
background-position: top;
-moz-background-size: cover;
-webkit-background-size: cover;}

.slider .bxslider li.slide02 {
background-image: url(../gifs/slide01_big.jpg);
background-attachment: fixed;
background-size: cover;
background-position: top;
-moz-background-size: cover;
-webkit-background-size: cover;}

.slider .bxslider li.slide03 {
	
background-image: url(../gifs/slide02_big.jpg);
background-attachment: fixed;
background-size: cover;
background-position: top;
-moz-background-size: cover;
-webkit-background-size: cover;}
	
.slider .bxslider li.slide04 {
	
background-image: url(../gifs/slide04_big.jpg);
background-attachment: fixed;
background-size: cover;
background-position: top;
-moz-background-size: cover;
-webkit-background-size: cover;}
.slider .bxslider li.slide05 {
	
	background-image: url(../gifs/slide05_big.jpg);
	background-attachment: fixed;
	background-size: contain;
	background-position: top;
	-moz-background-size: contain;
	-webkit-background-size: contain;
    background-color: #03476a;
}	
.content_don {
    height: 802px;
    margin-top: -110px;
}

.le-commandant .photointro_sccontent {
	background:  url(../gifs/header_commandant.jpg);}

.soucoupe-plongeante .photointro_sccontent,
.technologie .photointro_sccontent {
	background:  url(../gifs/header_soucoupe.jpg);}
	
.scaphandre-autonome .photointro_sccontent,
.puces-de-mer .photointro_sccontent,
.qui-sommes-nous .photointro_sccontent{
	background:  url(../gifs/header_scaphandre.jpg);}	
	
	
	
	
/*footer*/	
	
	
.contact_footer {
    width: 400px;
}

.footer_adresse {float: left;}
	
.footer_telephone {
    float: right;
    margin: 0;
}	
	
.new_et_reseau {
    width: 310px;
}
	
.content_footer, .partie_dicton {height: 350px;}
	
.dicton {
    margin: 5px auto;
    height: 344px;
}
.dicton p {top: 96px;}
	
.dicton span {top: 111px;}	
	
.logo_partenaire {margin-left: 0;}
	
}

@media screen and (min-width:1400px) {

.slick-slider .slick-track, .slick-slider .slick-list {height: 1140px;}	
	
/*centre*/

.content_kids {
    padding-right: 15%;
}	
.photo_1_kids {
    margin-left: 17%;
}
.description_kids {
    width: 43%;
}	
.photo_1_kids:after {
    left: 15%;
}
.photo_2_kids {
    width: 360px;
    height: 261px;
	margin-top: -7px;
}
	
.content_don {
    height: 826px;
}


/****** PARTIE BDD *****/	
	
.block_haut li img, .block_bas li img {
    max-height: 490px;
    height: 142%;
	max-width: 880px;
}	

.block_bas .texte_block {    margin-top: -65px!important;}

/****** PARTIE AXE *****/		

.texte_block_droite {
    margin-top: -25px;
    padding: 20px;
    margin-left: 20px;
}
	
.hover_cat_encart {
    min-width: 272px;
}

.photo_block_droite {
    height: 200px;
}	
	
.blocHautKids ul li {
    width: 18%;
    padding-top: 40px;
    margin-right: 1%;
    margin-left: 1%;
}


}

@media screen and (min-width:1500px) {
	
.content_don {height: 892px;}

.hover_cat_encart {
    min-width: 300px;
}
	
/****** PARTIE BDD *****/
	
.block_bas li img {
    max-height: 400px;
    height: 118%;
}
	
.block_bas .texte_block {
	margin-top: -40px!important;
}
	
.texte_listing {
    width: 80%;
    margin: 0 auto;
}	


}
	
@media screen and (min-width:1550px) {

	
.content_don { margin-top: -175px;}	

}

@media screen and (min-width:1600px) {

.partie_gauche_kids {padding-right: 0%;}


.hover_cat_encart {min-width: 320px;}	

.logo_partenaire {
    margin-left: -5%;
}	

.content_box {
    left: -65px;
}
	
.sc-content {
	padding: 25px 90px;
}
	
.cousteau-kids .colonne_centre::before {
	right: 3%;

}
	
.cousteau-kids .colonne_centre::after {
	left: 3%;
}
	
}

@media screen and (min-width:1640px) {	

	
.block_haut .photo_block {height: 450px!important;}	
	
.slick-slider .slick-track, .slick-slider .slick-list {height: 1230px;}
	
.le-commandant h1,
.notre-mission  h1,
.expeditions h1{left: 3%;}
	
}

@media screen and (min-width:1700px) {

.content_don { margin-top: -182px;}		
	
.content_don {
    height: 982px;
	margin-top: -213px;
}

	
ul.liste_categorie_relance {max-width: 1015px;}
	
}

@media screen and (min-width:1760px) {

.block_haut li img, .block_bas li img {
    max-height: 490px;
    height: 148%;
    max-width: 928px;
}
	
.content_detail a.lightbox img {
    max-width: 100%!important;
    height: auto!important;
    display: block;
    width: 80%;
    margin: 0 auto;
	padding-top: 20px;
    padding-bottom: 20px;
}
	
.texte_listing  a.lightbox img {
    display: inherit;
    width: auto;
    margin: 0 auto;
	padding-top: 20px;
    padding-bottom: 20px;
}
}

@media screen and (min-width:1800px) {

.block_haut li img {
    max-height: 526px;
    height: 148%;
    max-width: 1088px;
}
	
.index-page .content_don {
    height: 1025px;
    margin-top: -305px;
}
	

	
}

@media screen and (min-width:1850px) {
	
.block_droite li {width: 500px;}	

}

@media screen and (min-width:2000px) {
	
.bg_blue {
    width: 400px;
    height: 749px;
}
	
.index-page .slider, 
.slider .bx-wrapper, 
.slider .bx-viewport, 
.slider .bxslider, 
.slider .bxslider li {
    width: 100%!important;
    height: 800px;
}	
	
.slider_texte {margin-top: 230px;}
	
.slide01 .slider_texte,
.slide02 .slider_texte,
.slide04 .slider_texte{margin-top: 250px;}
	
}

@media screen and (min-width:2150px) {

.sc-content {
    padding-left: 100px!important;
	padding-right: 100px!important;}
	
.index-page .content_don {
    height: 1218px;
    margin-top: -374px;
}
	
.photo_block_droite {
    height: 240px;
}

.page_contact_contact {width: 80%!important}
	
.content_don2 {height: 350px;}
	
.content_don2 h2 {padding-top: 125px;}
}


/*AUTRE MEDIA QUERRIES -> Pour la colonne droite */

@media screen and (max-height:770px) {
	
.block_droite li:nth-child(4) {display: none;}

	
}


@media screen and (max-width:1023px) {
	.colonne_droite {
		display: block;
	}
	
	.liste_flux_droite {
		padding: 25px;
		background: #f5f5f5;
	}
	
	ul.block_droite {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content: center;
	}
	
	.block_droite li:nth-child(1),
	.block_droite li:nth-child(2){
		width: 50%;
		margin-top: 0;
	}
	
	.block_droite li:nth-child(3){
		width: 100%;
	}
	
	.block_droite li:nth-child(3) img{
		width: 100%;
		object-fit: cover;
	}
	
	.block_droite li img {
		max-height: inherit;
		max-width: inherit;
	}
	
	.photo_block_droite {
		height: 274px;
	}
	
	.texte_block_droite {
		padding: 30px;
		min-height: 125px;
	}

}


@media screen and (max-width:750px) {

	.block_droite li:nth-child(1),
	.block_droite li:nth-child(2) {
		width: 100%;
	}
	
	.block_droite li:nth-child(2) img,
	.block_droite li:nth-child(1) img{
		width: 100%;
		object-fit: cover;
	}
	
	.texte_block_droite {
		min-height: inherit;
	}
	
}
@media screen and (max-width:500px) {

	.photo_block_droite {
		height: auto;
	}

}