/* EasyTubePoil style.css */

body {
	background:#ceaede url(images/fond.png) repeat-x;
	margin:0;
	padding:20px;
	color:#000;
	font:small Verdana, Arial, Helvetica, sans-serif;
	_font:x-small;
}

img {
	border: none;
}

form {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#42d;	
}

a:hover {
	color:#333;
}

/* conteneur principal */	  
#base{
	background:#FFFFFF;
	position:relative;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #568;
}

#header {
	float:left;
	width:100%;
	background:#955781 ;
	font-size:100%;
	line-height:normal;
}

#header_titre {
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
}

/* logo pages internes */
.logo_titre { 
	border:0px;
	float:left;
	height: 100px; 
	text-align: center;
}

#header_barre {
	float:left;
	padding-left:16px;
	width:904px;
	height:45px;
	background:#955781 url(images/header_barre_bg.gif) repeat-x bottom;
	font-size:93%;
	line-height:45px;
	text-decoration:none;
	font-weight:bold;
	color:#643;
	white-space:nowrap;
}
    
#menu {
	float:left;
	width:100%;
	background:#95A url(images/menu/menu_bg.gif) repeat-x bottom;
	font-size:93%;
	line-height:normal;
}

#menu ul {
	margin:0;
	padding:10px 10px 0;
	list-style:none;
}

#menu li {
	float:left;
	background:url(images/menu/cellule_gauche.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	border-bottom:1px solid #765;
}

#menu a {
	float:left;
	display:block;
	width:.1em;
	background:url(images/menu/cellule_droite.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	white-space:nowrap;
}

#menu > ul a {
	width:auto;
} /* Commented Backslash Hack hides rule from IE5-Mac \*/

#menu a {
	float:none;
} /* End IE5-Mac hack */

#menu a:hover {
	color:#333;
}

#header #current {
	background-position:0 -150px;
	border-width:0;
}

#menu #current a {
	background-position:100% -150px;
	padding-bottom:5px;
	color:#333;
}

#menu li:hover, #header li:hover a {
	background-position:0% -150px;
	color:#333;
}

#menu li:hover a {
	background-position:100% -150px;
}

/* conteneur principal */
#main {
	float:left;
	margin:0px;
	padding:0 0 0 0;
	width:100%;
	background:#FFF ;
	font-size:100%;
	line-height:normal;
}

/* grand contenu gauche */
#main-page {
	float:left;
	margin:5px;
	padding:0 0 0 0;
	width:702px;
	background:#FFF;
	font-size:100%;
	line-height:normal;
}

/* barre droite */
#main-sidebar{
	float:left;
	padding:0px;
	margin-top:5px;
	width:198px;	
	/*height:600px;*/
}

/* bloc sidebar */
#bloc-sidebar {
	margin-top:8px;
	padding:8px;
	float:left;
	width:180px;
	background:#95A;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
	color:#FDA;
}

#bloc-sidebar-titre {
	margin:0px;
	padding:4px;
	width:172px;
	height:24px;
	background:#95A url(images/fond-bloc-sidebar-titre.png) repeat-X left top;
	font-size:93%;
	font-weight:bold;
	line-height:normal;
	text-align:left;
	border:0px;
	color:#FDA;
}

#bloc-sidebar-bas {
	margin:0px;
	padding:0px;
	width:172px;
	font-size:80%;
	line-height:normal;
	text-align:right;
	border:0px;
	color:#FFD0A0;
}

#bloc-sidebar-pub {
	margin:0px;
	padding:0px;
	background:#884499;
	font-size:93%;
	text-align:center;
	border:0px;
	color:#FDA;
}

#bloc-sidebar a {
	color:#E8D2C9;
	text-decoration:none;
} 

#bloc-sidebar a:hover {
	color:#FFFFFE;
} 

/* dock - top */
#dock {
	position: relative;
	float:left;
	height: 110px; 
	width: 400px;
	overflow:hidden;
	text-align: center;
}

#dock ul{
	list-style: none;
}

.dock-container {
	position: relative;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}

a.dock-item {
	display: block;
	width: 40px;
	color: #200;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.dock-item img {
	border: #568 solid 3px;
	margin: 5px 10px 0px;
	padding: 1px;
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}

a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #200; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}

.dock-item2 span {
	display: none;
	padding-left: 20px;
}

.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

/* bloc menu dans main-sidebar */
#bloc-menu {
	position: relative;
	float:left;
	height: 110px; 
	width: 400px;
	overflow:hidden;
	text-align: center;
	border:1px solid #568;
}

