* {color:#000000; font-size:12px; font-family: Comic Sans MS,Arial,Trebuchet MS, Lucida Sans Unicode,  sans-serif;}


body	{	background-color:#FFFFFF; }
a {color:#FFFFFF; text-decoration:none; font-size:10pt; font-weight: normal; }
a:hover {color:#E6FFFF; text-decoration:none; font-size:10pt; font-weight: bold; }

h1 {color:#4F1D14; font-size:12px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;}
h2 { color:#000000; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/h2.gif');	background-repeat:no-repeat; background-color:#E2EBED; line-height:30px; padding-left:15px;	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; 	line-height: 130%;}
h3 {color:#7F0043; background-color:#FFFFFF; font-size:14px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; text-align: center; padding-left:20px;}
h4 {color:#FFFFFF; background-color:#7F0043; font-size:14px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; text-align: left; padding-left:20px;}

.loisirscreatifs {background-color:#FFFFFF;	 color:#7F0043; font-size:14px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;}
.navig a {color:#4F1D14; font-size:12px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.navig a:hover {color:#4F1D14; font-size:13px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.navig {z-index:99; color:#4F1D14; font-size:12px; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  }

.logo {position:absolute;z-index:21;top:60px; left : 50%;   margin-left : -550px;}

th 	{	background-color:#7F0043;	 color:#FFFFFF;}
.menu a {background-color:#FFFFFF; color:#7F0043; }
.menu a:hover {background-color:#FFFFFF; color:#0000FF; }

.avis a {background-color:#7F0043; color:#FFFFFF; }
.avis a:hover {background-color:#7F0043; color:#FFFFFF; }

.avis-appel-offre a {background-color:#FFFFFF; color:#7F0043; }
.avis-appel-offre a:hover {background-color:#7F0043; color:#FFFFFF; }


.rouge {background-color:#FFFFFF; color:#FF0000; }
 
.liste a {background-color:#FFFFFF; color:#7F0043; }
.liste a:hover {background-color:#FFFFFF; color:#0000FF; }

.plan a { padding-left:30px; }
.plan a {background-color:#FFFFFF; color:#7F0043; }
.plan a:hover {background-color:#FFFFFF; color:#0000FF; }

.rsl { color:#000000; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/rsl.jpg');	background-repeat:no-repeat; background-position:top left; background-color:#FFFFFF; line-height:30px; padding-left:0px;	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.rsl3 { background-image:url('http://rsl40.com/images/fond-rsl.jpg');	background-repeat:repeat-y; background-position:top left; background-color:#FFFFFF;  }
.rsl2 { color:#000000; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/rsl2.jpg');	background-repeat:no-repeat; background-position:top right; background-color:#FFFFFF; line-height:30px; padding-left:0px;	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.rsl a {color:#FFFFFF; text-decoration:none;  font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  }
.gauche { color:#FFFFFF; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/gauche.jpg');	background-repeat:repeat-y; font-family: Comic Sans MS,Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  }

INPUT    {color:#4F1D14; background-color:#FFFFFF; font-size:12px; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
TEXTAREA {color:#4F1D14; background-color:#FFFFFF; font-size:12px; font-family:arial;}
SELECT   {color:#4F1D14; background-color:#FFFFFF; font-size:12px; font-family:arial;}

.droite { color:#FFFFFF; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/droite.jpg');	background-repeat:repeat-y;  padding-left:0px;	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.accueil { color:#FFFFFF; font-size:12pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/accueil.jpg');	background-repeat:no-repeat;  padding-left:0px;	 font-family: Arial, sans-serif; }
.accueil a { color:#FFFFFF; font-size:12pt; font-weight: bold; 	font-family: Arial, sans-serif; }

.bas { color:#000000; font-size:9pt; font-weight: bold; 	background-image:url('http://rsl40.com/images/bas-rsl2.jpg');  background-position:top left; background-color:#FFFFFF;	background-repeat:no-repeat;  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; padding-top: 0px;}
.bas a{ color:#000000; font-size:9pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }
.bas a:hover { color:#000000; font-size:10pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; }

.identif a{ color:#7F0043;  background-color:#FFFFFF; font-size:8pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; text-align:right;}
.identif a:hover { color:#FFFFFF;  background-color:#7F0043; font-size:8pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  text-align:right;}

.drivers a{ color:#7F0043;  background-color:#FFFFFF; font-size:8pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; text-align:right;}
.drivers a:hover { color:#FFFFFF;  background-color:#7F0043; font-size:8pt; font-weight: bold; 	 font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;  text-align:right;}

      
.rechercher {  padding-top:13px;}
.produits {  padding-top:13px;}
.boite {  border: 2px solid #7F0043;   padding: 2px;}
 
.barre {text-decoration : line-through; font-size:10pt;}
.promo {color:#FF0000; font-weight: bold; font-size:12pt;}
 
#listederoulante       { width: 99%; clear: left; height: 470px; overflow: auto; }
 
#listetest       { width: 99%; clear: left; height: 370px; overflow: auto; background-color: left; 
               background-repeat: repeat-x; background-attachment: scroll; 
               margin-left: 2em; margin-right: auto; margin-top: 0em; 
               margin-bottom: 0em; padding: 0em; background-position: top 50%; 
 }



a.infol{position: relative; z-index: 1; background-color:#FFFFFF; color:#FFFFFF;}
a.infol:hover{ z-index: 2; background-color:#CC4937;  color:#FFFFFF;}
a.infol span{display: none;font-size: 11px;width: 239px; padding: 25px 4px 2px 4px;  color:#FFFFFF;}
a.infol:hover span{display:block; position:absolute; z-index: 100;top: -25px; left: 0px; color: #FFFF00;text-align: justify;  color:#FFFFFF;}


a.info{position: relative; z-index: 1; background-color:#FFFFFF; color:#FFFFFF;}
a.info:hover{cursor: help; z-index: 2; background-color:#CC4937;  color:#FFFFFF;}
a.info span{display: none;font-size: 11px;width: 239px; padding: 25px 4px 2px 4px;  color:#FFFFFF;}
a.info:hover span{display:block; position:absolute; z-index: 100;top: -25px; left: 0px; color: #FFFF00;text-align: justify;  color:#FFFFFF;}