div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:#000; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ width:250px; margin-left:auto; margin-right:auto; text-align:center; margin-top:100px; padding:15px; font-size:12px; border:#3d4144 1px solid; -moz-border-radius: 8px;
    -webkit-border-radius: 8px; background:#1a1c1f; color:#fff; }
div#disclaimer-cadre b{ font-size:14px; color:#ffffff; }
div#disclaimer-cadre a{ text-decoration:none; font-size:20px; font-weight:bold; color:#cccccc; }
div#disclaimer-cadre a:hover{ color:#fff; }

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.85;
    opacity: .85;
    filter: alpha(opacity=85);
}

.white_content {
    display: none;
    position: absolute;
    top: 5%;
    /*left: 19%;*/
    width: 100%;
    height: 95%;
    /*border: 16px solid orange;*/
    /*background-color: white;*/
    z-index: 1002;
    overflow: auto;
}

.white_content img {
    width: 100%;
    max-width: 900px;
    display: block;
    margin: 0 auto;
}

/* CSS Document */
/* Built by Jack at Tristar */
/* Modified for improved browser compatibility by <a href="http://www.os-templates.com/">OS Templates</a> */

/* Reset */
*{margin:0; padding:0;}
img, img a{outline:none; border:none;}
body{
    background-color:#000000;
    color:#FFFFFF;
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 81.3%;
    font-weight: normal;
}
a, a:visited{
    outline:none;
    color:#FFFFFF;
    text-decoration:none;
}
a:hover{
}
form {
    width:95%;
    margin: 20px auto;
}
 
input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid #ccc;
    font-size:20px;
    width:100%;
    min-height:30px;
    display:block;
    margin-bottom:15px;
    margin-top:5px;
    outline: none;
 
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
}

 
label{
    cursor: pointer;
}
		

label.error { 
    display: block;
    clear: both;
    padding: 0 8px; 
    margin-top: 0;
    font-weight: bold; 
    color: red; 
}
	
.texta {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid #ccc;
    font-size:20px;
	
    border-radius: 5px;
    height: 100px;
    width: 100%;
}
 
label{
    cursor: pointer;
}
/* Modern Clear Floating Fix */

.clear:before, .clear:after{content:""; display:table;}
.clear:after{clear:both;}
.clear{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/* HTML5 Fix */

header, section, footer, aside, nav, article{display:block;}
.sameHeightCol { float: left; position: relative;}
#thumb { width: 33.33%; }

.arrondie_image {
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
/* Base Structure */

.bodywidth{width:960px; margin:0 auto; clear:both;}

/* General Type */

h1, h2, h3, h4, h5, h6{
    color:#FFFFFF;
    font-family:"Ubuntu", arial;
}
.bold{font-weight:bold;}
.blue{color:#4086c6;}

/* Header */

#headerwrap{
    width:100%;
    height:117px;
    background-color: #000000;
    background-repeat: repeat-x;
    background-position: 0 0;
}
#mainheader{padding:35px 0 0 0; color:#2f2f2f; text-shadow:0 0 1px #fff;}
.logo{float:left; margin:0 10px 0 0; -webkit-transition:-webkit-transform 0.4s ease-out; -moz-transition:-moz-transform 0.4s ease-out; transition:transform 0.4s ease-out;}
.logo:hover{cursor:pointer; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}
#websitetitle{float:left; margin:-8px 0 0 0;}
#websitetitle h1{font-size:2.538em; font-weight:normal;}
#websitetitle h2{font:1.462em "Georgia"; font-style:italic; font-weight:normal; margin:-3px 0 0 0;}
#mainheader nav{float:right; font:1.615em "Ubuntu",arial,; margin:8px 0 0 0;}
#mainheader nav li{list-style-type:none; display:inline; margin:0 0 0 65px;}
#mainheader a, #mainheader:visited{
    color:#FFFFFF;
}
#mainheader a:hover{
    text-decoration:none;
    color:#CCCCCC;
}

/* Intro */
.block {
    padding:7px;
    border:1px solid #333333;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:5px;
    overflow:hidden;
    background-color: #333333;
}

.blockinfo {
    padding:7px;
    border:1px solid #000000;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:5px;
    overflow:hidden;
    background-color: #000000;
}

