/* Module CSS Standard du site */

/*------ Basic Elements ------*/
html{
	margin: 0px;
	padding: 0px;
	}
	
body{
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
	font-family: arial, verdana;
	font-size: 12px;
	color: #C5C5C5;
	}
	
body a:link{
	color: #C5C5C5;
	text-decoration: none;
	}
body a:visited{
	color: #C5C5C5;
	text-decoration: none;
	}
	
div#content {
	padding: 2em;
}

.titre {
	width: 100%;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	background-color: #4A4D49;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #757575;
}

.desc {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #575956;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #757575;
}

.desc_text {
	margin-left: 20px;
}

.body_container {
	position: relative;
}

.body_photo {
	position: relative;
	margin: 20px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}

.body_vignette {
	position: float;
	float: left;
	margin: 1px;
	width: 160px;
	height: 160px;
	text-align: center;
	line-height: 160px;
	vertical-align: middle;
	background-color: #444444;
	}
	
.body_vignette img {
	vertical-align: middle;
}

.body_picture {
	background-color: #444444;
}

.body_picture img {
	padding-left: 5px;
}

.rubrique {
margin-left: 20px;
margin-bottom: 10px;
padding-left : 10px;
border: 0px;
border-left : 3px;
border-style : solid;
 width: 300px;
 height: 30x;
 line-height : 30px;
 vertical-align :middle;
 background-color: #6C6F6B
}

h1 {
	font-size: 3em;
	width: 100%;
	background: #999999;
	height: 1.5em;
	padding-top: .3em;
	text-align: center;
	margin: 0;
}

div#panier {
	width: 100%;
	background: #CCCCCC;
	color: #333333;
	margin: 0;
	padding: .5em;
}

div#panier a {
	color: #666666;
}

p#path {
	font-size: 1em;
	margin-bottom: 3em;
}

table#photos {
	border: 1;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

table#photos td {
	padding: .5em;
}

table#photos_panier {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 75%;
}

table#photos_panier td {
	padding: .5em;
	width: 20%;
}

table#photos_panier tr.header {
	background: #CCCCCC;
	color: #333333;
}

div#resum_panier {
	width: 30%;
	margin-left: 30%;
	border: 1px solid #EEEEEE;
}

div#resum_panier p {
 	padding: .5em 1em;
	margin: 0;
}

div#resum_panier p#resum_panier_header {
	background: #CCCCCC;
	color: #333333;
	padding: .5em 1em;
	margin: 0;
	margin-bottom: .5em;
}

form#form_valid_cmd {
	width: 35%;
	margin: 0;
	margin-top: 2em;
	float: left;
}

form#form_valid_cmd label {
	display: block;
	width: 25%;
	float: left;
	padding-right: 1em;
	text-align: right;
}

form#form_valid_cmd input {
	width: 60%;
}

form#form_valid_cmd p#submit input {
	margin-left: 9.5em;
}

div#infos_cmd {
	margin: 0;
	margin-top: 2em;
	width: 60%;
	float: right;
	padding: 2em;
}

div#form_err {
	margin-left: 4em;
}

p#required_fields {
	margin-left: 6em;
	margin-bottom: 2em;
}

p#cloture_commande {
	background: #CCC;
	border: 1px solid #FFF;
	width: 30%;
	padding: 0.5em;
	color: #333333;
	text-align: center;
	margin-left: 30%;
}

div#aide {
	padding: 1em;
}

div#confirm_cmd {
	padding: 1em;
}

/* admin */
table#tableau_commandes {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: .2em;
	background: #CCCCCC;
	color: #000;
	border-collapse: collapse;
}

table#tableau_commandes td, th {
	text-align: center;
	border: 1px solid #FFFFFF;
}

table#tableau_commandes tr.pair td {
	background: #999999;
}

table#tableau_photos {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: .2em;
	background: #CCCCCC;
	color: #000;
	border-collapse: collapse;
}

table#tableau_photos td, th {
	text-align: center;
	border: 1px solid #FFFFFF;
}

table#tableau_photos tr.pair td {
	background: #999999;
}