/* cellule index grande */
.cellule-index-grande{
	background: url(images/cellule-index-grande.jpg) no-repeat left top;
	padding-left:12px;
	padding-right:12px;
	padding-top:10px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:676px;
	height:140px;
	border:0px;
	text-align:left;
	font-size:93%;
}

/* cellule index petite */
.cellule-index-petite{
	background: url(images/cellule-index-petite.jpg) no-repeat left top;
	padding-left:12px;
	padding-right:12px;
	padding-top:15px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:676px;
	height:40px;
	border:0px;
	text-align:left;
	font-size:100%;
}

/* avertissement index */
.liens-index{
	color:#101010;
	text-decoration: none;
}

/* avertissement index */
.avertissement{
	background:#FD3350;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

/* petite police */
.petit{
	font-size:90%;
}

/* commentaires */
.commentaire {
    color:black;
    font-size:90%;
    font-weight:normal;
	text-decoration:none;
}

/* edition des donnees du site (nom, email, URL, titre) */
.edition {  
	color:#200;
	background-color:#FED;
	font-size:100%;
}

/* affiachage du nombre de caractères restant) */
input.reste {  
	width:24px;
	background-color:transparent;
	border:none;
	color:maroon;
	font-size:10px;
}

/* input de recherche */
input.recherche {  
	width:180px;
	color:maroon;
}


/* cellule occupant toute la margeur du main-page */
.cellule-large{
	background: url(images/cellule-large.jpg) no-repeat left top;
	margin-top:8px;
	padding-left:7px;
	padding-top:10px;
	float:left;
	width:690px;
	height:140px;
	border:0px;
	font-size:88%;
}

.cellule-vide{
	margin-top:8px;
	padding-left:7px;
	padding-top:10px;
	float:left;
	width:690px;
	border:0px;
	font-size:88%;
}

/* cellule tube */
.cellule-tags{
	background:#FFF url(images/fond-tags.gif) repeat-x top;
	margin-top:8px;
	padding-top:20px;
	padding-right:12px;
	padding-left:12px;
	padding-bottom:12px;
	float:left;
	width:672px;
	border-top:2px solid #CBA;
	border-right:1px solid #765;
	border-left:1px solid #765;
	border-bottom:1px dotted #CBA;
	font-size:95%;
}

/* cellule tube */
.cellule{
	background: url(images/cellule.jpg) no-repeat left top;
	padding-left:7px;
	padding-top:25px;
	margin:0px;
	float:left;
	width:227px;
	height:236px;
	border:0px;	
}

/* partie la cellule avec info */
.cellule-info {
	padding-top:12px;
	padding-bottom:9px;
	padding-left:3px;
	padding-right:3px;
	width:215px;
	font-size:80%;
	text-decoration:none;
	color:#000;
}

/* thumb de la cellule */
.cellule-info img {
	margin:1px;
	border:0px;
}

/* partie la cellule avec texte */
.cellule-txt {
	padding-left:3px;
	width:215px;
	font-size:85%;
	text-decoration:none;
	color:#000;
}

/* embed */
.embed {
	font-size:90%;
	text-decoration:none;
	color:#000;
	background:#FED;
	width:100%;
}

/* ligne_claire */
.ligne_claire {
	background-color:#97A;
	height:16px;
	font-size:90%;
}

/* ligne_fonce */
.ligne_fonce {
	background-color:#879;
	height:16px;
	font-size:90%;
}

/* bloc recherche */
#bloc-recherche {
	margin-top:4px;
	padding:0px;
	float:left;
	width:690px;
	background:#FFF;
	font-size:93%;
	text-align:left;
	border:0px;
}

/* texte recherche */
#texte-recherche {
	margin-top:4px;
	margin-left:4px;
	padding:4px;
	float:left;
	width:440px;
	height:236px;
	background:#95A url(images/fond-video.png) repeat;
	font-size:96%;
	vertical-align:top;
	text-align:left;
	line-height:1;
	border:#568 solid 2px;
}

/* titre recherche */
#titre-recherche {
	margin-left:2px;
	padding-left:2px;
	float:left;
	width:434px;
	background:#400;
	font-size:96%;
	text-align:left;
	border:0px;
	color:#FED;
}

/* pub recherche */
#pub-recherche {
	margin-top:8px;
	margin-bottom:8px;
	padding:8px;
	float:left;
	width:670px;
	background:#95A url(images/fond-video.png) repeat;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
}

