/*
Theme Name: Ecole des sables
Author: Attila  from ByFilling
Description: Theme de l'ecole des sables, Toubab Dialaw
Version: 1.0
*/

html,body 
{
    
	font-family: 'rakeslybook';
	font-size:18px;
	/*overflow:hidden;	*/
}

.single-thumb
{
	margin-top: 20px;
    width: 100%;
}

.illus-caption img {
    width: 100%;
    height: auto;
}

a.custom-submit span {
    padding: 0px !important;
    font-size: 18px !important;
    line-height: 0px !important;
}

.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: -18px;
    z-index: 999999;
    top: 38px;
    opacity:1;
}

a.button-compagnie-home, a.button-compagnie-home-custom {
    opacity: 0.6 !important;
}

a.button-compagnie-home:hover, a.button-compagnie-home-custom:hover {
    opacity: 1 !important;
}

#give-donation-level-radio-list li 
{
    padding-left: 55px !important;
    padding-top: 15px !important;
    background-repeat: no-repeat !important;
    height: 50px;
    background-size: 50px;
}

#give-donation-level-radio-list li:nth-child(1) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/colibri.png');
}

#give-donation-level-radio-list li:nth-child(2) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/ecureuil.png');
}

#give-donation-level-radio-list li:nth-child(3) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/pelican.png');
}

#give-donation-level-radio-list li:nth-child(4) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/gazelle.png');
}

#give-donation-level-radio-list li:nth-child(5) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/girafe.png');
}

#give-donation-level-radio-list li:nth-child(6) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/rhino.png');
}

#give-donation-level-radio-list li:nth-child(7) {
    background-image: url('http://www.jantbi.org/wp-content/uploads/2015/12/elephant.png');
}

.omsc-accordion {
    margin: 3em 0 !important;
}


#mc_embed_signup {
    padding-bottom: 70px !important;
    font: 14px Helvetica,Arial,sans-serif;
    font-weight: bold;
}


#mc_embed_signup h2 {
    font-family: 'rakeslylight' !important;
    font-size: 35px !important;
    color: #303030 !important;
    font-weight: normal !important;
    padding: 0;
    margin: 40px 0px 25px 0px !important;
}


.sidebar
{
    /*padding-top: 50px;*/
    /*height: 100vh;*/
}

.sidebar aside {
    margin-bottom: 50px;
}

.sidebar .zone {
    width: 75%;
}

.sidebar-green{
   background-color: #59c6ce;    
}

.sidebar-blue-light {
	background-color: #59B0CC;
}

.sidebar-blue {
	background-color: #598194;
}

.sidebar-actu {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bcbbb3;
}

.sidebar-actu img{
	width: 100%;
}

.sidebar-section-title, .titre-section-sidebar
{
	color: #909696 !important;
    text-transform: uppercase;
    border-top: 4px solid #3cc5bd;
    padding-top: 10px;
    margin-bottom: 30px;
}

.titre-section-sidebar
{
    -webkit-transition: border .5s; /* Safari */
    transition: border .5s;
}

.titre-section-sidebar a
{
    color: #909696 !important;
}

.titre-section-sidebar:hover
{
    border-top: 4px solid #003e5b;
}


iframe{
    width: 100% !important;
    height: 370px;
    margin-bottom: 30px;
}

.sidebar iframe {
    height: 230px;
    margin-bottom: 0px;
}

.sidebar .quicklinks
{
    margin-top: 20px;
}

.sidebar .quicklinks ul
{
    -webkit-padding-start:0px;
}

.sidebar .quicklinks ul li {
    list-style: none;
    border: 1px solid #fff;
    margin-bottom: 9px;
    background-color: rgba(255,255,255,0.7);


 	transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear;
    
    /* Hack Safari */
    -webkit-transition-property: background;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: linear;
}

.sidebar .quicklinks ul li:hover {
    background-color: #fff;
}

.quicklinks ul li a
{
    color: #000;
    width: 100%;
    padding: 10px 0px;
    display: block;
    margin: auto;
    text-align: center;
}

.mfp-content.give-responsive-mfp-content 
{
    font-family: 'colaborate-thinregular';
}

#mc_embed_signup .button {
    font-family: 'rakeslylight';
    font-weight: normal !important;
}

.form legend {
    display: none;
}

.thumb-title
{
	font-family: 'rakeslylight';	
	font-size: 25px;
}

.thumb-desc
{
    font-family: 'rakeslylight_italic';
}

.button-compagnie-home {
  background-color: transparent !important;
  border-radius: 0px !important;
  border: 1px solid #fff !important;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.button-compagnie-home span {
  border: none !important;
  color: #fff !important;
  text-transform: uppercase;
  font-family: rakeslyextralight;
  font-size: 20px !important;
  padding: 0px !important;
}

.button-compagnie-home span i{
  color: #000 !important;
  margin-left: 10px !important;
}

