/* Global
------------------------------------------------------------------*/
body {
	background-color: #222D2D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E9F5F5;
}
html, body, form, fieldset, hr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address {
	margin:0;
	padding:0;
}

a:link,
a:visited {
	text-decoration:none;
	color:#B45346;
}
a:hover{
	text-decoration:none;
	color:#e45a49;
}

hr {
	border:0;
	clear:both;
	visibility:hidden;
}
.cleaner{
	width:600px;
	clear:both;
	visibility:hidden;
}
img {
	border:0;
}
.imageLeft{
	float:left;
	margin-right:10px;

}

/* Structure
------------------------------------------------------------------*/

#container{
	width:900px;
	margin-left:10px;
	margin-top:5px;
}
#topNav{
	height:20px;
	margin-left:20px;
	padding-top:10px;
}
#header{
	height:170px;
	background-image:url(images/header.jpg);
}
#content{
	background-image:url(images/content_back.gif);
}
#leftCol{
	float:left;
	width:610px;
	padding:20px;
}
#rightCol{
	float:right;
	width:250px;
}
#footer{
	height:40px;
	background-image:url(images/footer.gif);
	margin-bottom:5px;
	padding-right:250px;
	text-align:center;
	font-size:0.8em;
}
#credits{
	margin-bottom:30px;
	font-size:0.8em;
	color:#789494;
}

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

#leftCol h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#94B3C5;
}
#leftCol h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#94B3C5;
}
#leftCol h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#cae001;
	margin-bottom:10px;
}
#leftCol .date{
	font-size:0.9em;
	color:#A6A69B;
}
#leftCol .separator{
	margin-top:10px;
	margin-bottom:10px;
}
#leftCol .subFooter{
	background-color:#293838;
	padding:5px;
	text-align:right;
	margin-bottom:10px;
}
#leftCol .subFooter .leftLink{
	float:left;
	width:200px;
	text-align:left;
}
#leftCol .subFooter .centerLink{
	float:left;
	width:200px;
	text-align:center;
}
#leftCol .subFooter img{
	vertical-align:top;
	margin-top:1px;
}

html>body #leftCol .subFooter{
	margin-top:10px;
}
#leftCol .itemDisplay{
	float:left;
	text-align:center;
	margin: 0px 8px 10px 2px;
	padding-top:5px;
	width:190px;
	background-color:#384747;
}


#leftCol .itemDisplay a:link,
#leftCol .itemDisplay a:visited {
	text-decoration:none;
	color:#E9F5F5;
	font-weight:bold;
}
#leftCol .itemDisplay a:hover{
	text-decoration:underline;
	color:#E9F5F5;
	font-weight:bold;
}

html>body #leftCol .itemDisplay{
	margin: 0px 5px 10px 5px;
}
.itemForm{
	margin-top:5px;
	margin-bottom:10px;

}
.itemForm select{
	width:100px;
	font-size:0.8em;
	border:1px solid #ddd;
}
.itemForm input{
	vertical-align:middle;
	margin-left:10px;
}

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

#rightCol h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#94B3C5;
	padding-top:10px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	background-image:url(images/separator_main.gif);
	background-position:bottom;
	background-repeat:no-repeat;

}
#rightCol h1 img {
	vertical-align:middle;
}
#rightCol ul{
	list-style-type: none;
	margin-bottom:20px;
	font-size:0.8em;

}
#rightCol li a, #rightCol li a:link, #rightCol li a:visited
{
	margin:0px;
	display: block;
	padding:5px;
	padding-left:35px;
	color:#E9F5F5;
	width:210px;
	background-image:url(images/separator_main.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
#rightCol li a:hover{
	display: block;
	padding-left:35px;
	background-color:#2F3E3E;
}
#commande{
	font-size:0.8em;
}
#commande a:link,
#commande a:visited {
	text-decoration:none;
	color:#CAE001;
	font-weight:bold;
}
#commande a:hover{
	text-decoration:underline;
	color:#CAE001;
	font-weight:bold;
}
#commande .backTable {
	background-image:url(images/separator_main.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:30px;
}
#commande .total {
	color:#94B3C5;
	font-size:1.1em;
	font-weight:bold;
}

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

