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

@font-face {
    font-family: 'UbuntuBold';
    src: url('../fontes/Ubuntu-B-webfont.eot');
    src: url('../fontes/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/Ubuntu-B-webfont.woff') format('woff'),
         url('../fontes/Ubuntu-B-webfont.ttf') format('truetype'),
         url('../fontes/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('../fontes/Ubuntu-BI-webfont.eot');
    src: url('../fontes/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/Ubuntu-BI-webfont.woff') format('woff'),
         url('../fontes/Ubuntu-BI-webfont.ttf') format('truetype'),
         url('../fontes/Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLightItalic';
    src: url('../fontes/Ubuntu-LI-webfont.eot');
    src: url('../fontes/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/Ubuntu-LI-webfont.woff') format('woff'),
         url('../fontes/Ubuntu-LI-webfont.ttf') format('truetype'),
         url('../fontes/Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('../fontes/Ubuntu-R-webfont.eot');
    src: url('../fontes/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/Ubuntu-R-webfont.woff') format('woff'),
         url('../fontes/Ubuntu-R-webfont.ttf') format('truetype'),
         url('../fontes/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{
	margin:0;
	padding:0;
	}
	
html{
	height:100%;
	margin:0;
	padding:0;
	}
	
body{
	background:url(../images/bg-header.png) top repeat-x;

	}
	
.wrapper{
	position:relative;
	width:780px;
	height:auto;
	margin:0 auto;
	}
	
#header{
	position:relative;
	background:url(../images/paysage.jpg) top center no-repeat;
	width:780px;
	height:270px;
	margin:0 auto;
	}
	
#section1{
	position:relative;
	float:left;
	width:780px;
	height:auto;
	}
	
#sectionLeft{
	position:relative;
	float:left;
	background:url(../images/nougats.jpg) center top no-repeat;
	width:505px;
	height:431px;
	margin-left:-60px;
	}
	
#sectionRight h1{
	font-family: 'UbuntuBold';
    font-weight: normal;
    font-style: normal;
	font-size:14px;
	line-height:18px;
	margin-bottom:12px;
	margin-top:19px;
	text-transform:uppercase;
	color:#ff3333;
	
	}
	
#sectionRight p{
	font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
	font-size:13.5px;
	line-height:17px;
	color:#697a81;
	margin-bottom:12px;
	
	}
	
#sectionRight{
	position:relative;
	float:left;
	width:310px;
	height:331px;
	padding-top:20px;
	padding-left:25px;
	
	}
	
	#sectionRight a{
	background:url(../images/bouton.png) top center no-repeat;
	display:block;
	width:241px;
	height:39px;
	margin-top:20px;
	
	}
	
	#sectionRight a:hover{
	background:url(../images/bouton_hover.png) top center no-repeat;
	}
	
	

	
#section2{
	position:relative;
	float:left;
	width:100%;
	height:331px;
	background-color:#063342;
	}

#section2 h2{
font-family: 'UbuntuBold';
    font-weight: normal;
    font-style: normal;
	font-size:16px;
	text-transform:uppercase;
	color:#FFF;
	padding-left:45px;
	padding-top:25px;
	}
	
#section2 h3{
font-family:'UbuntuRegular';
    font-weight: normal;
    font-style: normal;
	font-size:12px;
	color:#FFF;
	padding-left:45px;
	}
	
	
#section2 p{
font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
	font-size:12px;
	line-height:17px;
	color:#f3f3f3;
	padding-left:45px;
	padding-top:30px;
}

#tagline{
	position:relative;
	float:left;
	width:780px;
	margin:0 auto;
	}
	
#tagline h1{
	position:relative;
	float:left;
	width:780px;
	 font-family: 'UbuntuLightItalic';
	font-weight: normal;
    font-style: normal;
	text-align:center;
	font-size:25px;
	letter-spacing:1.5px;
	color:#fff;
	margin:40px auto;
	}
	
#col1{
	position:relative;
	float:left;
	width:220px;
	height:331px;
	margin-right:50px;
	background:url(../images/etape1.png) top center no-repeat;
	}
	
#col2{
	position:relative;
	float:left;
	width:220px;
	height:331px;
	margin-right:50px;
	background:url(../images/etape2.png) top center no-repeat;
	}
	
#col3{
	position:relative;
	float:left;
	width:220px;
	height:331px;
	background:url(../images/etape3.png) top center no-repeat;
	}
	
	
#col2 h2 {
padding-left:55px;
	}
	
#col2 h3 {
margin-left:10px;
	}
	
#col2 p {
margin-left:10px;
	}
	
#col3 h2 {
padding-left:60px;
	}
	
#col3 h3 {
margin-left:15px;
	}
	
#col3 p {
margin-left:15px;
	}
	

	
#footer2{
	position:relative;
	float:left;
	width:100%;
	background-color:#001e28;
	}


.col4{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	padding:20px 0px;
	}
	
.col4 img{
	position:relative;
	float:left;
	margin-right:20px;
	margin-left:30px;
	}
	
	.col4 p{
	position:relative;
	float:left;
	color:#b0ccd9;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 0px;
	padding:0 30px;
	border-right:1px solid #115369;
	}
	
	.col4 a{
	text-decoration:none;
	color:#b0ccd9;
	}
	
	.col4 a:hover{
	color:#fff;
	}