/* Redéfinition des balises HTML */
*         { margin:0; padding:0; }
body      { background: url(images/fond_global.jpg) scroll repeat-x 0 0; font-family: Verdana, sans-serif; font-size:12px; text-align: center; }

a         { color:#e2001a; text-decoration: none; }
a:hover   { color:#000000; text-decoration: none; }
a:visited { color:#e2001a; text-decoration: none; }

a.bottom:link    { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 11px; color: #ee7f01; text-decoration: none; text-align: left; }
a.bottom:visited { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 11px; color: #ee7f01; text-decoration: none; text-align: left; }
a.bottom:hover   { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 11px; color: #000000; text-decoration: none; text-align: left; }
a.bottom:active  { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 11px; color: #ee7f01; text-decoration: none; text-align: left; }
#logo a    { font-family:  "centhury gothic", Arial, Helvetica;  font-size: 11px; color: #000000; text-decoration: none; text-align: left; }

p         { margin:0 0 7px 0; font-size:11px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
p.carte   { margin:0 0 15px 0; font-size:14px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
p.carteb   { margin:0 0 15px 0; font-size:14px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
li.carte        { list-style-type:none; line-height:11px; display: block; float:left; padding:0; margin:0; font-size:11px; font-family:  "centhury gothic", Arial, Helvetica; width:800px; margin:0; padding:0;}
p.form   { margin:0 0 2px 0; font-size:11px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
p.shop   { margin:5px 0 5px 5px; font-size:12px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
p.shopright   { margin:5px 5px 5px 5px; font-size:12px; font-family:"centhury gothic", Arial, Helvetica; text-align:right;}
p.shopcenter   { margin:5px 0 5px 0; font-size:12px; font-family:"centhury gothic", Arial, Helvetica; text-align:center;}
p.center  { text-align:center;}
p.smallcenter  { text-align:center; font-size:10px; padding-top:3px; font-weight:bold;}
H1        { margin:0 0 0 0; font-size:13px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
H1.carte  { margin:0 0 7px 0; font-size:14px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
H2.compteur  { margin:0 0 7px 0; font-size:14px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;}
H1.no     { display:none;}
ul        { list-style: none; }
img       { border:0; }
.border    { border-width:1px; border-style:solid; border-color:#e2001a;  }

/* Couleurs catégories  */
.categorie     { font-weight: bold; font-size:11px; }
.rouge         { color:#e2001a; }
.rouge img     { border-color:#e2001a; }
.bleu          { color:#39a3c7; }
.bleu img      { border-color:#39a3c7; }
.rose          { color:#e2007a; }
.rose img      { border-color:#e2007a; }
.orange        { color:#ee7f01; }
.orange img    { border-color:#ee7f01; }
.vert          { color:#45a12a; }
.vert img      { border-color:#45a12a; }
.violet        { color:#74408e; }
.violet img    { border-color:#74408e; }
.couleurcommande { color:#74408e; }

/* Layout */
#document   { width:910px; margin:0 auto; text-align: left; position: relative;}

.backgroundpanier  {background-color: #000000;}
.backgroundpanierb {background-color: #f7f6ee;}
.backgroundpanierc {background-color: #e8e7db;}


#header           { position:relative; z-index:2; height:182px; background: url(images/header_fond.jpg) no-repeat 327px 0; }
#content   		  { position:relative; z-index:1; background:url(images/content_fond.png) no-repeat 0 100%; background-position:bottom center; height: 650px; overflow:hidden; }
#contentPage      { position:relative; background: url(images/content_page_fond.png) no-repeat 0 0; background-position:bottom center; height: 700px; overflow:hidden; }
#contentRecherche { position:relative; background: url(images/content_page_fond.png) no-repeat 0 0; background-position:bottom center; height: 900px; overflow:hidden; }
#contentLien	  { position:relative; background: url(images/content_page_fond.png) no-repeat 0 0; background-position:bottom center; height: 530px; overflow:hidden; }
#contentContent   { overflow: hidden;}
contentLien
#home #content    { background: url(images/content_fond.png) no-repeat 0 0; background-position:bottom left; }
#contentBas       { position:relative; background: url(images/content_bas_fond.png) no-repeat 0 0; height: 362px; }
#colGauche        { position:relative; float:left; width:466px; padding:0 0 0 13px;  }
#colDroite        { position:relative; float:left; width:415px; padding:0 0 0 15px; padding:12px 0 0 0;  }
#footer           { position:relative; z-index:10; margin:0 0 10px 0; padding: 0 0 105px 0; }
/* Elements */
#logo         { position:absolute; top:0; left:5px; }
#logo h1      { text-indent: -999px; }


#menuPage           { overflow: hidden; }
#menuPage a         { display:block; float:left; }
#btnRetour          { background: url(images/retour_btn.gif) no-repeat 0 7px; display: block; width: 101px; height:38px; }
#btnRetour:hover    { background: url(images/retour_btn.gif) no-repeat 0 0px;  }
#btnLocaliser       { background: url(images/localiser_btn.gif) no-repeat 0 7px; display: block; width: 101px; height:38px; }
#btnLocaliser:hover { background: url(images/localiser_btn.gif) no-repeat 0 0px; }
#btnCommander       { background: url(images/commander.png) no-repeat 13px 7px; display: block; width: 256px; height:38px; }
#btnCommander:hover { background: url(images/commander.png) no-repeat 13px 0px; }

#outils          { position:absolute; top:0; left:315px; }
#outils a        { display:block; float:left; margin:0 5px; width:60px; height:20px; }
#outils a:hover  { height:28px; }
#outils a span   { display: block; overflow: hidden; text-indent: -999px; }
#outils .home	 { background: url(images/home_btn.gif) no-repeat 0 100%; }
#outils .favoris { background: url(images/favoris_btn.gif) no-repeat 0 100%; }
#outils .envoyez { background: url(images/envoyez_btn.gif) no-repeat 0 100%; }
#outils .fluxrss { background: url(images/fluxrss_btn.gif) no-repeat 0 100%; }
#outils .referencez { background: url(images/referencez_btn.gif) no-repeat 0 100%; width:175px; }


#moteurRecherche                    	  { position:relative; margin:0 22px; height:90px; background: url(images/fond_moteurRecherche.gif) no-repeat 0 0; z-index:600; }
#Recherche                    		 	  { position:relative; float:left; width:858px; padding:0 24px 0 24px; z-index:600;}
#moteurRecherche2                    	  { position:relative; margin:20px 22px 0 22px; height:90px; background: url(images/fond_moteurRecherche.gif) no-repeat 0 0;  }
#moteurRecherche form                	  { position: absolute; top:24px; left:290px; width:485px;  }
#moteurRecherche2 form               	  { position: absolute; top:4px; left:290px; width:485px;  }
#moteurRecherche input              	  { display:block; float:left; margin: 10px 0 0 0; border:0; background: none; font-family: Arial, sans-serif; font-size: 12px; color: #8d8c8b; font-style: italic; font-weight: bold; }
#moteurRecherche2 input              	  { display:block; float:left; margin: 30px 0 0 0; border:0; background: none; font-family: Arial, sans-serif; font-size: 12px; color: #8d8c8b; font-style: italic; font-weight: bold; }
#moteurRecherche input#btnRecherche  	  { display:block; float:right; height:30px; width:30px; cursor:pointer; margin:0; padding:0; }
#moteurRecherche2 input#btnRecherche 	  { display:block; float:right; height:30px; width:30px; cursor:pointer; margin-top:20px; padding:0; }

#compteur { position: absolute; top:411px; left: 90px; height:118px; width: 268px; }
#activation { position: absolute; top:20px; left: 671px; height:215px; width: 215px; z-index:600; }
/*
#menu ul.level1              {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu b {position:absolute;} *//* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
/*
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right;}
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.fly {background:transparent url(anywidth/white-right.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/white-left.gif) no-repeat left center;}
#menu li a:hover,
#menu li a.fly:hover {color:#fc6; white-space:nowrap;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {color:#fc6; white-space:nowrap;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
*/

/******************/
/* Page d'accueil */
/******************/
#PhraseH   { margin:5px 25px 5px 25px; }
/*#illustrationH   { margin:20px 25px 0 25px; width:860px; height:300px; display:block; }*/
#illustrationH   { margin:20px 25px 0 25px; width:860px; height:300px; display:block; }
#illustrationHB  { margin:20px 25px 0 25px; width:860px; height:300px; display:block;}
#illustrationFL  { margin:20px 20px 20px 20px; z-index:2; }

/*#dernieresOffres                { position:absolute; top: 30px; left:15px; width:360px; }*/
#dernieresOffres                { position:absolute; top: 415px; left:450px; width:455px; }
#dernieresOffres h2             { margin:0 0 7px 0; }
#dernieresOffres ul             { overflow: hidden; }
#dernieresOffres li             { display:inline; float: left; width:110px; height:86px; margin:0 1px; }
#dernieresOffres li span        { display:block; width:100%; text-align: center; }
#dernieresOffres li a img       { border-width:1px; border-style:solid; margin:2px; }
#dernieresOffres li a:hover img { border-width:3px; margin:0; }

#offreExceptionnelle          		{ position:absolute; top: 415px; left:450px; width:455px; }
#offreExceptionnelle h2             { margin:0 0 7px 0; }
#offreExceptionnelle ul             { overflow: hidden; }
#offreExceptionnelle li             { display:block; float: left; text-align: left;}
#offreExceptionnelle li a img       { border-width:1px; border-style:solid; margin:2px; }
#offreExceptionnelle li a:hover img { border-width:3px; margin:0; }


#partezRecherche            { position:absolute; top: 30px; left:390px; margin:0 15px 0 0; width: 510px; }
#partezRecherche h2         { margin:0 0 7px 0; }
#partezRecherche .interieur { margin:10px 5px 0 5px; }

/*******************/
/* Page intérieure */
/*******************/
#caroussel { margin:15px 0 0 0; overflow: hidden; }

#pepites  { margin:5px 0 0 0; }
#et	  { position:absolute; right:211px; bottom:97px; width:45px; height: 45px; background: url(images/et.png) no-repeat 0 0 ; z-index:9001; }
#ou	  { position:absolute; right:211px; bottom:97px; width:45px; height: 45px; background: url(images/ou.png) no-repeat 0 0 ; z-index:9001; }
#pepite1  { display:block; float: left; width:232px; height: 110px; background: url(images/pepite_fond.gif) no-repeat 0 0; text-align:center; }
#pepite2  { display:block; float: left; width:232px; height: 110px; background: url(images/pepite_fond.gif) no-repeat 0 0; text-align:center; }

#pepites .titre   { font-family:century Gothic, sans-serif; color: #FFFFFF; font-size: 14px; text-align: center; margin:2px 0 2px 0; }
#pepites .contenu { font-family:century Gothic, sans-serif; text-align: center; margin:0; padding:0 5px; height:75px; display: table-cell; vertical-align: middle; width:232px; height: 104px;  }
#liaison  {  }

#colDroite            { font-size: 14px; text-align: justify; color: #6a6a6a; }
#colDroite #superieur { height:330px; }
#colDroite #inferieur { height:220px; padding:10px 0 0 0; }

#colDroite .adresse                { background: url(images/adresse_picto.gif) no-repeat 1px 0; padding:0 0 0 25px;  }
#colDroite .adresseb               { padding:0 0 0 25px;  }
#colDroite .tel                    { background: url(images/tel_picto.gif) no-repeat 0 0; padding:0 0 0 25px; display: block; float:left; width:150px; }
#colDroite .www                    { background: url(images/www_picto.gif) no-repeat 0 0; padding:0 0 2px 25px; display: block; float:left; }
#colDroite .www a                  { color: #e2001a; }
#colDroite .horaires               { clear:left; background: url(images/horaires_picto.gif) no-repeat 0 0; padding:0 0 0 25px; }
#colDroite .jourfermeture          { clear:left; background: url(images/fermeture_picto.gif) no-repeat 0 0; padding:0 0 0 25px; }
#colDroite .infoComplementaire h3  { text-transform: uppercase; text-decoration: underline; margin:5px 0 0 0; font-size: 12px; }
#colDroite .infoComplementaire ul  { margin:5px 0 0 0; font-size:11px; font-family:"centhury gothic", Arial, Helvetica; }

#colDroite h2 { font-family:century Gothic, sans-serif; color: #e2001a; font-weight: bold; font-size: 24px; margin:0 0 20px 0; text-align: left; }
#colDroite h3 { font-family:century Gothic, sans-serif; font-size: 16px; margin:0 0 20px 0; text-align: left; }

/****************/
/* Pied de page */
/****************/
#footer a             { font-size:11px; }

/*
#carteGD      { position:absolute; z-index:10; right:14px; top:606px; background: url(images/grande-recto.png) no-repeat 0 0; width:395px; height:261px; cursor: pointer; }
#carteGD:hover{ background: url(images/grande-verso.png) no-repeat 0 0; }
*/
/*#carteGD      { position:absolute; z-index:10; right:75px; top:617px; }*/
#carteGD      { position:absolute; z-index:10; left:15px; top:900px; }
#btnSavoir    { position:absolute; display:block; z-index:11; width: 90px; height:15px; left:281px; top:1163px;}
/*
#footer #carte        { position:absolute; right:-20px; bottom:0; background: url(images/petite-recto.png) no-repeat 0 0; width:200px; height:161px; cursor: pointer; }
#footer #carte:hover  { background: url(images/petite-verso.png) no-repeat 0 0; }
*/
#footer #carte        { position:absolute; right:-20px; bottom:40px; }

#footer ul            { margin:0 0 0 10px; list-style: none; }
#footer ul li         { display: block; float:left; padding:0; margin:0; font-size:11px; font-family:  "centhury gothic", Arial, Helvetica;}
#footer ul li a       { padding:0 4px;}
#footer ul li.first a { border:none; }

/****************/
/* Formulaire   */
/****************/
input.inputtxt { background-color: transparent; width:200px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.inputtxtlong { background-color: transparent; width:785px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.inputtxtpluslong { background-color: transparent; width:213px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.inputtxtpetit { background-color: transparent; width:95px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.inputremise { background-color: transparent; width:120px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center;}
select.selecttxt { background-color: transparent; width:70px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
.textareatxt { background-color: transparent; width:860px; height:135px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
.textareatxtpetit { background-color: transparent; width:785px; height:135px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: left;}
input.buttonremise { background-color: transparent; width:70px; height:19px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;}
input.buttonpaiement { background-color: transparent; width:110px; height:19px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 11px; text-align: center; cursor:pointer;}
input.buttontxt { background-color: transparent; width:80px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}
input.buttontxtvoyant { background-color: #ee7f01; width:160px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}
input.buttontxtblanc { background-color: #c20000; width:160px; border: 1px solid #ffffff; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; text-align: center; cursor:pointer; font-weight:bold;}
.activationipt { text-align:center; margin-bottom:5px; background-color: transparent; width:400px; border: 1px solid #000000; color: #000000; font-family: century Gothic, sans-serif; font-size: 12px; }
.activationbtn { text-align:center; margin-top:5px; height:30px; background-color: #ee7f01; width:150px; border: 1px solid #000000; color: #000000; font-weight:bold; font-family: century Gothic, sans-serif; font-size: 12px; cursor:pointer;}


.afficher {position: relative; margin : 0 0 0 0px;  display: block; z-index:100;}
.masquer {position: relative; margin : 0 0 0 0px;  display: none; z-index:100;}


/**************************************/
/* Prehome   */
/**************************************/
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 12%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; 	z-index:1;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


div.jqmNotice img.jqResize {position: absolute; right: 2px; bottom: 2px;}

/* Notice CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmNotice {
    display: none;
    
    width: 600px;
    position: fixed;
    top: 8%;
    left: 50%;
    
    margin-left: -300px;
    
    /*background:#000 url(../common/disclaimer/note_icon.png) 5px 275px no-repeat;*/
    background:#000;
	border: 1px solid #333333;
    padding: 0;
	z-index:600;
	}

.jqmnTitle{margin: 0 25px;}
  
.jqmnTitle h1{
  margin: 5px 0;
  padding-left:5px;
  width: 100%;
  
  font-size:10px;
  color:#FFFFCC;
  background-color:#505050;
}


div.jqmNotice .second.jqmClose {
background:none;
position:relative;
text-align:center; 
width:300px; 
cursor: pointer;
}

div.jqmNotice .jqmClose em{display:none;}
div.jqmNotice .jqmClose {
  position: absolute;
  cursor: pointer;
  right: 4px;
  top: 6px;
}
div.jqmNotice .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../common/disclaimer/close_icon.png) 0 0 no-repeat;
}

div.jqmNotice a.jqmClose:hover,div.jqmNotice a.jqmCloseHover{ background-position: 0 -20px; }


.jqmnContent{
  border-top:1px;
  color:#fff;
  font-size:12px; font-family:"centhury gothic", Arial, Helvetica; text-align:justify;
  padding:0 10px 0 10px;
}

/*******************************************************/
/* Forumaire autocomplete   ****************************/
/* http://www.nodstrum.com/2007/09/19/autocompleter/   */
/****************/
	.suggestionsBox {
		position: relative;
		left: -10px;
		margin: 30px 0px 0px 0px;
		width: 300px;
		background-color: #000;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		border: 2px solid #333;	
		color: #fff;
		z-index:900;
	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
		z-index:900;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
		z-index:900;
	}
	
	.suggestionList li:hover {
		background-color: #e2001a;
		z-index:900;
	}



/*******************************************************/
/* Feature List ****************************************/
/* Animation *******************************************/
/*******************************************************/
		h3 {
			margin: 0;	
			padding: 1px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list_background {
			z-index: 0;
			width: 868px;
			height: 226px;
			overflow: hidden;
			position: relative;
 			background: url(../common/jquery.featurelist/background.gif) no-repeat 0 0;
		}

		div#feature_list {
			z-index: 0;
			width: 860px;
			height: 220px;
			top:4px;
			left:4px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
 			}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 243px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 35px;
			outline: none;
		}

		ul#tabs li a:hover {
			color: #000;
		}

		ul#tabs li a.current {
			background:  url('../common/jquery.featurelist/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 640px;
			height: 220px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 640px;
			height: 220px;
		}

		ul#output li a {
			position: absolute;
			bottom: 15px;
			left: 30px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #e2001a;
		}



/*******************************************************/
/* Image Slider w/ CSS & jQuery*************************/
/* Animation *******************************************/
/*******************************************************/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:300px;	
	width: 860px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 268px; left: 10px;
	width: 137px; height:32px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(../upload/animation/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a.sorties, .paging a.style, .paging a.loisirs, .paging a.carte {font-weight: bold; padding: 8px 5px 5px 5px; text-decoration: none; color: #000; }
.paging a.sorties.active 	{ font-weight: bold; background: #e2001a; border: 0px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; }
.paging a.style.active 	{ font-weight: bold; background: #39a3c7; border: 0px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; }
.paging a.loisirs.active 	{ font-weight: bold; background: #45a12a; border: 0px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; }
.paging a.carte.active 	{ font-weight: bold; background: #ff9b05; border: 0px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px;	-webkit-border-radius: 3px; }

.paging a.sorties:hover {font-weight: bold;color: #696868;}
.paging a.style:hover {font-weight: bold;color: #696868;}
.paging a.loisirs:hover {font-weight: bold;color: #696868;}
.paging a.carte:hover {font-weight: bold;color: #696868;}