@charset "UTF-8";
/* CSS Document */

body{
background-image:url(../images/bg_body.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#dddae5;
margin:0;
margin-top:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#container{
width:960px;
margin:auto;
}

#title_haut {
color:#3A2063;
font-family:arial,verdana,sans-serif;
font-size:10px;
text-decoration:none;
}
/* Debut header */

#header{
position:relative;
width:960px;
height:106px;
background-image:url(../images/bg_header.jpg);
background-repeat:repeat-x;
}

#header .logo{
position:absolute;
top:0;
left:20px;
}

#header #logoap {
	display: block;
	width: 375px;
	height: 106px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url(../images/logo.jpg) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

#header .appel{
position:absolute;
top:0;
left:450px;
}


#login{
position:absolute;
width:170px;
height:95px;
background-color:#f8f8f8;
top:5px;
right:15px;
color:#3a2063;
font-size:11px;
text-align:right;
}

#login img{
margin-bottom:9px;
}

#login input{
margin-right:10px;
margin-bottom:2px;
}

#login .text{
width:70px;
height:10px;
line-height:10px;
font-size:10px;
}

/* Fin header */






/* Début menu */


#menu{
width:960px;
height:27px;
background-image:url(../images/bg_menu.jpg);
background-repeat:repeat-x;
text-align:left;
}


/* Fin menu */




/* début center */

#center{
width:960px;
background-image:url(../images/bg_center.jpg);
background-repeat:repeat-y;
overflow:auto;
padding-bottom:15px;
}


/* debut left */

#left{
float:left;
width:778px;
background-image:url(../images/bg_top_center.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:center;
}

#leftf{
float:left;
width:778px;
background-image:url(../images/bg_top_centerf.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:center;
}

#leftt{
float:left;
width:960px;
background-image:url(../images/bg_top_centerf.jpg);
background-position:top;
background-repeat:repeat-x;
text-align:center;
}

#chrono{
position:relative;
width:747px;
height:107px;
border:1px solid #ffffff;
margin:auto;
margin-top:7px;
}

#chrono #logoch {
	display: block;
	width: 339px;
	height: 107px;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url(../images/chrono.jpg) no-repeat;
	overflow: hidden;
	text-indent: -1000px;
}

#chrono img{
float:left;
}

#chrono span{
position:absolute;
bottom:5px;
left:10px;
display:block;
width:128px;
color:#ffffff;
font-size:11px;
text-align:left;
}

#chr1{
position:relative;
width:136px;
height:107px;
background-image:url(../images/bg_1.jpg);
float:right;
}

#chr2{
position:relative;
width:136px;
height:107px;
background-image:url(../images/bg_2.jpg);
float:right;
}

#chr3{
position:relative;
width:136px;
height:107px;
background-image:url(../images/bg_3.jpg);
float:right;
}

#paves{
position:relative;
width:762px;
height:280px;
margin:auto;
margin-top:7px;
}

#paves .pav1{
position:relative;
float:left;
width:240px;
height:280px;
background-color:#fffffe;
margin-right:7px;
margin-left:7px;
}

#paves h2{
color:#3a2063;
font-size:20px;
margin:5px;
}

#paves span{
display:block;
margin: auto;
width:210px;
font-size:11px;
text-align:left;
color:#5b5b5b;
}

#paves img.comparer{
position:absolute;
bottom:5px;
left:60px;
}

#results1{
margin:auto;
width:747px;
height:123px;
background-image:url(../images/results.gif);
background-position:center;
text-align:left;
position:relative;
margin-top:10px;
margin-bottom:20px;
}

#results1 span{
color:#ffffff;
display:block;
position:absolute;
width:70%;
left:30px;
top:18px;
font-size:18px;
font-weight:normal;
}

#results2{
width:778px;
height:135px;
padding-top:5px;
float:left;
text-align:left;
border-bottom:1px solid #c9c9c9;
color:#8c8c8c;
background-image:url(../images/bg_results.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#results2 img{
float:left;
margin-left:15px;
margin-right:15px;
}

#results3{
width:778px;
height:135px;
padding-top:5px;
float:left;
text-align:left;
padding-left:30px;
border-bottom:1px solid #c9c9c9;
color:#8c8c8c;
background-image:url(../images/bg_results.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#results3 img{
float:left;
margin-left:15px;
margin-right:15px;
}



#results4{
width:750px;
padding-top:5px;
float:left;
text-align:left;
padding-left:30px;
border-bottom:1px solid #c9c9c9;
color:#8c8c8c;
background-image:url(../images/bg_results.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#results4 img{
float:left;
margin-left:15px;
margin-right:15px;
}
/* fin left */




/* fin left */



/* debut right */

#right{
float:right;
width:182px;
text-align:center;
}

#partenaires{
position:relative;
width:170px;
height:171px;
background-image:url(../images/partenaires.jpg);
margin:auto;
margin-top:7px;
}

#partenaires img{
position:absolute;
top:38px;
left:20px;
}

#news{
position:relative;
margin:auto;
margin-top:7px;
width:170px;
height:124px;
background-image:url(../images/news.jpg);
text-align:center;
}

#news span{
position:absolute;
display:block;
margin:auto;
width:150px;
font-size:11px;
top:38px;
left:15px;
text-align:left;
color:#666666;
}

#news .text{
width:140px;
position:absolute;
left:12px;
bottom:23px;
height:10px;
line-height:10px;
font-size:10px;
color:#99a93a;
}

#news .insc{
position:absolute;
left:45px;
bottom:5px;
}


/* fin right */


/* fin center */


/* debut footer */

#footer{
width:960px;
height:30px;
background-color:#b0a6c1;
line-height:30px;
font-size:11px;
color:#FFFFFF;
}

#footer a{
color:#FFFFFF;
text-decoration:none;
}

#footer1{
width:960px;
height:30px;
line-height:30px;
font-size:11px;
color:#392062;
}
/* fin footer */

/* debut contact */
#contact{
position:relative;
width:170px;
height:95px;
background-color:#f8f8f8;
top:5px;
right:75px;
color:#3a2063;
font-size:11px;
text-align:right;
}

#contact img{
margin-bottom:9px;
}

#contact input{
margin-right:10px;
margin-bottom:2px;
}

#contact .text{
width:70px;
height:10px;
line-height:10px;
font-size:10px;
}

/* Fin contact */



#attestation-pop{
position:relative;
width:70px;
height:195px;
background-color:#f8f8f8;
top:10px;
right:15px;
color:#3a2063;
font-size:15px;
text-align:left;
}

#attestation-pop img{
margin-bottom:9px;
}

#attestation-pop input{
margin-right:10px;
margin-bottom:5px;
}

#attestation-pop .text{
width:170px;
height:20px;
line-height:20px;
font-size:20px;
}