/* Elements HTML en general
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url('img/bg.gif') repeat-x;
	font-size: 0.8em;
}

h1, h2, h3, h4{
	font-family: Arial, sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
color:#2191c2;
border-bottom:#2191c2 solid 1px;
}

h4{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
color:#c11e23;
}

hr {
border:none;
border-top:#ddd solid 1px;
}

a {
	color: #c11e23;
	text-decoration: none;
	outline:none;
}

a:visited {
	color: #c11e23;
	text-decoration: none;
}

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

img {
	border: none;
}

/* Homepage
-------------------------------------------------------- */

#homeGauche {
width:534px;
float:left;
padding:10px;
}

#homeGauche .homePitch {
margin-bottom:30px;
}

#homeGauche h3, #homeGauche .homePitch p {
border:none;
color:#444;
text-align:justify;
}

#homeGauche .homePitch h3.homeEtapes {
font-size:22px;
text-align:center;
}

#homeGauche .homePitch hr {
border-top-style:dashed;
}

#homeGauche .homeOffres {
width:265px;
float:left;
margin-bottom:30px;
}

#homeGauche .homeNouveaute {
width:265px;
float:left;
}

#homeDroit {
width:240px;
float:left;
}

.homeDroitCellule {
margin:auto;
width:232px;
margin-bottom:10px;
}

#homePlan {
border:#c0c0c0 solid 1px;
padding:10px 50px 10px 50px;
margin-top:30px;
}

#homePlan ul {
font-family:Verdana;
font-size:10px;
color:#898989;
float:left;
width:140px;
margin:0 0px 0 0px;
padding:0 50px 0 40px;
}

#homePlan li {
padding-left:10px;
line-height:14px;
}

#homePlan li strong {
margin-left:-10px;
}

#homePlan li a {
color:#898989;
}

#homePlan li a:hover {
color:#333;
}


/* Page
-------------------------------------------------------- */

#wrapper {
	width: 900px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 900px;
margin:auto;
}

.titreProd a {
margin-bottom:10px;
margin-right:10px;
float:left;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
margin:auto;
}

#hautContenu {
width:818px;
height:24px;
background:url('img/hautContent.gif');
border-left:#6a6b6e solid 1px;
border-right:#6a6b6e solid 1px;
margin:auto;
}

#hautContenudevis {
width:818px;
height:24px;
background:url('img/hautContent1.gif');
border-left:#700909 solid 1px;
border-right:#700909 solid 1px;
margin:auto;
}

#hautContenuaccueil {
width:818px;
height:24px;
background:url('img/hautContent2.gif');
border-left:#0b69a4 solid 1px;
border-right:#0b69a4 solid 1px;
margin:auto;
}

#hautContenucommandes {
width:818px;
height:24px;
background:url('img/hautContent3.gif');
border-left:#C8A51A solid 1px;
border-right:#C8A51A solid 1px;
margin:auto;
}

#hautContenucontact {
width:818px;
height:24px;
background:url('img/hautContent4.gif');
border-left:#6ca240 solid 1px;
border-right:#6ca240 solid 1px;
margin:auto;
}

#hautContenuaide {
width:818px;
height:24px;
background:url('img/hautContent5.gif');
border-left:#620BA4 solid 1px;
border-right:#620BA4 solid 1px;
margin:auto;
}

#contenu, #contenu3 {
	width:798px;
background:#FFFFFF;
border-left:#6a6b6e solid 1px;
border-right:#6a6b6e solid 1px;
	padding: 10px;
	margin:auto;
}

#contenudevis {
	width:798px;
background:#FFFFFF;
border-left:#700909 solid 1px;
border-right:#700909 solid 1px;
	padding: 10px;
	margin:auto;
}

#contenuaccueil {
	width:798px;
background:#FFFFFF;
border-left:#0b69a4 solid 1px;
border-right:#0b69a4 solid 1px;
	padding: 10px;
	margin:auto;
}

#contenucommandes {
	width:798px;
background:#FFFFFF;


border-left:#C8A51A solid 1px;
border-right:#C8A51A solid 1px;
	padding: 10px;

	margin:auto;
}

#contenucontact {
	width:798px;
background:#FFFFFF;
border-left:#6ca240 solid 1px;
border-right:#6ca240 solid 1px;
	padding: 10px;
	margin:auto;
}

#contenuaide {
	width:798px;
background:#FFFFFF;

border-left:#620BA4 solid 1px;
border-right:#620BA4 solid 1px;
	padding: 10px;
	margin:auto;
}

#basContenu, #basContenu3 {
width:818px;
height:39px;
background:url('img/basContent.gif');
border-left:#6a6b6e solid 1px;
border-right:#6a6b6e solid 1px;
margin:auto;
}

