body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin:0;
    padding:0;
}

body {
	background-color: #CCCCCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #000000;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #999999;
}

hr {
	color: #E21407;
	}

div#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:955px;
	/*background-image:url(../images/interface/fond_bas.gif);*/
	background-image:url(../images/accueil/fond_accueil.gif);
	background-repeat:repeat-y;
}

div#container2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	width:955px;
	background-color:#FFFFFF;
}

div#container_admin {

	margin-left:30px;
	margin-right:30px;
}

.clearfloats{
clear:both;
height:0px;
}

.bloc700{
width:600px;
text-align:justify;
float:left;
}

div#haut {
	background-color:#FFE000;
	width:955px;
	height:112px;
	background-image: url(../images/interface/fond_declinaison.jpg);
}
div#haut1 {
background-color:#BBBBBB;
width:955px;
height:36px;
}
div#haut2 {
background-color:#FFFFFF;
	background-image:url(../images/interface/fond_haut2.gif);
	background-repeat:repeat-x;
width:955px;
height:42px;
}

div#cotegauche {
	float:left;
}

div#panier {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width:210px;
	background-color: #DDDDDD;
	margin-right: 15px;
}
div#paniertitre {
	margin-top:20px;
	padding-left: 10px;
	width:210px;
	background-color: #DDDDDD;
	background-color:#FFFFFF;
	background:url(../images/interface/mon_panier_fond.gif);
	background-image:url(../images/interface/mon_panier_fond.gif);
	background-repeat:repeat-x;
}


.titre {
	font-size: 20pt;
		color: #E21407;
	font-weight: bolder;
}
.texte {
	font-size: 12px;
}
.soustitre {
	font-size: 14px;
	color: #E21407;
	font-weight: bold;
}
.petit {
	font-size: 9px;
}

.actu {
	font-size: 13pt;
	color:#333333;
	font-weight: 500;

}

.soustitreorange {

	font-size: 14px;
	color: #FF9900;
	font-weight: bold;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EEEEEE;
	height: auto;
	vertical-align: middle;

}
.sanssouligne {
	text-decoration: none;
}
.listeproduittitre {

	padding-left:10px;
	width:210px;
	background-color: #FFE000;
	padding-top: 10px;
	padding-bottom: 10px;
	border:solid;
	border-left-color:#FFE000;
	border-left-width:0px;
	border-right-color:#FFE000;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-size: 16pt;
	color: #E21407;
	font-weight: 800;
}

.listeproduit {
	width:210px;
	background-color: #FFE000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border:solid;
	border-left-color:#FFE000;
	border-left-width:0px;
	border-right-color:#FFE000;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-style:italic;
	font-size:12px;
	color:#333333;
}

.listeproduitsurvole {
	width:210px;
	background-color: #E21407;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border:solid;
	border-left-color:#E21407;
	border-left-width:0px;
	border-right-color:#E21407;
	border-right-width:0px;
	border-top-color:#FFFFFF;
	border-top-width:1px;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	font-style:italic;
	font-size:12px;
	color:#FFFFFF;
}


.produit {
	width:160px;
	margin-left:10px;
	margin-right:0px;
	float:left;
}

.produitligne {
	width:720px;
	height:225px;
	position:relative;
	right:0px;
	background-color:#AAAAAA;
	background:url(../images/fond_bande_produit.gif);
	background-image:url(../images/fond_bande_produit.gif);
	background-repeat:repeat-x;

}

.produitimage {
margin-top:15px;
	width:120px;
	height:120px;
	margin-left:20px;
	background-color:#FFFFFF;
	background:url(../images/produitimage.gif);
	background-image:url(../images/produitimage.gif);
	background-repeat:repeat-x;

}


.produitimagetxt {
font-size:9px;
position:relative;
top:0px;
left:0px;
}

div#tableauproduit {
	float:left;
}

div#footer {
	background-image:url(../images/interface/fond_boutons_bas.gif);
	background-repeat:repeat-x;
	height:32px;
	text-align:right;
	padding-right:15px;
}

/* DECLINAISON */

div#declinaisonlogo {
position:absolute;
top:0px;
right:0px;
}
div#declinaisonmenu1 {
width:607px;
position:absolute;
top:112px;
background-color:#BBBBBB;
text-align:left;
font-size:16px;
}

