body {
	background:#534343;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	text-align:justify;
}

h1{
	margin:5px 0 10px 0;
	padding:0;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
h2, h3{
	margin:0;
	padding:0;
}
p{	margin:0;
	padding:0;
}

/* TITRES*--------------------------------------------------------------------- */

#colMilieu h2 , #colContent h2, #contactHomepage h2, #ColGaucheContact h2, #catalogue h2 {
	width:auto;
	padding:0 0 0 8px !important;
	height: 42px;
	line-height: 40px;
	font-size: 22px;
	font-weight: normal;
	background-color:#322828;
	color: #fff;
	margin:0;
	
}
#colContent h3, #catalogue h3 {
	width:auto;
	padding:0 0 0 5px !important;
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin:10px;
	border-bottom:1px solid #A3CAE4;
}

#ColGaucheContact{
	clear:both;
	width:auto;
}

#diaporama h3, #ActuHomepage h3, #ActuPage h3{
	background:#E3DDDD;
	width:auto;
	padding:5px;
	clear:both;
	font-size: 16px;
	font-weight: normal;
	color: #333333;
	padding:5px;
	margin:0;
	border-top: 5px solid #423535;
}
#colMilieu h3{
	background:#322828;
	width:auto;
	padding:0 0 0 5px;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	height:30px;
	line-height:30px;
	margin:0;
	border-top: 5px solid #423535;
}
.TitreActu{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	border-bottom:1px solid #ccc;
	width:auto;
	}
.TitreActu a{
	color: #000000;
	}
.TitreActu a:hover{
	text-decoration:none;
	}
.H2encardActu{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	border-bottom:1px solid #fff;
	width:auto
}

.titrecolonedroite{
	padding: 15px 0 15px 10px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	width:100%;
	display:block;
	background-color: #413B2B;

}




/* MENU --------------------------------------------------------------------- */

#menu{
	width: 290px;
	float:left;
	font-size: 12px;
	font-weight: bold;background-color:#322828;
}
#menu ul{
	margin:0;
	padding:0;
	
	}
#menu li{
	list-style-type:none;
	border-top: 1px dashed #ccc;
	
	
}
#menu li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0 0 0 5px;
	background-color:#322828;	
	height:25px;
	line-height:25px;
	
}

#menu li a:hover, .current, .current a, .current a:hover{
	display:block;
	color: #fff !important;
	background-color:#000 !important;
}



/* MENU des pages--------------------------------------------------------------------- */
	
#menuFullCol{
	clear:both;
	border-bottom:1px solid #ccc;
	width:auto;
	margin-top:5px;
	margin-bottom:10px;
	height:20px;
	line-height:20px;
}
#menuFullCol ul{
	margin:0;
	padding:0;
}
#menuFullCol li{
	list-style-type:none;
	float:left;
	border-right:3px solid #fff;
	color:#333333;
	font-size: 12px;	

}
#menuFullCol li a{
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
	display:block;
	padding:0 5px 0 5px;
	background-color: #333333;
	font-weight: bold;
}
#menuFullCol li a:hover{
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
	display:block;
	background-color: #666666;
	font-weight: bold;
}


/* Header ------------------------------------------------ */
#contenuHeader{
	width:auto;
	margin:0;
	padding:0;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000000;
	/*background:#EDF4FA;*/
}
#diaporama{
	float:left;
	width:290px;

	
}
#diaporama img{
	max-width:280px;
	width: expression(document.body.clientWidth < 282? "280px" : document.body.clientWidth > 282? "280px" : "auto");
	padding:5px;
}

#logo{
	width:290px;
}
#logo img{
	max-width:290px;
	width: expression(document.body.clientWidth < 292? "290px" : document.body.clientWidth > 292? "290px" : "auto");
}




/* Actualit�s --------------------------------------------------------------------- */

#ActuHomepage{
	width:242px;
	margin:0;
	float:left;
	text-align:left;
	border-left:1px dashed #ccc;
}

#ActuHomepage strong, #ActuPage strong {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}
#ActuHomepage img{
	max-width:230px;
	margin:5px auto 5px auto;
	padding:5px;
	width: expression(document.body.clientWidth < 232? "230px" : document.body.clientWidth > 232? "230px" : "auto");
}

#ActuHomepage p img {
	margin:0 !important;
	padding:0 !important;
}
#ActuHomepage p {
	margin:3px 0 3px 0;
	padding:0;
	color: #000000;
	padding:5px
}
#ActuHomepage a{
	margin:0;
	padding:0;
	color: #000000;
}