.button-compagnie-home-custom {
  background-color: transparent !important;
  border-radius: 0px !important;
  border: 1px solid #8A6D3B !important;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.button-compagnie-home-custom span {
  border: none !important;
  color: #000 !important;
  text-transform: uppercase;
  font-family: rakeslyextralight;
  font-size: 20px !important;
  padding: 0px !important;
}

.button-compagnie-home-custom span i{
  color: #fff !important;
  margin-left: 10px !important;
}

#descJantBi p
{
    color: #fff !important;
    margin-top: 15vh;
    margin-bottom: 50px;
    font-family: rakeslyextralight;
    font-size: 20px;
    letter-spacing: 1px;
}

.contextual-menu-fixed
{
	position: fixed;
	top:300px;
	width: 20%;
}



.titre-actu {
	font-family: 'rakeslylight';
	/*text-transform: uppercase;*/
  font-size: 17px;
}

.date-actu {
  font-family: 'rakeslybook';
  color:#9d9d9d;
  font-size: 10px;
}

.tag-actu {
    color: #00A7B3;
	font-family: 'rakeslyextralight';	
	text-transform: uppercase;
	font-size: 15px;
    margin-right: 5px;
}

.tag-actu-green {
    color: #00A7B3;
}

.tag-actu-blue-light {
	color: #0086b1;
}

.tag-actu-blue {
	color: #003e5b;
}

.brown
{
	color:#e0e0e0;
}

.simplebox {
  outline: none;
   border: 1px solid #ccc !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

#contenu label
{
	font-family: 'rakeslyextralight' !important;
}

#logo-scroll
{
	display: none;	
	color:#fff !important;
	padding-top: 7px;
	padding-bottom: 5px;
	font-family: 'rakeslyextralight' !important;
	text-transform: uppercase;
}

.on
{
	display: block !important;
}

.fixed
{
	position: fixed;
	top:0px;
	z-index:99999;
}


li.page-annexe {
  list-style: none;
  margin-bottom: 5px;
  margin-top: 5px;
  border-bottom: 1px solid #eee;
}

li.page-annexe a {
	  color: #c7c6c5!important;
}
.btn-eds
{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-eds:hover
{
	background-color: #00a7b3;
	color: #fff;
	border-color:#fff;
}

.model-navbar-bottom
{
	background-color: #fff;
	/*padding-top: 50px;*/
}

.ubermenu .ubermenu-target-text {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  padding-left: 10px;
  padding-right: 10px;
  border-color:#fff;
}

.ubermenu-topmenu .ubermenu-item-level-0 > .ubermenu-target {
  padding-right: 0px !important;
}

h1, h2, h3, h4, h5, h6
{
	margin-top: 0px;
	margin-bottom: 0px;
}

a:hover
{
	text-decoration: none;
}

.inactive
{
	color:#e1e1e1 !important;
}

.none-padding
{
	padding-left:0px !important;
	padding-right:0px !important;
}

.none-padding-left
{
	padding-left:0px !important;
}


.none-padding-left
{
	padding-left:0px !important;
}

.carousel, .item, .active 
{
    height: 100%;
}

.carousel-inner 
{
    height: 100%;
}

.modal-content-custom {
  position: relative;
  background-color: transparent;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: none;
  border: none;
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-content-custom .modal-header i
{
	color:#68c0b8;
	opacity:1;
}

.modal-header-custom {
  border-bottom: none;
}

.modal-body-custom {
    /* border: 1px solid #00a7b3; */
    /* padding-top: 0px; */
    /* padding-bottom: 0px; */
    /* box-shadow: 0px 0px 15px #00a7b3; */
    background-color: #fff;
    border-radius: 4px;
}

#loader
{
	position : fixed;
	z-index: 9999;
	background : url('src/im/loading.gif') 50% 50% no-repeat;
	background-color:#fff;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
}

#wrap{
	position:fixed;
	z-index:-1; 
	top:0; 
	left:0; 
}

#wrap img.bgfade, #wrap img.long, #wrap img.bgfade2
{
	position:absolute;
	top:0;
	display:none;
	width:100%;
	height:100%;
	z-index:-1;
}

#wrap img.bg{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:-1; 
}
	
footer 
{
    margin: 50px 0;
}

#sidebar
{
	position:absolute;
	height: 180px;
	display:block;
	width: 230px;
	z-index:1031;
	margin:auto;
	right:0;
	bottom: 0;
	top:0;
}

#sidebar1
{
	padding-top:1%;
	height:20%;
	position:absolute;
	display:block;
	width: 15vw;
	z-index:1031;
	padding-top:1%;
	right:0;
	top:20vh;
}

#sidebar:hover a, #sidebar1:hover  a
{
	text-decoration:none;
}


#sidebar ul li, #sidebar1 ul li
{
	padding-top:4%;
	padding-bottom:4%;
	padding-left:10%;
	padding-right:1px;
	width:100%;
	margin-bottom:10%;
	background-color:#00a7b3;
	font-size:19px;
	letter-spacing:1px;
	font-family: 'rakeslybook';
	text-transform:uppercase;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;
	list-style: none;
}

#sidebar ul li a
{
	color:#ebf7f6;	
}


#sidebar ul li a:hover
{
	color:#00a7b3;	
}

#sidebar ul, #sidebar1 ul{
    display: block;
    list-style-type: none !important;
    /*-webkit-margin-before: 0px !important;
    -webkit-margin-after: 0px !important;
    -webkit-margin-start: 0px !important;
    -webkit-margin-end: 0px;*/
    -webkit-padding-start: 0px !important;
    -moz-padding-start: 0px !important;
    -o-padding-start: 0px !important;
    -ms-padding-start: 0px !important;
}

