
body {
	background:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#0066CC url("images/fond.gif") top repeat-x;
}
a {
color:#000000;
text-decoration:none;
}
.nospace {width:100%;margin: 0px}

.header {
	position:absolute;
	top:0px;
	margin:auto;
	text-align:center;
	width:100%;
	width:1000px;
	height:120px;
	}
	
.main { 
	position:absolute;
	top:130px;
	width:100%;
	width:1000px;
	margin:auto;
	}
	
* html body .main {
	height:100%;
	overflow:hidden
	}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {
	height:0px;
	overflow:visible
	} 
/* fin du text caché pour IE/mac */

.central {
	position:relative;
	top:0px;
	width:485px;;
	margin:0px;
	margin-left:255px;
	margin-right:255px;
	text-align:center;
	}
#title{
	width:100%;
	text-align:left;
}
#title a{
	
	text-decoration:none;
}
.corps {
	position:relative;
	min-height:300px;
	width:100%;
	padding:0;
	}

* html body .corps {
	height:300px
	} 

.div-min-height {
	position:relative;
	height:150px;
	width:0px;
	float:left;
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
	}
	
.gauche {
margin-left:10px;
	padding:0;
	width:240px;
	position:absolute;
	height:100%;
	top:0px;
	left:0px;
	}
	
.fen{
	padding:0px 0px 10px 0px;
	width:100%;
	background:url("images/menu-fond.gif") bottom center no-repeat;
}
.fen a{
	text-decoration:none;
	color:#000000;
}
.droite {
	position:absolute;
	height:100%;
	width:240px;
	top:0px;
	right:15px;
	margin-right:-5px;
	}
		
.search {
	height:100px;
	width:210px;
	margin-right:-5px;
	
	padding-left:30px;
	background:url("images/recherche-fond.gif") top center no-repeat;
	}
.banner{
	width:730px;
	position:relative;
	margin-right:255px;
	border-ri:1px solid #f00;
}
	
.pied {
font-size:10px;

	width:100%;
}
.pied a{
	color:#666;
}
	
	
#sign {
margin-top:10px;
text-align:center;
font-size:10px;

	width:100%;
	color:#999;
}
#sign a{
	color:#999;
}
	
.fen ul{
	list-style:none;
	padding:0;
	width:100%;
	margin:0;
}
.fen li{
	border-top:2px solid #0066CC;
	padding: 2px 0 2px 0;
	margin:0;
	
	
}
#error{
	padding:0;
	margin:0 5px 0px 5px;
	width:auto;
	border:1px dashed #0066CC;
	background:#FFF;
}
#error ul{
	list-style:square;
}
#error li{
	padding: 2px 0 2px 0;
	margin:0;
}

#error h2{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#0066CC;
	margin:5px;
}
.erreur_form{
height: 20px;
width:110px;
	background:#0066CC;
	color:#fff;

}
.intitule{
height: 20px;
width:110px;
background:#DDDDDD;
}
.intitule_titre{
background:#FFF;
color:#333;
border:1px solid #0066CC;
}