#basContenudevis {
width:818px;
height:39px;
background:url('img/basContent1.gif');
border-left:#700909 solid 1px;
border-right:#700909 solid 1px;
margin:auto;
}

#basContenuaccueil {
width:818px;
height:39px;
background:url('img/basContent2.gif');
border-left:#0b69a4 solid 1px;
border-right:#0b69a4 solid 1px;
margin:auto;
}

#basContenucommandes {
width:818px;
height:39px;
background:url('img/basContent3.gif');
border-left:#C8A51A solid 1px;
border-right:#C8A51A solid 1px;
margin:auto;
}

#basContenucontact {
width:818px;
height:39px;
background:url('img/basContent4.gif');
border-left:#6ca240 solid 1px;
border-right:#6ca240 solid 1px;
margin:auto;
}

#basContenuaide {
width:818px;
height:39px;
background:url('img/basContent5.gif');

border-left:#620BA4 solid 1px;
border-right:#620BA4 solid 1px;
margin:auto;
}

.titrePage {
	color: #FF9900;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #888;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}

.adresseFacturation {
padding:10px;
margin:10px;
width:350px;
float:left;
}

.adresseFacturation h3, .adresseLivraison h3 {
width:300px;
color:#333;
border-color:#333;
}

.adresseLivraison {
padding:10px;
margin:10px;
width:350px;
float:left;
}




/* Entete
-------------------------------------------------------- */

#entete {
	float: left;
	width: 900px;
	height:180px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

.logo {
	text-indent:-5000px;
}

.logo a {
	float: left;
	background:url('img/logo.png');
	width: 315px;
	height:111px;
	margin: 15px 0 0 30px;
	padding: 0;
}

.NouveauClient a {
	width:130px;
	height:62px;
	float:left;
	background:url('img/btNewClient.png');
	text-indent:-5000px;
	margin:110px 0 0 90px;
}

.achatRapide {
margin:0;
padding:0;
position:absolute;
left:360px;
top:28px;
float:left;
width:142px;
height:25px;
}

#monCompte {
	float: left;
	width: 260px;
	margin: 20px 0 0 250px;
	padding: 0;
}

.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #ba1c2d;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	overflow: hidden;
	zoom: 1;
	width:100px;
}

.menuMonCompte {
	float: left;
	color: #888;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	float: left;
	width: 200px;
	margin: 49px 0 0 130px;
	padding-top:0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

#monPanier a {
	color:#5da90f;
}

#monPanier a img {
	float:right;
	margin:0;
	padding:0;
}

.boutonMonCompteEntete {	
	float: left;
}

.boutonMonCompteEntete input {	
	float: left;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
	color:#888888;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
}

a.LIEN_entete:link {
	font-size: 0.8em;
	color: #aaa;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #aaa;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #444;
	text-decoration: underline;
	font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	width:800px;
	color: #666;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
}

a.LIEN_chemin:link {
	color: #FF9900;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #FF9900;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #BF1E23;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contourImage {
margin:4px;
}

.titreProduit {
	color: #700909;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.chapoProduit {
	color: #AD181C;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.descriptionProduit {
	color: #444;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
width:650px;
text-align:justify;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	
}

.ficheProduit img {
	float:right;
}

.imgBasProd {
float:right;
}

#uploadftp {
width:250px;
margin:auto;
}

a.imgLinkRubProd:hover {
text-decoration:none;
}


a.LIEN_commander:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

.monLivre {
width:728px;
height:90px;
margin:auto;
}

/* Edition */

.MenuRubEdition {
font-size:10px;
width:155px;
float:left;
padding:25px 5px 25px 5px;
}

.rubEdition {
float:right;
width:630px;
}

.editionLivre {
float:left;
width:305px;
padding:25px 5px 25px 5px;
border-bottom:#d7d8dc dashed 1px;
}

.editionCouv {
border:#5B6784 solid 1px;
background:url('img/couvNonDispo.png');
padding:1px;
width:128px;
height:176px;
float:left;
}

.editionContent {
width:150px;
float:left;
margin:0 0 0 15px;
}

.editionContent h5 {
font-size:14px;
font-weight:bold;
color:#3A3A3A;
margin:0;
padding:0;
height:45px;
}

.editionContent h6 {
font-size:12px;
font-style:italic;
color:#A2A2A2;
margin:0;
padding:0;
height:35px;
}

.editionContent p {
font-size:11px;
color:#333;
text-align:justify;
overflow:hidden;
height:90px;
}

.editionMenu {
float:left;
width:300px;
margin-top:15px;
}

.editionMenu .acheterLivre {
background:url('img/btAcheterLivre.png');
text-indent:-5000px;
float:left;
width:104px;
height:20px;
margin-right:10px;
}