#smenu1
{
	background-color:#1a171b;
	color:#ebf7f6;	
}


#sidebar1 ul li
{
	background-color:#1a171b;
	color:#ebf7f6;	
}

#sidebar:hover > ul li, #sidebar1:hover > ul li
{
	opacity: 0.5;
}
		
#sidebar:hover > ul li:hover, #sidebar1:hover > ul li:hover 
{
	opacity: 1;
}


#sidebar:hover #smenu, #sidebar1:hover #smenu1 
{
	opacity: 0.5;
}
		
#sidebar:hover #smenu:hover, #sidebar1:hover #smenu1:hover 
{
	opacity: 1;
}



#sidebar ul li:hover,#sidebar1 ul li:hover
{
	background-color:#fff;
	color:#000;
	padding-left:15%;
    -webkit-transition: padding-left ease 1.5s;
       -moz-transition: padding-left ease 1.5s;
         -o-transition: padding-left ease 1.5s;
            transition: padding-left ease 1.5s;
}

#sidebar-footer
{
	padding-top:20px;
	padding-bottom:20px;
	width:230px;
	text-align:center;
	position:absolute;
	bottom:0;
	right:0;
	font-family: 'ostrich_sansblack';
	background-image:url('src/im/blanc.png');
	background-size:100% 100%;
	color:#000;
	font-size:19px;
	font-weight:bold;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;	
}

/* Custom navbar */

.navbar-nav-eds > li > a
{
    text-align: center;
}

#bottom-nav
{
	position: fixed;
	bottom: 0px;
}
.bottom-nav-eds
{
	position: static !important;
}

.navbar-default
{
	background-color: transparent;
	border:transparent;	
	min-height: 0px;
}

.label-as-badge-eds
{
	padding:6px 10px 6px 10px;
	text-transform:uppercase;
	font-family: 'ostrich_sansmedium';
	color:#fff; 
	border-radius: 1000px;
	font-size: 18px;
	letter-spacing:1px;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;	
}

.label-as-badge-eds, .smooth-effect
{
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;
}

.nav-green .label-as-badge-eds 
{
	background-color:#00a7b3;
}

.nav-blue .label-as-badge-eds 
{
	background-color:#003e5b;
}

.nav-blue-light .label-as-badge-eds 
{
	background-color:#0086b1;
}

.nav-green .label-as-badge-eds:hover
{
	background-color:#fff;
	color:#00a7b3;	
	border-color: #00a7b3;	
}

.nav-blue .label-as-badge-eds:hover
{
	background-color:#fff;
	color:#003e5b;
	border-color: #003e5b;		
}

.nav-blue-light .label-as-badge-eds:hover
{
	background-color:#fff;
	color:#0086b1;
	border-color:#0086b1;		
}

.nav-green .eds-fa 
{
	color:#00a7b3;
}

.nav-blue .eds-fa 
{
	color:#003e5b;
}

.nav-blue-light .eds-fa 
{
	color:#0086b1;
}
	
.eds-fa
{
  font-size: 35px;
  line-height: 25px;
}

a .fa-youtube:hover
{
	color:#fff;
}

a .fa-facebook:hover
{
	color:#fff;
}

a .fa-twitter:hover
{
	color:#fff;
}

.lang-nav
{
	background-color:transparent;
	margin-right:1vw;	
}

.lang-nav li a 
{
	padding-left:0px;
	padding-right:0px;
	text-transform:uppercase;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;	
}

.link, .slash
{
	 display: inline-block !important;
}

.link a,.slash a
{
	color:#fff;
	font-family: 'rakeslybook';	
}

.link a
{
	font-size:18px;		
}

.link a:hover
{
	color:#6ac0b8;
}

.slash a
{
	font-size:20px;		
}

@-webkit-keyframes blackblur 
{
	from { text-shadow: 0 0 72px black; color: transparent;}
	to   { text-shadow: 0;}
}

@-moz-keyframes blackblur 
{
	from { text-shadow: 0 0 72px black; color: transparent;}
	to   { text-shadow: 0;}
}

@-o-keyframes blackblur 
{
	from { text-shadow: 0 0 72px black; color: transparent;}
	to   { text-shadow: 0;}
}

@keyframes blackblur 
{
	from { text-shadow: 0 0 72px black; color: transparent;}
	to   { text-shadow: 0;}
}