.perso_table{
	background:#FFF;
}
.perso_table td{
	padding:2px 2px 2px 5px ;
	text-align:left;
	vertical-align:top;
}
.flottante{
float:left;
width:228px;

color:#FFF;
margin:5px;
border:1px solid #333;
	background:#0066CC url("images/flottante-fond.gif") top center repeat-x;

}
a .flottante {
color:#FFF;
}
.flottante img{
border:1px solid #990000;
}
.flottante a, .flottante p{
	color:#000000;
}	
.flottante:hover{
border:1px solid #0066CC;
}
.listtitre{
font-weight:bold;
margin:10px 0 0 0;
}
.listimage{
margin-top:10px;
margin-bottom:0;
}
.listprix strong{
	font-size:16px;
	color:#0066CC;
}
.listprix{
margin:12px 0 5px 0;
}
.listperso{
text-align:right;
clear:both;
margin:0;
height:16px;
}
.listperso img{
border:0px;
}
.flo_prod{
min-width:400px;
width:auto;
margin:5px 5px 0 5px;}
.tabtitre{
	background:#CCC;
	text-align: center;
}
.tabcont1{
font-size:12px;
	background:#EEE;
}
.tabcont2{
font-size:12px;
	padding-right:5px;
	text-align:right;
}
.prod_g{
width:210px;
float:left;
}
#vignette, #vignettes{
border:1px solid #666;
background:#990000;
}
#vignette{
height:208px;
width:208px;
}
#vignette img{
margin:3px;
border:0px;
}
#vignettes{
margin:10px 0 0 0;
text-align:left;
}
#vignettes img{
border:1px solid #666;
margin:1px;
}
.echant img{
border:1px solid #666;
margin:1px;
text-align:center;
}
.prod_d{
width:auto;
height:100%;
margin:0 0 0 220px;
border:1px solid #666;
background:#FFF;
}
.spacer{
	position:relative;
	clear:both;
	height:5px;
}
#perso{
font-size:12px;
margin:5px 5px 0 5px;
padding:5px;

width:auto;
border:1px solid #666;
background:#FFF;
text-align:left;
}
#perso h2{
	font-size:16px;
}
#sur_titre{
font-size:12px;
margin:0 5px 0px 5px;
padding:0px;
width:auto;
text-align:left;
font-weight:bold;
color:#FFF;
}
#sur_titre img{
vertical-align:middle;
}
#sur_titre a{
text-decoration:none;
color:#FFF;
}

.adresse{
	padding:0;
	margin:0 5px 0px 5px;
	border:1px dashed #666;
}
.vide{
	margin:25px 0 65px 0;
	text-align:center;
}
.nom_perso{
	width:35%;
}
.detail_perso{
	width:65%;
}
.socgen{
font-size:18px;
color:#000000;
}

.menpage, .page{
padding:1px;
background: #0066CC;
border:1px solid #CCC;
color:#FFF;
}
.pages a, .page{
font-weight:bold;
color:#333;
background:#FFF;
}
.pages a:hover{
color:#0066CC;
border:1px solid #0066CC;
}
.pages{
clear:both;
text-align:left;
margin:5px 10px 0px 5px;
padding:0px;
width:auto;
}

.cal_titre,  .cal_we, .cal_sem{
font-size:12px;
height:15px;
border:1px solid #999;
padding:1px;
}
.cal_we{
background:#666;

}
.cal_titre{
background:#666;
font-weight:bold;
}

.M {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399FF;
}
.F {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF66CC;
}

.prodtitre{
	font-size: 12px;
	font-weight:bold;
}
.hide{
	display:none;
}
#personnaliser{
	font-weight:bold;
	padding:2px;
	border:1px solid #0066CC;
}
a:hover #personnaliser{
background-color:#0066CC;
	padding:2px;
	border:1px solid #0066CC;
	color:#FFF;

}
.flash{
	margin:20px 0 0 0;
	padding:0;
	width:240px;
	height:240px;
	clear:both;
}


.menactive h1,.menactive h2,.menactive h3{
	display:inline;
	font-size:12px;
	margin:0;
	padding:0;
}
.num-vert{
	color:#006633;
	background:url(images1/num-vert-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.num-azur{
	color:#006699;
	background:url(images1/num-azur-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.num-indigo{
	color:#330066;
	background:url(images1/num-indigo-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.tag{
font-weight:normal;
font-size:10px;
float:left;
height:14px ;
padding:2px 2px 0 13px;
border-right:1px solid #000;
margin:3px auto;
background:#E1E1E1 url(images/tag.gif) left 50% no-repeat;
}
.tags{
	line-height:20px;
}
#nuages h3,#nuages h4,#nuages h5,#nuages h6{
float:left;
	height:30px;
	margin:0 10px;
	vertical-align:baseline;
}
#nuages h6{
font-size:11px;
}
#nuages h5{
font-size:13px;
}
#nuages h4{
font-size:15px;
}
#nuages h3{
font-size:17px;
}