html,body {
background-repeat: repeat;
color:black;
font-family:Arial,Helvetica;
font-size:12px;
margin:0px;
padding:0px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
}
h2
{
	font-size:14px;
	text-align:left;
}
 h3, h4 {
font-size:95%;
text-align:left;
}
img {border:0px none;}
a:hover {text-decoration:none;}
form{margin:0;}
#site {
margin:0px auto;
padding:0px;
width:1000px;
position:relative;
}
hr
{
	border:1px solid;
}

#entete {
color:white;
width:100%;
height:23px;
text-align: right;
font-size:11px;
background-position: center;
position:relative;
z-index:1000;
}
#entete a, #entete a:hover{
	color:white; text-decoration:none;
}
#banniere{
	height:260px;
}
#switch_css {
display:inline;
float:left;
font-size:10px;
margin-left:25px;
margin-top:4px;
text-align:left;
}
#choix_css, #choix_css option {
padding-left:15px;
}
#panier ul {
color:silver;
list-style-type:square;
}
.encadre {
padding:0px;
margin:0px;
width:235px;
font-size:11px;
margin-bottom:10px;
}
#barre_liens {float:left;line-height:26px;margin-left:5px;}
#barre_liens a {vertical-align:middle;}
#barre_connexion{padding:0px;margin:0px;margin-right:3px;line-height:26px;vertical-align:middle;}

.details a{
	color: #7A0100;
	font-weight:bold;
}
.encadre h1{
	color:white;
	font-size: 12px;
	padding: 3px 5px 2px;
	padding-left:40px;
	margin:0px;
	font-weight:normal;
	position:relative;
}
.encadre h1 img{
	position:absolute;
	top:-3px;
	left:0px;
}
.encadre h1 a{ color:white; text-decoration:none;}
.encadre h2, .encadre h3 {
font-weight:bold;
text-align:center;
padding:3px 0px;
margin-top:2px;
}
#menu{
	float:left;margin:2px 10px 10px 0px;position:relative;z-index:500;width:160px;
}
#menu_container{width:160px;margin:0px auto;}
#menu_container h1{
	width:160px;margin-bottom:0px;
	text-transform:uppercase;
	text-align:center;
	padding: 3px 0px;
	font-weight:normal;
	font-size:12px;
	margin-top:0px;
}
#menu_container p{
font-family: Arial, Helvetica, sans-serif;
	height:20px;
	width:143px;
	font-size:12px;
	padding-left:15px;
	padding-top:1px;
	margin:0px;
}
#menu_container p a{
	color: #7a0100;
	text-decoration:none;
}
#page {
position:relative;
float:left;
padding:8px;
width:749px;
background-color:white;
z-index:300;
}
#page ul{
	list-style-type:square;
}
#droite {
float:right;
width:235px;
margin:0px;
}
#pied {
clear:both;
color:white;
height:auto;
padding:3px;
margin-top:5px;
text-align:center;
}
h1.titre {margin-bottom:15px;margin-top:4px;font-size:25px;padding-top:25px;margin-bottom: 0px;}
.post h1 {
font-size:14px;
margin-bottom:2px;
}
.post h1 a {
text-decoration:none;
}
.post h2 {
font-size:13px;
margin-bottom:10px;
margin-top:1px;
}
.post h2 a, .post h2 a:hover {
font-weight:bolder;
text-decoration:none;
}
.post .contenu {
border-bottom:1px dashed gray;
padding:5px 0px;
}
.post .details {
color:#545454;
font-style:italic;
}
.post {
color:#545454;
text-decoration:none;
}

