/* CSS Document */

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
	 
#body {

font-family:"Trebuchet MS";
width: 757px;
 margin-left: auto;
 margin-right: auto;
 text-align: left; /* on rétablit l'alignement normal du texte */

}

#header {
background-image:url(images/header.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:757px;
height:98px;
margin:0px;}

#header h1{
color:#FFFFFF;
text-align:right;
margin-right:50px;
padding-top:20px;
text-transform:uppercase;
}
/* NAV MENU CREATION CSS IMAGE REPLACEMENT //**/
#menu {
width: 757px; height: 22px;
background: url(images/menu.gif);
margin: auto; 
padding: 0;
position: relative;}

#menu li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}

#menu li, #menu a {
height: 22px; display: block; text-indent:-10000px;}

#top10 {left: 0; width: 73px;}
#archives {left: 74px; width: 83px;}
#paretnaires {left: 155px; width: 104px;}
#favoris {left: 258px; width: 169px;}
#demarrage {left: 426px; width: 331px;}

#top10 a:hover {
background: transparent url(images/menu.gif)
0 -22px no-repeat;}
#archives a:hover {
background: transparent url(images/menu.gif)
-74px -22px no-repeat;}
#paretnaires a:hover {
background: transparent url(images/menu.gif)
-155px -22px no-repeat;}
#favoris a:hover {
background: transparent url(images/menu.gif)
-258px -22px no-repeat;}
#demarrage a:hover {
background: transparent url(images/menu.gif)
-426px -22px no-repeat;}



/* search menu //////////////////////////////////////////////////////*/
#recherche{
background: transparent url(images/body.gif);
height:60px;
margin:0px;
}


#search {
position: relative;
top:0;
margin:0}

#search li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0;}

#search li, #search a {
height: 60px; display: block;}

#search_left {left: 350px; width: 202px;
background: transparent url(images/search_title.gif) no-repeat;}
#search_input {left: 552px; width: 100px; 
background: transparent url(images/search_body.gif);}
#search_button {left: 652px; width: 92px;
background: transparent url(images/search_ok.gif) no-repeat;}
#search_button a:hover {
background: transparent url(images/search_ok.gif) 0 -60px no-repeat;}
#input{ margin-top:22px; margin-left:10px}

#main {
position:absolute;
background: transparent url(images/body.gif) repeat-y;
width:757px;
min-height:800px;
padding-left:20px;
}


/* TEXTUAL LINKS */
#pop a {color:#000000;}
#top a {color:#000000;}
.browse a {color:#000000;}
.description a {color:#FF0000;}
.details a {color:#000000;}
.footer-text a {color:#000000;}
.annu a {color:#000000;}



#pop {
background: url(images/bloc_background.gif) repeat-y ;
width:400px;
margin-top:10px;
height:190px;
position:absolute;
padding-left:30px;
}

#pop ul, #top ul {
margin:0px; padding:0px;	
}

h2{
background-image: url(images/red_star.gif);
background-repeat:no-repeat;
background-position:left;
text-indent:30px;
height:29px;
font-size:95%;

}

#pop li {
list-style: none;
top: 0;
font-size:80%;
line-height:100%;
}

#top {
background: url(images/bloc_background.gif) repeat-y ;
width:265px;
margin-top:10px;
height:190px;
position:absolute;
left:450px;
padding-left:30px;
}

#top li {
list-style: none;
top: 0;
font-size:80%;
line-height:100%;
}

img{
border:0px;
position:absolute;
}


#banner{
background: url(images/bloc_background.gif) repeat-y ;	
position:relative;
top:210px;
height:60px;
padding-left:100px;
margin-bottom:20px;
}

#banner-browse{

background: url(images/bloc_background.gif) repeat-y ;	
position:relative;
top:10px;
height:60px;
padding-left:100px;
margin-bottom:20px;

}

#small-banner{
margin-top:5px;
margin-left:20px;
height:70px;
}


#lasts{
background: url(images/bloc_background.gif) repeat-y ;	
position:relative;
top:210px;
height:230px;
padding-left:20px;
margin-bottom:20px;
}

