@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

@font-face {
	font-family: 'AvenirNext-Regular';
	src: url('../_fonts/AvenirNext-Regular.eot') format('eot'), url('../_fonts/AvenirNext-Regular.woff') format('woff'), url('../_fonts/AvenirNext-Regular.ttf') format('truetype'), url('../_fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
}
@font-face {
	font-family: 'AvenirNext-DemiBold';
	src: url('../_fonts/AvenirNext-DemiBold.eot') format('eot'), url('../_fonts/AvenirNext-DemiBold.woff') format('woff'), url('../_fonts/AvenirNext-DemiBold.ttf') format('truetype'), url('../_fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */
html {
	overflow-x: hidden;
	background-color: ;
}
body {
	font-size: 70%;
}
body#accueil {
	background: #2c2925 url(../_images/accueil.jpg) no-repeat center 50px fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');
}
body#services {
	background: #2c2925 url(../_images/services.jpg) no-repeat center 0px fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');
}
body#equipe {
	background: #2c2925 url(../_images/equipe.jpg) no-repeat center 50px fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-y: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');
}
#wrap {
	width: 100%;
}
#header {
	background : #a6bbc9;
}
#content_header {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 940px;
	height: 14.5em;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#langue {
	text-align: right;
	padding: 0.5% 0 0% 0;
}
#langue a {
	font-family: "AvenirNext-Regular", sans-serif;
	color: #000000;
	font-size : 1.0em;
	text-decoration: none;
}
#logo {
	text-align: center;
	margin: 1% 0 1.5% 0;
	padding: 0;
}
#mainmenu {
	width: 100%;
	display: inline-block;
	text-align: center;
	height: 1em;
	margin: 0 0 1% 0;
}

.nav li {
	display: inline;
	list-style: none;
}
.nav a {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 100%;
	padding: 3%;
	text-decoration: none;
	color: #000000;
	font-size: 1.3em;
}
.nav ul li a {
	text-decoration : none;
	position : relative;
}
.nav li.active {
	text-decoration : underline;
	position : relative;
	font-weight: bold;
	}
#border_accueil {
	border-bottom: 1em solid #000000;
}
#border_services {
	border-bottom: 1em solid #c3d600;
}
#border_equipe {
	border-bottom: 1em solid #ffa409;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContent {
	max-width: 940px;
	text-align: left;
	width: 100%;
	margin : 0 auto;
	padding: 0em 0 0em 0em;
}
#mainContent_accueil {
	float: right;
	max-width: 30em;
	margin: 3% 0 0 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #ffffff;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_accueil p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 1.3em;
	padding: 5px;
	line-height: 1.6em;
	padding: 0 1em 0 1em;
	color: #ffffff;
}
#mainContent_accueil a {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 0.9em;
	line-height: 1.6em;
	text-decoration: none;
	color: orange;
}
#mainContent_accueil a:hover {
	text-decoration: underline;
}
#mainContent_contact_accueil {
	clear: both;
	float: right;
	max-width: 30em;
	margin: 1% 0 0.6em 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(255,255,255,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #ffffff;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_contact_accueil p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 0.9em;
	line-height: 0.7em;
	padding: 0 1em 0 1em;
	color: #000000;
}
#mainContent_contact_accueil a {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: #000000;
}
#mainContent_contact_accueil a:hover {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: blue;
}
#mainContent_services {
	float: right;
	max-width: 30em;
	margin: 3% 0 0 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(195,214,0,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #000000;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_services p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 1.3em;
	padding: 5px;
	line-height: 1.6em;
	padding: 0 1em 0 1em;
}
#mainContent_services ul {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 1.2em;
	margin: -1em 0 0 0;
	padding: 0 0 0 2em;
	line-height: 1.5em;
}
#mainContent_contact_services {
	clear: both;
	float: right;
	max-width: 30em;
	margin: 1% 0 0.6em 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #ffffff;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_contact_services p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 0.9em;
	line-height: 0.7em;
	padding: 0 1em 0 1em;
	color: #ffffff;
}
#mainContent_contact_services a {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: #ffffff;
}
#mainContent_contact_services a:hover {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: #c3d600;
}
#mainContent_equipe {
	float: right;
	max-width: 30em;
	margin: 3% 0 0 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(255,164,9,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #000000;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_equipe p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 1.3em;
	text-align: left;
	padding: 5px;
	line-height: 1.6em;
	padding: 0 1em 0 1em;
}
#mainContent_contact_equipe {
	clear: both;
	float: right;
	max-width: 30em;
	margin: 1% 0 0.6em 0;
	padding: 0.6em 0em 0.6em 0em;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	-o-border-radius: 0.8em;
	color: #ffffff;
	border: 0px solid #fff;/*-moz-box-shadow: 5px 5px 10px #888;
	-webkit-box-shadow: 5px 5px 10px #888;
	box-shadow: 5px 5px 10px #888;*/
}
#mainContent_contact_equipe p {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 0.9em;
	padding: 0px;
	line-height: 0.7em;
	padding: 0 1em 0 1em;
	color: #ffffff;
}
#mainContent_contact_equipe a {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: #ffffff;
}
#mainContent_contact_equipe a:hover {
	font-family: "AvenirNext-Regular", sans-serif;
	text-decoration: underline;
	color: #ffa409;
}
footer {
	width: 100%;
	height:60px;
	clear: both;
	background-color: #000000;
	/*position: absolute;
	bottom: 0;
	left: 0;*/
	position: absolute;
	bottom: 0;
	left: 0;
}
#footer_content p {
	margin : 0em 0 0 0;
	padding: 2em 0 0em 0;
	text-align : center;
	font-family: "AvenirNext-Regular", sans-serif;
	color: #ffffff;
	font-size : 0.8em;
	line-height: 1.6em;
}