.blockmodels {
    padding:7px;
    border:thin solid #666666;
    -moz-border-radius: 4px;
    border-radius: 1px;
    margin-bottom:5px;
    overflow:hidden;
    background-color: #000000;
}

#introduction{margin-top:25px;}
#introduction h2{font-size:3.231em; font-weight:bold; margin:0 0 5px 0;}
#introduction p{font-size:1.154em; line-height:140%;}
#introleft{float:left; width:540px; margin:0 0 25px 0;}
#introquote{float:right; font-style:italic; font-size:1.15em; width:335px; background:url("../images/leftquotemark.html") no-repeat 0 0; padding:28px 0 0 45px; margin:20px 0 25px 0;}
#introduction .quotename{float:right; height:27px; background:url("../images/rightquotemark.html") no-repeat right top; margin:10px 0 0 0; padding:0 50px 0 0; font:0.9em "Ubuntu"; color:#4086c6;}

a.findoutmore, a.findoutmore:visited{
    padding:10px;
    font:0.9em "Ubuntu",arial;
    font-weight:bold;
    color:#fff;
    text-shadow:0 0 1px #e82f7e;
    background-color:#e82f7e;
    background-image:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin:13px 0 0 0;
    float:right;
}
a.findoutmore:hover{
    background-color:#e82f7e;
    background-image:none;
    text-shadow:0 0 1px #fff;
    text-decoration:none;
}
/* Main Content */

#maincontent{
    padding:25px 0 0 0;
    overflow:hidden;
    border-top-width: 1px;
    border-top-style: none;
    border-top-color: #dbdbdb;
}
#aboutleft{float:left; width:540px;}
#aboutleft h3{font-size:1.5em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft h4{font-size:1.3em; font-weight:bold; margin:0 0 15px 0;}
#aboutleft p{line-height:135%; margin:0 0 15px 0;}
#aboutleft figure{
    padding:5px;
    border:1px #dbdbdb solid;
    float:left;
    width:70px;
    height:70px;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 0;
}
#aboutleft figureprofil{padding:5px; border:1px #dbdbdb solid; float:left; width:60px; height:60px; margin:0 15px 0 0;}
#articlesright{float:right; width:380px;}
#articlesright article{clear:both; margin:0 0 20px 0; overflow:hidden;}
#articlesright figure{padding:5px; border:1px #dbdbdb solid; float:left; width:60px; height:60px; margin:0 15px 0 0;}
#articlesright p{line-height:135%;}
#articlesright h5{
    font-size:1.3em;
    margin:0 0 6px 0;
    color:#FFFFFF;
}
#articlesright h5:hover{
    color:#C9512A;
}
a.readmore, a.readmore:visited{
    padding:4px;
    font:0.9em "Ubuntu",arial;
    font-weight:bold;
    color:#fff;
    text-shadow:0 0 1px #1e5298;
    background-image:none;
    background-color:#968849;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    float:none;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
a.readmore:hover{
    background-color:#968849;
    background-image:none;
    text-shadow:0 0 1px #000;
    text-decoration:none;
}

/* Footer */

#footerwrap{
    width:100%;
    margin:20px 0 0 0;
    padding:30px 0;
    background-color: #2d2d2d;
}
#mainfooter{text-shadow:0 0 1px #000;}
#mainfooter nav{float:left; font-style:italic; font-size:1.1em;}
#mainfooter nav ul{margin:0; padding:0; list-style:none;}
#mainfooter li{list-style-type:none; float:left; margin:0 35px 0 0;}
#mainfooter li:last-child{margin-right:0;}
#mainfooter a, #mainfooter a:visited{
    color:#FFFFFF;
}
.copyright{
    float:right;
    color:#C9512A;
}

/* MEDIA QUERIES */

/* Under 960px */
@media only screen and (max-width: 980px) and (min-width: 821px) {
    .bodywidth{width:800px;}
    #mainheader nav{font-size:1.4em;}
    #mainheader nav li{margin:0 0 0 50px;}
    #introleft{width:470px;}
    #introquote{width:270px;}
    #introduction h2{font-size:2.85em;}
    #aboutleft{width:450px;}
    #articlesright{width:324px;}
    #articlesright article{font-size:0.95em;}
    #mainfooter{font-size:0.9em;}
    #mainfooter li{margin:0 25px 0 0;}
    #mainfooter li:last-child{margin-right:0;}
}

