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 */

}

#girl{
background-image:url(/images/girl.gif);
background-repeat:no-repeat;
width:128px;
height:155px;
}

#header {
background-image:url(/images/header.gif);
background-repeat:no-repeat;
background-position:0px 16px;
text-align:left;
width:757px;
height:195px;
z-index: 10000;
margin-bottom:0px;
}

#navigation {
position:relative;
top:142px;
left:130px;
height: 30px;
padding: 0;
margin:auto;
margin-left:28px;
list-style: none;
font-weight:bold;
font-size:130%;
}

#navigation li {
margin-top: 0px;
margin-right: 20px;
padding: 0px;
float: left;
text-align: center;
}

#navigation a:link  {
color:#000;
text-decoration:none;
}
#navigation a:visited {
color:#000;
text-decoration:none;
}
#navigation a:hover  {
color:#000;
text-decoration:underline;
}
#navigation a:active  {
color:#000;
text-decoration:none;
}




#main {
background-image:url(/images/body_center.gif);
background-repeat:repeat-y;
width:757px;
text-align:left;
height:auto;
padding-left:16px;
margin-top:0px;
}

#video_container {
float:left;

}

#photo_container{
float:left;
margin:0px;
}

#main_bottom {
background-image:url(/images/body_bottom.gif);
background-repeat:no-repeat;
width:757px;
height:22px;
}




/**************************
		VIDEO CONTENT 
***************************/
.video {
margin-left:5px;
margin-right:0px;
width:378px;
}

.vid_header {
background-image:url(/images/content_video_header.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:378px;
height:17px;
margin-top:0px;
}

.vid_content{
background-image:url(/images/content_video_bckgrd.gif);
width:378px;
height:110px;

}

.vid_content img{
float:left;
margin-left:15px;
margin-right:3px;
margin-top:3px;
margin-bottom:5px;
}

.vid_content .description{
	float:left;
	margin-right:4px;
	margin-top:2px;
	text-align:justify;
	font-size:72%;
	width:200px;
	letter-spacing: 0.03em;
	word-spacing:0.01em;
	line-height:1.3em;
}

.video_txt{
background-image:url(/images/video.gif);
background-repeat:no-repeat;
height:58px;
width:12px;
float:right;
position:relative;
bottom:-10px;
right:13px;
}

.voir {
background-image:url(/images/view_detail.gif);
background-repeat:no-repeat;
text-indent:30px;
font-size:150%;
font-weight:bold;
color:#B79191;
display:block;
margin-bottom:4px;
height:25px;
margin-top:5px;
line-height:1.5em;
margin-left:10px;
}

.voir a:link  {
color:#B79191;
text-decoration:none;
}
.voir a:visited {
color:#B79191;
text-decoration:none;
}
.voir a:hover  {
color:#B79191;
text-decoration:underline;
}
.voir a:active  {
color:#B79191;
text-decoration:none;
}

.vid_content h1{
font-size:80%;
font-weight:bold;
margin-left:10px;
margin-right:10px;
margin-bottom:0px;
margin-top:-3px;
text-align:center;
	letter-spacing: -0.02em;
	width:340px;
	padding-left:10px;
	overflow:hidden;
}

.vid_content h1 a{
text-decoration:none;
color:#000000;
white-space:nowrap;
}

.vid_bottom{
background-image:url(/images/content_video_footer.gif);
background-repeat:no-repeat;
width:378px;
height:17px;
padding:0px;
margin:0px;
}

/***********************
		PHOTO CONTENT
***********************/


#fot_header {
background-image:url(/images/content_photo_header.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:336px;
height:17px;
}

#fot_content{
background-image:url(/images/content_photo_bckgrd.gif);
width:336px;
height:380px;
}

#fot_bottom{
background-image:url(/images/content_photo_footer.gif);
background-repeat:no-repeat;
width:336px;
height:17px;
}

#fot_content ul {
position:relative;
top:15px;
/*display:block;*/
/*height: 30px;*/
padding: 0;
margin:auto;
margin-left:28px;
list-style: none;
}

#fot_content li {
	/*margin-top: 0px;*/
	margin-right: 7px;
	/*padding: 0px;*/
	/*float: left;*/
	text-align: left;
}

#fot_content a{color:#000;}
#fot_content a:link {text-decoration:none;}
#fot_content a:visited {text-decoration:none;}
#fot_content a:hover  {text-decoration:underline;}
#fot_content a:active  {text-decoration:none;}

.photos_txt{
background-image:url(/images/photos.gif);
background-repeat:no-repeat;
height:58px;
width:12px;
float:right;
position:relative;
top:25px;
right:13px;
}

#footer{
float:none;
font-weight:bold;
}

/***************************************
 VIDEO DESCRIPTION 
 ***************************************/

.big_header{
background-image:url(/images/big_pan_header.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0px;
width:722px;
height:17px;
}

.big_content{
background-image:url(/images/big_pan_body.gif);
width:722px;
text-align:justify;
font-size:80%;
margin:0px;
}

.big_footer{
background-image:url(/images/big_pan_footer.gif);
background-repeat:no-repeat;
width:722px;
height:17px;
}

#categories p {
font-size:100%;
font-weight:bold;
line-height:120%;
padding:0px;
margin:0px;
margin-left:20px;
margin-right:20px;
}