#accueil
{
	width:410px;
	height:370px;	
	margin:auto;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#box
{
	position:relative;
	width:100%;
	height:100%;	
}

#main-text
{
	color:#fff;
	font-size:140px;
	text-transform:uppercase;
    font-family: 'rakeslylight';
	/*font-family: 'ostrich_sansmedium';*/
	letter-spacing:2;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;
}  
 
 
.animated
{
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
	-o-animation:pulse;
	animation:pulse;		
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
	-o-animation:2s;
	animation:2s;	
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
	-o-animation:infinite;
	animation:infinite;	
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
	-o-animation:linear;
	animation:linear;	
} 
 

 
#small-text
{
	width:270px;
	height:110px;
	color:#fff;
	border-width: 5px;
	border-image:url('src/im/dot.png') 10 10 repeat;
	-moz-border-image:url('src/im/dot.png') 10 10 repeat;
	-webkit-border-image:url('src/im/dot.png') 10 10 repeat;
	-o-border-image:url('src/im/dot.png') 10 10 repeat;
	/*border-top:5px dotted #6ac0b8;
	border-bottom:5px dotted #6ac0b8;*/
	/*border:1px solid #6ac0b8;*/
	position:absolute;	
	text-shadow:1px 0px 1px #000;
	top:128px;
	left:190px;
	/*right:31vw;*/
	text-align:left;
	font-size:24px;
	text-transform:uppercase;
    font-family: 'rakeslylight';
	letter-spacing:2px;
	-webkit-animation: blackblur 3s 1 alternate;
	-moz-animation:blackblur 3s 1 alternate;
	-o-animation:blackblur 3s 1 alternate;
	animation:blackblur 3s 1 alternate;	
}

#play-intro
{
	position:absolute;
	right:0;
	bottom:0;
	width:60px;
	height:auto;
	padding-bottom:30px;
	padding-left:50px;
}

#play-intro i
{
	color:#fff;
	margin:auto;
}

#play-intro i:hover
{
	color:#68c0b8;
    -webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);   
	-ms-transform: scale(1.2);   
	-o-transform: scale(1.2);	
    transform: scale(1.2);			
}

#main-text p, #small-text span
{
	text-shadow:5px 5px 5px #000;
}

#main-text p { line-height: 90%} 

.tab-pane h3,h6
{
	color:#00a7b3;
}



 
/*.nav-eds li
{
	display:table;
	opacity:0.9;
	margin-right:10px;
	width:10vw;
	height:70px;
	font-size:1vw;
	text-align:center;
}*/

.navbar-eds-main
{
	background-color: #353535 !important;
}

.navbar-eds
{
	min-height: 0px;
	font-family: 'rakeslyultralight' !important;
	letter-spacing: 0.5px;
}

.navbar-green
{
	background-color: #00a7b3 !important; 
}

.navbar-blue-light
{
	background-color: #0086b1 !important; 
}

.navbar-blue
{
	background-color: #003e5b !important; 
}

.nav-eds
{
	/*margin-left:25vw;*/
	/*margin-right: 18px;*/
}

/*.nav-eds ul
{
	margin:0;
 	padding:0;
 	list-style-type:none;
 	text-align:center;
}*/

.nav-eds li, .nav-eds-main li
{
	/*float:left;
 margin:auto;
 padding:0;*/
	-o-transition:.6s;
	-ms-transition:.6s;
	-moz-transition:.6s;
	-webkit-transition:.6s;	
}

	
.nav-eds li a
{
	display:table-cell;
	color:#999785;	
	text-align:center;
    font-family: 'rakeslylight';
	font-size:15px;
	vertical-align:middle;
	letter-spacing:1px;
	padding-top: 7px;
	padding-bottom: 7px;

}