#ActuHomepage a:hover{
	text-decoration:none;
}



#ActuPage{
	margin:0 0 15px 0;
	text-align:left;
}



#ActuPage img{
	max-width:230px;
	margin:5px auto 5px auto;
	padding:5px;
	width: expression(document.body.clientWidth < 232? "230px" : document.body.clientWidth > 232? "230px" : "auto");
	
	
}
.nouveau{
margin:0
}
.nouveau img{
	max-width:inherit !important;
	max-height:inherit !important;
	height:inherit !important;
	width:inherit !important;
}

#ActuPage p img {
	margin:0 !important;
	padding:0 !important;
}
#ActuPage p {
	margin:3px 0 3px 0;
	padding:0;
	color: #000000;
	padding:5px
}
#ActuPage a{
	margin:0;
	padding:0;
	color: #000000;

}

#ActuPage a:hover{
	text-decoration:none;
}
.date{
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	margin:2px 0 2px 5px;;
	}

/* CONTENEURS*--------------------------------------------------------------------- */

#conteneur{
	margin:auto;
	width:900px;
	position:relative;
	z-index:0;
	background:#fff;
	padding: 0px;

}
#imgHomepage{
	float:left;
	width:367px;
}
#imgHomepage img{
	max-width:367px;
	width: expression(document.body.clientWidth < 369? "367px" : document.body.clientWidth > 369? "367px" : "auto");
}
#imgPage{
	float:left;
	width:610px;
	background:#B7D6EA;
}
#imgPage img{
	max-width:610px;
	width: expression(document.body.clientWidth < 612? "610px" : document.body.clientWidth > 612? "610px" : "auto");
}


#contactHomepage{
	width:243px;
	float:left;
	margin:0;
	display:inline;
}
#contactHomepage p{
	padding:10px;
	font-size: 12px;
	color: #333333;
	text-align:left;
}
#contactHomepage p a{
	color: #333333;
}
#contactHomepage p a:hover{
	text-decoration:none;
}
.conteneurpage{
	height:300px;}
	
#headerpage{
	width:auto;
	margin:0;
	position:relative;
}

#BlocPage{
	width:980px;
	margin:auto;
	padding:0;
	background:#fff;
	
}

#blocColones{
	clear:both;
	width:auto;
	margin:0;
	padding:0;

}
#blocColonesFull{
	clear:both;
	width:auto;

}
#colGauche{
	width:290px;
	float:left;
}
#colGauche p{
	padding:10px;
}
#colGauche p a,#colGauche a {
	color:#333333;
}
#colGauche a:hover {
	text-decoration:none;
}

#colMilieu{
	width:367px;
	float:left;
	text-align:left;
	font-size: 12px;
}

#colMilieu img{
	max-width:440px !important;
	min-width: 150px;
	border:1px solid #ccc;
	padding:2px;
	margin:10px 0 10px 0;
	width: expression(document.body.clientWidth < 152? "150px" : document.body.clientWidth > 442? "440px" : "auto");
}
#colMilieu p img{
	max-width:420px !important;
	border:1px solid #ccc;
	padding:2px;
	margin:10px 0 10px 0;
}
#colMilieu p{
	font-size: 12px;
	text-align:left !important;
	padding:10px;
}
#colMilieu p a{
	color:#000000;
}
#colMilieu p a:hover{
	text-decoration:none;
}
#colMilieu a, #colContent a, #catalogue a{
	color:#000000;
}
#colMilieu a:hover, #colContent a:hover, #catalogue a:hover{
	text-decoration:none;
}
#colMilieu table {
	width:400px !important;
	margin:5px 15px 0 0;
}
#colContent table, #catalogue table{
	margin:10px 0 10px 0;
	font-size: 12px;	
}
#colContent table img, #colContent img, #catalogue img{
	width:160px !important;
	height:140px !important;
	padding:2px;
	border:1px solid #C9E0EF;

}
#colContent p{
	margin:0;
	padding:10px;
	font-size: 12px;
}
#colContent p a, #catalogue p a{
	color:#999999;
}
#colContent p a:hover, #catalogue p a :hover{
	text-decoration:none;
}
#colMilieu td, #colContent td{
	padding:3px;
	vertical-align:top;
	text-align:left;
}
#colContent th{
	text-align:left;
	background:#E2E2E2;
	border-right:1px solid #fff;
	padding:4px;}