.btAjoutPanierAuteur {
background:url('img/btAcheterLivre.png');
text-indent:-5000px;
float:left;
width:104px;
height:20px;
margin-right:10px;
border:none;
cursor:pointer;
}

.editionMenu .voirDetails {
background:url('img/btVoirDetails.png');
text-indent:-5000px;
float:left;
width:78px;
height:20px;
}



/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 775px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 30px;
	margin: 0;
	padding-bottom: 10px;
	color: #A7A7A7;
}

a.LIEN_pages:link {
	color: #A7A7A7;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #F90;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 820px;
	color: #A7A7A7;
	font-size: 0.9em;
	text-align: left;
	margin: 5px 0 20px 40px;
	padding-top: 10px;
}

#footer #imgPaiement {
float:right;
}

a.LIEN_footer:link {
	color: #7D7D7D;
	text-decoration: none;

}

a.LIEN_footer:visited {
	color: #7D7D7D;
	text-decoration: none;
}

a.LIEN_footer:hover {
	color: #FF9900;
	text-decoration: underline;
}

/* Divers elements de formulaires & tableaux
-------------------------------------------------------- */

.champsDevis {
margin:0px;
padding:5px;
}

.champsDevis span {
margin-left:30px;
}

.enteteTableau {

	color: #444;
	font-weight: bold;
font-size:0.9em;
text-align:left;
	background-color: #eee;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	font-size: 0.8em;
}

.footerTableau {
	color: #FFF;
	font-weight: bold;
	background-color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 765px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #de500a;
	font-weight: bold;
	font-size: 0.9em;
}



.obligatoire {
	color: #e10303;
}

.commentaires {
	font-size: 1em;
	font-style: italic;

	font-weight: bold;
	color: #e10303;
}

.tarifs {
border-bottom:#f11c5d solid 2px;
padding-bottom:2px;
margin:10px;
}

.tarifs th {
background:#f11c5d;
color:#FFF;
}

.tarifs td {
border-top:white solid 2px;
}

form#formprod {
width:310px;
float:left;

}

.boutoncolor_ajout {
float:right;
}

.btAjoutPanier {
background:url('img/btAjoutPanier.png');
width:224px;
height:88px;
border:none;
cursor:pointer;
text-indent:-5000px;
float:left;
}

.btEtapeSuivante {
background:url('img/btEtapeSuivante.png');
width:224px;
height:88px;
border:none;
cursor:pointer;
text-indent:-5000px;
}

.btModifLivre {
background:url('img/btModifLivre.png');
width:302px;
height:88px;
border:none;
cursor:pointer;
text-indent:-5000px;
float:left;
}

.btValiderLivre {
background:url('img/btValiderLivre.png');
width:380px;
height:88px;
border:none;
cursor:pointer;
text-indent:-5000px;
float:right;
}

.btPrecedent {
background:url('img/btPrecedent.png');
width:189px;
height:88px;
border:none;
cursor:pointer;
text-indent:-5000px;
float:left;
}

/* Menu general

-------------------------------------------------------- */

#menuGeneral {
	
	width:818px;
height:44px;
	padding: 10px 0 0 0;
	margin: 0 auto 1px auto;
}


#menuGeneral a:hover {
position:relative;
top:1px;
}

.btContact {
width:119px;
height:44px;
float:left;
background:url('img/btForum.png');
margin-left:29px;
}

.btContactActif {
width:119px;
height:44px;
float:left;
background:url('img/btForum.png');
margin-left:29px;
margin-top:1px;
}

.btAccueil {
width:119px;
height:44px;
float:left;
background:url('img/btEdition.png');
margin-left:42px;
}

.btAccueilActif {
width:119px;
height:44px;
float:left;
background:url('img/btEdition.png');
margin-left:42px;
margin-top:1px;
}

.btCommandes {
width:119px;
height:44px;
float:left;
background:url('img/btMultimedia.png');
margin-left:42px;
}

.btCommandesActif {
width:119px;
height:44px;
float:left;
background:url('img/btMultimedia.png');
margin-left:42px;
margin-top:1px;
}

.btDevis {
width:119px;
height:44px;
float:left;
background:url('img/btImpression.png');
margin-left:42px;
}


.btDevisActif {
width:119px;
height:44px;
float:left;
background:url('img/btImpression.png');
margin-left:42px;
margin-top:1px;
}

.btAide{
width:119px;
height:44px;
float:left;
background:url('img/btAide.png');
margin-left:42px;
}

.btAideActif{
width:119px;
height:44px;
float:left;
background:url('img/btAide.png');
margin-left:42px;
margin-top:1px;
}


dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 175px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	color: #ec8000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #FFFFFF;
	background-color: #EC8000;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
	font-size: 1em;
	color: #EC8000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu li a:hover, dl#menu li .selected {
	color: #FFFFFF;
	background-color: #EC8000;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 890px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}


a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}