.nav-eds-main li a
{
	display:table-cell;
	color:#939391;	
	text-align:center;
	font-family: 'rakeslyultralight';
	font-size:18px;
	vertical-align:middle;
	letter-spacing:1px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.nav-eds ul li ul li
{
	display: none !important;
}


.nav-eds ul li:hover ul
{
	display: block;
}

.nav-eds li:hover ul li
{
	float: none;
}

.nav-eds li ul:hover ul li
{
	float: none;
}

.nav-eds li ul
{
	position: absolute;
}*/

.nav-eds li:hover
{
	background-color:#999785;
}


.nav-eds li:hover a 
{
	color:#fff;
}

.nav-eds-main li:hover a 
{
	color:#b1b2ac;
}

.une 
{
	margin-bottom: 40px;
    border-bottom: 1px dotted #aaa;
    padding-bottom: 20px;
}

.actu-une
{	
	/*margin: auto;
	margin-top:30px;*/
	position:relative;
	width:100%;
	margin: auto;
	height:300px;
	margin-bottom: 10px;
    overflow: hidden;
}

.zone
{	
	/*margin: auto;
	margin-top:30px;*/
	position:relative;
	width:100%;
	margin: auto;
	height:auto;
    margin-bottom: 30px
}

#contenu .zone
{	
	margin-bottom: 50px !important;
}
 
a.more-post
{
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.3px;
}

a.more-post:hover
{
    color: #00A7B3;
}

.zone img, .actu-une img
{
	width:100%;
	height:auto;
}

.actu-une img
{
    margin-top: -50px;
}

.middle-zone
{
	background-color: #fff;
}

.caption-zone
{
	position:absolute;
	bottom:0;
	width:100%;
	height: 100px;	
	padding:0px 0 10px 0;
	background-color:rgba(255,255,255,0.8);
	color:#000;
	font-size:18px;
    font-family: 'rakeslyregular';
	/*text-transform:uppercase;	*/
	-o-transition: height 1s;
	-ms-transition:height 1s;
	-moz-transition: height 1s;
	-webkit-transition:height 1s;
	overflow: hidden;
}

.thumb-header {
  background-color: #fff;
  padding: 5px 10px 5px 10px;
  font-family: 'rakeslyextralight';
  border-bottom: 1px solid #00A7B3;
}

.thumb-header-green {
   border-bottom: 1px solid #00A7B3;
}

.thumb-header-blue-light {
   border-bottom: 1px solid #0086b1;
}

.thumb-header-blue {
   border-bottom: 1px solid #003e5b;
}

.thumb-content
{
	display: none;
	/*font-family: 'rakeslylight';*/
	font-family: 'colaborate-thinregular';
	padding: 10px;
	text-align: left;	
	font-size: 16px;
	/*text-transform: lowercase;*/
}

.more 
{
	display: none;	
  	text-align: center;
  	font-size: 30px;
}

.more-green {
   color: #00A7B3;
}

.more-blue-light {
   color: #0086b1;
}

.more-blue {
   color: #003e5b;
}

.zone:hover .caption-zone
{
	height: 100%;
	display:block;

}

.zone:hover .more
{
	display: block;
}
.zone:hover .thumb-content
{
	display: block;
}

.left-zone-home
{
	/*background-color: rgba(241,209,100,0.3);*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 20px;
	padding-bottom: 25px;
	margin-top: 70px;
	margin-bottom: 50px;
}

#actualite
{
	margin-top: 45vh;
}
.left-zone
{
	/*background-color: rgba(241,209,100,0.3);*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 20px;
	padding-bottom: 50px;
	position: fixed;
  	top: 70px;
  	z-index: 999;
}


.left-zone h1, .left-zone-home h1
{
    font-family: 'rakeslylight';
    /*font-family: 'ostrich_sansmedium';*/
	font-size:50px;
	text-transform:uppercase;
	/*color:#269f90;*/
	color: #fff;
	line-height: 50px;
}

.left-zone h2, .left-zone-home h2
{
    font-family: 'rakeslylight';
	/*font-family: 'ostrich_sansmedium';*/
	  font-size: 22px;
	  letter-spacing: 0px;
	  color: #353535;
	  text-transform: uppercase;
	  /*line-height: 4px;*/
}

.left-zone h3, .left-zone-home h3
{
	/*font-family: 'rakeslylight_italic';*/
	font-family: 'ostrich_sansmedium';
	font-size:28px;
	letter-spacing:0.5px;
	/*line-height: 19px;*/

}

.left-zone h4, .left-zone-home h4
{
    font-family: 'rakeslyextralight';
	/*font-family: 'ostrich_sansmedium';*/
	font-size:30px;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #fff;
	letter-spacing: 1px;

}

.left-zone h5, .left-zone-home h5
{
	font-family: 'ostrich_sansmedium';
	font-size:22px;
	letter-spacing:0.5px;
	margin-top: 10px;
}

.left-zone-green
{
	background-image:url("src/im/left-zone-green.png"); 
}

.left-zone-blue-light
{
	background-image:url("src/im/left-zone-blue-light.png"); 
}

.left-zone-blue
{
	background-image:url("src/im/left-zone-blue.png"); 
}

.left-zone-white
{
	background-image:url("src/im/left-zone-white.png"); 
    top: 37px !important;
    margin-top: 0px;
}

.left-zone-grey {
    background-image: url("src/im/left-zone-grey.png");
    top: 38px !important;
}

.left-zone-grey2 {
    background-image: url("src/im/left-zone-grey.png");
    top: 70px !important;
}

.left-zone-white h1,.left-zone-grey h1, .left-zone-grey2 h1
{
	color:#000 !important;
}

#top
{
	width:100%;
	height:50%;
	padding-top:5px;
	background-size:100% 100%;
}

#bottom 
{
	width:100%;
	height:50%;
	padding-top:5px;
	background-size:100% 100%;
}

.bottom
{
	background-color: rgba(0,163,179, 0.6);
}

.ecole-top
{
	background-image:url('src/im/ecole_top.jpg');
}

.ecole-bottom
{
	background-image:url('src/im/ecole_bottom.jpg');
}

.germaine-top
{
	background-image:url('src/im/germaine_top.jpg');
}

.germaine-bottom
{
	background-image:url('src/im/germaine_bottom.jpg');
}

.jantbi-top
{
	background-image:url('src/im/jantbi_top.jpg');
}

.jantbi-bottom
{
	background-image:url('src/im/jantbi_bottom.jpg');
}

.eds-tabs > li
{
	background-color:#00a7b3;
}

.eds-tabs > li > a
{
	border-radius: 0px;
	color:#fff;	
}

.eds-tabs > li.active > a,
.eds-tabs > li.active > a:hover,
.eds-tabs > li.active > a:focus 
{
  color: #000;
  cursor: default;
  background-color: #fff;
  border-bottom-color: transparent;
}

.eds-tab-content > .active
{
	width:100%;
	height:18vw;
	display: block;
	visibility: visible;
	border:1px solid #fff;
	background-color:#fff;	
	opacity:0.8;
	overflow-y:scroll;
}

.eds-tab-content > .active::-webkit-scrollbar-track
{
	background-color: #a7b7b9;
	opacity:1;
}

.eds-tab-content > .active::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
	opacity:1;
}

