@charset "utf-8";
/* CSS Document // Rougeyres Infographie // www.rougeyres.be */

#cadre_message
{
	color:white;
	border: solid 3px;
	margin: 30%;
	padding: 50px;
}

#cache
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: #000;
	z-index:1000;
}

table
{
	border-collapse: collapse;
}

body{
background:#FFFFFF url(../images/bg.gif) repeat-x;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
}

.label
{
color:#000;
font-size: 12px;
padding:5px;
}

.titre_form{
padding :10px 0px;
margin :10px 5px;
color:#000;
font-size: 20px;
}

#container{
position:relative;
margin:auto;
width:717px;
min-height:500px;
padding:200px 0px 60px 280px;
}

#bgpatro{
position:absolute;
right:10px;
top:160px;
width:450px;
height:438px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgpatro.png', sizingMethod='image');
}

#container > #bgpatro{
background:url(../images/bgpatro.png) 0px 0px no-repeat;
}

#logo{
position:absolute;
left:55px;
top:31px;
width:119px;
height:80px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png', sizingMethod='image');
}

img
{
	border:none;
}

#menus{
position:absolute;
left:0px;
top:147px;
width:262px;
padding:6px 0px 11px 0px;
}

#container > #menu{
}

#menu h1{
background:url(../images/bgProductsTitle.png) no-repeat;
margin:0px;
padding:14px 16px 10px;
font-size:12px;
color:#FFFFFF;
background-color:#3e845f;
}

#menu > h1{
background-color:transparent;
}

#menu a{
color:#3a845f;
text-decoration:none;
display:block;
width:212px;
padding:2px 0px 2px 30px;
font-size:12px;
font-weight:bold;
margin-left:7px;
}

#menu a:hover{
text-decoration:underline;
}

#menu li > a:hover{
text-decoration:none;
}

#menuFooter{
width:262px;
height:15px;
}

#container > #menuFooter{
background:url(../images/bgProductsFooter.png) no-repeat;

}

#menu ul{
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

#menu > ul{
background-color:transparent;
}

#menu li{
margin:0px;
list-style-type:none;
}

#menu ul > li{
background:url(../images/bgProducts.png) left bottom no-repeat;
}

#menu li:hover{}

#menu ul > li:hover{
background:url(../images/bgProductsHover.png) left bottom no-repeat;
}

#menu a.uniforme{
background:url(../images/puce-uniforme.gif) no-repeat;
}

#menu a.services{
background:url(../images/puce-services.gif) no-repeat;
}

#menu a.vetements{
background:url(../images/puce-vetement.gif) no-repeat;
}

#menu a.accessoires{
background:url(../images/puce-accessoires.gif) no-repeat;
}

#menu a.outils{
background:url(../images/puce-outil.gif) no-repeat;
}

#menu a.visuels{
background:url(../images/puce-visuels.gif) no-repeat;
}

#menu a.subMenu{
padding:2px 0px 2px 40px;
margin-left:7px;
font-weight:normal;
width:202px;
}

#shoppatro{
position:absolute;
left:275px;
top:0px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shopatro.png', sizingMethod='image');
width:444px;
height:155px;
}

#container > #shoppatro{
background:url(../images/shopatro.png) no-repeat;
}

#crumbtrail{
position:absolute;
left:275px;
top:145px;
width:696px;
height:32px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding:14px 10px 0px 18px;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgCrumbtrail.png', sizingMethod='image');*/
}

#crumbtrail a
{
text-decoration :none;
color:white;
position: relative;
z-index: 1;
}

#crumbtrail a:hover
{
text-decoration :underline;
color:#eed70b;
position: relative;
z-index: 1;
}

#crumbtrail div{
display :inline;
float:right;
text-align:right;
padding:0px 10px;
}

#container > #crumbtrail{
background:url(../images/bgCrumbtrail.png) no-repeat;
}

.yellow{
color:#eed70b;
}

#basket{
position:absolute;
right:1px;
top:0px;
width:266px;
height:138px;
font-size:12px;
color:#3a845f;
font-weight:bold;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bgBasket.png', sizingMethod='image');*/
}

#container > #basket{
background:url(../images/bgBasket.png) no-repeat;
}

#basket h1{
margin:0px;
padding:0px;
font-size:12px;
margin:8px 10px 8px 16px;
width:100px;
float:left;
}

#basket a{
float:right;
font-size:11px;
text-decoration:none;
color:#3b3b3c;
margin:8px 14px 0px 0px;
}

#basket a:hover{
text-decoration:underline;
}

#basket p{
margin:6px 0px 6px 12px;
padding:0px;
width:195px;
font-size:10px;
float:left;
}