/* Under 800px */
@media only screen and (max-width: 820px) and (min-width: 621px) {
    .bodywidth{width:600px;}
    #mainheader{padding:40px 0 0 0;}
    #mainheader nav{font-size:1.1em; margin:12px 0 0 0;}
    #mainheader nav li{margin:0 0 0 25px;}
    .logo{width:40px; height:40px;}
    #websitetitle h1{font-size:2.3em;}
    #websitetitle h2{font-size:1.2em;}
    #introleft{width:600px;}
    #introquote{display:none;}
    #aboutleft{width:400px;}
    #articlesright{width:170px;}
    #articlesright figure{display:none;}
    #mainfooter{font-size:0.9em;}
    #mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
    #mainfooter li{margin:0 15px 0 0;}
    #mainfooter li:last-child{margin-right:0;}
    .copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 600px */
@media only screen and (max-width: 620px) and (min-width: 501px) {
    .bodywidth{width:480px;}
    #mainheader{padding:25px 0 0 0;}
    #mainheader nav{float:left; font-size:1.1em; margin:18px 0 0 0;}
    #mainheader nav li{margin:0 30px 0 0;}
    .logo{width:40px; height:40px;}
    #websitetitle h1{font-size:2.3em;}
    #websitetitle h2{font-size:1.2em;}
    #introleft{width:480px;}
    #introduction h2{font-size:2.7em;}
    #introquote{display:none;}
    #aboutleft{width:310px; font-size:0.9em;}
    #articlesright{width:150px;}
    #articlesright article{font-size:0.9em;}
    #articlesright figure{display:none;}
    #mainfooter{font-size:0.9em;}
    #mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
    #mainfooter li{margin:0 15px 0 0;}
    #mainfooter li:last-child{margin-right:0;}
    .copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 480px */
@media only screen and (max-width: 500px) and (min-width: 341px) {
    .bodywidth{width:320px;}
    #mainheader{padding:25px 0 0 0;}
    #mainheader nav{float:left; font-size:1.1em; margin:18px 0 0 0;}
    #mainheader nav li{margin:0 30px 0 0;}
    .logo{width:40px; height:40px;}
    #websitetitle h1{font-size:2.3em;}
    #websitetitle h2{font-size:1.2em;}
    #introleft{width:320px; font-size:0.8em;}
    #introduction h2{font-size:2.3em;}
    #introquote{display:none;}
    #aboutleft{width:320px; font-size:0.9em;}
    #articlesright{width:320px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
    #articlesright article{font-size:0.9em;}
    #articlesright figure{display:none;}
    #mainfooter{font-size:0.8em;}
    #mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
    #mainfooter li{margin:0 6px 0 0;}
    #mainfooter li:last-child{margin-right:0;}
    .copyright{color:#b8b8b8; margin-bottom:0;}
}

/* Under 320px */
@media only screen and (max-width: 340px) and (min-width: 5px)  {
    .bodywidth{width:300px;}
    #mainheader{padding:27px 0 0 0;}
    #mainheader nav{float:left; font-size:0.9em; margin:15px 0 0 0;}
    #mainheader nav li{margin:0 30px 0 0;}
    .logo{width:40px; height:40px;}
    #websitetitle h1{font-size:2.3em;}
    #websitetitle h2{font-size:1.2em;}
    #introleft{width:300px; font-size:0.8em;}
    #introduction h2{font-size:2.3em;}
    #introquote{display:none;}
    #aboutleft{width:300px; font-size:0.9em;}
    #articlesright{width:300px; float:left; border-top:1px #dbdbdb solid; padding:20px 0 0 0; margin:10px 0 0 0;}
    #articlesright article{font-size:0.9em;}
    #articlesright figure{display:none;}
    #mainfooter{font-size:0.7em;}
    #mainfooter nav, .copyright{display:block; float:none; width:100%; margin-bottom:15px;}
    #mainfooter li{margin:0 6px 0 0;}
    #mainfooter li:last-child{margin-right:0;}
    .copyright{color:#b8b8b8; margin-bottom:0;}
}