@import url("ClapTV-Human-Interface/ClapTV-Site.css");
@import url("ClapTV-Human-Interface/ClapTV-Boutons.css");
@import url("ClapTV-Human-Interface/ClapTV-Bannieres.css");



/*----------------------------------*/
/*--- REMISE A ZERO DES ELEMENTS ---*/
/*----------------------------------*/
html, body,
h1, h2, h3, h4, h5, h6,
div, ul, ol, li, dl, dt, dd,
pre, form, p, blockquote, fieldset { margin: 0; padding: 0;}
ul,ol, li, dl, dt, dd { list-style: none;}
fieldset, img, input, select, textarea { border: none;}
select { background: #000; color: #fff;}
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
input[type="text"] { padding: 2px;}
input[type="password"] { padding: 2px;}



/*---------------------*/
/*--- CORPS DE PAGE ---*/
/*---------------------*/
body {
	background: #fff url(../IMAGES/Generale/degrade.png) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}



/*------------------------*/
/*--- LIENS GENERIQUES ---*/
/*------------------------*/
a:link { font-weight: bold; text-decoration: none; color: #333;}
a:hover, a:focus { color: #666;}
a:active { color: #999;}
a:visited { font-weight: bold; text-decoration: none; color: #666;}
a:visited:hover { color: #666;}



/*--------------------------------*/
/*--- POSITIONNEMENTS GENERAUX ---*/
/*--------------------------------*/
#Conteneur-principal { width: 800px; margin: auto;}

#Conteneur-principal #Contenu .milieu { background: url(../IMAGES/Conteneurs/contenu/contenu-milieu.png) repeat-y; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Selection { width: 148px; margin: 0px 0px 0px 10px; float: left;}
#Conteneur-principal #Contenu .milieu #Selection h2 { margin: 0px 0px 10px 10px; color: #fff;}
#Conteneur-principal #Contenu .milieu #Selection ul { width: 130px; margin: auto;}
#Conteneur-principal #Contenu .milieu #Selection ul li { background: url(../IMAGES/Puces/Puce-blanche.png) no-repeat left 4px; margin-bottom: 10px; padding-left: 10px; line-height: 10px;}
#Conteneur-principal #Contenu .milieu #Selection ul li.filet { border-bottom: 1px solid #fff; margin: 0px 0px 10px 0px;}
#Conteneur-principal #Contenu .milieu #Selection ul li a { color: #fff; font-size: 10px; line-height: 12px;}

#Conteneur-principal #Contenu .milieu #Corps { width: 610px; min-height: 850px; margin: 20px 0px 0px 20px; float: left;}

#Conteneur-principal #Contenu .milieu #Corps #Derniere-video { margin-bottom: 20px; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video h2 { margin-bottom: 10px;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video h2 span { font-weight: normal; font-size: 11px; color: #999; display: block;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video h2 span a { text-decoration: underline; font-size: 10px; color: #999;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video img { width: 325px; float: left;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video .image { width: 350px; float: left; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video .video { width: 600px; margin-bottom: 20px; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video .texte { overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Derniere-video a.Bouton-utilitaire { margin: 5px 0px 0px 0px; float: right;}

#Conteneur-principal #Contenu .milieu #Corps label { width: 195px; display: block; float: left;}
#Conteneur-principal #Contenu .milieu #Corps input[type="text"] { background: #eee; width: 400px;}
#Conteneur-principal #Contenu .milieu #Corps textarea { background: #eee; max-width: 400px;}

#Conteneur-principal #Contenu .milieu #Corps #Listing { margin: 10px 0px 10px 0px; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul { border: 1px solid #ccc; width: 126px; margin: 10px 10px 20px 10px; padding: 2px; text-align: center; float: left; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li { font-size: 9px; font-weight: bold;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li span.titre { background: #eee; display: block; height: 40px; padding-top: 2px;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li span.titre a { font-size: 10px; font-weight: bold; color: #000; line-height: 12px;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li img { margin: 2px 0px 0px 0px;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li a.Bouton-utilitaire { margin: 2px 0px 5px 28px;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li span { font-size: 9px; display: block;}
#Conteneur-principal #Contenu .milieu #Corps #Listing ul li span a { color: #999; font-weight: normal;}

#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire h4 { margin-bottom: 10px;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #status { margin: -35px 20px 0px 0px; float: right; font-size: 9px; color: #fff;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #Redaction { margin-top: 20px; padding-top: 10px; border-top: 1px dashed #999;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #Redaction input[type="text"] { background: #fff; width: 395px; margin-bottom: 10px;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #Redaction textarea { background: #fff; margin-bottom: 10px;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #Redaction a { margin-right: 12px; float: right;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire #Redaction a input[type="submit"] { line-height: 17px;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire .commentaires { margin-bottom: 10px;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire .commentaires .infos-membre { font-size: 10px; margin-bottom: 5px; color: #999;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire .commentaires p { overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps #Module-commentaire .commentaires a { margin-bottom: 5px; float: right;}

#Module-commentaire { overflow: hidden;}
#Module-commentaire #Redaction { overflow: hidden;}
#Module-commentaire #Redaction #haut { background: url(../IMAGES/Conteneurs/redaction-commentaire/redaction-commentaire-haut.png) no-repeat left top; width: 565px; height: 5px;}
#Module-commentaire #Redaction #milieu { background: url(../IMAGES/Conteneurs/redaction-commentaire/redaction-commentaire-milieu.png) repeat-y; width: 565px; position: relative; overflow: hidden;}
#Module-commentaire #Redaction #milieu h4 { background: url(../IMAGES/Pictogrammes/Picto-commenter.png) no-repeat left top; width: 92px; height: 80px; position: absolute; left: 10px; top: 10px;}
#Module-commentaire #Redaction #milieu fieldset { width: 465px; margin-left: 100px}
#Module-commentaire #Redaction #milieu fieldset p { margin-left: 30px;}
#Module-commentaire #Redaction #milieu fieldset p label { font-size: 10px; text-shadow: 0px 1px 0px #fff; color: #666;}
#Module-commentaire #Redaction #milieu fieldset p input[type="text"] { width: 50px;}
#Module-commentaire #Redaction #milieu fieldset p input[type="checkbox"] { margin: -1px 0px 0px -70px;}
#Module-commentaire #Redaction #milieu fieldset p textarea { margin-bottom: 10px;}
#Module-commentaire #Redaction #milieu fieldset p a { margin: 0px 20px 5px 0px; float: right;}
#Module-commentaire #Redaction #bas { background: url(../IMAGES/Conteneurs/redaction-commentaire/redaction-commentaire-bas.png) no-repeat left top; width: 565px; height: 7px;}

#Module-commentaire .commentaires { overflow: hidden;}
#Module-commentaire .commentaires .infos-membre { font-size: 10px;}



/* Pagination */
#Conteneur-principal #Contenu .milieu #Corps .Pagination { overflow: hidden;}
/* Pagination : gauche */
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche { width: 300px; margin-left: 10px; float: left;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche p { padding-top: 5px; width: 80px; float: left; font-size: 10px; color: #ccc;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul li .Bouton-utilitaire { margin : 0px 5px 0px 5px;} 
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul { width: 150px; float: left; overflow: hidden;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul li { float: left;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul li a.actif { background: #ccc; padding: 4px; display: block; color: #fff;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul li a.inactif { padding: 4px; display: block; color: #999;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .gauche ul li a.inactif:hover { background: #eee; padding: 4px; display: block;}
/* Pagination : droite */
#Conteneur-principal #Contenu .milieu #Corps .Pagination .droite { width: 190px; margin-right: 10px; float: right;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .droite label { width: 90px; padding-top: 4px; font-size: 10px; color: #ccc;}
#Conteneur-principal #Contenu .milieu #Corps .Pagination .droite input[type="text"] { width: 50px; margin-right: 5px; float: left;}

#Conteneur-principal #Contenu .bas { background: url(../IMAGES/Conteneurs/contenu/contenu-bas.jpg) no-repeat left top; width: 800px; height: 102px; margin-bottom: -30px; clear: both;}
#Conteneur-principal #Contenu .bas ul { width: 460px; margin: auto; padding-top: 10px; overflow: hidden;}
#Conteneur-principal #Contenu .bas ul li { float: left; margin-right: 10px;}



/*---------------------------*/
/*--- OPTIONS D'AFFICHAGE ---*/
/*---------------------------*/
acronym { cursor: help; font-style: italic; color: #555;}
.Invisible { display: none;}
.Imager { text-indent: -5000px;}
.Cleaner { clear: both;}
.Righter { float: right;}
/* Grand titre générique */
#Grand-titre { background: url(../IMAGES/Titres/Generique.png) no-repeat left top; width: 800px; height: 115px; margin-bottom: -2px;}
#Grand-titre h1 { margin-left: 40px; padding-top: 50px; font-size: 30px; color: #fff;}



/*--------------------*/
/*--- PIED DE PAGE ---*/
/*--------------------*/
#Pied-de-page { padding-bottom: 50px; clear: both;}
#Pied-de-page ul { background: url(../IMAGES/Conteneurs/support-pied-de-page.gif) no-repeat left top; width: 800px; height: 39px; margin-bottom: 10px; padding: 10px; overflow: hidden;}
#Pied-de-page ul li { margin-right: 15px; float: left;}
#Pied-de-page ul li a { line-height: 20px; font-size: 10px; color: #999;}
#Pied-de-page ul li a:hover { color: #666;}
/* Bouton ClapFilms */
#Pied-de-page ul li a#ClapFilms { background: url(../IMAGES/Visuels/ClapFilms.png) no-repeat left top; width: 102px; height: 21px; margin: -2px 0px 0px 380px; display: block;}
#Pied-de-page ul li a#ClapFilms:hover { background: url(../IMAGES/Visuels/ClapFilms.png) no-repeat left bottom; width: 102px; height: 21px; margin: -2px 0px 0px 380px; display: block;}
#Pied-de-page p { margin-bottom: 20px; font-size: 10px; color: #999;}
#Pied-de-page p a { text-decoration: none; font-weight: bold; color: #999;}
#Pied-de-page p#copyright { width: 300px; float: left;}
#Pied-de-page p#created-by { width: 300px; text-align: right;}



/*-------------------*/
/*--- MESSAGE IE6 ---*/
/*-------------------*/
#Message-IE6 { border: 1px solid #ccc; width: 500px; margin: 100px auto 0px auto; padding: 10px; text-align: center;}
#Message-IE6 img { width: 210px; margin: 0px auto 10px auto;}
#Message-IE6 h1 { margin-bottom: 20px;}
#Message-IE6 p { margin-bottom: 15px; font-weight: bold; font-size: 12px;}
#Message-IE6 a { margin: 0px 5px 0px 5px;}