#basket #mini_confirm{
padding:4px 12px 4px 12px;
background-color: #eed70b;
margin:-3px 8px;
width:75px;
float:right;
text-align:right;
}

#basket #mini_confirm a{
color: #3a845f;
margin:0px;
font-size:12px;
font-weight: bold;
}

.price{
position:absolute;
right:14px;
}

#basket p.total{
font-size:12px;
font-weight:bold;
}

#content{
position:relative;
/*padding: 5px;*/
font-size:13px;
width:700px;
}

#content h2{
font-size:19px;
border-bottom: solid 1px #c0c0c0;
}

#content #content
{
/*	width:480px;*/
	width:668px;
	background-image:url(../images/gris_transparent.png);
	border:1px solid #AAAAAA;
	padding:20px;
	padding-bottom:30px;
}

#content .product{
position:relative;
width:520px;
margin:0px;
float:left;
padding:5px 0px 10px 180px;
color:#3a845f;
font-size:12px;
}

#content .product p {
	
	padding: 5px;
	padding-bottom: 15px;
}

.inter_product
{
position:relative;
width:520px;
margin:0px;
float:left;
padding:5px 0px 25px 5px;
font-size:12px;	
}


/* THOMAS */
#content .product2{

position:relative;
width:520px;
margin:0px;
float:left;
min-height:160px;
color:#3a845f;
font-size:12px;
}

#ligne_de_paiement
{

border:solid 1px #aaa;
background-image: url("../images/gris_transparent.png");

}

#prix, #resultat_calcul
{
	
}

#ligne_de_paiement label
{
	display: inline-block;
	width: 100px;
}

#ligne_de_paiement li
{
	padding: 8px;
}

#ligne_de_paiement select
{
	padding: 0;
	margin:0;
}

#ligne_de_paiement .boutton
{
	padding: 2px 2px 2px 2px;
	margin: 2px;
	width:120px;
	float: right;
}

#ligne_de_paiement #prix
{
	font-weight:bold;
	font-size: 17px;
	display : inline;
}

#ligne_de_paiement #resultat_calcul
{
	font-weight:bold;
	font-size: 17px;
	display : inline;
}

#block_message
{
position:absolute;
left: 30%;
top: 0px;
background-color:#eed70b;
color:#3a845f;
width:40%;
height: 50px;
border: solid 1px ;
padding: 10px;
display: none;
}
/* THOMAS */


#content > .product{
background:url(../images/bgProductsDetail.png) 0px 0px no-repeat;
}

#content .product table{
height:160px;
}

#content .product img{
position:absolute;
left:6px;
top:6px;
}


.black{
color:#000000;
}

.clear{
clear:both;
}

#conditions{
position:absolute;
bottom:-10px;
left:190px;
text-decoration:none;
color:#9cc1af;
font-size:10px
}

#conditions a:hover{
text-decoration:underline;
}


#footer{
position:relative;
bottom:0px;
left:0px;
clear:both;
width:787px;
margin: auto;
color:#9cc1af;
font-size:11px;
font-weight:bold;
padding:10px 0px 10px 190px;
}

#container > #footer{
background:url(../images/bgFooter.png) 0px 0px repeat-x;
}

#paypal{
position:absolute;
left:65px;
top:10px;
}

/* THOMAS HERICKS */

/* ********** menu ********** */

#menu a.promotions{
background:url(../images/puce-promotions.png) no-repeat;
}

/* ********** encart promo ********** */
.promo_colonne
{
	position: relative;
	top: 0;
	right: 0;
	padding-top: 14px;
	background-image: url(../images/promo.png);
	background-repeat: no-repeat;
	background-position: top left;	
}

.promo_colonne2
{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 14px;
	background-image: url(../images/promo.png);
	background-repeat: no-repeat;
	background-position: top left;	
}

.promo{
	position: relative;
	top: 0;
	right: 0;
	padding-top: 14px;
	background-image: url(../images/promo.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.promo div {
	border: 1px solid #f00;
	padding: 3px 7px;
	color: red;
	font-weight: bold;
}

.promo_colonne div
{
	font-size:11px;		
	border: 1px solid #f00;
	padding: 3px 7px;
	color: red;
	font-weight: bold;
	
}

.promo_colonne2 div
{
	font-size:11px;		
	border: 1px solid #f00;
	padding: 3px 7px;
	color: red;
	font-weight: bold;
	
}

.conditions
{
	width:680px;
	background-image:url(../images/gris_transparent.png);
	border:1px solid #AAAAAA;
	padding:20px;
	padding-bottom:30px;
}

.conditions .article
{
	font-weight: bold;
	text-decoration: underline;
}

.conditions p
{
	padding-bottom:30px;
}