.eds-tab-content > .active::-webkit-scrollbar-thumb
{
	background-color: #4d5053;
	opacity:1;
}


#mod-content
{
	height:500px;
}

#mb-text
{
	float:left;
	width:100%;
}

#mb-text h4
{
	text-transform:uppercase;
	padding:10px 10px 10px 10px;
	background-color:#68c0b8;
	color:#fff	
}


#tel
{
	width:40%;
	padding-top:10px;
	padding-bottom:10px;
	color:#000;
}


#mail
{
	width:30%;
	color:#000;	
}

#postal
{
	width:70%;
	color:#000;
}

#map
{
	width:100%;
}


table {
  width:100%;
 }
 
 tr { 
 /*border-top:1px solid #6ac0b8;*/
 }
 
td { 
 width:80%;
 }

 
#contacts
{
	display:none;
	width:100%;
	height:300px;
	background-color:#000;
	opacity:0.8;
}

#newsletter-zone
{

	position: fixed;
	bottom:0;
	width:100%;
	height:0px;
	background-color:#000;
	opacity:0.8;
}

 
#menu-interne
{
	background-color: rgba(255,255,255,1);
	padding:30px 30px 30px 30px;
}

#menu-interne ul li
{
	list-style: none;
	font-family: 'rakeslylight';
	text-transform: uppercase;
}

#menu-interne ul li h1
{
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	color:#ff6600;
}

#menu-interne ul li h2
{
	margin-top: 0px !important;
	margin-bottom: 5px !important;
	color:#00a7b3;
}


#contenu
{
	background-color: #fff;
	padding: 50px;
	margin-top:400px; 
}

#contenu2 {
    background-color: #fff;
    padding-top: 100px;
    margin-top: 0px;
    min-height:92vh;
}

#contenu p
{
	font-family: 'colaborate-thinregular' !important;
	font-size: 16px !important;
	/*margin-top: 30px;*/
	/*text-align: justify;*/
}

.categorie-element {
    margin-bottom: 0px;
    color: #fff;
    text-align: center !important;
 }

.category-green
{
    background-color: #00a7b3;
}

.category-blue-light
{
    background-color: #0086b1;
}

.category-blue
{
    background-color: #003e5b;
}

#contenu h2
{
	font-family: 'rakeslylight';
	font-size: 35px;
	color: #303030;
}

.titre-separation {
  font-family: 'rakeslylight';
  font-size: 25px;
  color: #303030;
  border-bottom: 1px solid #ccc;
  margin: 40px 0px 25px 0px;
  text-align: center;
  padding-bottom: 5px;
}

.titre-separation a {
    color: #000;
}

#contenu ul 
{
 	font-family: 'colaborate-thinregular' !important;
}

h3.sous-titre 
{
  font-family: 'rakeslyultralight';
  font-size: 25px;
  color: #000;
  margin-bottom: 10px;

}

/*#contenu h1
{
	color:#8a8a8a;
	font-family: 'rakeslyultralight';
	font-size: 25px;
	margin-top: 70px;
	margin-bottom: 30px;
}*/
 
h1.intitule-gris-capital
{
	color:#9d9d9d;
	font-family: 'rakeslyultralight';
	font-size: 55px;
	margin-bottom: 0px;
}
 
h2.titre-section
{
	font-family: 'rakeslyextralight' !important;
	font-size: 25px !important;
	color: #c7c6c5!important;
	/*text-transform: uppercase; !important;*/
	margin-bottom: 15px;
}

h1.titre-page
{
	font-family: 'rakeslyextralight' !important;
	font-size: 35px !important;
	text-transform: uppercase !important;
}

h1.titre-page-green
{
    color:#92d8d7 !important;
}

h1.titre-page-blue-light
{
    color:#59B0CC !important;
}

