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

.Style1{font-family:Calibri; font-size:30px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style2{font-family:Calibri; font-size:70px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style3{font-family:Calibri; font-size:18px; color:#000000; font-weight:lighter; letter-spacing:0.2px;}
.Style4{font-family:Calibri; font-size:50px; color:#84b818; font-weight:lighter; letter-spacing:0.2px;}
.Style5{font-family:Calibri; font-size:20px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style6{font-family:Calibri; font-size:50px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style7{font-family:Calibri; font-size:16px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style8{font-family:Calibri; font-size:40px; color:#37517e; font-weight:lighter; letter-spacing:0.2px;}
.Style9{font-family:Calibri; font-size:30px; color:#37517e; font-weight:400; letter-spacing:1px;}
.Style10{font-family:Calibri; font-size:14px; color:#00a6eb; font-weight:lighter; letter-spacing:0.2px;}
.Style11{font-family:Calibri; font-size:14px; color:#000000; font-weight:lighter; letter-spacing:0.2px;}
.Style12{font-family:Calibri; font-size:14px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}

html { 
  margin:0;
  padding:0;
  background: url(../img/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;  pour anciens Chrome et Safari */
  /*background-size: cover; /* version standardisée */
}

#header
{
top:0; left:0; right:0;
position:fixed;
width:100%;
height:70px;
background:#ffffff/*rgba(0,0,0,0.8)13374e*/;
z-index:99999;
/*border-bottom:1px solid black;*/
}

#contenu
{
top:80px; left:0; right:0;
position:fixed;
width:100%;
z-index:9999;
}

#about
{
top:700px; left:0; right:0;
position:absolute;
background-color:#ffffff;
width:100%;
/*border-bottom:1px solid black;*/
z-index:9999;
}

#services
{
top:1295px; left:0; right:0;
position:absolute;
width:100%;
height:500px;
background-color:#84b818;
/*border-bottom:1px solid black;*/
z-index:9999;
}

#contact
{
top:1795px; left:0; right:0;
position:absolute;
width:100%;
background-color:#ffffff;
/*border-bottom:1px solid black;*/
z-index:9999;
}

#footer
{
top:2300px; left:0; right:0;
position:absolute;
width:100%;
background:#000000/*rgba(0,0,0,0.8)13374e*/;
z-index:9999;
/*border-bottom:1px solid black;*/
}

#btn_up
{
position: fixed;
bottom: 30px;
right: 25px;
cursor: pointer;
display:none;
z-index:99999;
}


/* FORMULAIRE */
#champs
{
outline: none;
padding-left:10px;
width:500px;
height:50px;
line-height:50px;
border:1px solid #dddddd;
border-bottom:1px solid #dddddd;
font-family:Calibri; font-size:16px; color:#333333;
border-radius:10px;
}
#champs2
{
outline: none;
padding-left:10px;
width:500px;
height:50px;
line-height:50px;
border:0px solid #dddddd;
border-bottom:0px solid #dddddd;
font-family:Calibri; font-size:16px; color:#333333;
border-radius:10px;
}

textarea
{
outline: none;
border:1px solid #dddddd;
border-bottom:1px solid #dddddd;
width:492px;
height:140px;
background-color:rgba(255,255,255,1);
font-family:Calibri; font-size:16px; color:#333333;
padding:10px;
border-radius:10px;
}

#envoi
{
outline: none;
width:150px;
height:50px;
background-color:#37517e;
border:0px solid;
font-family:Calibri; font-size:16px; color:#ffffff; text-align:center; text-decoration:none;
border-radius:10px;
cursor:pointer;
}

#envoi:hover
{
background-color:#009900;
transition:background-color 0.7s;
}