/* ########## ------------------------------------------------------------------ ########## */
/* ---------- ##### ---------- CSS par Bart  [ bart@why-production.fr ] ---------- ##### ---------- */
  /* ########## ------------------------------------------------------------------ ########## */

/*  ---  BLOCK  ---  */

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	bottom:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #232323;
	background-color: black;
}

a img
{
   border: none;
}

#container
{
	background-color: black;
	margin: 15px auto;
	width: 720px;
}

#header
{
	background-color: black;
	width: 720px;
}

#menu
{
	background-color: black;
	width: 720px;
}

#contenu
{
	background-repeat: no-repeat;
	height: 600px;
	width: 720px;
}

#acces_rapide
{
	margin-top: 20px;
	margin-left:22px;
	height: 78px;
	width: 130px;
	float: left;
	font-size:10px;
	padding-left:1px;
}

#acces_rapide2
{
	margin-top: 84px;
	margin-left:62px;
	height: 78px;
	width: 130px;
	float: left;
	font-size:10px;
	padding-left:1px;
}

#texte_haut
{
	margin-top: 27px;
	margin-left:105px;
	height: 155px;
	width: 436px;
	overflow: auto;
	float: left;
}

#texte_contenu
{
	margin-top: 70px;
	margin-left:30px;
	padding-top:3px;
	padding-left:3px;
	height: 268px;
	width: 660px;
	overflow: auto;
	float: left;
}

#haut_page
{
	margin-top:70px;
	width: 500px;
	float: right;
	color:#A6A6A7
}

#corps_page
{
	width: 670px;
	float: right;
	color:#A6A6A7;
}

#corps_page a { color:#6D6D95 }
#corps_page a:hover { color:#9595C7 }
#haut_page a { color:#6D6D95 }
#haut_page a:hover { color:#9595C7 }

#block_video
{
	float: left;
	width: 80%;
    margin-bottom: 1px;
    padding-top: 3px;
}

#block_vignettes
{
	float: right;
	width: 18%;
    margin-bottom: 1px;
    padding-top: 3px;
}

.mes_or
{
	margin-left:20px;
}

.mise_en_forme
{
	float: right;
    width: 33%;
    height: 30%;
    margin-bottom: 1px;
    font-size:11px;
}

.mise_en_forme table
{
	font-size:11px;
	color:#6D6D95;
}

.cadre
{
	padding: 10px;
	border:2px #101318 solid;
	background-color:#06070A;
}

.trait 
{
	height: 1px;
	background-image: url(http://www.why-production.fr/templates/images/sous_titre_2.gif);
/*
	background-image: url(http://localhost/whyproduction_v3/templates/images/sous_titre_2.gif);
*/
	background-repeat: repeat-x;
}

#footer
{
	color: #8F8F9E;
	text-align:center;
	width: 720px;
	height:30px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}

#footer a { color: white; }
#footer a:hover { color: white; text-decoration:none; }

/*  ---  NEWS  ---  */

.news_titre_cat a
{
	text-decoration:none;
	font-size:large;
}

.poster_commentaire
{
	padding: 10px;
}

.poster_commentaire a
{
	text-decoration:none;
	font-size: 1.1em;
}

.detail_news
{
	font-size: 10px;
	margin-left:30px;
}


.texte_news
{
	margin-left:15px;
	margin-right:15px;
	border:1px #101318 solid;
	padding:5px;
}

.categorie_news
{
	margin-left:15px;
	font-size: 10px;
}

.titre h3
{
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: 5px;
	font-size:18px;
	color:#514E59;
}

.titre_news a
{
	text-decoration:none;
	color:#03031C;
}

.titre_news a:hover
{
	text-decoration:none;
	color:#645555;
}

.datePosted
{
	font-size: 10px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	padding-top: 2px;
	color: #82878D;
}

/*  ---  TABLEAUX  ---  */

.tableau table 
{
   margin: auto; /* Centre le tableau */
   border: 4px #242027;
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-left:5px;
   margin-right:5px;
}

.tableau th /* Les cellules d'en-tête */
{
   background-color: #969E84;
   color: #484943;
   border: 1px solid #242027;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}

.tableau td /* Les cellules normales */
{
   border: 1px solid #242027;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
} 

/*  ---  GENERAL  ---  */

a { color: #001B3F; text-decoration: none; font-weight:bold; }
a:hover { color: #546983; text-decoration: underline; font-weight:bold; }

#acces_rapide a
{
	color: #223246;
	text-decoration: none;
}

#acces_rapide a:hover
{
	color: #223246;
	text-decoration: underline;
}

.alinea { margin-left:50px; }

hr { color:#101010; }
 
/* General alignment definitions */

.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.center { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }

form textarea, input, select
{
	border:1px #684444 solid;
	padding:1px;
	font-size:12px; 
	background-color: #A29B9B;
}

textarea
{
	border:1px #684444 solid;
	padding:1px;
	font-size:12px; 
	background-color: #686868;
}

.page
{
	width: 300px;
	padding:2px;
	font-weight:bold;
	margin-left:5px;
}

pre 
{
	display: inline;
}

.img_projet
{
	float:left;
	padding-right:10px;
}

.img_presse_art
{
	float:right;
	margin-right:60px;
}

.cadre_projet
{
	padding: 10px;
	border:2px #101318 solid;
	height:200px;
	background-color:#06070A
}

.liste_last
{
	margin-top:0px;
	padding-top:0px;
	padding-left:60px;
}

.liste_shop
{
	margin-top:2px;
	padding-top:0px;
	padding-left:15px;
}

.titre_artiste
{
	font-size:17px;
}

.panier table 
{
   margin: auto; /* Centre le tableau */
   border: 4px #242027;
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-left:15px;
   margin-right:5px;
   width:95%;
}

.panier th /* Les cellules d'en-tête */
{
   background-color: #21211F;
   color: #9A9393;
   border: 1px solid #242027;
}

.panier td /* Les cellules normales */
{
   border: 1px solid #242027;
   font-weight:bold;
   color:#797979;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
} 

.prix_total
{
	margin-left:450px;
	background-color: #21211F;
   	color: #9A9393;
   	border: 1px solid #242027;
   	padding:10px;
   	margin-right:20px;
   	text-align:center;
}