body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
   color: #177efd;
}
#wrapper
{
   width:830px;
   margin-left :auto;
   margin-right:auto;
   background-color:#d8e7fd;
}
#container
{
	width:630px;
    float:left;
}

#header
{
   padding:0px;
   width: 100%;
   height: 146px;
   background-repeat :no-repeat ;
   background-image :url(Images/entete.gif);
}
#headermenu
{
   width: 100%;
   height:46px;
   float:left ;
   background-color:blue;
}

#breadcrumb
{
   background-color: white;
   color: green;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: Yellow;
}

#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#bannerbox
{
   border: dashed 2px #c35308;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: #e1e1e1;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}

#loginbox
{
   float:right ;
   width: 150px;
   height: 100px;   
   font-size: 10px;
}
#loginbox_panier
{
   border-style:groove ;
   border-color :Black ;
   position:relative ;
   top: 0px;
   left: 10px;
   width: 190px;
   height: 100px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}
#loginbox input
{
   color: red;
   border-color: red;
   background-color: White ;
   font-size: 10px;
}

#themeselector
{
   text-align: right;
   top:50px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   font-size: 12px;
   text-align: right;
}
        
#leftcol
{
   position: absolute;
   top: 184px;
   left: 0px;
   width: 200px;
   background-color: #bcbfc0;
   font-size: 10px;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e1e1;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
.rightcolpub
{
   color: White;
   font-size: 10px;
   margin:0;
   padding:0 0;
   float:right;
   width:198px;
}
#rightcolpub a
{
   color: blue;
}
#rightcolpub div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}
#rightcolpub div.sectiontitle, #rightcolpub .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
#rightcol a
{
   color: blue;
}

#rightcol
{
   color: White;
   font-size: 10px;
   margin:0;
   padding:0 0;
   float:right;
   width:195px;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink
{
   font-family: Impact;
   font-size: 17px;
   text-transform: uppercase;        
}

.headermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: black; 
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
   background-color: #fefef0;
   color: #b45d16;
   border: dashed 1px #995117;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: blue;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
   background-color: #f9eaa6;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #f09d35;
   color: black;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}
.pub1box
{
   font-size: 11px;
}

#Panier-haut-gauche_ {
	width:50px;
	height:48px;
	background-image: url(images/Panier_haut_gauche.gif);
	float: left;
}

#Panier-haut-milieu_ {
	height:48px;
	background-image: url(images/Panier_haut_milieu.gif);
}

#Panier-haut-droit_ {
	width:50px;
	height:48px;
	background-image: url(images/Panier_haut_droit.gif);
	float: right;
}

#Panier-gauche-milieu_ {
	width:100%;
	background-color:White;
	background-image: url(images/Panier_gauche_milieu.gif);
	background-repeat: repeat-y
}
#Panier-gauche-milieu_ a
{
   color: #177efd;
}
#Panier-droit-milieu_ {
	background-image: url(images/Panier_droit_milieu.gif);
	background-repeat: repeat-y;
	background-position: right
}

#Panier-bas-gauche_ {
	width:25px;
	height:25px;
	background-image: url(images/Panier_bas_gauche.gif);
	float: left;
}

#Panier-bas-milieu_ {
	height:25px;
	background-image: url(images/Panier_bas_milieu.gif);
}

#Panier-bas-droit_ {
	width:25px;
	height:25px;
	background-image: url(images/Panier_bas_droit.gif);
	float:right;
}
#Panier_contenu {
			padding: 0 15px 0 15px;
            color:Black ;
}

