body
{
background-color:#000000;
margin : 0;
padding : 0;
font-family : "Trebuchet MS", Arial;
height:100%;
}

html
{
height:100%
}

#header
{
background-color : #000000;
height : 120px;
box-shadow: 0px 1px 20px 3px;
text-align:right;
}

#footer
{
background-color : #000000;
box-shadow: 0px 1px 20px 3px #000000;
color:#FFFFFF;
width:100%;
text-align : center;
font-size:0.8em;
clear:both;
}

#upcontain
{
min-height: 97%;
background-color:#FFFFFF;
}

#blanc
{
	height:50px;
}

#clear
{
clear:both;
}

#menu
{
text-align : right;
}

#menu ul
{
padding:0;
margin:0;
list-style-type:none;
margin-right : 50px;
}

ul li a
{
 display:block;
 float:right;   
 min-width:50px;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:10px;
 margin-right:10px;
 font-size : 1.1em;
 text-align:center
}

ul li a:hover, ul li a.active
{
background-color:#000000;
color:#FFFFFF;
border-radius : 0px 0px 20px 20px;
}

#logo{
position : absolute;
top : 30%;
left:30%;
font-size : 5em;
z-index : 3;
}

#layer{
background-color: #000000;
display: block;
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}

#contain{
width : 100%;
margin-top : 80px;
}

#main{
width : 60%;
margin-right : auto;
margin-left : auto;
}
@font-face { 
  font-family: 'Rockwell'; 
  src: url('Rockwell.ttf'); 
}
h1
{
font-family : "Rockwell";
background : #000000;
color : #FFFFFF;
border-radius : 20px 20px 20px 20px;
padding-left : 25px;
padding-top : 5px;
padding-bottom : 5px;
}

h2
{
margin-left : 50px;
text-shadow : 12px 8px 8px #000000;
text-decoration:underline;
}
span
{
font-weight : bold;
}

.noir
{
color : #1F1A17;
}

.rouge
{
color : #DA251D;
}

.blanc
{
color: #FFFFFF;
}

.cadre
{
margin-left : 25px;
margin-right : 25px;
padding-left : 20px;
background: none repeat scroll 0 0 #CFCFCF;
border: 4px double white;
border-radius: 10px 10px 10px 10px;
box-shadow: 3px 3px 20px 5px #A9A9A9;
}

p.retrait
{
margin-left : 50px;
}

#footer a
{
text-decoration : none;
color : #FFFFFF;
font-weight : bold;
padding : 3px;
border-radius: 10px 10px 10px 10px;
}

#footer a:hover, #footer a.active
{
background-color : #FFFFFF;
color : #000000;
}

#imglogo
{
width :400px;
height :400px;
}

.cadre a
{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	border-radius : 10px 10px 10px 10px;
	padding:3px;
}

.cadre a:hover, .cadre a.active
{
	background-color : #000000;
	color : #FFFFFF;
}

.right
{
	text-align:center;
	margin-left:auto;
	margin-top : -5px;
	margin-right:10px;
	float:right;
}

.left
{
	
}

.petit
{
	font-size:0.7em;
}

.col
{
	column-count:2;
	-moz-column-count:2; 
	-webkit-column-count:2;
}

img.niv
{
	vertical-align:middle;
}

table.comp
{
	width : 100%;
}

td.comp
{
	width : 50%;
}

h3
{
	margin-left : 5%;
}

table.list
{
	width: 100%;
}

td.list_name
{
	width : 50%;
}

td.list_niv
{
	width : 50%;
	text-align:center;
}

acronym
{
	cursor : help;
}

#colonnegauche
{
	float: left;
    line-height: 20px;
    width: 50%;
	margin-bottom : 5%;
}

#colonnedroite
{
	float: left;
    line-height: 20px;
	width:50%;
}

#colonnegauche div.cadre, #colonnedroite div.cadre
{
	margin-bottom : 25px;
}

img.rea
{
	width : 250px;
	height : 200px;
}

.nav
{
	letter-spacing : 5px;
	color:#FFFFFF;
}

.nav label
{
	cursor : pointer
}

.nav label:hover
{
	color: #DA251D;
}

.souscadre
{
	margin-right: 25px;
	margin-top : 25px;
	margin-bottom : 25px;
	padding-left : 20px;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid black;
	border-radius: 10px 10px 10px 10px;
}

#header img
{
	width : 100px;
	height : 100px;
	margin-right : 25%;
	margin-bottom : 5px;
}

h1 img, h2 img
{
	margin-left : 5%;
	vertical-align:middle;
}

h3 img
{
	margin-left : 2%;
	vertical-align : middle;
}

input[type="text"], textarea
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
	color: #000000;
	margin: 2px;
	padding: 0.4em 1em;
	width: 80%;
}

input[type="text"]
{
	height:1.2em;
}

input[type="button"]
{
	margin : 15px;
	cursor: pointer;
    font-weight: bold;
    padding: 0.4em 1em;
    position: relative;
    text-align: center;
    text-decoration: none;
}

input[type="text"]:hover, input[type="text"]:focus, textarea:hover, textarea:focus
{
    border: 1px solid #DA251D;
    box-shadow: 5px 5px 5px #FFFFFF;
}

#error
{
	color : #DA251D;
	font-weight : bold;
	font-size : 0.9em;
	text-align : center;
}

li img
{
	vertical-align : middle;
}