div#declinaisonmenu2 {
    color: #909090;
    font-size: larger;
    font-weight: 700;
	padding-left:310px;
    position: absolute;
    text-align: left;
	top:149px;
	font-family: Tahoma;
}

div#declinaisonmenu2 a{
    color: #909090;
}

div#declinaisonmenu2 a:hover{
    color: white;
	text-decoration:none;
	text-shadow: 3px 2px 3px grey;
}

.chpsgris {
background-color:#AAAAAA;
border:solid;
border-left-color:#AAAAAA;
border-right-color:#AAAAAA;
border-top-color:#AAAAAA;
border-bottom-color:#000000;
border-bottom-width:1px;
text-align:center;
font-size:9px;
}

.btgris {
background-color:#AAAAAA;
border:solid;
border-width:0px;
text-align:center;
font-size:9px;
}

/* ACUEIL */

div#accueillogo {
	position:absolute;
	top:-5px;
	right:0px;
	width: 252px;
}
div#accueiltexte {
	width:590px;
	text-align:justify;
	padding-top:20px;
	padding-left:40px;
}
div#accueilmenu1 {
	width:703px;
	position:absolute;
	top:203px;
	background-color:#BBBBBB;
	text-align:right;
	height:37px;
	margin-right:10px;

}

div#accueilmenu1 a, div#declinaisonmenu1 a {
	font-size:18px;
	font-weight:500;
	padding-left:10px;
	line-height:35px;
}

div#accueilmenu2 {
    color: #909090;
    font-size: larger;
    font-weight: 700;
    padding-left: 517px;
    position: absolute;
    text-align: left;
    top: 245px;
	font-family: Tahoma;
}

div#accueilmenu2 a{
    color: #909090;
}

div#accueilmenu2 a:hover{
    color: white;
	text-decoration:none;
	text-shadow: 3px 2px 3px grey;
}

div#accueilliens {
position:absolute;
top:300px;
left:500px;
text-align:left;
}
div#accueilhaut {
	background-color:#FFE000;
	background:url(../images/fond_accueil.jpg) no-repeat top left;
	width:955px;
	height:238px;
}
div#accueilmilieu {
background-color:#E0E0E0;
background:url(../images/fond_accueil_bas.gif) top left;
background-position:left;
width:955px;
height:90px;
}

div#accueildescription {
	width:895px;
	text-align:justify;
	padding:30px;
	padding-top:10px;
	padding-bottom:20px;
	font-size: 14px;
	background:#ffde00;
	height:130px;
}


div#accueilbas {
width:955px;

height:auto;
}
div#accueilbasimg1 {
float:left;
width:160px;
}
div#accueilbasimg2 {
float:left;
width:115px;
}
div#accueilbastxt1 {
float:left;
width:307px;
}
div#accueilbastxt2 {
float:left;
width:373px;
}

div#accueilbastxt1 #atelier {
margin:15px;
padding-left:23px;
}

div#accueilbastxt2 #produit {
margin:15px;
padding-left:13px;
}

div#accueiladresse {
float:left;
text-align:left;
width:600px;
padding-left:15px;
padding-top:15px;
}

.ligneSurvole{
background-color:#FFE000;
cursor:pointer;
}
.avantligneSurvole{
background-color:#BBBBBB;
cursor:pointer;
}
.pad10{
padding:10px;
}
input {
cursor:pointer;
}

#accueiltexte h1{padding:0; margin:0; font-size:14px;}

