@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/YMOYVM-eg6Qs9YzV9OSqZfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/PLygLKRVCQnA5fhu3qk5fQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
html { 
  background: url(../images/main_bkg.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	margin: 0;
	padding:0;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Oswald", sans-serif;*/
	color:#FFF;
}
#main{
	float: left;
	width:100%;	
}
#gauche{
	float: left;
	width:25%;
}
#avatar {
	display:block;
	width:100%;
	float: left;
}
#avatar img{
	width:100%;
}
#droite{
	float: left;
	width:75%;
}
#centre{
	margin:0 auto;
	text-align:center;
}
#titre {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	display:block;
 	font-size:54px;
	font-weight:bold;
	text-shadow: 10px 10px 20px #252525, 5px 5px 5px #666666;
	margin:20px 0 30px 10px;
}
#3volets{
		width:100%;
margin-top:60px; /* espace interne du conteneur */
text-align:center;
font-size:30px;
}

#volet1{
padding:10px; /* aération interne des blocs */
margin:20px; /* espacement horizontal entre les blocs */
display:inline-block;
vertical-align:middle;
text-align: center;
background:#fff;
width:40%;

border-radius:5px;
color:#434445;
}

#volet2{
padding:20px; /* aération interne des blocs */
margin:0; /* espacement horizontal entre les blocs */
display:inline-block;
vertical-align:middle;
text-align:left;
background:#fff;
width:50%;

color:#434445;
box-shadow: 0px 10px 10px 12px rgba(0, 0, 0, 0.26);
 -webkit-box-shadow: 0px 10px 10px 12px  rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 10px 10px 12px  rgba(0, 0, 0, 0.3);
box-shadow:  0px 10px 10px 12px rgba(0, 0, 0, 0.3);
border-radius:5px;
font-size:20px;
text-align:justify;
}

#volet3{
padding:10px; /* aération interne des blocs */
margin:0; /* espacement horizontal entre les blocs */
display:inline-block;
vertical-align:middle;
text-align:left;
background:#fff;
width:94%;

border-radius:5px;
box-shadow: inset 10px -4px 12px 0px rgba(0, 0, 0, 0.26);
}
#volet3 span{
	font-size:80px;
	font-weight:bold;
	color:#09a2ce;
}

#volet4{
padding:20px; /* aération interne des blocs */
margin:0; /* espacement horizontal entre les blocs */
display:inline-block;
vertical-align:middle;
text-align:left;
background:#fff;
width:90%;
color:#434445;
box-shadow: 0px 10px 10px 12px rgba(0, 0, 0, 0.26);
 -webkit-box-shadow: 0px 10px 10px 12px  rgba(0, 0, 0, 0.3);
-moz-box-shadow:0px 10px 10px 12px  rgba(0, 0, 0, 0.3);
box-shadow:  0px 10px 10px 12px rgba(0, 0, 0, 0.3);
border-radius:5px;
font-size:20px;
text-align:justify;
}

.volet_img{
	text-align:center;
	width:100%;
	
}
.volet_tit{
	text-align:center;
	width:100%;
	margin:10px 0 20px 0;
	font-size:30px;
	font-weight:bold;
	color:#163a86;
}
#volet4 span{
	display:block;
	color:#09a2ce;
font-size:24px;	
margin-bottom:10px;
font-weight:bold;
text-align:center;
}
input {
	margin:20px 0 20px 0;
	width:200px;
    border-radius:5px;
	font-size:26px;
	height:25px;
}
#footer{
margin-top:10px; /* espace interne du conteneur */
text-align:center;
font-size:20px;
}
#footer img{
	margin:0 40px 0 40px;

}