/* Tablet Layout: 486px to 865px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 486px) {
body {
	font-size: 80%;
}

#content_header {
	height: 16em;
}
#logo {
	text-align: center;
	margin: 1% 0 3% 0;
	padding: 0;
}
#bg_accueil {
	display: inline;
	background: url(../_images/filmstrip_acc.png) top center no-repeat;
	padding: 3%;
	border: 0px solid #777777;
	background-size: contain;
}
#bg_services {
	display: inline;
	background: url(../_images/filmstrip_serv.png) top center no-repeat;
	padding: 3%;
	background-size: contain;
}
#bg_equipe {
	display: inline;
	background: url(../_images/filmstrip_equ.png) top center no-repeat;
	padding: 3%;
	background-size: contain;
}
.nav a {
	color: #ffffff;
	padding: 5%;
}

.nav li.active {
	text-decoration : none;
	font-weight: normal;
}
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainContent_contact_accueil p {
	font-size : 1.1em;
	padding: 0 1em 0 1.5em;
}
#mainContent_contact_services p {
	font-size : 1.1em;
	padding: 0 1em 0 1.5em;
}
#mainContent_contact_equipe p {
	font-size : 1.1em;
	padding: 0 1em 0 1.5em;
}
}

/* Desktop Layout: 865px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 865px) {
body {
	font-size: 83%;
}
#header {
	background : #a6bbc9;
}
#content_header {
	height: 12em;
}
#logo {
	text-align: left;
	margin: 1% 0 1.5% 0;
	padding: 0;
}
#mainmenu {
	width: 80%;
	float: right;
	height: 1em;
	margin: -6% 0 5% 15%;
	border: 0px solid #000000;
}
.nav li {
	text-align: right;
	display: inline;
	list-style: none;
}
.nav a {
	font-family: "AvenirNext-Regular", sans-serif;
	font-size : 100%;
	text-decoration: none;
	color: #ffffff;
	font-size: 1.3em;
}
.nav ul li a {
	text-decoration : none;
	position : relative;
}
.gridContainer {
	width: 93.4166%;
	max-width: 1232px;
	padding-left: 0.7916%;
	padding-right: 0.7916%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}