h1.titre-page-blue
{
    color:#598194 !important;
}

h1.titre-contenu-green
{
	color: #00a7b3 !important;
    font-family: 'rakeslyextralight' !important;
    font-size: 45px !important;
    margin-bottom: 0px !important;
    margin-top: 15px;
    text-transform: uppercase !important;
}
 
h1.titre-contenu-blue-light
{
	color:#0086b1 !important;
	font-family: 'rakeslyextralight' !important;
	font-size: 45px !important;	
	margin-top: 15px !important;
	text-transform: uppercase !important;
}

h1.titre-contenu-blue
{
	color:#003e5b !important;
	font-family: 'rakeslyextralight' !important;
	font-size: 45px !important;	
	margin-top: 15px !important;
	text-transform: uppercase !important;
}


h2.soustitre-contenu
{
	color:#b4b5b5 !important;
	font-family: 'rakeslyextralight' !important;
	font-size: 40px !important;	
	/*margin-bottom: 30px !important;*/
}

#contenu .titre-element {
  font-family: 'rakeslylight' !important;
  text-transform: uppercase !important;
  color: #5cbdbd !important;
  /*color: #fff;*/
  font-size: 20px !important;
}

#contenu .description-element {
  margin-top: 0px !important;
  font-size: 20px !important;
  color: #a0a7a7;
  font-family: 'rakeslylight' !important;

}

#contenu2 p {
    font-family: 'colaborate-thinregular';
    margin-bottom: 25px;
}

.post-info {
    margin-bottom: 30px;
}

.petit-titre-noir
{
    margin-top: 0px !important;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 23px !important;
    color: #525454;
    font-family: 'rakeslybook' !important;
}

.petit-titre-noir-light {
    margin-top: 0px !important;
    text-transform: uppercase;
    font-size: 20px !important;
    color: #525454;
    font-family: 'rakeslylight' !important;
    margin-bottom: 10px;
}

.custom-field,#wpmem_login #log, #wpmem_login #pwd{
    height: 45px !important;
    border: 2px solid #ddd !important;
    font: 14px Helvetica,Arial,sans-serif;
    padding-left: 5px;
    width: 100%;
}

.custom-textarea{
    border: 2px solid #ddd;
    font: 14px Helvetica,Arial,sans-serif;
    padding-left: 5px;
}

.custom-submit, #wpmem_login .buttons {
    
    background-color: transparent !important;
    border: 2px solid #ddd !important;
    border-radius: 0px !important;
    color: #000 !important;
    text-transform: uppercase;
    padding: 18px 30px !important;
    font-family: rakeslylight;
    font-size: 18px !important;
    line-height: 0px !important;
    margin-top: 1px;
}


.gde-text a {
    background-color: transparent !important;
    border: 2px solid #ddd !important;
    border-radius: 0px !important;
    color: #000 !important;
    text-transform: uppercase;
    padding: 10px 18px !important;
    font-family: rakeslylight;
    font-size: 18px !important;
    line-height: 0px !important;
    margin-top: 1px;
}

.gde-text {
    /*float: right;*/
    margin-bottom: 50px;
}

select#mce-MMERGE3 {
    border-radius: 0px !important;
    height: 43px;
    border: 2px solid #ddd !important;
    background-color: #fff;
    color: #aaa;
} 

.mc-field-group {
    width: 100% !important;
    margin-bottom: 25px;
}

.mc-field-group label {
    margin-bottom: 10px !important;
}

.input-group label{
    font-weight: normal !important;
}

.mc-field-group ul {
    padding-left: 0px;
    list-style: none;
}

#mc_embed_signup input.email {
    width: 100% !important;
    margin: none !important;
    margin-bottom: 1px !important;
}

div#ninja_forms_field_6_div_wrap {
    width: 32%;
    float: left;
    margin-right: 2%;
}

div#ninja_forms_field_7_div_wrap {
    width: 32%;
    float: left;
    margin-right: 2%;
}

div#ninja_forms_field_8_div_wrap {
    width: 32%;
    float: left;
}

.id-pic{
    margin-top: 10px;
    margin-bottom: 20px;
}

/*********************************** Responsive *******************************************/

/****************************************** 992px *****************************************/
@media (max-width: 992px) 
{
    #actualite {
    margin-top: 0px !important;
    }
}

/*********************************** Responsive *******************************************/