#newsletter{
	background:url(../images/accueil/newsletter.gif) no-repeat #FC0;
	width:282px;
	height:75px;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	right:3px;
	bottom:157px;
	}
	
	#newsletter h1{
	font-size:18px;
	margin:0;
	padding:0;
	padding-top:18px;
	margin-left:15px;
	}
	
	#newsletter p{
	margin:0;
	padding:0;
	margin-left:15px;
	}

	#centre{

		text-align:left;
		margin-left:20px;
		float:left;
		width:315px;
		}


	#edito{
		border:#FFF solid 1px;
		padding:15px;	
		max-width:585px;
		}
	
	#nouveau{ 
	max-width:615px; 
	background:#ffde00;
	color:#FFF;
	margin-bottom:20px;
	margin-top:30px;
	height:auto;
	}	
	
	#nouveau tr:first-child>td{color:white; text-align:center; padding:15px 0; font-weight:bold;}
	
	#nouveau .contenutd{padding-top: 0;}
	
	#promo{ 
	max-width:615px; 
	background:#e10126;
	color:#FFF;
	margin-bottom:20px;
	height:auto;
	text-align:left;
	}	
	
	#promo tr:first-child>td{color:white; text-align:center; padding:15px 0; font-weight:bold;}
	
	#promo .contenutd{padding-top: 0;}
		
	.hauteur{
	clear:right;}
	
	.contenutd{
		width:100%;
		vertical-align:top;
		padding:15px;
		color:#FFF;
		text-align:left;
		}
	
	#promo table, #promo tr{ 
	padding:0;
	margin:0;
	border:none;
	color:#FFF;
	}
	
	#promo h1, #nouveau h1{ 
	font-size:16px;
	margin:0;
	padding:0;
	}	
	#promo p, #nouveau p{ 
	margin:0;
	padding:0;
	}	
		
	#atelier{
		width:293px;
		float:right;
		text-align:left;
		margin-bottom:40px;
		margin-left:20px;
		}
		
		

	#atelier img, #promo img{ float:right; margin:0; padding:0; }
	.ateliertop { margin:0; padding:0; margin-left:8px; margin-right:5px; font-size:14px;}
	.ateliertop h1{ font-size:16px; color:#e10126;}
	
	.ateliers{
		margin-left:8px;
		margin-right:8px;
		clear: both;
		}
	
	.ateliers hr{
		color:#000;
		background:#000;
		border-top:solid 1px #000;
		margin-top:10px;
		margin-bottom:10px;
		}
	
	.ateliers h1{
		font-size:13px;
		font-weight:bold;
		margin:0;
		padding:0;
		}

		
	.liens2{font-weight:100; font-size:15px;}	
	.liens{margin-left:10px; font-weight:100; font-size:15px; margin-top:20px;}
	.liens a, .liens2 a{ color:#FFF;}
	
	.img_fiche{
		width:150px;
	}
	#gauche{width:300px; float:left; margin-top:-60px;}
	
	#catalogue h1, #animation h1{ 
	font-size:16px;
	margin:0;
	padding:0;
	}
	
	#catalogue{width:100%; background:#000;}
	#catalogue tr:first-child>td{color:white; text-align:center; padding:15px 0; font-weight:bold;}
	#catalogue .contenutd{padding-top: 0;}
	#animation{width:100%; 	background:#e10126; margin-top:30px; text-align:right; }
	#expo{width:100%; background:url(../images/accueil/exposition_fond.jpg) repeat-x #e0e0e0; margin-top:10px;  text-align:right; }
	#expo h1{	font-size:16px;
	margin:0;
	padding:0; color:#000;}
	#expo .liens2 a{ color:#000;}
	#expo .liens2 { margin:0; padding:0;}
	#expo .liens { margin:0;}
	#expo .liens a{ color:#000;}
	
	
	.animliste{
		padding-left:15px; padding-right:15px; padding-bottom:15px; text-align:left; 
	}
	.animliste hr{
		border:none;
		border-top:solid 1px #FFF;
	}
	
	.animliste h1{
		font-size:14px; color:#FFF;
	}
	
	.animliste a{ color:#FFF;
	}
	
	.expoliste{
		padding-left:15px; padding-right:15px; text-align:left; color:#e10126;
	}
	.expoliste hr{
		border:none;
		border-top:solid 1px;
	}
	
	.expoliste h1{
		font-size:14px;
	}
	
	
	#contenu{
		margin-left:50px;}
		
		#titrepage{position:absolute; top:60px; left:25px; color:#FFF; font-weight:bold; font-size:50px; }
		#titrepage2{position:absolute; top:82px; left:70px; color:#FFF; font-weight:bold; font-size:30px; }
		
		.bigtitre{ font-size:55px; margin:0; padding:0; color:#FC0; line-height:53px;}
		
		.arch{background:#000; color:#FFF; text-align:right; padding:7px;}
		.arch a{ color:#FFF;}
		
		
		
		#ateliercote{
			background:#FC3;
			padding:10px;
			width:190px;
			font-size:16px;
			font-weight:bold;
			padding-bottom:30px;
			}
			
		#ateliercote ul{
			padding:0;
			margin:0;
			font-size:12px;
			font-weight:100;
			}
			#ateliercote li{
				list-style:none;
			padding:0;
			margin:0;
			margin-left:15px;
			margin-top:10px;
			font-size:12px;
			font-weight:100;
			}