#Panier_contenu p {
			margin: 0px;

}
#Panier_titre 
{
    padding-top:15px;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
#Menu_ga
{
	background-image: url(images/menu_ga.gif);
	width:10px;
	height:46px;
	float:left;
}
#Menu_dr
{
	width:20px;
	height:46px;
	background-image: url(images/menu_dr.gif);
	float:right;
	background-repeat:no-repeat ;
}
#Menu_compte
{
	position:relative;
	top:0px;
	left:630px;
	width:24px;
	height:46px;
	float:left;
	/*margin-left:630px;*/
	background-repeat:no-repeat ;
}
#Menu_compte a 
{
    text-decoration: none;
}
#Menu_panier
{
	position:relative;
	top:0px;
	left:640px;
	width:24px;
	height:46px;
	float:left;
	/*margin-left:630px;*/
	background-repeat:no-repeat ;
}
#Menu_panier a 
{
    text-decoration: none;
}
#Menu_flag1
{
	position:relative;
	top:0px;
	left:20px;
	width:30px;
	height:46px;
	float:left;
	background-image: url(images/menu_flag.gif);
	background-repeat:no-repeat ;
}
#Menu_1 
{
	position:relative;
	top:13px;
	left:-4px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	float:left;
	text-transform: uppercase;
}
#Menu_1 a
{
   text-decoration: none;
}

#Menu_flag2
{
	position:relative;
	top:0px;
	left:10px;
	width:30px;
	height:46px;
	float:left;
	background-image: url(images/menu_flag.gif);
	background-repeat:no-repeat ;
}
#Menu_2 
{
	position:relative;
	top:13px;
	left:-14px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	float:left;
	text-transform: uppercase;
}
#Menu_2 a
{
   text-decoration: none;
}
#Menu_flag3
{
	position:relative;
	top:0px;
	left:10px;
	width:30px;
	height:46px;
	float:left;
	background-image: url(images/menu_flag.gif);
	background-repeat:no-repeat ;
}
#Menu_3 
{
	position:relative;
	top:13px;
	left:-14px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	float:left;
	text-transform: uppercase;
}
#Menu_3 a
{
   text-decoration: none;
}
#Menu {
    height:46px;
	background-image: url(images/menu.gif);
}  
#menu_conteneur
{
    	height:46px;
}
#cadre-haut-gauche_ {
	width:18px;
	height:48px;
	background-image: url(images/cadre_ctnu_hga.gif);
	float: left;
}

#cadre-haut-milieu_ {
	height:48px;
	background-image: url(images/cadre_ctnu_hmi.gif);
}

#cadre-haut-droit_ {
	width:25px;
	height:48px;
	background-image: url(images/cadre_ctnu_hdr.gif);
	float: right;
}

#cadre-gauche-milieu_ {
	width:100%;
	background-color:White;
	background-image: url(images/cadre_ctnu_miga.gif);
	background-repeat: repeat-y
}
#cadre-gauche-milieu_ a
{
   color: #177efd;
}
#cadre-droit-milieu_ {
	background-image: url(images/cadre_ctnu_midr.gif);
	background-repeat: repeat-y;
	background-position: right
}

#cadre-bas-gauche_ {
	width:18px;
	height:25px;
	background-image: url(images/cadre_ctnu_bga.gif);
	float: left;
}

#cadre-bas-milieu_ {
	height:25px;
	background-image: url(images/cadre_ctnu_bmi.gif);
}

#cadre-bas-droit_ {
	width:25px;
	height:25px;
	background-image: url(images/cadre_ctnu_bdr.gif);
	float:right;
}
#cadre_contenu {
			padding: 0 15px 0 15px;
            color:Black ;
}

#cadre_contenu p {
			margin: 0px;

}
#cadre_titre 
{
    padding-top:15px;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}
.Pub-haut-gauche_ {
	width:25px;
	height:48px;
	background-image: url(images/pub_ht_ga.gif);
	float: left;
}

.Pub-haut-milieu_ {
	height:48px;
	background-image: url(images/pub_ht_mi.gif);
}

.Pub-haut-droit_ {
	width:25px;
	height:48px;
	background-image: url(images/pub_ht_dr.gif);
	float: right;
}

.Pub-gauche-milieu_ {
	width:100%;
	background-color:White;
	background-image: url(images/pub_mi_ga.gif);
	background-repeat: repeat-y
}
.Pub-gauche-milieu_ a
{
   color: #177efd;
}
.Pub-droit-milieu_ {
	background-image: url(images/pub_mi_dr.gif);
	background-repeat: repeat-y;
	background-position: right
}

.Pub-bas-gauche_ {
	width:25px;
	height:25px;
	background-image: url(images/pub_ba_ga.gif);
	float: left;
}

.Pub-bas-milieu_ {
	height:25px;
	background-image: url(images/pub_ba_mi.gif);
}

.Pub-bas-droit_ {
	width:25px;
	height:25px;
	background-image: url(images/pub_ba_dr.gif);
	float:right;
}
.Pub_contenu {
			padding: 0 15px 0 15px;
            color:Black ;
}

.Pub_contenu p {
			margin: 0px;

}
.Pub_titre 
{
    padding-top:15px;
   color: white;
   font-size: 12px;
   font-weight: bold;
}
#sep_ga
{
	background-image: url(images/sep_ga.gif);
	width:18px;
	height:20px;
	float:left;
}
#sep_dr
{
	width:25px;
	height:20px;
	background-image: url(images/sep_dr.gif);
	float:right;
	background-repeat:no-repeat ;
}
#separateur {
    height:20px;
	background-image: url(images/sep_mi.gif);
}  
#footer_conteneur
{
    	height:20px;
}
#footer
{
   clear:both;
   width: 100%;
   height: 60px;
   visibility: visible;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }