body{
    font-family:  arial, verdana, sans-serif;
    font-size:13px;
    background:url('images/bg.jpg');
    color:#eaeaea;
}

html, body{height:100%;}

*{margin:0px; border:0px; padding:0px;}
.clear{height:0px; clear:both;}

/*Global Styles*/
.red{
    color:#6D1212;
}
h1{margin-bottom:20px;}
h2{margin-bottom:10px; font-size:15px; color:#f8f5f5; font-family:Times New Roman, Times, serif;}
p{margin-bottom:30px; line-height:18px; text-align:justify;}


#bgLogo{

    max-width:100%;
}

#languageBtn{
    display:inline-block;
    padding:10px;
    top:0px;
    left:0px;
    position:fixed;
    background:#923233;
    color:white;
    font-weight:bold;
    text-decoration:none;
}

input[type=text]{
    box-sizing: border-box;
    width:100%;
    background:#363636;
    border:1px solid #363636;
    padding:5px;
    color:#f8f5f5;
    font-size:12px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
textarea{
    box-sizing: border-box;
    width:100%;
    background:#363636;
    border:1px solid #363636;
    padding:5px;
    color:#f8f5f5;
    font-size:12px;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    resize:none;
    height:300px;
}


#textContent li{
    position:relative;
    margin-left:40px;
    line-height:18px;
    margin-bottom:10px;
    text-align:justify;
}


#menu{
    margin-top:20px;
    list-style-type: none;
    margin-left:90px;
}
#menu li{
    list-style-type: none;
    display:block;
    margin-top:10px;
}
#menu li a{
    color:white;
    font-size:16px;
    text-decoration:none;
    text-transform: uppercase;
}

.procedureList li a{
    color:white;
    font-size:15px;
    text-decoration:none;
    margin-bottom:10px;
    display:block;
}
#menu li a:hover, #menu li a.current, li a:hover{
    color:#923233;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;

}
/*******************MAIN Section**********************/

.siteContent{
    width:1000px; margin:auto;
    min-height:100%;
    padding-top:80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:-100px;
}
.rightSection{width:600px; float:right;}

.logoContainer{
    width:300px;
    margin-top:30px;
    float:left;
    font-family:Times New Roman, Times, serif;
    color:#f8f5f5;
    margin-bottom:40px;
}

.footer{
    clear:both;
    border-top:5px solid #333333;
    background:#191919;
    padding-top:20px;
    font-size:12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer, .siteContent:after{
    height:100px;
}

.collapsible{
    cursor:pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.collapsible:hover{
    color:#923233;
}

/*******************CUSTUM STUFF**********************/


.name{font-size:50px;}
.lastName{font-size:60px; line-height:30px;}
.title{font-family:Times New Roman, Times, serif; margin-bottom:20px; font-weight:bold; font-size:1.2em; font-size:25px; margin-top:15px; padding:10px 20px 10px 20px; background:#923233; display:inline-block;}


.logoContainer .thumb{
    width:140px;
    margin-top:10px;
}

.footerContent{
    width:1000px; margin:auto;
    text-align:center;
    display:table;
}

.footer a{ color:#f8f5f5}

.footer .linkimg{
    margin-right:20px;
    height:33px;
    width:33px;
    display:inline-block;
    text-decoration:none;
}
.linkimg.fb{background:url("images/fb.png")scroll 0 0}
.linkimg.tw{background:url("images/tw.png")scroll 0 0}
.linkimg.gl{background:url("images/gl.png")scroll 0 0}

.footer .linkimg:hover{
    background-position:0 -121px;
}

.footerBlock{ width:300px; display:table-cell; text-align:left; font-size:12px; vertical-align: top; position:relative;}
.footer .socialSpan{margin-top:9px; display:inline-block;position:absolute;}

/*small Screen*/
.logoContainer.small{
   float:none;
   margin:40px auto 40px auto;
}
.rightSection.small{
    float:none;
    margin:0 auto 40px auto;
    width:500px;
}
.siteContent.small{width:600px;}
.footer.small{height:200px;}
.siteContent.small{margin-bottom:0px;}



.footerContent.small{width:500px;}
.footerBlock.small{display:table-row;}
.footerBlock.small h2{padding-top:40px;}


/*FORM*/
#formContent table{width:100%; border-collapse: collapse; margin-bottom:40px;}
#formContent table td{padding-top:20px; }



#formContent table input.watermark, #formContent table textarea.watermark{color:#666666;}


#formContent table .error{border:1px solid red;}


/*Page des procédures*/

.ProcedureContainer{
    margin-bottom:20px;
}
.ProcedureContainer h2{
    font-size:15px;
}
.procedureContent{
    display:none;
    border-bottom:1px solid #eaeaea;
}
.procedureContent li{
    margin-left:20px;
}
.procedureContent a{
    color:white;
    font-weight:bold;
    text-decoration:none;
}
.procedureContent a:hover, .newsLink{
    color:#923233;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.toggle{ font-weight:bold; margin-right:10px; cursor:pointer;}



.documentsContainer li{
    margin-bottom:20px;

}
.event{
    display:none;
    margin-bottom:40px;
    border-bottom:1px solid #eaeaea;
}

.newsLink{
    color:white;
    text-decoration:none;
    font-weight:bold;
}