/*-General-----------------------------------------------*/
body {
	font-family:Arial,verdana,helvetica,sans-serif;
	font-size: 12px;
	color:#333;
	background:#0099CC url('/images/bg.gif') repeat-x;
	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:#007AA3; }

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

form { display:inline; }

/*-prehome--------------------------------------------*/
#prehome {
	padding:30px;
	padding-bottom:0;
	background:#007AA3;
	text-align:left;
}

#prehome .form{
	width:720px;
	height:90px;
	background:#005F7F;
	border:solid 1px #00465E;
	font-family:verdana,arial;
	font-size:10px;
	color:#FFF;
}

#prehomeValidation {
	padding:30px;
	height:500px;
	padding-top:4px;
	background:#007AA3;
	font-size:12px;
	color:#FFF;
}

#prehomeValidation a { color:#FFF; text-decoration:underline; }
#prehomeValidation a:hover { color:#CC3399; text-decoration:underline; }

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

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

#overall { 
	width:780px;
	background:url('/images/contentbg.gif') repeat-y;
	border-bottom:6px solid #007AA3;
	margin:0 auto;
	text-align:left;
	}

#header {}

/*-Pub---------------------------------------------------*/
#pub {
	padding:20px 140px 0 160px;
}

.banniere {
	width:468px;
	height:60px;
}

#pub .end p {
	font-size:0.9em;
	line-height:1.2em;
	margin:22px 0 0 0;
	/*background:url('/images/etoile.gif') left center no-repeat;*/	
}
#pub .end p a { color:#000; text-decoration:none; }
#pub .end p a:hover { color:#000; text-decoration:underline; }

/*-Navigation--------------------------------------------*/
#menu {
}

#menu h1 {
	width:121px;
	height:20px;
	font-size:11px;
	font-weight:bold;
	background:#026A8D url('/images/fleche.gif') no-repeat 5px 10px;
	color:#FFF;
	padding:6px 0 0 20px;
}

#menu ul {
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
	color:#700;
	margin:5px 0 8px 0;
}

#menu li {
	font-size:11px;
	height:13px;
	padding-top:2px;
	padding-left:20px;
}

#menu li a { 
	display:block;
	text-decoration:none;
	color:#FFF;
	}
	
#menu li a:hover { text-decoration:underline;}

/*-Contenu-----------------------------------------------*/
#content { }

#content #colG {
	float:left;
	width:140px;
}

#content #colG p { margin:0 0 0 2px }

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

#content #colD {
	padding-top:10px;
	float:right;
	width:120px;
	text-align:center;
}

/*-Categorie-------------------------------------------------*/
#categorie {
	padding:20px 140px 0 160px;
	text-align:center;
}

#categorie .search{
	font-weight:bold;
	padding-right:20px 0 0 0;
	color:#000;
}
	
#categorie img.fl {
	width:12px;
	height:3px;
	background:url('/images/tiret.gif') right no-repeat;
}

#categorie p a { color:#007AA3; text-decoration:underline; font-weight:normal; line-height:14px; }
#categorie p a:hover { color:#CC3399;}


/*-Cover-------------------------------------------------*/
#cover { padding:20px 140px 0 160px; }
#cover a { color:#811; text-decoration:underline; }
#cover a:hover { color:#000; text-decoration:underline; }

#cover h1 { 
	font-family:"Trebuchet Ms", verdana, arial, Helvetica;
	font-size:20px;
	font-weight:normal;
	color:#811;
	margin:0;
	padding:0;
	}

#cover h2 {
	font-size:12px;
	color:#000;
	margin:12px 0 8px 0;
}
#cover img { 
	width:200px;
	height:150px;
	border:#811 solid 1px;
	margin:12px 0 5px 10px;
	float:right;
}
#cover p { line-height:13px; height:1%; }

/*-Contenu (index)---------------------------------------*/
#indexContenu { padding:20px 140px 0 160px; height:110px;}

#indexContenu h1 { 
	font-size:20px;
	font-weight:bold;
	color:#333;
	border-top:solid 1px #007AA3;
	margin:0;
	padding:10px 0 0 0;
	}

#indexContenu h2 { }

#indexContenu ul { 
	list-style-type:none;
	}
	
#indexContenu li {
	float:left;
	font-size:11px;
	padding:4px 5px 0 0;
}

#indexContenu a{ color:#007AA3; text-decoration:underline; font-weight:normal; line-height:14px; }
#indexContenu a:hover{  color:#CC3399; }

/*-Contenu (vidéos)--------------------------------------*/
.contenu { padding:10px 140px 0 160px; text-align:center; }

.contenu .start {
	margin-top:10px;
	height:10px;
}

.contenu .titre  {
	border:1px solid #007AA3;
	border-bottom:none;
	padding-top:10px;
	height:80px;
	background:url('/images/separateur.gif') repeat-x;
}

.contenu .titre h1 {
	font-size:20px;
	font-weight:bold;
	color:#007AA3;
	margin:5px;
	padding:0;
}
.contenu .titre p { color:#000; font-size:11px; }

.contenu .photos  {
	height:350px;
	border-right:1px solid #007AA3;
	border-left:1px solid #007AA3;
}

.contenu .photos img { }
.contenu .photos .photo1 { float:left; width:228px; height:172px; margin:0 5px 0 6px;}
.contenu .photos .photo2 { width:228px; height:172px; margin:0 0 0 0; }
.contenu .photos .photo3 { float:left; width:228px; height:172px; margin:6px 5px 0 6px;}
.contenu .photos .photo4 { width:228px; height:172px; margin:6px 0 0 0; }

.contenu .description  {
	height:1%;
	padding:10px;
	background:#FFF;
	font-size:12px;
	border-right:1px solid #007AA3;
	border-left:1px solid #007AA3;
	}
.contenu .description p { display:block; }
.description  a { color:#000; text-decoration:none; }
.description  a:hover { color:#C39; text-decoration:underline; }

.contenu .btchargement {
	border:1px solid #007AA3;
	border-top:none;
	background:url('/images/bg_telechargement.gif');
	}

/*-Contenu (page Nombre)--------------------------------------*/
.pagesNombre {
	margin:10px 140px 0 160px;
	height:25px;
	padding-top:12px;
	text-align:center;
	font-size:12px;
	border:1px solid #007AA3;
	background:#DFF2F8;
	}

.pagesNombre p a {
	font-weight:bold;
	text-decoration:none;
	color:#069;
	font-size:11px;
	}

.pagesNombre p a:hover {
	color:#C39;
	text-decoration:underline;
	}

/*-Footer------------------------------------------------*/
#footer {
	width:780px;
	background:url('/images/contentbg.gif') repeat-y;
	margin:0 auto;
}

#footer p {
	margin:50px 140px 10px 160px;
}

#footer a { color:#09C; text-decoration:underline; }
#footer a:hover { color:#06C; text-decoration:underline; }

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