#footer a:link,
#footer a:visited {
	text-decoration:none;
	color:#E9F5F5;
}
#footer a:hover{
	text-decoration:underline;
	color:#E9F5F5;
}
#credits .rightLink{
	float:right;
}
#credits a:link,
#credits a:visited {
	text-decoration:none;
	color:#789494;
}
#credits a:hover{
	text-decoration:none;
	color:#E9F5F5;
}

ul#nav {
	position:absolute;
	top:175px;    /* set the exact position of the navigation */
	left:22px;      /* set the exact position of the navigation */
	width:607px;
	height:30px;
}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;
	list-style-type:none;
}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(images/nav.jpg) no-repeat;
}
li#accueil a {
	width:90px;
	height:30px;
 }
li#presentation a {
	width:127px;
	height:30px;
 }
li#services a {
	width:91px;
	height:30px;
 }
li#devis a {
	width:76px;
	height:30px;
}

li#faq a {
	width:69px;
	height:30px;
 }
li#contact a {
	width:88px;
	height:30px;
 }
li#liens a {
	width:66px;
	height:30px;
 }
li#accueil a:hover, li#accueil a:focus {
	background-position:0px -30px;
 }
li#presentation a:link, li#presentation a:visited {
	background-position:-90px 0px;
}
li#presentation a:hover, li#presentation a:focus {
	background-position:-90px -30px;
}
li#services a:link, li#services a:visited {
	background-position: -217px 0px;
}
li#services a:hover, li#services a:focus {
	background-position: -217px -30px;
}
li#devis a:link, li#devis a:visited {
	background-position: -308px 0px;
}
li#devis a:hover, li#devis a:focus {
	background-position: -308px -30px;
}


li#faq a:link, li#faq a:visited {
	background-position: -384px 0px;
}
li#faq a:hover, li#faq a:focus {
	background-position: -384px -30px;
}
li#contact a:link, li#contact a:visited {
	background-position: -453px 0px;
}
li#contact a:hover, li#contact a:focus {
	background-position: -453px -30px;
}
li#liens a:link, li#liens a:visited {
	background-position: -541px 0px;
}
li#liens a:hover, li#liens a:focus {
	background-position: -541px -30px;
}
/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#accueil-page ul#nav li#accueil a {
	background-position:0px -60px;
}
body#presentation-page ul#nav li#presentation a {
	background-position:-90px -60px;
}
body#services-page ul#nav li#services a {
	background-position:-217px -60px;
}
body#devis-page ul#nav li#devis a {
	background-position: -308px -60px;
}
body#faq-page ul#nav li#faq a {
	background-position:-384px -60px;
}
body#contact-page ul#nav li#contact a {
	background-position:-453px -60px;
}
body#liens-page ul#nav li#liens a {
	background-position:-541px -60px;
}

/*-------- Boutons ajout panier-----------------------------------------------*/
.bt_add{
	width:24px;
	height:24px;
	background-image:URL("images/add_colis.gif");
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
}
.bt_add_large{
	width:48px;
	height:48px;
	background-image:URL("images/add_colis_large.jpg");
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
}
/*fiche produit-----------------------------------------------------*/
#product{
	float:right;
	width:300px;
}
#productDescription{
	height:140px;
}
#prodForm {
	margin-top:20px;
	float:right;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:300px;
}
#prodForm #size{
	padding-top:15px;
	padding-left:170px;
	height:30px;
	background-image:url(images/1.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#prodForm #qty{
	padding-top:15px;
	height:30px;
	padding-left:170px;
	background-image:url(images/2.jpg);
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#prodForm #add{
	padding-top:20px;
	height:70px;
	padding-left:200px;
	background-image:url(images/3.jpg);
	background-repeat:no-repeat;
}
#prodForm #sizeSelect {
	width:100px;
	font-size:0.8em;
	border:1px solid #ddd;
}
#prodForm #qtySelect {
	font-size:0.8em;
	border:1px solid #ddd;
}
#descrProd{
	height:80px;
}
.comment{
	background-color:#445252;
	background-image:url(images/block_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:10px;
	margin-bottom:10px;

}
.comment p{
	padding:10px;
}
.comment .details{
	color:#CAE001;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:0.8em;
	padding:2px;
	padding-right:10px;
}
#addComment{
	width:300px;
	height:300px;
	margin-right:10px;
	margin-top:10px;
	background-image:url(images/backAddComment.jpg);
	float:left;
}
#commentForm{
	color:#CAE001;
	padding-top:50px;
	padding-right:20px;
	padding-left:20px;

}
#commentForm textarea {
	border:1px solid #ddd;
	color:#000;
	width:250px;
	height:100px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;

}
#commentForm input {
	color:#000;
	border:1px solid #ddd;
	width:250px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}
