﻿body {
	background-color:#ffffff;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-image:url(img/fond.jpg);
	background-repeat:no-repeat;
}

#center 
{
    width:700px;
    height:450px;
    position:absolute;
    margin-left:-350px;
    left:50%;
    margin-top:-225px;
    top:50%;
    background-image:url(img/FR.png);
	background-repeat:no-repeat;
	background-position:center;
}

#titre 
{
    width:100%;
    height:100px;
}

#navigation 
{
    width:480px;
    height:300px;
    overflow:auto;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

#logon 
{
    width:180px;
    height:160px;
    float:right;
    margin-left:10px;
    margin-right:10px;
    color:#999999;
    font-size:10px;
}


#contact 
{
    width:180px;
    height:55px;
    float:right;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
}

#footer 
{
    clear:both;
    width:100%;
    height:40px;
}

#footer ul 
{
    margin:0 0 0 5px;
    padding:0 0 0 0;
}

#footer ul li 
{
    list-style:none;
    display:block;
    float:left;
    margin-top:32px;
    margin-right:5px;
    margin-left:3px;
    font-size:9px;
    color:#ffffff;
    text-transform:uppercase;
}

#footer ul li a 
{
    text-decoration:none;
    color:#ffffff;
}

#footer ul li a:hover 
{
    text-decoration:underline;
}

.imglogo 
{
    padding-top:20px;
    padding-left:20px;
}

h1 
{
    font-size:14px;
    font-weight:bold;
    letter-spacing:1px;
}

h2 
{
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    color:#ffffff;
}

h2 a 
{
    color:#ffffff;
    text-decoration:none;
}

h2 a:hover 
{
    text-decoration:underline;
}

.bouton
{
    width:100px;
    height:20px;
    background:none;
    background-image:url(img/bouton.png);
    background-repeat:no-repeat;
    background-position:center;
    color:#ffffff;
    border:none;
    line-height:15px;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
}
.bouton:hover {
    background-image:url(img/bouton_hover.png);
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

#corner {
	position:absolute;
	top:0px; right:0px;
	z-index:9999;
	width:150px;
	height:150px;
}

input.text
{
    height:15px;
    margin-left:5px;
    width:100px;
    border:solid 1px #000000;
    font-size:10px;
    font-family::Arial, Helvetica, sans-serif;
}

input.text_grd
{
    height:15px;
    margin-left:5px;
    width:270px;
    border:solid 1px #000000;
    font-size:10px;
    font-family::Arial, Helvetica, sans-serif;
}
select
{
    height:20px;
    margin-left:5px;
    width:270px;
    border:solid 1px #000000;
    font-size:10px;
    font-family::Arial, Helvetica, sans-serif;
}

textarea.textarea
{
    margin-left:5px;
    border:solid 1px #000000;
    width:270px;
    font-size:10px;
    font-family::Arial, Helvetica, sans-serif;
}

#cnil 
{
    font-size:10px;
    font-style:italic;
    text-align:justify;
    padding:5px;
}

.obligatoire 
{
    font-size:10px;
    text-align:justify;
    color:#CC0000;
}