/* video player */
#video-player {
	margin-top:8px;
	padding-top:24px;
	padding-bottom:16px;
	float:left;
	width:690px;
	background:#95A url(images/fond-video.png) repeat;
	font-size:100%;
	line-height:normal;
	text-align:center;
	border:#568 solid 2px;
}

/* video texte sous les videos */
#video-texte {
	margin-top:16px;
	margin-bottom:8px;
	margin-left:24px;
	padding:8px;
	float:left;
	width:624px;
	background:#EBF;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
}

/* bloc pour chaque affichage de commentaires */
#bloc-commentaire {
	margin-top:4px;
	margin-bottom:8px;
	margin-left:16px;
	padding:4px;
	float:left;
	width:580px;
	background:#EDF;
	font-size:88%;
	line-height:normal;
	text-align:left;
	border:#568 dotted 1px;
}

/* titre du bloc-commentaire */
#bloc-commentaire-titre {
	margin-bottom:4px;
	padding:2px;
	float:none;
	width:576px;
	background:#FBE;
	font-size:88%;
	line-height:normal;
	text-align:left;
	border:0px;
}

/* corps du bloc-commentaire */
#bloc-commentaire-corps{
	margin-top:0px;
	margin-bottom:4px;
	padding-left:8px;
	margin-right:8px;
	float:none;
	width:564px;
	font-size:88%;
	line-height:normal;
	text-align:left;
	border:0px;
	color:#200;
}

/* ajouter un commentaire */
#ajouter-commentaire {
	margin-top:8px;
	margin-left:24px;
	padding:8px;
	float:left;
	width:624px;
	background:#EBF url(images/fond-ajouter-commentaire.png) top;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
}

/* admin cellule */
#cellule-admin {
	margin-top:8px;
	padding-top:16px;
	padding-bottom:16px;
	float:left;
	width:690px;
	background:#95A url(images/fond-video.png) repeat;
	font-size:100%;
	line-height:normal;
	text-align:center;
	border:#568 solid 2px;
}

/* admin cellule texte */
#cellule-admin-texte {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:24px;
	padding:8px;
	float:left;
	width:624px;
	background:#EBF;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
}

/* admin cellule grande */
#cellule-admin-grande {
	margin-left:8px;
	margin-bottom:8px;
	padding:8px;
	float:left;
	width:884px;
	background:#95A url(images/fond-video.png) repeat;
	font-size:100%;
	line-height:normal;
	text-align:center;
	border:#568 solid 2px;
}

/* admin cellule texte grande */
#cellule-admin-texte-grande {
	padding:8px;
	float:left;
	width:860px;
	background:#95A;
	font-size:93%;
	line-height:normal;
	text-align:left;
	border:#568 solid 2px;
}

/* footer */
#footer {
	float:left;
	width:100%;
	font-size:100%;
	line-height:normal;
}

/* transition entre main et footer */
#footer_barre {
	float:left;
	width:100%;
	height:50px;
	background:#FFF url(images/footer_barre_bg.gif) repeat-x bottom;
	font-size:93%;
	line-height:45px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:#643;
}

/* pagination */
.pagination {
	float:left;
}

/* liens de la pagination */
.pagination a {
	margin-left:6px;
	padding:2px;
	background:#ABD;
	line-height:normal;
	border:#568 solid 2px;
}

/* page selectionnée */
.pagination span.courante {
	margin-left:6px;
	padding:2px;
	background:#ADF;
	line-height:normal;
	border:#733 solid 2px;
	font-size:120%;
	color:#400;
}

/* page inexistante */
.pagination span.eteint {
	margin-left:6px;
	padding:2px;
	background:#BCE;
	line-height:normal;
	border:#79B solid 2px;
	color:#48A;
}

/* contenu du footer */
#footer_contenu {
	margin-left:4px;
	float:left;
	width:892px;
	height:60px;
	padding:8px;
	background:#95A ;
	border-left:#765 solid 2px;
	border-right:#765 solid 2px;
	font-size:85%;
	line-height:normal;
	color:#411;
}

/* extreme bas de page */
#footer_bottom {
	float:left;
	width:100%;
	height:60px;
	background:#ceaede url(images/footer_bottom_bg.gif) repeat-x top;
	font-size:90%;
	line-height:normal;
}

/* copyright */
.copyright {
	font-size:70%;
	text-decoration:none;
	color:#602030;
}