.item {
background: url(images/bloc_background.gif) repeat-y ;	
position:relative;
top:10px;
display:block;
height:480px;
margin:0px; 
padding-left:20px;
margin-top:20px;
}

h3 {
padding:0px;
margin:0px;
margin-left:20px;

}


.petites{
position:absolute;
left:30px;
width:350px;
padding-left:15px;
margin-top:5px;


}

.thumb-border {
background: url(images/fond_thumb.gif) no-repeat ;	
background-position: 4px 0px;
width:665px;
height:251px;
right:2px;

}

.grande{
position:absolute;
left:360px;
width:360px;
margin-top:5px;
margin-bottom:5px;
background: url(images/fond_thumb.gif);	
}

.petites .thumb1{position:absolute;left: 0px; top:0px; width:160px;}
.petites .thumb2{position:absolute;left: 165px; top:0px; width:160px;}
.petites .thumb3{position:absolute;left: 0px; top:122px; width:160px;}
.petites .thumb4{position:absolute;left: 165px; top:122px; width:160px;}
.grande .thumb5{position:absolute;left: 0px; top:0px; width:320px;}

.details {
position:absolute;
left:450px;
top:280px;
width:270px;
font-size:80%;
}

.description {
position:absolute;
top:280px;
margin-left:10px;
width:400px;

font-size:80%;
line-height:100%;
text-align:justify;
}

.telecharger {
margin-top:10px;
margin-right:2px;
width:280px;
color:#FF0000;
text-transform:uppercase;
font-size:130%;
font-weight:bold;
}

.telecharger a{color:#FF0000;text-decoration:none;}

/*
.telecharger a:link {text-decoration:none;}
.telecharger a:visited {text-decoration:none;}
.telecharger a:hover {text-decoration:none;}
.telecharger a:active {text-decoration:none;}*/


.navigation {
background: url(images/bloc_background.gif) repeat-y ;	
height:150px;
padding-left:20px;
margin-top:20px;
}

.browse {
top:270px;
margin-left:40px;
width:600px;
font-size:80%;
line-height:100%;
text-align:justify;
}





#results{
background: url(images/bloc_background.gif) repeat-y ;	
padding-left:20px;
margin:0;
}

#results p {
text-align:center;
font-size:110%;
margin:0;
}

#results p a{
color:#FF0000;
text-decoration:none;
margin:0;
}

#results h1{
margin:0px;
}

#bottom {
position:abolute;
bottom:0;
margin:0px;
background: transparent url(images/footer.gif) no-repeat;
width:757px;
}


#linktohome img {
position:relative;
margin-top:-96px;
left:0px;
width:150px;
height:98px;
border:none;

}

.footer-text {
text-align:center;
}

.disclaimer_choice{
width:378px;
text-align:center;
}

.text{
margin-left:0px;
width:390px;
height:150px;
overflow:scroll;
overflow-y:scroll;
line-height:80%;

}
.disclaimer_choice a.big {text-transform:capitalize;color:#FF0000;font-size:200%;font-weight:none;margin-right:5px;margin-left:5px;}
.disclaimer_choice a{text-transform:capitalize;color:#B79191;font-size:100%;font-weight:none;margin-right:5px;margin-left:5px;}
.disclaimer_choice a:link {text-decoration:none;}
.disclaimer_choice a:visited {text-decoration:none;}
.disclaimer_choice a:hover  {text-decoration:underline;}
.disclaimer_choice a:active  {text-decoration:none;}

.disclaimer_content{
margin-top:0px;
width:378px;
min-height:100px;
}


.disclaimer {
width:378px;
margin:auto;
margin-bottom:0px;
margin-top:0px;
}

.alpha{
font-weight:bold;
text-transform:capitalize;
}
.annu{
font-size:80%
}

.mini {
font-size:95%;
text-align:left;
margin-right:10px;
margin-top:10px;
}

/*
table {border: 1px solid black}
td {border: 1px dotted gray}

div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
	li {border: 1px solid lightgreen}
*/