.produit_indisponible {
background-color:#E6E6FA;
color:#9FA0EC;
float:left;
font-size:10px;
font-style:italic;
height:200px;
margin:1px;
padding:5px;
width:200px;
}
.produit p {
margin-bottom:1px;
margin-top:2px;
margin-left:3px;
text-align:center;
}
.produit {
float:left;
height:280px;
margin:3px;
width:195px;
position:relative;
}
.produit_container_image{
	width:180px;
	margin: auto;
	margin-top:7px;
}
.produit img {
border:1px solid #C1B8F8;
margin:0px auto;
}
.bouton_ajouter_panier{
	position:absolute;
	bottom:7px;
	left:50%;
	margin-left: -60px;
	width: 120px;
}
.produit:hover {
background-color:#DCD7FB;
}
.produit_detail {
float:left;
}
.produit_resume {
float:right;
margin-right:30px;
}
.vert {
color:green;
display:block;
font-size:10px;
}
.rouge {
color:red;
display:block;
font-size:10px;
}
table.tableau {
border-collapse:separate;
caption-side:top;
font-size:12px;
margin:3px auto;
padding:3px;
}
.tableau caption {
border-style: none;
border-width:1px 1px 0px;
padding:2px;
}
.tableau th {
border-style:solid;
border-width:1px;
font-weight:normal;
height:10px;
margin:0px;
text-align:center;
vertical-align:middle;
}
.tableau td {
margin:0px;
padding:3px;
text-align:center;
}
.tableau td:hover {
cursor:move;
}
.tableau tr.gris {
background-color:#EBEBEB;
}
.tableau tr.gris:hover {
background-color:#ECECFB;
}
.tableau tfoot th {
font-size:12px;
}
table select.liste {
border-color:#98D6DE rgb(176, 224, 230) rgb(176, 224, 230) rgb(152, 214, 222);
border-style:solid;
border-width:2px 1px 1px 2px;
color:black;
font-size:90%;
margin-right:10px;
}
.adresse {
background-color:#DFEFFF;
border-color:#B0E0E6 rgb(152, 214, 222) rgb(152, 214, 222) rgb(176, 224, 230);
border-style:solid;
border-width:1px 1px 2px;
color:#226068;
padding:10px;
width:230px;
}
.adresse h1 {
background-color:#87CEEB;
padding:3px;
text-align:center;
}
.valider {

border:1px solid white;
color:white;
font-size:12px;
font-weight:bold;
height:22px;
padding:2px;
width:100px;
}
.champ, .liste {
font-size:10px;

margin-bottom:1px;
}
.champ, .champ_fichier{padding-left:3px;width:200px;}
.bouton{
	width:120px;
	text-align:center;
	background-color:#c1743b;
	height:18px;
	vertical-align:middle;
	font-size:10px;
}
.tool-tip {
color:#FFFFFF;
width:139px;
z-index:13000;
}
.tool-title {
background:transparent url(../images/bubble.png) repeat scroll left top;
color:#9FD4FF;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:8px 8px 4px;
}
.tool-text {
background:transparent url(../images/bubble.png) repeat scroll right bottom;
font-size:11px;
padding:4px 8px 8px;
}
.tool2
{
	z-index:1001;
}
.tool2-text {
background:transparent url(../images/bubble2.png) repeat scroll right bottom;
font-size:11px;
padding:4px 8px 8px;
}
.tip {
color:#FFFFFF;
width:160px;
z-index:1001;
}
.tip-title {
background:transparent url(../images/bubble2.png) repeat scroll left top;
color:#9FD4FF;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:8px 8px 4px;
}
.tip-text {
background:transparent url(../images/bubble2.png) repeat scroll right bottom;
font-size:11px;
padding:4px 8px 8px;
}
#categories {
background-color:#D3D3F6;
margin-bottom:15px;
margin-right:25px;
padding:10px;
width:160px;
}
#categories h1 {
color:#6D6EE1;
}
#categories ul {
color:white;
list-style-type:square;
}
fieldset {
padding:6px;
}
.ajax-loading {
background:transparent url(../images/ajax-loader.gif) no-repeat scroll center;
padding:20px;
}
#annuaire_resultats{
	min-height:1em;
}
.loading1{
	height:1em;
	background:transparent url(./ajax-loader.gif) no-repeat scroll center;
}
.flux_rss {
min-height:33px;
margin:0px;
padding: 0px 1px;
}
.bis{
	background-color:#89201f;
	color:white;
}
.bis a{
	color:white;
}
.flux_rss .post_title, .post_title a {
color:white;
text-decoration:none;
font-size:10px;font-weight:bold;
}
.flux_rss .title {
height:16px;
margin:0px;
padding:0px;
vertical-align:top;
}
.flux_rss  span {
margin: auto 0px;
vertical-align:middle;
}
.flux_rss span a{
	color:white;
}
.flux_rss .icon {
float:left;
width:40px;
height:100%;
text-align:center;
margin-top: auto; /* moitié de la hauteur de l'image */
margin-bottom: auto; /* moitié de la largeur de l'image */
}
.flux_rss .post_title {
font-size:10px;
}
#frm_connexion{margin:-2px;padding:0px;vertical-align:middle;}
#frm_connexion label{margin:0px;padding:0px;}
#frm_connexion input.champ
{
	margin-top:auto;
	margin-bottom:auto;
	font-size:11px;
}
#erreur {
background-color:#E6E6FA;
border:1px solid #7B68EE;
color:#7B68EE;
left:50%;
margin-left:-175px;
margin-top:-100px;
padding:10px;
position:absolute;
top:50%;
width:250px;
}
#fond_page{
	background-color:white;
}
.liste_details {
float:left;
margin-left:0px;
margin-top:0px;
padding-left:0px;
width:400px;
}
.liste_details li a {
color:blue;
text-decoration:underline;
}
.liste_details li {
margin-bottom:3px;
margin-left:0px;
margin-top:0px;
padding-left:0px;
}

