@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,800);

body{
	font-family:"Open Sans", arial, sans-serif;
	font-weight:400;
	color:white;
	background: #fff url('../images/bg/ciel.jpg') no-repeat scroll top center;
	background-size:100%;
	
}

.container-fluid {
	width:100%;
}

.textebleu{
	color:#006991;
}
.textevert{
	color:#609538;
}

.menu a {
	display:block;
	text-align:right;
	font-size:14px;
	font-weight:600;
	padding:6px 0;
}

.menu{
	position:fixed;
	width:200px;
	background:transparent url('../images/bg_white90.png') repeat fixed center left;
	height:100%;
	padding:20px;
	z-index:6000;
	
}

.submenu {
	clear:both;
	margin-bottom:35px;
}
.submenu a {
	padding:10px 40px;
	display: inline-block;
	margin: 2px 0;
	font-weight:400;
	font-size:11px;
	color:black;
	background: transparent url('../images/bg_white90.png') repeat top left;
}

.submenu a:hover, .submenu a:active {
	color:white;
	text-decoration:none;
	background: transparent url('../images/bg_black75.png') repeat top left;
}

.small_menu_logo {
	position:absolute;
	bottom:20px;
	left:30px;
}

#content0 {
	background: transparent url('../images/bg_black75.png') repeat top left;
	padding:30px 0;
}

#content1 {
	background: transparent url('../images/bg_green80.png') repeat top left;
	padding:30px 0;
}

#content2 {
	background: transparent url('../images/bg_blue75.png') repeat top left;
	padding:30px 0;
}

#content3 {
	background: transparent url('../images/bg_orange75.png') repeat top left;
	padding:30px 0;
}

#content4 {
	background: transparent url('../images/bg_red75.png') repeat top left;
	padding:30px 0;
}

.icon {
	float:left;
	clear:both;
	margin:0 15px 10px;
}
.adresses {
	line-height:40px;
}

h5 {
	background-image:url('../images/bg_white90.png');
	color:black;
	text-align:center;
	padding:10px 40px;
	font-weight:400;
	font-size:12px;
}

.sous-titre {
	display:block;
	position:absolute;
	margin-top:-95px;
	margin-left:100px;
}

.whitelinks a {
	color:white;
	font-size:12px;
}

.footer{
	background: transparent url('../images/bg_white90.png') repeat top left;
	position:absolute;
	width:100%;
	height:130px;
	top:6130px;
	padding-top:20px;
	color:black;
	font-size:13px;
}

.overlay{
	position:absolute;
}
.bubble 
{
position: relative;
width: 220px;
padding: 15px;
background: rgba(0, 174, 236, .7);
font-size:13px;
z-index:6000;
}

.bubble span {
	font-size:15px;
	line-height:25px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 69px;
border-color: rgba(0, 174, 236, .7) transparent;
display: block;
width: 0;
z-index: 1;
top: -69px;
left: 19px;
z-index:6000;

}

.couleur_terre {
	background: rgba(64, 36, 0, .7);
}

.couleur_terre:after{
	border-color: rgba(64, 36, 0, .7) transparent;
}

.couleur_eau {
	background: rgba(0, 98, 133, .7);
}

.couleur_eau:after{
	border-color: rgba(0, 98, 133, .7) transparent;
}

.tagline {
	position:absolute;
	top:30px;
	right:60px;
	font-size:50px;
	font-weight:800;
	text-align:right;
	line-height:50px;
	margin-top:30px;
}

.menutoggle {
	position:absolute;
	top:50%;
	margin-top:-31px;
	margin-left:180px;
	width:23px;
	height:62px;
	z-index:6000;
	
}

.menutoggle.in {
	background: transparent url('../images/toggle_in.png') no-repeat top left;
}
.menutoggle.out {
	background: transparent url('../images/toggle_out.png') no-repeat top left;
}
.vcenter {
	float:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:-4px;
}

body {
	overflow: hidden;
}

/* Preloader */

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
	width:100%;
	height:100%;
}
#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.txtbg {
	font-size:98px;
	color: rgba(255,255,255,.4);
	font-weight:800;
	width:100%;
	position:absolute;
}

#notice {
  padding: 5px;
  border: 1px solid #000;
  position: absolute;
  margin: 10px auto;
  display: block;
  width: 400px;
  text-align:center;
  color:black;
  font-size:12px;
  left: 50%;
  margin-left: -200px;
}