#commentForm .bt_addComment{
	margin-top:10px;
	width:82px;
	height:25px;
	background-image:URL("images/addComment.jpg");
	background-repeat:no-repeat;
	border:0px;
	float:right;
	cursor:pointer;
}
.sideComment{
	margin-top:40px;
	font-size:0.9em;
}
/*-------------------------------*/

#tableComande{
	margin-top:20px;
}
#tableComande a:link,
#tableComande a:visited {
	text-decoration:none;
	color:#CAE001;
	font-weight:bold;
}
#tableComande a:hover{
	text-decoration:underline;
	color:#CAE001;
	font-weight:bold;
}
#tableComande .backTable {
	background-image:url(images/separator_main.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:40px;
}
#tableComande .total {
	color:#94B3C5;
	font-size:1.1em;
	font-weight:bold;
	height:40px;
}


.comForm{

margin-bottom:20px;
}
.comForm select{
	width:100px;
	font-size:0.8em;
	border:1px solid #ddd;
}
.comForm input{
	width:20px;
	font-size:0.8em;
	border:1px solid #ddd;
}
/*-------------------------------*/
#faqList {
margin-top:20px;
font-size:0.9em;
font-style:italic;
width:600px;
}
#faqList img{
vertical-align:middle;
margin-right:10px;
}

#faqList ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
background-image:url(images/separator_main.gif);
background-position:top;
background-repeat:no-repeat;
margin-bottom:20px;
}

#faqList a
{
display: block;
padding: 10px;
background-image:url(images/separator_main.gif);
background-position:bottom;
background-repeat:no-repeat;
}

/*-------------------------------*/
p.question{
background-color: #3E4F4F;
padding:10px;
border-left:solid 10px #637E7E;
font-size:0.9em;
font-style:italic;
color:#cae001;
}
p.reponse{
padding:10px;
border-left:solid 10px #3E4F4F;
margin-bottom:20px;
}
/*-------------------------------*/
#contact{
}

.sideAdresse{
	margin-top:20px;
	font-size:1.1em;
}
#sendMail{
	width:300px;
	height:300px;
	margin-right:10px;
	margin-top:10px;
	background-image:url(images/backsendMail.jpg);
	float:left;
}
/*-------------------------------*/
#leftCol .innerLeft{
	float:left;
	width:300px;
}
#leftCol .innerRight{
	float:right;
	width:300px;
}


#leftCol .lightBlock{
	padding:10px;
	background-color:#374747;
	margin-bottom:15px;
}
#leftCol .lightBlock2{
	padding:10px;
	background-color:#374747;
	margin-top:-5px;
	margin-bottom:15px;
}

.formId{
	font-size:0.9em;
}
.formId input{
	width:150px;
	font-size:0.8em;
	border:1px solid #ddd;
	margin-top:3px;
	margin-bottom:5px;
}

.formIn{

}

.formIn label{
	display: inline;
	float: left;
	width: 200px;
	margin-top:5px;
	text-align:right;
	margin-right:10px;
	font-size:0.9em;
}
.formDim {
	width:200px;
	font-size:0.8em;
	border:1px solid #ddd;
	margin-bottom:5px;
}

#tableRecap{
	font-size:0.8em;
}
#tableRecap a:link,
#tableRecap a:visited {
	text-decoration:none;
	color:#CAE001;
	font-weight:bold;
}
#tableRecap a:hover{
	text-decoration:underline;
	color:#CAE001;
	font-weight:bold;
}
#tableRecap .backTable {
	background-image:url(images/separator_main.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:30px;
}
#tableRecap .total {
	color:#94B3C5;
	font-size:1.1em;
	font-weight:bold;
}
/*-------------------------------*/

.lien {

	background-color: #384747;

	padding:10px;

	margin-bottom:10px;

}

/*-------------------------------*/
/*---------Boutons inscription----------*/
#bt_continue{
	width:154px;
	height:36px;
	background-image:URL("images/continuer.jpg");
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
}

#bt_record{
	width:154px;
	height:36px;
	background-image:URL("images/enregistrer.jpg");
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
}
/*--------------------*/