/* nouveau code */
@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('SinkinSans-400Regular-webfont.eot');
    src: url('SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('SinkinSans-400Regular-webfont.woff') format('woff'),
         url('SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'yellowtailregular';
    src: url('Yellowtail-Regular-webfont.eot');
    src: url('Yellowtail-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Yellowtail-Regular-webfont.woff') format('woff'),
         url('Yellowtail-Regular-webfont.ttf') format('truetype'),
         url('Yellowtail-Regular-webfont.svg#yellowtailregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#head {
	margin:0 auto;
	background: #FFF;
	overflow:visible;
}
#headwrapper {
	width:100%;
	margin:0 auto;
	/*padding: 36px 0 20px 10px;
	overflow:visible;*/
}
/*#head70 {
	width:152px;
	height:202px;
	display:block;
	background:url(../images/70.png) no-repeat;
	position:absolute;
	top: 0px;
    right: 42px;
	z-index:100000;
}*/

/*.fb {
	width:40px;
	height:41px;
	display:block;
	background:url(../images/fbicon.png) no-repeat;
	position:absolute;
	top: 36px;
    left: 424px;
	z-index:100000;
}*/
#phone {
	/*width:250px;
	height:50px;*/
	display:block;
	/*position:absolute*/;
	/*top: 72px;
    left: 424px;
	z-index:100000;*/
	color:#1b3055;
	font-family:'yellowtailregular', Arial, Helvetica, sans-serif;
	font-size: 48px;
}
#menu {
	margin:0 auto;
	background:#0a1e42;
	display:none;
}
#menuwrapper {
	width:96%;
	margin:0 auto;
	padding: 10px 4%;
	text-transform:uppercase;
	font-size:16px;
	color:#FFF;
	display:none;
}
#menuwrapper a{
	font-size:16px;
	color:#FFF;
	display:block;
	display:none;
}
#content {
	margin:0 auto;
}

/*.bgimgindex {
	background: url(../images/img_index.jpg) no-repeat top center fixed;
	background-size:cover;
}*/
/*.bgimgrealisation {
	background: url(../images/img_realisation.jpg) no-repeat top center fixed;
	background-size:cover;
}*/
/*.bgimgservices {
	background: url(../images/img_services.jpg) no-repeat top center fixed;
	background-size:cover;
}*/
/*.bgimgcontact {
	background: url(../images/img_contact.jpg) no-repeat top center fixed;
	background-size:cover;
}*/
#contentspacer {
	margin:0 auto;
	height: 38px;
	background: url(../images/content_bg_repeat.png) repeat-x ;
}
#contentwrapper {
	width:96%;
	margin:0 auto;
	padding:0% 4% 30px 4%;
	background:url(../images/bg50.png);
}

#contentwrapper a{
	color:#333;
}
#slogan {
	margin:0 auto;
	background:#0a1e42;
}
#sloganwrapper {
/*	width:900px;
	margin:0 auto;
	padding: 30px;*/
	display:none;
}

.logo {
	/*width:90%;*/
	height:82px;
	background-size:cover;
	display:block;
	background:url(../images/logo_mobile.png) no-repeat;
	text-indent:-500px;
	overflow:hidden;
	margin:0;
}

#footer {
	background: #000b20;

}
#footer p{
	color: #fff;

}
#menu_bas {
	margin:0 auto;
	background: #1b3055;
	/*background: url(../images/bg.jpg) no-repeat top center;*/
	/*background:fixed;*/
}
.menu_bas_content_wrapper {
	/*float:left;*/
	display:block;
	
}
.menu_bas_titles {
	display:block;
	background: no-repeat center left;
	margin:10px 0px 10px 14px;
	padding: 0 0 0 48px;
	color: #c6d1e4;
	font-size:32px;
	/*float:left;*/
	width:100%;
	font-family:'yellowtailregular', Arial, Helvetica, sans-serif;
}


.menu_bas_content {
	margin: 0 0 0 14px;
	display:block;
	width:96%;
	padding: 14px 4%;
	color:#FFF;
	background:#0d1e3c;
	height: 230px;
	height: auto !important;
	min-height: 230px;
}
#menu_baswrapper {
	width:96%;
	margin:0 auto;
	padding: 36px 2%;
	display:block;
}

#copyright {
	margin:0 auto;
	padding: 12px 0;
	text-align:center;
	color:#FFF;
}
/* CSS PAGES */
#contact_bloc1 {
	width:100%;
}
#contact_bloc2 {
	width:100%;
}
/* CSS Document */

body {
	background:#fff;
	margin:0;
	padding:0;
	color: #333;
	font-family:'sinkin_sans400_regular', Arial, Helvetica, sans-serif;
	/*font-family:'TeXGyreAdventorRegular', Arial, Helvetica, sans-serif*/
	font-size:14px;
	/*line-height: 200%;*/
}
html {
	margin:0;
	padding:0;
}
h1 {
	font-family:'yellowtailregular', Arial, Helvetica, sans-serif;
	color:#1b3055;
	font-size:42px;
	/*line-height:30px;*/
	font-weight: normal;
	margin:0 0 10px 0;
	/*padding:10px;*/
}

h2 {
	font-family:'yellowtailregular', Arial, Helvetica, sans-serif;
	color:#1b3055;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0px;
	font-size:32px;
	font-weight: normal;
}
div {
	position:relative;
}
p {
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:14px;
	text-align:justify;
	color:#333;
}
a {
	color:#FFF;
	text-decoration: none;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:12px;*/
}
ul {
}
li {
	padding-bottom: 10px
}
.clear {
	clear:both;
}


#galleryleft {
	float: none;
	width: 100%;
	margin: 0;
}

#galleryright {
	float: none;
	width: 100%;
	margin: 0;
}


/* menu mobile*/
.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #17305c;
  /*height: 500px;*/
  color: #FFF;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #17305c;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: #FFF;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  text-transform:uppercase;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #0a1e42;
  color: #FFF;
}

.active {
  background-color: #0a1e42;
  color: white;
}

#menu {
	display:none !important;
}