*{
margin:0;
padding:0;
}
img{
border:0;
}
p{
font-size:12px;
color:#555;
}
body{
text-align:center;
padding-left:10px;
font: 10pt 'Trebuchet MS', helvetica, sans-serif;
line-height:95%;
background:url(fond.gif);
background-color:#fc0;
}
#total{
width: 829px;
margin: 0 auto;
text-align: left;
background:#fff;
padding:0 15px 15px 15px;
background:url(back.png) repeat-y;
}


h1{
color:#b36b00;
font-size:22px;
font-weight:900;
text-align:left;
padding-left:57px;
height:30px;
}
h1 span{
line-height:50%;
}
h2{
color:#8B0000;
font-size:18px;margin-top:20px;
margin-left:10px;
line-height:110%;
}
h3{
color:#OOOOOO;
font-size:15px;
font-weight:bold;
margin-top:20px;
margin-bottom:3px;
padding-left:20px;
line-height:110%;
}
h4{
font-size:18px;
font-weight:900;
color:#b36b00;
margin-left:6px;
margin-top:6px;
margin-right:6px;
border-bottom:1px solid #f90;
}
/*MENU*/
#header{
height:185px;
margin-bottom:10px;
background:url(header.jpg) no-repeat 1px 0;
width:100%;
}
#header p{
padding-top:157px;
margin-left:53px;
font-size:17px;
font-weight:100;
}
#header a{
color:#333;
margin-left:34px;
text-decoration:underline;
}
#header a:hover{
color:#b36b00;
text-decoration:none;
}

/*INTRO*/
#haut_intro{
width:750px;
margin-left:40px;
height:20px;
background:url(haut_intro.png) no-repeat;
}
#intro{
width:750px;
margin-left:40px;
margin-bottom:15px;
background:url(intro.png) no-repeat bottom;
padding-bottom:20px;
}
#intro p{
padding:9px;
padding-top:8px;
text-align:center;
font-size:14px;
line-height:120%;
}
#intro strong{
color:#0364FE;
}

/*BLOC ROSE*/
#bloc_rose{
width:700px;
height:288px;
background:url(bloc_rose.png) no-repeat;
overflow:hidden;
}
#phrase1{
position:relative;
left:42px;
top:9px;
}
#phrase1 p{
color:#fff;
font-weight:bold;
font-size:14px;
}
#phrase2{
position:relative;
left:44px;
top:29px;
}
#phrase2 p{
color:#fff;
font-weight:bold;
font-size:14px;
}
#numero{
color:#b36b00;
font-weight:bold;
font-size:30px;
position:relative;
text-align:center;
left:0px;
top:68px;
}
#paris{
font-size:10px;
position:relative;
text-align:center;
left:0px;
top:73px;
color:#333;
}
#bloc_rose div{
position:relative;
left:515px;
top:30px;
}
#bloc_rose div p{
color:#333;
}
#phrase3{
position:relative;
left:46px;
top:75px;
}
#phrase3 p{
color:#fff;
font-weight:bold;
font-size:14px;
}

/*CODE*/
#haut_code{
width:700px;
height:38px;
background:url(bloc_rose_2.gif) no-repeat;
}
#code{
width:694px;
border:1px solid #f90;
margin-left:2px;
}
#code p{
padding:6px;
}


/*TROIS CADRE*/
#trois{
margin-top:20px;
}
#trois p{
padding:6px;
}
#trois a{
display:block;
float:left;
height:30px;
width:100px;
margin-top:15px;
margin-left:42px;
border:1px solid #ccc;
font-size:12px;
text-decoration:none;
}
#trois a:hover{
border-color:#0364FE;
}
#trois a span{
display:block;
padding-top:5px;
padding-left:29px;
}
#mes_fr{
background:url(fr.gif) no-repeat 5px 9px;
}
#mes_en{
background:url(gb.gif) no-repeat 5px 9px;
}


.important{
color:#f0f;
font-size:20px;
font-weight:900;
}
table{
border-collapse:collapse;
}
input{
width:250px;
border:1px solid #666;
}
textarea{
width:250px;
height:130px;
border:1px solid #666;
}
select{
width:160px;
border:1px solid #666;
}

#pied{
width: 829px;
margin: 0 auto;
text-align: left;
padding:20px 0 0px 0;
}
#pied p{
padding-top:10px;
text-align:center;
width:809px;
margin-left:10px;
}
#pied a{
color:#999;
text-decoration:none;
}
#pied a:hover{
color:#666;
text-decoration:underline;
}
#bloc_num{
position:absolute;
background:#f90;
overflow:hidden;
z-index:2;
}
#bloc_num p{
color:#fff;
font-size:14px;
text-align:center;
margin-top:5px;
line-height:160%;
}
#bloc_num span{
font-size:16px;
font-weight:900;
color:#333;
}
#bloc_num a{
color:#fff;
font-size:10px;
}