@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

li{
	padding:0;
	margin:0;
}

.bold{
	font-weight:bold;
}

h1{
	font-size:40px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	margin-top:0;
}

h2{
	font-size:22px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
h5{
	margin:0;
	margin-left:1.5em;
	font-size:14px;
	color:#FFF;
	font-style:italic;
}
h4#valid{
	font-size:22px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
img{
	border:none;
}

div#global{
	width:1000px;
	margin:auto;
}

div#milieu{
	background-image:url('images/bg_interieur.png');
}

div#menu{
	width:280px;
	min-height:845px;
	float:left;
	padding-top:1em;
	background-image:url('images/bg_menu.png');
	background-repeat:no-repeat;
}

div#menu ul{
	margin:0;
	padding:0;
}

div#menu li{
	list-style:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-left:2.2em;
	list-style-image:url('images/li.png');
}

div#menu li a{
	color:#FFF;
	text-decoration:none;
}

div#menu li:hover{
	font-size:16px;
}

div#menu li#titre{
	color:#FFF;
	font-size:22px;
	margin-left:1em;
	padding-bottom:0;
	list-style-image:none;
}

div#menu li#trait{
	margin-left:0.4em;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-bottom:0;
	list-style-image:none;
}

div#menu li#nosproduits{
	padding-top:1em;
	padding-bottom:1em;
	margin-left:1em;
	font-weight:bold;
	font-size:18px;
	list-style-image:none;
}

div#contenu{
	float:left;
	width:697px;
	margin-bottom:1em;
}

td#coteGauche{
	width:10px;
	background-image:url('images/coteGauche.png');
}

td#coteDroit{
	width:10px;
	background-image:url('images/coteDroit.png');
}

/***PAGE ACCUEIL***/

div#coordonnees{
	text-align:center;
	font-weight:bold;
	width:375px;
	margin:auto;
	padding:1em;
	height:294px;
	margin-bottom:1em;
	background-image:url('images/bg_coordonnees.png');
}

div#coordonnees h2{
	font-size:18px;
	color:#FFF;
	text-align:center;
}

div#dernier_produit{
	width:309px;
	height:210px;
	float:left;
	padding:1.3em;
	padding-bottom:2em;
	background-image:url('images/bg_produit_accueil.png');
	background-repeat:no-repeat;
}
.image_accueil{
	margin:1em;
	text-align:center;
}
.nouveaux{
	width:400px;
	margin:auto;
}
div#dernier_produit h3{
	margin:0.3em;
}

div#dernier_produit img{
	max-width:50%;
	max-height:60%;
	margin-right:0.5em;
	float:left;
}

div#texte_dernier {
	float:left;
	width:300px;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}
table#table_dernier {
	width:305px;
	margin:0;
	padding:0;
}
td#prix{
	padding:0;
	margin:0;
	font-weight:bold;
	width:220px;
}
div#dernier_produit td#details{
	height:150px;
}
td#details{
	text-align:justify;
	height:150px;
	width:150px;
}
div#dernier_produit td#ensavoirplus{
	padding-top:1em;
}

div#dernier_produit a#lirelasuite{
	float:right;
	color:#FFF;
}

div#dernier_produit a#lirelasuite:hover{
	text-decoration:none;
}

/***FIN PAGE ACCUEIL***/
/***Quisommes nous***/

.left{
	float:left;
}

div#image{
	float:left;
	width:150px;
	margin-top:1em;
}

div#text_qui {
	margin-top:6em;
	padding:0;
	font-size:16px;
	clear:left;
	text-align:justify;
	width:650px;
	padding-top:1em;
}
div#text_qui ul{
	margin:0;
	padding:0;
}

div#text_qui li{
	list-style:none;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-left:2.2em;
	list-style-image:url('images/li_inverse.png');
}

/***FIN Quisommes nous***/


/***PAGE CONTACT***/

div#gauche{
	float:left;
	width:350px;
	margin-left:0.5em;
	margin-top:2em;
}

div#droite{
	margin-left:1em;
	float:left;
	width:325px;
}

div#droite h3{
	text-align:center;
}

div#droite input{
	width:170px;
	border:solid 1px #900;
	background-color:#FCC;
}

div#droite textarea{
	width:300px;
	border:solid 1px #900;
	background-color:#FCC;
}

/***FIN PAGE CONTACT***/


div#footer{
	clear:left;
	text-align:center;
	height:30px;
	background-color:#090;
	margin-top:2em;
}

div#footer a{
	color:#CCC;
}

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

div#footer ul{
	margin:0;
	padding:0;
	height:30px;
	width:880px;
	margin:auto;
}

div#footer li{
	float:left;
	padding:0.5em;
	list-style:none;
}

/***PAGE PRODUITS***/

div#produit{
	padding:1em;
	padding-left:2em;
	text-align:justify;
	background-image:url('images/bg_produit.png');
	background-repeat:no-repeat;
	width:640px;
	height:220px;
}

td#detail_produit{
	height:80px;
	width:640px;
}
div#produit td#detail_produit_photo{
	height:70px;
	width:640px;
}
div#produit td#prix{
	font-weight:bold;
	color:#F00;
	padding:0;
	margin:0;
	font-size:16px;
	width:640px;
}


td#detail_produit_photo img{
	height:90px;
	width:125px;
	max-width:90%;
	max-height:90%;
	border:solid 1px #900;
}
div#produit img{
	float:left;
	height:90px;
	width:125px;
	max-width:90%;
	max-height:90%;
}
div#produit ul{
	margin:0;
	padding:0;
	height:90px;
	width:640px;
}

div#produit li{
	float:left;
	height:90px;
	width:125px;
	list-style:none;
	padding-top:0.5em;
}

/***FIN PAGE PRODUITS***/

/***PLAN DU SITE***/

div#plandusite a{
	color:#CCC;
	text-decoration:none;
}

div#plandusite ul{
	margin-left:16em;
	margin-top:2em;
}

div#plandusite li{
	padding:0.3em;
	list-style-image:url('images/li_inverse.png');
}

div#plandusite li#nosproduits{
	padding-top:1em;
	padding-bottom:1em;
	font-weight:bold;
	font-size:18px;
	padding-left:0;
	list-style:none;
}

/***FIN PLAN DU SITE***/

/***WEBMASTER***/

div#ajoutproduit a#retour, div#tousproduits a#retour, a#retour{
	font-size:16px;
	color:#F00;
	text-decoration:underline;
}

div#connection{
	background-image:url('images/bg_connection.png');
	width:220px;
	margin:auto;
	padding:2em;
	margin-top:2em;
}

div#menuwebmaster{
	width:350px;
	padding:1em;
	margin:auto;
	margin-top:1em;
	border:solid 2px #FFF;
}

div#menuwebmaster a{
	color:#CCC;
	text-decoration:none;
}

div#ajoutproduit{
	width:610px;
	margin:auto;
	padding:1em;
	border:solid 2px #FFF;
	margin-top:2em;
}

div#ajoutproduit input,div#ajoutproduit textarea{
	width:250px;
	border:solid 2px #900;
}

div#tousproduits{
	width:400px;
	margin:auto;
	margin-top:2em;
	border:solid 2px #FFF;
	padding:1em;
}

div#tousproduits a{
	color:#CCC;
	text-decoration:none;
}

div#confirmation{
	padding:1em;
	border:solid 2px #FFF;
	width:410px;
	margin:auto;
	margin-top:3em;
	color:#FFF;
	font-weight:bold;
}

div#mofification{
	padding:1em;
	border:solid 2px #FFF;
	width:500px;
	margin:auto;
	margin-top:3em;
}

/***FIN WEBMASTER***/