span.intitule {
	width:200px;
}

#mascotte{
	background-color:white;
	margin:0px;
}
#mascotte .mascotte_image {
background-image:url(../images/crashcotte.gif);
height:80px;
margin-left:auto;
margin-right:auto;
position:relative;
width:80px;
}
#mascotte .bulle {
	text-align:center;
}
#mascotte .bulle p{
	margin-top:0px; margin-bottom:10px;
}
#mascotte .bulle {
padding-top:10px;
}
.popup{
	background-color:white;
	padding:0px;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	position:absolute;
	left:50%;
	margin-left:-300px;
	margin-top:-250px;
	top:50%;
	width:600px;
	height:400px;
}
.popup_titre{
	margin:2px;
	width:100%;
	display:block;
	height:30px;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	background-image: url(../images/fond_titre_popup.jpg);
	color:white;
	text-transform: uppercase;
	border-bottom:1px solid #590100;
}
.popup_titre span{
	position:relative;
	top:7px;
}
.popup_contenu{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	overflow-y: auto;
	height:360px;
}
.popup_contenu fieldset {
	border: 1px solid #7A0100;
	margin:10px;
}
.popup_contenu fieldset legend{
	font-weight:bold;
}
.popup_contenu fieldset p{
	margin-left:5px;
	margin-right:5px;
}
.popup_contenu fieldset label{
	width: 100px;
}
.popup_champ, .popup_zone_texte{
	border: 1px solid gray;
	padding:2px;
	color:gray;
}
.popup_champ:hover, .popup_zone_texte:hover{
	border:1px solid #a10100;
	color: #a10100;
	background-color: #ffecec;
}
.popup_contenu fieldset textarea.popup_zone_texte{
	width: 350px;
	margin-bottom:5px;
}
.big_popup {
	background-color:white;
	padding:0px;
	border-right: 1px solid #848484;
	border-bottom: 1px solid #848484;
	position:absolute;
	width:900px;
	height:730px;
	position:absolute;
	left: 50%; top:50%;
	margin-left:-450px;
	margin-top:-365px;
}
.big_popup #popup_contenu fieldset{
	width:95%;
}
#erreur .popup_contenu{
height:auto;
background-color:transparent;
}
.lien_express{
	margin: 0px;
	padding: 5px;
}
.barre_recherche{
	text-align: center;
}
ul.gallery_users
{
	margin:2px auto;padding:2px;width:100%;
}
ul.gallery_users li
{
	list-style-type: none;
	display:inline;
	margin:auto 2px;
}