#colDroite{
	width:190px;
	float:left;
}
#colDroiteImage{
	clear:both;
	margin:0 0 10px 0;
}
#colDroiteImage img{
	max-width:200px;
	width: expression(document.body.clientWidth < 202? "200px" : document.body.clientWidth > 202? "200px" : "auto");
}
#colDroiteImage p{
	font-size: 12px;
	color: #000000;
	margin:5px;
}
#colDroiteImage a{
	color: #000000;
}
#colDroiteImage a:hover{
	text-decoration:none;
}

#colContent{
	width:590px;
	float:left;
	margin:10px;
	text-align:left;
	background:#fff;}
	
#catalogue{
	margin:0;
	padding:0;
}
#catalogue p{
	margin:0;
	padding:0;
}
	
.imgColGauche{
	width:290px;
	clear:both;
}
.imgColGauche img{
	max-width:290px;
	width: expression(document.body.clientWidth < 292? "290px" : document.body.clientWidth > 292? "290px" : "auto");
}


#phototheque{
	clear:both;
	margin:5px 0 10px 0;
}
#phototheque ul{
	padding:0;
	margin:0;
}
#phototheque li{
	list-style-type:none;
	margin:0 5px 5px 0;
	float:left;
}
#phototheque li img{
	padding:2px;
	border:1px solid #ccc;
	width:85px !important;
	height:70px !important;
}



/* FORMULAIRES --------------------------------------------------------------------- */

form{
	margin:0;}
	form table{
		width:100%;
}
form td{
	white-space:nowrap;
	text-align:left !important;
}

.formBouton {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	cursor:pointer;
	color:#FFFFFF;
	padding:4px;
	border:none;
	margin-right:5px;
	background-color: #666666;
}
.formBoutonCommand {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	cursor:pointer;
	color:#FFFFFF;
	padding:4px;
	border:none;
	margin-right:5px;
	background-color: #CC0000;
}
button {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	cursor:pointer;
	color:#FFFFFF;
	padding:4px;
	border:none;
	margin-right:5px;
	background-color: #000000;
}
#colMilieu form, #colContent form, #catalogue  form{
	width:auto;
	font-size: 16px;
	font-weight: normal;
	color: #666666;	
	COLOR: #333333;
	font-size:11px; 
	padding:2px;
}
#colMilieu input, #colContent input, #catalogue input{
	FONT-SIZE: 11px !important;

}

.bouton{
	background: #87BADC !important;
	padding:3px !important;
}
.bouton a{
	color:#333333 !important;
	text-decoration:none;
}
.bouton a:hover{
	color:#000;
	text-decoration:none;
	background:#CCCCCC;
}
#tri{
	width:auto;
	clear:both;
	font-weight:bold;
	vertical-align:middle !important;
	background-color: #F0F0F0;
}
#tri td{
	vertical-align:middle !important;
	padding-left:5px;
}
#tri form{
	color:#666666;
	font-size:11px;
	margin:0;
}

/*PANIER ------------------------------------------------*/

.panier{
	padding:4px 10px 4px 25px;
	font-size: 13px;
	width:95px;
	white-space:nowrap;
	background-color: #999999;
	background-image: url(../../images/pages/panier.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.panier a{
	color:#fff !important;
	text-decoration:none !important;
}
.panier a:hover{
	color:#F1F8E2 !important;
	text-decoration:none;
}
.prix{
	color:#990000;
	font-size: 14px;
	font-weight: bold;
	margin:5px 0 5px 0;
}

/*FOOTER------------------------------------------------*/
#footer {
	color: #666666;
	text-decoration: none;
	padding:5px;
	width:auto;
	margin:auto;
	text-align:center;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #423535;
	border-bottom-color: #423535;
	background-color: #423535;
}
#footer a{
	color: #FFFFFF;
}
#footer a:hover{
	color: #CCCCCC;
	text-decoration:none;
}
.h3Catalogue{
	font-size: 16px!important;
	color: #000000!important;
	margin:3px!important;
	color:#003366!important;
	border:1px solid #ccc!important;
	padding:0 0 0 5px !important;
	height:25px;
	line-height:25px;
	}
.h3Catalogue a{
	color:#003366;
	text-decoration:none;

}
.h3Catalogue a:hover{
	text-decoration:none;
	color:#666 !important;
}

#compte table img{
    width: inherit !important;
    height:inherit !important;
    border:none;
}