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

.Style1{font-family: "Raleway", sans-serif; font-size:50px; color:#252b58; font-weight:200; letter-spacing:0.2px;}
.Style2{font-family: "Raleway", sans-serif; font-size:16px; color:#ffffff; font-weight:400; letter-spacing:0.2px;}
.Style3{font-family: "Raleway", sans-serif; font-size:15px; color:#000000; font-weight:300; letter-spacing:0.2px;}
.Style4{font-family: "Raleway", sans-serif; font-size:20px; color:#000000; font-weight:400; letter-spacing:0.2px;}
.Style5{font-family: "Raleway", sans-serif; font-size:50px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style6{font-family: "Raleway", sans-serif; font-size:20px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style7{font-family: "Raleway", sans-serif; font-size:16px; color:#000000; font-weight:200; letter-spacing:0.2px;}
.Style8{font-family: "Raleway", sans-serif; font-size:25px; color:#000000; font-weight:lighter; letter-spacing:0.2px;}
.Style9{font-family: "Raleway", sans-serif; font-size:16px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style10{font-family: "Raleway", sans-serif; font-size:18px; color:#000000; font-weight:200; letter-spacing:0.2px;}
.Style11{font-family: "Raleway", sans-serif; font-size:90px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style12{font-family: "Raleway", sans-serif; font-size:25px; color:#252b58; font-weight:300; letter-spacing:0.2px;}
.Style13{font-family: "Raleway", sans-serif; font-size:16px; color:#ffffff; font-weight:300; letter-spacing:0.2px;}
.Style14{font-family: Arial; font-size:25px; color:#000000; font-weight:400; letter-spacing:0.2px;}


.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#header
{
top:0; left:0; right:0;
position:fixed;
width:100%;
height:90px;
z-index:9999;
background-color:#252b58;
/*border-bottom:1px solid black;*/
}

#contenu
{
top:100px; left:0; right:0;
position:absolute;
width:100%;
height:90px;
z-index:999;
/*border-bottom:1px solid black;*/
}

#blocreserv
{
top:420px; right:30px;
position:fixed;
width:380px;
height:180px;
background-color:#252b58;
border-radius:20px;
z-index:9999;
}

#about
{
position:absolute;
top:100%; left:0; right:0;
background-color:rgba(255,255,255,1);
width:100%;
height:705px;
z-index:999;
}

#chambres
{
position:absolute;
top:200%; left:0; right:0;
background-color:rgba(255,255,255,1);
width:100%;
height:705px;
z-index:999;
}

#dej
{
position:absolute;
top:300%; left:0; right:0;
background-color:rgba(255,255,255,1);
width:100%;
height:705px;
z-index:999;
}

#place
{
position:absolute;
top:400%; left:0; right:0;
background-color:rgba(255,255,255,1);
width:100%;
height:705px;
z-index:999;
}

#footer
{
position:absolute;
top:500%; left:0; right:0;
background-color:#252b58;
width:100%;
z-index:999;
}
#footer2
{
position:absolute;
top:1200px; left:0; right:0;
background-color:#252b58;
width:100%;
z-index:999;
}

/*----------------- FORMULAIRES -----------------*/
#champs
{
outline: none;
padding-left:10px;
width:400px;
height:50px;
line-height:50px;
border:2px solid #dddddd;
font-family:Calibri; font-size:20px; color:#333333;
border-radius:10px;
}
#champs4
{
outline: none;
padding-left:10px;
width:415px;
height:55px;
line-height:50px;
border:2px solid #dddddd;
font-family:Calibri; font-size:20px; color:#333333;
border-radius:10px;
}

#champs2
{
outline: none;
padding-left:10px;
width:100%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

#champs3
{
outline: none;
padding-left:10px;
width:98%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

#champs4
{
outline: none;
padding-left:10px;
width:30%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

#champs5
{
outline: none;
padding-left:10px;
width:75%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

#champs6
{
outline: none;
padding-left:10px;
width:18%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

#champs7
{
outline: none;
padding-left:10px;
width:62%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:30px; color:#333333;
border-radius:10px;
}

#champs8
{
outline: none;
padding-left:10px;
width:15%;
height:150px;
line-height:100px;
border:2px solid #dddddd;
font-family:Calibri; font-size:40px; color:#333333;
border-radius:10px;
}

textarea
{
outline: none;
border:0px solid #dddddd;
border-bottom:1px solid #dddddd;
width:430px;
height:140px;
background-color:rgba(255,255,255,1);
font-family:Calibri; font-size:16px;
padding:10px;
/*border-radius:10px;*/
}
#txt
{
outline: none;
border:0px solid #dddddd;
border-bottom:1px solid #dddddd;
width:100%;
height:200px;
background-color:rgba(255,255,255,1);
font-family:Calibri; font-size:40px;
padding:10px;
/*border-radius:10px;*/
}

#envoi
{
outline: none;
width:415px;
height:55px;
background-color:#43a62a;
border:0px solid;
font-family:Calibri; font-size:20px; color:#ffffff; text-align:center; text-decoration:none;
cursor:pointer;
border-radius:10px;
}

#envoi2
{
outline: none;
width:102%;
height:150px;
background-color:#008f59;
border:0px solid;
font-family:Calibri; font-size:40px; color:#ffffff; text-align:center; text-decoration:none;
cursor:pointer;
border-radius:10px;
}



#del
{
outline: none;
width:200px;
height:55px;
background-color:#009900;
border:0px solid;
font-family:Calibri; font-size:20px; color:#ffffff; text-align:center; text-decoration:none;
cursor:pointer;
border-radius:10px;
}

#cancel
{
outline: none;
width:200px;
height:55px;
background-color:#ff0000;
border:0px solid;
font-family:Calibri; font-size:20px; color:#ffffff; text-align:center; text-decoration:none;
cursor:pointer;
border-radius:10px;
}


#op
{
width:100px;
height:25px;
line-height:25px;
background-color:#0072ff;
border-radius:20px;
}

#pi
{
width:100px;
height:25px;
line-height:25px;
background-color:#ffae00;
border-radius:20px;
}

#ni
{
width:100px;
height:25px;
line-height:25px;
background-color:#ff0000;
border-radius:20px;
}

#co
{
width:100px;
height:25px;
line-height:25px;
background-color:#2bcc33;
border-radius:20px;
}