/*-General-----------------------------------------------*/
body {
	font-family:Arial,verdana,helvetica,sans-serif;
	font-size: 11px;
	color:#000;
	background:#FC0;
	text-align:center;
}

html, body, form, h1, h2, h3, h4, h5, h6, p, div, ul, li, dl, dd, dt {
	margin:0;
	padding:0;
}

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

a img {
	border:none;
	margin:0;
	padding:0;
}

form { display:inline; }

/*-Header------------------------------------------------*/
#top {
	width:770px;
	text-align:center;
	padding:6px 0 8px 0;
	margin:0 auto;
	color:#000;
}

#top h1, #top h2 {
	font-family:verdana;
	font-size:10px;
	line-height:13px;
	font-weight:normal;
}

#overall { 
	width:770px;
	margin:0 auto;
	text-align:left;
	}

#header {
	height:90px;
	background:url('/images/logo.gif') 0 0px no-repeat;
	}
	
#header #abonnement {
	width:250px;
	height:30px;
	background:#F90;
	margin:15px 0 0 370px;
	padding:10px 15px;
	}
	
#header #baseline {
	float:left;
	padding:38px 0 0 115px;
}

#header #baseline a { color:#630; }

#header #favoris {
	width:80px;
	height:30px;
	background:#F90;
	padding:10px 15px;
	float:right;
	}

#header a{
	font-size:12px;
	font-weight:bold;
}

#header .color {
	color:#630;
}

#header .price {
	font-size:14px;
}

/*-Pub---------------------------------------------------*/
#pub {
	text-align:center;
	padding:12px 0 0 0;
}

/*-Navigation--------------------------------------------*/
#menu {
	font-size:10px;
	font-family:verdana;
	font-weight:bold;
	color:#000;
	height:28px;
}

#menu ul {
	list-style-type:none;

}

#menu li {
	background:#FFF;
	padding:8px 13px;
	margin-right:1px;
	float:left;
}

#menu li a:hover { color:#F90;}
#menu li a { 
	display:block;
	text-decoration:none;
	}
	
#menu li.over { background:#F90; color:#630;}
#menu li.abonnement { background:none;}
#menu li.abonnement a, #menu li.over a { color:#630;}

#menu .end { clear:left;}

/*categorie----------------------------------------------*/

#categorie, .index, .indexContenu{
	background:#F90;
	padding:15px 22px 12px 22px;
	line-height:15px;
	text-align:justify;
}

#categorie h1, .index h1{
	font-size:12px;
	margin-bottom:8px;
	}

#categorie img.fl {width:7px; border-right:solid 1px #000; margin-right:5px; height:8px;}

#categorie a:hover, .index a:hover, .indexContenu a:hover {color:#630;}


.indexContenu { padding:10px 22px 9px 22px; color:#000; font-size:14px; text-align:center;}
.indexContenu a { font-size:11px;}


/*index-----------------------------------------------*/

.index {
	margin:1px 0 1px 0;
	padding:15px 22px 10px 22px;
}

.index li {
	list-style-type:none;
	padding-right:7px;
	float:left;
}

.index a{ color:#630; }
.index a:hover{ color:#000; }
/*-Contenu-----------------------------------------------*/
#content { width:650px; }

#colG {
	display:none;
}

#colD img { padding:0 0 3px 12px; }

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

/*-Contenu (vidéos)--------------------------------------*/

.contenu{
	line-height:15px;
	text-align:justify;
	margin:15px 0;
}

.contenu .titre  {
	height:40px;
	background:#F90;
	padding:15px 22px 12px 22px;
}

.contenu .titre h1 {
	font-size:12px;
	font-weight:bold;
}
.contenu .titre p { margin-top:4px; color:#630;}

.contenu .photos  {
	height:366px;
}

.contenu .photos .photo1 { width:320px; height:240px; padding:3px 0 0 3px;}
.contenu .photos .photo2 { width:320px; height:240px; padding:3px 0 0 8px;}
.contenu .photos .photo3 { width:159px; height:120px; margin:5px 0 0 3px;}
.contenu .photos .photo4 { width:159px; height:120px; margin:5px 0 0 6px;}
.contenu .photos .photo5 { width:159px; height:120px; margin:5px 0 0 9px;}
.contenu .photos .photo6 { width:159px; height:120px; margin:5px 0 0 12px;}

.contenu .photos .bpictures {float:left; width:320px; height:240px;}
.contenu .photos .spictures {float:left; width:159px; height:120px;}


.contenu .description  {
	height:1%;
	background:#F90;
	padding:15px 22px 12px 22px;
}
.contenu .description p { display:block;}
.description  a { color:#000; text-decoration:none; }
.description  a:hover { color:#630; text-decoration:none; }

.contenu .telechargement { 	background:#F90; padding:0px 22px 12px 22px; font-weight:bold; font-size:14px;}
.contenu .telechargement a{ color:#630; }

/*-Footer------------------------------------------------*/
#footer {
	width:650px;
	margin:0 auto;
	text-align:center;
	padding:15px 120px 15px 0;
}

#footer a { color:#000; }
#footer a:hover { color:#630; }

/*-IE Bugfix---------------------------------------------*/
/* Layout bugfix for IE \*/
* html #cover .archives {height: 1%;}
/* End hide from IE5-mac */