@font-face {
    font-family:'Rotis';
    src:url('rotis_semisans_light_45-webfont.eot');
    src:url('rotis_semisans_light_45-webfont.eot?#iefix') format('embedded-opentype'),
         url('rotis_semisans_light_45-webfont.woff') format('woff'),
         url('rotis_semisans_light_45-webfont.ttf') format('truetype'),
         url('rotis_semisans_light_45-webfont.svg#rotissemisanslight') format('svg');
    font-weight:normal;
    font-style:normal;
}
html, button, input, select, textarea {color:#222;}
html {font-size:1em; line-height:1.4;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
audio,canvas,img,video {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:none;}
.clearfix:before, .clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
html, body {background:#FAAF4C; font-size:14px;}
.rotis {font-family:Rotis, Arial, Helvetica, sans-serif;}
.titre {
	font-family:Rotis, Arial, Helvetica, sans-serif; font-size:56px;
	float:left; text-align:right; color:#FFF; line-height:1;
}
.titre div {color:#000; font-size:26px;}
.baseline {float:left; font-size:14px;}
.screen {position:relative; min-height:800px;}
#presentation {
	background-image:url(../img/presentation.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	   -moz-background-size:cover;
	    -ms-background-size:cover;
	     -o-background-size:cover;
	        background-size:cover;
}
#enjeux {
	background-image:url(../img/enjeux.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	   -moz-background-size:cover;
	    -ms-background-size:cover;
	     -o-background-size:cover;
	        background-size:cover;
}
.no-touch #presentation, .no-touch #enjeux {background-attachment:fixed;}
#commentcamarche {}
#commentcamarche .inner {padding:0 20px 0 35px;}
#commentcamarche .titre-2 {color:#FFF; line-height:21px; font-weight:bold;}
#commentcamarche .inner.item-1 {background:url(../img/commentcamarche/item1.png) no-repeat top left;}
#commentcamarche .inner.item-2 {background:url(../img/commentcamarche/item2.png) no-repeat top left;}
#commentcamarche .inner.item-3 {background:url(../img/commentcamarche/item3.png) no-repeat top left;}
#exemples {position:relative;}
#exemples .inner {padding:0 15px; background:url(../img/exemples/puce.png) no-repeat left 4px;}
#avantages {}
#avantages .titre-2 {color:#FFFFFF; font-weight:bold;}
#avantages .inner {padding:0 30px;}
#avantages .sep {
	position:absolute; left:33.3%; width:33.3%; bottom:0; top:87px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
#collaboration {}
	#ines {
		position:absolute; top:0; right:0; padding:45px 20px; width:590px;
		background:url(../img/collaboration/line.png) no-repeat left bottom #FFF;
	}
	#left-1 {
		position:absolute; top:0; left:0; right:0;
		background-image:url(../img/collaboration/left-1.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		   -moz-background-size:cover;
			-ms-background-size:cover;
			 -o-background-size:cover;
				background-size:cover;
	}
	#left-2 {
		position:absolute; bottom:0; left:0; right:0;
		background-image:url(../img/collaboration/left-2.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		   -moz-background-size:cover;
			-ms-background-size:cover;
			 -o-background-size:cover;
				background-size:cover;
	}
	#right {
		position:absolute; top:0; bottom:0; left:0; right:0;
		background-image:url(../img/collaboration/right.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		-webkit-background-size:cover;
		   -moz-background-size:cover;
			-ms-background-size:cover;
			 -o-background-size:cover;
				background-size:cover;
	}
#contact {}
	#contact input[type="text"], #contact textarea {
		width:100%; border:1px solid #FFF; padding:5px;
	}
	#contact input[type="submit"] {
		background:#373636;
		color:#FFF;
		text-transform:uppercase;
		border:none;
		padding:5px 20px;
		float:right;
		font-family:Rotis, Arial, Helvetica, sans-serif;
		font-size:24px;
		height:30px;
		-webkit-border-radius:5px;
		        border-radius:5px;
	}
	#contact input[type="checkbox"] {vertical-align:middle;}
	#contact .field {margin:5px 0;}
	#contact input, #contact textarea {
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
		        box-sizing:border-box;
	}
	#form-wrap {
		padding:0 15px 0 0;
	}
	#carte {
		background-image:url(../img/contact/carte.png);
		background-repeat:no-repeat;
		width:432px;
		height:425px;
		padding:125px 0 0 50px;
		text-align:center;
	}
.white {color:#FFFFFF;}
.orange {color:#f89700;}
.gris {color:#373636;}
.arrow {position:absolute; display:none;}
.container {position:relative; width:900px; margin:auto;}
ul#slider {list-style:none; padding:0; margin:0; position:relative;}
ul#slider li {padding:0; margin:0; position:absolute;}
ul#slider li img {width:100%; height:auto;}
#footer {background:#FFF; padding:20px 0; text-align:center; color:#373636;}
#footer a {color:#373636; text-decoration:none;}
#nav {position:fixed; top:30px; right:10px; z-index:1100;}
#nav ul {list-style:none; padding:0; margin:0;}
#nav ul li {padding:0; margin:0; height:30px;}
#nav ul li a {
	display:block;
	padding:0 30px 0 0; 
	background-image:url(../img/nav/puce.png); 
	background-repeat:no-repeat; 
	background-position:right center; 
	text-decoration:none; 
	color:#FFF; 
	line-height:28px;
	height:28px;
}
#nav ul li a span {background:#373636; float:right; padding:0 15px; position:relative;
	-webkit-border-radius:5px;
			border-radius:5px;
}
.no-touch #nav ul li a span {visibility:hidden;}
#nav ul li a span .fl {position:absolute; top:0; right:-4px; width:4px; height:28px; background:url(../img/nav/fl.png) no-repeat top right;}
.touch #nav ul li a span .fl {display:none;}
#nav ul li a.selected,
.no-touch #nav ul li a:hover {background-image:url(../img/nav/puce-selected.png)}
#nav ul li a.selected span,
.no-touch #nav ul li a:hover span {visibility:visible;}

.page {
	-webkit-transition:all 500ms linear;
	   -moz-transition:all 500ms linear;
	    -ms-transition:all 500ms linear;
	     -o-transition:all 500ms linear;
	        transition:all 500ms linear;
}