/****************************************** 925px *****************************************/
@media (max-width: 925px) 
{


#accueil
{
	width:350px;
	height:350px;	
}

#main-text
{
	font-size:130px;
	width:300px;
    /*font-family: 'rakeslylight';*/	
}  
    
#small-text 
{
    width: 200px;
    height: 105px;
    top: 115px;
    left: 170px;
    font-size: 22px;
}


#sidebar
{
	height: 130px;
	width: 150px;
}


#sidebar-footer
{
	display:none;
	width:150px;
	font-size:14px;	
}


#smenu,#smenu1
{
	font-size:14px;	
}

/********************************************************************************************************************************************************/
/************************************************ BOOTSTRAP HACK FOR NAVBAR LI AND MODAL-DIALOG SIZE ****************************************************/
/********************************************************************************************************************************************************/


@media (min-width: 768px) 
{ 

	#wrap img.bgfade, #wrap img.long, #wrap img.bgfade2
	{
		position:absolute;
		top:0;
		display:none;
		width:auto;
		height:100%;
		z-index:-1;
	}	

	.modal-dialog 
	{
		width: 60vw;
	}
}

/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/
/********************************************************************************************************************************************************/

 
@media (max-width: 767px) 
{
	
    
    #accueil {
    width: 410px;
    height: 370px;
    margin: auto;
    position: static !important;
    margin-top: 250px !important;
    margin-bottom: 250px !important;
}
    
    #bottom-nav {
    position: static !important;
    width: 100% !important;
    }
    
    
    }#descJantBi p {
    margin-top: 0px !important;
    }
    
    .left-zone, .left-zone-home
	{
		background-image:none; 
		background-repeat: no-repeat;
		background-size: auto 100%;
	  	padding-top: 30px;
        padding-bottom: 30px;
        position: static !important;
        margin-top: 105px;
	}
    
    .left-zone-green
    {
         background-color: rgba(0, 167, 179, 0.8) !important;
    }
    
    .left-zone-blue-light
    {
         background-color: rgba(0, 134, 177, 0.8) !important;
    }
    
    .left-zone-blue
    {
         background-color: rgba(0, 62, 91, 0.8) !important;
    }
    
    .left-zone-grey
    {
        background-color: rgba(252, 252, 252, 0.8) !important;
        margin-top: 52px !important;
        border-bottom: 2px solid #e5e5e5;
    }
    
    .left-zone-white
    {
        background-color: rgba(255, 255, 255, 0.8) !important;
        margin-top: 50px !important;
    }
    
    .left-zone-grey2
    {
        background-color: rgba(252, 252, 252, 0.8) !important;
    }
    .contextual-menu-fixed
    {
        position: static !important;
        top:300px;
        width: 20%;
    }
    
    #contenu,#contenu2
    {
        margin-top: 20px !important;
    }
    
    .left-zone h4, .left-zone-home h4 
    {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
    }
  
    .navbar-nav-eds
    {
        margin: 0px -15px !important;
    }    
    
    .nav-blue-light.navbar-fixed-bottom
    {
        position: static !important;
    }
    
    .navbar-nav-eds > li 
    {
        border-bottom: 1px solid rgba(44, 204, 216, 0.17);
        background-color: #fff;
    }
    
    .nav-green .label-as-badge-eds 
    {
        color: #00a7b3;
        background-color: #fff;
    }
    .navbar-collapse.in {
        overflow-y:visible !important;
    }
    
    .label-as-badge-eds 
    {
        font-size: 30px;
    }
    
    .navbar-collapse.in {
        overflow-y:visible !important;
    }
}

/****************************************** 740px *****************************************/
@media (max-width: 740px) 
{


#accueil
{
	width:50vw;
	height:48vw;	
	left:0;
	right:0;
	top:0;
	bottom:0;
}

#main-text
{
	font-size:18vw;
	width:auto;
}  
    
#small-text
{
	height:32%;
	top:34%;
	left:50%;	
}


#sidebar
{
	height: 130px;
	width: 150px;
}

#sidebar-footer
{
	width:150px;
	font-size:14px;	
}


#smenu,#smenu1
{
	font-size:14px;	
}

}

/****************************************** 560px *****************************************/
@media (max-width: 560px) 
{


#wrap img.bgfade, #wrap img.long, #wrap img.bgfade2
{
	position:absolute;
	top:0;
	display:none;
	width:auto;
	height:100%;
	z-index:-1;
}

#accueil
{
	width:250px;
	height:250px;	
	left:0;
	right:0;
	top:0;
	bottom:0;
}

#main-text
{
	font-size:90px;
	width:auto;
}  
    
#small-text
{
	height:30%;
	top:33%;
	left:49%;
	font-size:16px;	
}



#sidebar
{
	height: 130px;
	width: 150px;
}

#sidebar-footer
{
	width:150px;
	font-size:14px;	
}


#smenu,#smenu1
{
	font-size:14px;	
}

}


/****************************************** 400px *****************************************/

/****** A completer  
@media screen and (max-width: 400px) 
{




#accueil
{
	width:250px;
	height:250px;	
	left:0;
	right:auto;
	top:0;
	bottom:0;
	border:1px solid #000;
}

#main-text
{
	font-size:90px;
	width:auto;
}  
    
#small-text
{
	width:47%;
	height:33%;
	top:33%;
	left:49%;
	font-size:16px;	
}



#sidebar
{
	height: 130px;
	width: 150px;
}

#sidebar-footer
{
	width:150px;
	font-size:14px;	
}


#smenu,#smenu1
{
	font-size:14px;	
}

}
*****/