@charset "utf-8";
/* CSS Document */

.navbar-inverse {background-color: rgba(0,175,255, 1); 
	background-repeat:repeat-x;margin-bottom:0;	padding:0;
	 height:auto; width:100%; margin:0 auto;		-webkit-box-shadow: 0 0 0px 0 #070B2E;
	box-shadow: 0 0 0px 0 #070B2E;}
.navbar-inverse .container{ padding:0; width:100%}
.navbar-brand{ color:#000;	display:block;	margin-left:0 ; margin-bottom:0px; margin-right:0; padding: 0; width: 100%; max-height:200px;
	color:#333;	 background:transparent;z-index: 10000; border-right:0px solid #fff;
	}
.navbar-brand a{margin:0 auto; padding:0;color:#000;max-height:200px; max-width:389px; display:block;}
.navbar-brand{
	height:200px;
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}
.navbar-brand a{
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	height:200px;
}
.navbar-brand img{
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}
.navbar-brand img{ 	margin:20px auto 0 auto;opacity:1; width:100%; height:auto;}
.navbar-brand #span-ycgm{ color:#fff; display:inline-block; width:100%; text-align:center; text-transform:uppercase; letter-spacing:4px; }
.navbar-brand #span-slogan{color:#fff; display:inline-block; width:100%; text-align:center; text-transform:uppercase;font-size:2em;}
.navbar-brand h1{font-size:2em; font-style:100; font-weight:100; line-height:1em;  letter-spacing:3px; margin:23px 0 0 0; padding:0; text-align:left; 
	display:block;color:#000;}
.navbar-brand h1 i{
	font-style:normal;
	margin-top:20px 0 0 0;
	color:#428cc6;	
}
.navbar-brand.shrink img{
	-moz-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	-webkit-transform: translateY(-150px);
	transform: translateY(-150px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}

.navbar-header{ 
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}
.navbar-header.shrink { 
	-moz-transform: translateY(-195px);
	-ms-transform: translateY(-195px);
	-webkit-transform: translateY(-195px);
	transform: translateY(-195px);
	-webkit-transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
	transition: all 600ms cubic-bezier(0.785, 0.105, 0.26, 0.91);
}

/*//////////////// NAVBAR TOGGLE*/
.navbar-toggle{position:relative;padding:9px 10px;
	background-color:transparent;
	background-image:none;border:0px solid transparent;border-radius:4px; z-index:10000;}
.navbar-toggle:focus{outline:none}
.navbar-inverse .navbar-toggle .icon-bar {color:#fff; background-color:#fff; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:transparent;

}
.navbar-toggle .icon-bar.deux{ opacity:0;}
.navbar-toggle.collapsed .icon-bar.deux{ opacity:1;}

.navbar-toggle.collapsed .icon-bar.un,.navbar-toggle.collapsed .icon-bar.trois {
	-webkit-transform:  translate(0px, 0px) rotate(0deg);
	-moz-transform:  translate(0px, 0px) rotate(0deg);
	-o-transform:  translate(0px, 0px) rotate(0deg);
	transform:  translate(0px, 0px) rotate(0deg);
}

.navbar-toggle .icon-bar.un {
	-webkit-transform: translate(0px, 12px) rotate(-45deg);
	-moz-transform:  translate(0px, 12px) rotate(-45deg);
	-o-transform:  translate(0px, 12px) rotate(-45deg);
	transform:  translate(0px, 12px) rotate(-45deg);
}
.navbar-toggle .icon-bar.trois {
	-webkit-transform: translate(0px, -12px) rotate(45deg);
	-moz-transform:  translate(0px, -12px) rotate(45deg);
	-o-transform:  translate(0px, -12px) rotate(45deg);
	transform:  translate(0px, -12px) rotate(45deg);
}


.navbar-toggle .icon-bar{display:block;width:44px;height:4px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:8px}
.div-menu{ display:block; position:absolute; top:0px; right:0px; background-color:transparent; color:#fff; line-height:44px; height:44px; }
.div-menu span{ display:none;}

.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	

.container > .navbar-collapse{ text-align:center; padding:0; margin:0}
.navbar-inverse .navbar-nav {padding:5px 0 0 0; margin:0; display:inline-block; float:none;border-top: 1px solid #fff;}
.navbar-inverse .navbar-nav > li > a {	font-family: 'alegreya_sansregular';display: block;	float: none;	position: relative;	 	
	font-size:1em;	text-align: center;
	text-transform: uppercase;
	font-weight:100;
	letter-spacing: 1px;
	padding:2px 10px;
	color:#fff;
	 min-height:27px;
}
.navbar-inverse .navbar-nav > li > a:hover {color:#000f50;	}
.navbar-inverse .navbar-nav > li.active > a {color:#000f50;	}
.navbar-inverse .navbar-nav > li > a:focus { display:block; cursor:pointer;}
.navbar-inverse .navbar-nav > li.dropdown.open > a {color:#000f50;	}

.dropdown-menu{ padding:10px 0; margin:0;}
.dropdown-menu > li > a {color:#000f50; text-transform:uppercase; border:none;	}
.dropdown-menu > li > a:hover {color:#00afff; background-color:transparent;border:none; text-transform:uppercase; border:none;	}
.navbar-toggle{ margin-top:0px}

.div-langues{ font-size:80%; display: block;
	position: absolute;
	top: 70px;
	right: 0px;  padding:0px 5px 0 0;  margin-top:0px;color:#ccc; clear:both;
}
.div-langues-none{ display:none;}
.div-langues a{ padding:5px; color:#000; border: 1px solid #fff; border: 1px solid #000;}
.div-langues a:hover,.div-langues a:active{ color:#000;}
.div-langues a.active{ color:#fff; text-decoration:none;border: 1px solid #fff;}

@media (min-width:20px){
	.div-langues{ padding:0 0px 0 0; }
/*HEADER*/
	
	.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	.a-bouton{ white-space:nowrap;}
	

	.navbar-brand{ position:relative; padding-right:12%; width:88%; }
	.navbar-toggle{ margin-top:0px}

/*Connexion*/
	#connexion {display: block;float: none; width: 100%;height: 33px;text-align: center;	margin-top: 0px;margin-right: 0px;}
}

@media (min-width:395px){
	.div-menu span{ display:inline;}
	.navbar-brand{border-right:0px solid #fff;}
}
@media (min-width:600px){
.navbar-brand{ position:relative; width:100%; padding-right:0%;}
}
@media (min-width:768px){
	.navbar-brand{ width: 100%; height:auto; min-height: 200px;}
}
@media (min-width:950px){

}
@media (min-width:980px){
	.div-langues{ 
	position: absolute;
	top: 10px; right:10px;}
	.div-langues a{ padding:10px;}
	.div-langues{ font-size:80%; float:right; padding:0;  margin-top:0px;color:#ccc; clear:both;}
	.div-menu{ display:none;}
	.navbar-inverse .navbar-nav > li > a {padding: 10px 5px;font-size: 0.98em;letter-spacing: 0.5px;}
}
@media (min-width:992px){
}
@media (min-width:1024px){
	.div-langues{position: absolute; float:none; width:100%;top:30px; right:30px; text-align:right; z-index:200000;}
	.navbar-inverse .navbar-nav > li > a {padding: 10px 10px;font-size: 1em;letter-spacing: 1px;}
}
@media (min-width:1100px){
.navbar-inverse .navbar-nav > li > a {padding:10px 10px;font-size: 1em;letter-spacing: 1px;}
}
@media (min-width:1400px){
}
@media (min-width:1400px){
	.navbar-brand{ float:none; }
	.navbar-inverse .navbar-nav > li > a  {display: inline; cursor:pointer;float: left; font-size: 120%; padding-left:20px; padding-right:20px;}

}
.navbar-nav > li#li-11 { background:#ff7e00;
-webkit-border-radius: 0;
border-radius: 0;
}
.navbar-nav > li#li-47,.navbar-nav > li#li-66{ background: #b6d716; margin-right:10px;
-webkit-border-radius:0;
border-radius:0;
}