@import "catalogue.css";
@import "parametres.css";

body
{
	width: 100%;
	margin: auto;
	background-color : black;
}

#banniere {
	height:230px;
	width : 601px;
	margin-left : auto;
	margin-right : auto;
}

#page {
	width : 1100px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 5px;
	border : 3px solid #1d2321;
	background: url(bas.jpg) no-repeat center bottom;
}

#corps {
	width: 1050px;
	margin-left : auto;
	margin-right : auto;
}

#menu
{
	width: 1000px;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left : auto;
	margin-right: auto;
	border-bottom: 2px solid #1d2321; 
}
.lien_menu
{
	float:left;
	width: 16%;
	text-align:center;
	font-size: 22px;
}

#index {
	float : left;
	margin-bottom: 5px;
	padding-left : 5px;
	text-align : justify;
	width : 430px;
}

#contenu {
	float : left;
	margin-bottom: 5px;
	padding-left : 5px;
	text-align : justify;
	width : 760px;
	
}

#articles_populaires {
	width: 300px;
	margin-left: 20px;
	padding-left : 20px;
	border-left : 2px solid #1d2321;
	float: left;
}
#colonne_droite {
	width : 230px;
	padding-left : 20px;
	border-left : 2px solid #1d2321;
	margin-bottom: 5px;
	float : right;
}
#info {
	border-bottom : 2px solid #1d2321;
}
#utilisateur {
	border-bottom : 2px solid #1d2321;
	padding-bottom: 5px;
}
#utilisateur hr{
	width: 150px;
	height: 1px solid #1d2321;
}

.clear {
	clear: both;
}
h1, h2, h3, h4, h5, h6 {
	color : #cfddda;
	font-family:Verdana;
	font-size:16px;
}
p, label {
	font-size : 12px;
	color :#c3c3c3;
	font-family:Verdana;
}
#blanc {
	font-size : 12px;
	color :#729c93;
	font-family:Verdana;
	}
#blanc2 {
	font-size : 12px;
	color :#729c93;
	font-family:Verdana;
	}
#blanc3 {
	font-size : 12px;
	color :#C3C3C3;
	font-family:Verdana;
	}
#blanc4 {
	font-size : 14px;
	color :#C3C3C3;
	font-family:Verdana;
	}
#blanc5 {
	font-size : 14px;
	color :#FFFFFF;
	font-family:Verdana;
	}	
#titres {
	color : #cfddda;
	font-family:Verdana;
	font-size:16px;
}	

/*Style des liens */
a {
	font-size : 14px;
	font-family:verdana;
	font-weight:normal;
	color:#7f9892;
	text-decoration:none;
}
a:hover {
	font-family:verdana;
	font-weight:normal;
	color:#c3c3c3;
	text-decoration:none;
}
a img {
	border-style : none;
}

/* Style des zone de texte */
.aligne
{
	display:block;
	width:205px;
	float:left;
}

.no-borer {
	border-style: none;
}
input{
	background-color:#000;
	color: #c3c3c3;
	font-family:verdana;
	border:2px solid #1c2422;
}
textarea {
	background-color:#000;
	color: #c3c3c3;
	font-family:verdana;
	font-size:11px;
	border:2px solid #1c2422;
	padding-left:5px;
}	
input:hover {
	background-color:#0a1313;
	color: #c3c3c3;
	font-family:verdana;
	border:2px solid #1c2422;

}
textarea:hover {
	background-color:#0a1313;
	color: #c3c3c3;
	font-family:verdana;
	font-size:11px;
	border:2px solid #1c2422;
}

table {
	border-collapse: collapse;
	color : white;
}

#preview{
    position:absolute;
    display:none;
}
#preview img{
	border:3px solid #1d2321;
    width: 60%;
	height: 60%;
}

.details table, th, td{
	border-collapse: collapse;
	border: 2px solid #1d2321;
}
.details table img{
	width: 100%;
	height: 100%;
}

.ligne_bas {
	border-bottom: 2px solid #1d2321;
}