#page_table {
width:650px;
margin-left:25px;
padding-right:10px;
}

#pagination_titre {
height:72px;
font-size:180%;
font-weight:bold;
color:#B79191;
text-transform:uppercase;
vertical-align:middle;
width:200px;
text-align:left;
}

#neutral{
font-weight:bold;
vertical-align:middle;
width:50px;
}

#pagination_pages{
word-spacing: -0.1em;
font-size:90%;
font-weight:800;
font-size:95%;
line-height:100%;
color:#000;
text-decoration:none;
	vertical-align:middle;
	width:auto;
}

#pagination_pages a:link {
color:#000;
text-decoration:none;
}
#pagination_pages a:visited {
color:#000;
text-decoration:none;
}
#pagination_pages a:hover  {
color:#000;
text-decoration:underline;
}
#pagination_pages a:active  {
color:#000;
text-decoration:none;
}

.activated {
font-size:150%;
font-weight:bold;
color:#B79191;
}

#pagination > .big_content{
min-height:72px;
}

.archives_txt{
background-image:url(/images/archives.gif);
background-repeat:no-repeat;
height:72px;
width:12px;
float:right;
position:relative;
top:0px;
right:13px;
}


.contenu h1 {
	font-size:200%;
	font-weight:bold;
	color:#B79191;
	width:700px;
	text-align:center;
	margin:0px;
	margin-left:15px;
}

.contenu h1 a{color:#B79191;text-decoration:none;}
.contenu h1 a:link {text-decoration:none;}
.contenu h1 a:visited {text-decoration:none;}
.contenu h1 a:hover {text-decoration:none;}
.contenu h1 a:active {text-decoration:none;}


.contenu p {
	font-size:100%;
	font-weight:bold;
	line-height:120%;
	margin:0px;
	margin-left:35px;
	margin-right:35px;
}

#categories p a:link {
color:#000;
text-decoration:none;
}

#categories p a:visited {
color:#000;
text-decoration:none;
}
#categories p a:hover  {
color:#000;
text-decoration:underline;
}
#categories p a:active  {
color:#000;
text-decoration:none;
}

img {
border:none;
}

.thumbnail {
width:55%;
float:left;

}
	
.thumbnail ul {
position:relative;
display:block;
padding: 0px;
margin-left:28px;
margin-top:10px;
list-style: none;
}

.thumbnail li {
	margin-right: 4px;
	margin-top: 1px;
	float: left;
	
}

.details {
width:45%;
float:left;
margin-top:15px;
height:270px;
}

.details img{
border:0px;
vertical-align:middle;
}

.details h2 {
font-size:150%;
font-weight:bold;
color:#B79191;
margin:0px;
margin-top:3px;
line-height:80%;
text-align:left;
}

.details h4{
font-size:150%;
font-weight:bold;
color:#B79191;
margin:0px;
line-height:100%;
height:27px;
margin-top:4px;
}

.details h2 a {
background-image:url(/images/telecharger_green.gif);
background-repeat:no-repeat;
background-position: 0px 3px;
}

.details h4 a {
background-image:url(/images/view_detail.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
overflow:visible;

}


.details a:link {
color:#B79191;
text-decoration:none;
}

.details a:visited {
color:#B79191;
text-decoration:none;
}
.details a:hover  {
color:#B79191;
text-decoration:none;
}
.details a:active  {
color:#B79191;
text-decoration:none;
}

.details ul {
position:relative;
display:block;
padding: 0;
list-style: none;
margin:0px;

}

.details li {
	margin-bottom: 10px;
}




.contenu h3 {
font-size:120%;
margin:0px;
margin-right:50px;
line-height:120%;
text-align:right;
}
.contenu h3 a{
font-weight:bold;
color:#B79191;
}
.contenu h3 a:link {
text-decoration:none;
}

.contenu h3 a:visited {
text-decoration:none;
}
.contenu h3 a:hover  {
text-decoration:underline;
}
.contenu h3 a:active  {
text-decoration:none;
}

#legal p{
margin:0px;
margin-top:-10px;
margin-right:20px;
text-align:right;
font-size:70%;
/*
font-weight:bold;*/
}


#legal p a{color:#000;}
#legal p a:link {text-decoration:none;}
#legal p a:visited {text-decoration:none;}
#legal p a:hover  {text-decoration:underline;}
#legal p a:active  {text-decoration:none;}


.bottom_navigation {
font-size:150%;
font-weight:bold;
color:#B79191;
margin:0px;
text-align:center;
width:700px;
text-transform:uppercase;


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

#header_promo{
margin-right:25px;
margin-top:60px;
float:right;
right:15px;
}

.disclaimer_content{
margin-top:0px;
background-image:url(/images/content_video_bckgrd.gif);
width:378px;
min-height:100px;
}


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

#languages {
}


#languages ul {
margin-left:110px;
}

#languages li {
padding:0px;
list-style:none;
margin:0;
margin-right:5px;
}

.text{
margin-left:20px;
width:340px;
height:100px;
overflow:scroll;
overflow-y:scroll;
line-height:80%;

}


.disclaimer_choice{
background-image:url(/images/content_video_bckgrd.gif);
width:378px;
text-align:center;
}
.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;}

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

/*

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}
	*/