/* CSS Document */

body, html{
background-color:#FFFFFF;
margin:0;
padding:0;

color:#004CA4;
font-size:12px;
font-family:Tahoma;
}

/* INDEX --------------------------------- */
div#trameIndex{
width:100%;
height:510px;
background-image:url(img/fdIntro.jpg);
background-repeat:repeat-x;

top:50%;
margin-top:-255px;
float:left;
z-index:1;
position:absolute;

}

div#FdIndex{
width:960px;
height:510px;
border:0px solid pink;
background-image:url(img/intro.jpg);
background-repeat:no-repeat;

left:50%;
top:50%;
margin-left:-480px;
margin-top:-255px;
float:left;
z-index:5;
position:absolute;
}

div#Tindex{
width:300px;
height:80px;
border:0px solid red;

position:relative;
float:left;
margin-left:600px;
margin-top:130px;
z-index:5;
text-align:center;
}

div#Animindex{
width:470px;
height:150px;
border:0px solid green;

position:relative;
float:left;
margin-left:5px;
margin-top:20px;
z-index:5;
}

div#Txtindex{
width:400px;
height:200px;
border:0px solid red;

position:relative;
float:left;
margin-top:50px;
margin-left:565px;
z-index:5;

text-align:center;
color:#000000;
}

div#Menuindex{
width:960px;
height:10px;
border:0px solid black;

position:relative;
float:left;
margin-top:25px;
z-index:5;

text-align:center;
font-size:10px;
color:#000000;
}

/* ----------------------------------------- */

div#CadreSite{
width:960px;
height:630px;
border:0px solid #3366CC;
background-image:url(img/cadre.png);
background-repeat:no-repeat;

left:50%;
top:50%;
margin-left:-480px;
margin-top:-315px;
float:left;
z-index:5;
position:absolute;
}

div#FdSite{
width:960px;
height:580px;
border:0px solid pink;

left:50%;
top:50%;
margin-left:-480px;
margin-top:-305px;
float:left;
z-index:5;
position:absolute;
}

div#BMasque1{
width:15px;
height:15px;

float:left;
position:relative;
z-index:7;
margin-top:20px;
margin-left:-10px;
}
div#BMasque2{
width:15px;
height:565px;

float:left;
position:relative;
z-index:7;
margin-top:20px;
margin-left:0px;
}

div#Centre{
width:290px;
height:560px;
border:1px solid #004CA4;
background-image:url(img/trame.png);

z-index:5;
float:left;
position:relative;
margin-top:12px;
padding:5px;
}

div#Menu{
width:960px;
height:110px;
border:0px solid blue;
display:block;

z-index:10;
position:relative;
margin-top:-70px;
float:left;
text-align:center;
}

div#Copyr{
width:960px;
border:0px solid black;

position:absolute;
float:left;
left:50%;
top:50%;
margin-left:-480px;
margin-top:320px;
z-index:1;

font-size:10px;
text-align:center;
}

/* --- FORMULAIRE ---------------------------------- */

div#CForm{
width:500px;
height:500px;
border:1px solid #D1B102;
background-color:#FFFFFF;

position:absolute;
left:50%;
margin-left:-250px;
margin-top:20px;
z-index:5;
}

/* --------------------- TYPO ---------------------- */
.orG{
color:#D1B102;
font-weight:bold;
}

.petit{
font-size:10px;
}

H1{
margin:0;
padding:0;
font-weight:bold;
color:#D1B102;
font-size:20px;
}

H2{
margin:0;
padding:0;
font-weight:bold;
color:#D1B102;
font-size:12px;
}

.formu{
border:1px solid #004CA4;
}