@import url("application_form.css"); 	/*css gestion formulaire */
@import url("application_menu.css"); 	/*css gestion menu */
@import url("application_table.css");	/*css gestion des tables */ 
@import url("application_block.css");  	/*css gestion des blocs, left, 100% etc... */

@import url("bandeau_slider.css");  	/*css listes */

/*Attributs généraux */
html, body  {margin: 0;padding: 0; line-height:1.5;font-size:12px; font-family:"Lucida Sans Unicode"}
body{ background-color:#8F7F74;}
html, body.empty  { margin: 0;padding: 0;  font-family:"Lucida Sans Unicode"; font-size:12px;}
html*{ padding:0; margin:0; margin: 0;padding: 0; font-family:"Lucida Sans Unicode";font-size:12px;}


/*Attributs texte */
h1, h2, h3, h4{font-family:"Trebuchet MS";
color:#000;margin:0px; padding:5px 0px; display:block;clear:both;}
h1{color:#C2B0A4;
font-family:"MyriadPro","Myriad Pro","Lucida Grande","Lucida Sans Unicode",arial,verdana,sans-serif,Times,serif;
font-size:2.8em;
font-style:italic;
font-weight:lighter;
padding-left:10px;
}

h1 span{color:#999;
font-size:0.7em;
font-weight:normal; font-style:italic;
padding:0; margin:0}
h2 {color:#fff;
	font-family:"Times New Roman",Times,serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold; }
h2 span{font-weight :normal}
h3{ color:#412723;
font-family:"Times New Roman",Times,serif;
font-size:1.5em;
font-style:italic;}
h4{ font-weight:bold;}
strong{font-weight:bold;}
ul, li{ list-style:none}
li{ font-size:1em;}
img{ border:0}
/* img, src, input, img src, ul, ul li, a{ behavior: url(iepngfix.htc) }*/
a{ text-decoration:none; color:#31241c;}
a:hover{ color:#000;}
dt{ float:left; text-align:left}
dd{ float:left; text-align:left}
p{ padding:0 0 10px 20px; margin:0; font-size:1em; text-align:left}

small{ font-size:9px; color:#eee}

/*comportement bloc principaux*/
.global{width:100%; display:block; float:left; margin:0 0 20px 0;}
.conteneur{width:996px; margin:0 auto 0 auto;  padding: 0}/*pour centrer et gerer la taille du site*/
.conteneur_style{width:990px; display:block; margin:0;float:left; clear:both; padding:0px; border:3px solid #766150; background-color:#5a4738}

/* Gestion des contenus */
.content{display:block; float:left;width:100%;position:relative; background-image:url(../images/content.gif); background-repeat:repeat-y; background-position:left;padding-top:0px}/*zone ou se trouve tout le contenu*/

.contenu{display:block;width:790px; padding:0px;float:left; line-height:150%}



.contenu_w{display:block;width:770px;float:left; margin:0px; padding:10px 10px 20px 10px;background-color:#C2B0A4}

/*column generique*/
.side_bar{display:block; float:left; width:190px; padding:20px 5px 5px 5px}

.seo_catch{clear:both;color:#9F938B;display:block;float:right;font-size:0.9em;padding:2px 5px 2px  5px;text-align:left;width:780px; background-color:#31241c}
.seo_catch a{ color:#9F938B; padding:0 5px;font-size:11px;}
.seo_catch a:hover{ color:#ccc;font-size:11px;}
#log.zone_login{display:block; width:28%; height:40px; padding:0 80px 0 8px; right:0; color:#333; font-size:0.9em; position:absolute;top:83px; background-image:url(../images/bkgd_bloc_rounded.gif); background-repeat:no-repeat; background-position:0 -55px}


.header{ width:100%; display:block; float:left; padding:0;height:140px; position:relative; background-image:none; background-repeat:repeat-x; background-position:top;}
.header_content{border-right:1px solid #3F3227; position:absolute; display:block; float:left;clear:both;width:199px; background-image:url(../images/logo.gif); background-repeat:no-repeat; top:0px; left:0px; height:140px; background-position:0 -5px;margin:0px;padding:0px}
.header_content a{ display:block; float:left;clear:both;width:100%; height:140px;margin:0px;padding:0px}
.header_content_hover{position:absolute; top:0px; left:0px;  display:block; float:left;clear:both;border-right:1px solid #3F3227;width:199px; background-image:url(../images/logo.gif); background-repeat:no-repeat; background-position:0 -5px;margin:0px;padding:0px}
.header_content_hover a{ display:block; float:left;clear:both;width:100%; height:140px;margin:0px;padding:0px}
.header_patch{ display:block; float:right; width:400px}


.footer{color:#31241C;width:100%;display:block;float:left;clear:both;font-size:0.9em;background-image:none; background-repeat:no-repeat; background-position:bottom ;}
.footer a{ color:#31241C;text-decoration:none; padding:0 5px;}
.footer a:hover{ text-decoration:underline; color:#fff}
.footer ul{ width:150px; float:left; padding:0; margin:0 30px}
.footer ul li{ list-style:none; background-image:url(../images/arrow_li_footer.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 15px}
.footer h3{color:#eee;}
.footer ul li a{color:#999}
.footer_content{ display:block; float:left; width:96%; background-color:none; padding:1% 2%; position:relative}

.fat_footer_header{ display:block; float:left; width:100%;height:33px}
.fat_footer_footer{ display:block; float:left; clear:both;width:100%; height:17px}

/*chemin des pages*/
.breadcrumb {
	background-image:none;
	font: 10px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
	padding:0;
	width:100%;
	background-color:#513f31;
	border-top:1px solid #3F3227;
	border-bottom:1px solid #5F4E41;
	margin-bottom:10px;}

.breadcrumb_bkgd {padding: 2px 5px 2px 16px;background-color:#453329;background-image:url(../images/breadcrumb.gif); }
.breadcrumb .breadcrumb_bkgd .node {display:block; float:left; height:15px; padding:2px 5px 2px 8px; background-image:none; background-repeat:no-repeat; background-position:left center ;background-color:#453329}

.breadcrumb a 
{
    height:15px; 
    background-repeat:no-repeat; 
    text-decoration: none;
    /* background-color:#453329; */
}

.breadcrumb, .breadcrumb a 
{ 
	color: #cea98c; /* #766150; */
	display:block; 
    float:left; 
	font: 10px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
}

.breadcrumb span.itemNode  
{
    display:block; 
    float:left;
    height:15px; 
    padding:2px 5px 2px 16px;
    background-image:url(../images/breadcrumb.gif); 
    background-repeat:no-repeat;
}
.breadcrumb span.itemNode a, .itemNode  
{
    background-image:none; 
    background-repeat:repeat-x; 
    background-color:#453329;
    padding:2px 5px 2px 16px;
    background-image:url(../images/breadcrumb.gif); 
}

.breadcrumb span.active { display:block; float:left;height:15px; padding:2px 5px 2px 16px;
                          background-image:url(../images/breadcrumb_active.gif); 
                          background-repeat:no-repeat;
						  font: 10px "Lucida Grande","Trebuchet MS",Verdana,Helvetica,sans-serif;
						}
.breadcrumb span.active a{ background-image:none; background-repeat:repeat-x; background-color:#453329;}

.breadcrumb#summer2{border-top:1px solid #ed83b5}
.breadcrumb#winter2{border-top:1px solid #e6f0f1}
.breadcrumb#autumn2{border-top:1px solid #fb8c3b}
.breadcrumb#spring2{border-top:1px solid #dbe049}
.breadcrumb#year-round2{border-top:1px solid #AAAD18}

/* Gestion de la pagination */
.pagination{ display:block; float:left; clear:both; margin:0; width:100%; font-size:1em;margin:20px 0 ; background-color:#463428 }
.pagination ul{ display:block; width:100%; text-align:center; padding:5px 0; margin:0 auto; clear:both}
.pagination ul li{ display:inline}
.pagination a{color:#8F847D;padding:4px; margin:0;}
.pagination a:hover{ color:#CFBFB5;  text-decoration:none ;}
.disabled{color:#ccc;padding:4px; margin:0;}
.prev_page{padding:4px; margin:0;}
.pagination .current{  padding:1px 4px 1px 4px; margin:0;  color:#fff; font-weight:bold;background-color:#463428; border-bottom:3px solid #fff }
.pagination .gap{padding:4px; margin:0;border:0}

.legend{ display:block; float:left; clear:both; width:100%; font-size:0.8em;}

.img_left{ display:block; float:left; padding: 0 10px 10px 0}
.img_right{ display:block; float:right; padding: 0 0 10px 10px}

/*columns x 3*/
.grid3col{ display:block; float:left;margin:0;padding:10px 0 0 0 ;width:100%;}
.grid3col .column{float:left;text-align:left;width:30%; position:relative}
.grid3col .column ul{list-style:none; padding:3px 0 0 0; margin:0}
.grid3col .column ul li{list-style:none; padding:0 0 0 15px; margin:0 0 6px 0; text-align:left; background-image:url(../images/bullet.gif); background-position: 0 3px; background-repeat:no-repeat;font-size:0.9em}
.grid3col .column ul li a{ font-weight:bold}
.grid3col .column p{padding:0;display:block; float:left; width:90%}
.picto{ display:block; z-index:100; position:absolute; top:1px; left:0; background-image:url(../images/picto_solde.png); background-repeat:no-repeat; width:87px; height:83px}
#last.column{!important;border:medium none; margin:0 0 0 4%}
#first.column{!important;border:medium none; margin:0 4% 0 0}

/* open_close_box */
.open_close_box{ display:block; float:left; width:100%; background-color:#eee}

/* highlights */
.highlights_story_show { display:block; float:left; border-bottom:1px solid #AEC510; margin: 0 0 5px 0; padding:5px 0; width:100%; position:relative}
.highlights_story .highlights_remove{ position:absolute; top:0; right:0; visibility:hidden}
.highlights_story_show .highlights_remove{ position:absolute; top:0; right:0; visibility:visible}
.highlights_remove a{ border:1px solid #eee; background-color:#fff; padding:2px; font-size:0.9em}
.highlights_remove a:hover{ border:1px solid #999; background-color:#eee; padding:2px}

/* highlights */
.highlights{  display:block; float:left; width:100%; border-top:0px}
.highlights h3 a{color:#000}
.highlights_story{ display:block; float:left; border-bottom:0px; margin: 10px 0 0 0; padding: 0; width:100%}
.highlights_media{ display:block; float:left; width:40%; position:relative}
.highlights_text{ display:block; float:left;width:60%; text-align:left; color:#000}
.highlights_text a.details{ display:block; float:left; clear:both; position: bottom right;color:#E23688}
.highlights_text_txt{ display:block; float:left;width:100%; text-align:left}
.highlights_text_txt span{ font-size:1.2em;}
.highlights_text_txt a.details{ display:block; float:left; clear:both; position: bottom right;}

/* Gestion des alertes */
#flash {  display:block;clear: both; width:98%; font-size:1em; padding:0 1%;z-index: 2; margin:0 auto; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif}
.notifier { clear:both; float: left; width:98%;background-repeat: no-repeat; background-position: 1px 1px; margin: 0; }
.notice { background-color: #D2EFB3; color: #2E4F0A; }
.error { background-color: #FF947F; color: #fff; }
.warning { background-color: #FFF8CC;  color: #333; }
.notifier, .notice, .error, .warning { padding: 10px 1%; -moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;}

/* catch_phrase */
.catch_phrase{display:block; float:left; font-size:1.1em; color:#333; font-style:italic; padding:10px 10px 10px 35px; background-image:url(../images/catch_phrase_bkgd.png); background-repeat:no-repeat; margin:5px 10px;}

.avatar{display:block; float:left;}

.more_details{ display:block; float:left; clear:both; font-weight:bold; background-image:url(../images/icone_more_details.gif); background-position:left; padding:2px 0 3px 15px; background-repeat:no-repeat; }


.share{ display:block; clear:both; float:left; text-align:left; padding:10px 0 10px 0}

/* ..... ZOOMY */
#zoomy { position:absolute; overflow:hidden; background:#000000; padding:0px; border:1px solid #FFFFFF; text-align:center; color:#fff; line-height:0; z-index:200 }
#zoomy img { margin:5px; }	
#zoomy p { position:relative; margin:10px 5px 5px 5px; padding:0; line-height:100%; text-align:left  }

#close { position:absolute; right:5px; width:12px; height:12px; background-image:url(../images/close.gif); background-repeat:no-repeat; cursor:pointer;} 

.zoomy2{padding-right:10px;}
.zoomy2 a{ display:block; float:left;border:2px solid #fff}
.zoomy2 a:hover{ border:2px solid #ccc}

.geoloc{ display:block; float:left; background-color:#eee; color:#FFFFFF; border:4px solid #666 }
.geoloc small a{ color:#fff}


.tags{ display:block; font-size:0.9em; color:#fff; margin:0 0 5px 0;float:left; background-image:url(../images/tags_left.gif); background-repeat:no-repeat; padding:0 0 0 15px;background-position:left top; clear:both}
.tags a{ display:block; float:left; color:#fff; font-weight:bold;background-image:url(../images/tags_right.gif); background-repeat:no-repeat; padding:0 15px 0 0; background-position:right top;}
.tags a:hover{ color:#fff;}

.portfolios{ display:block; float:left; width:96%; padding:0 2%; margin-bottom:30px;}
.portfolios .folio{ display:block; float:left; width:100%; padding:0}
.portfolios .folio .img_left{ display:block; float:left;}
.portfolios .folio .content_folio{ display:block; float:left; background-image:none;background-color:transparent; width:56%; padding:0 2%}
.avatar{display:block; float:left; }

/*Bouton generique*/

a.btn_20 { cursor:pointer;display:block; float:left;background-image:url(../images/fr_input_btn_20.png); background-repeat:no-repeat; background-position:top; width:200px; height:30px; line-height:28px; vertical-align:middle; font-weight:bold; font-size:1.1em;color:#fff}
a:hover.btn_20 {background-position:bottom}

a.btn_10 { cursor:pointer;display:block; float:left;background-image:url(../images/fr_input_btn_10.png); background-repeat:no-repeat; background-position:top; width:100px; height:60px; line-height:60px; vertical-align:middle; font-weight:bold; font-size:1.1em;color:#fff}
a:hover.btn_10 {background-position:bottom}

a.btn_5 { cursor:pointer;display:block; float:left;background-image:url(../images/fr_input_btn_5.png); background-repeat:no-repeat; background-position:top; width:50px; height:20px; line-height:20px; vertical-align:middle; font-weight:bold; font-size:1.1em;color:#fff}
a:hover.btn_5 {background-position:bottom}

#languages  {
display:block;
float:left;
height:22px;
padding:0;
width:50px; 
}
.toolbar  {
display:block;
float:left;
height:22px;
text-align:right;
width:100%;}


.side_bar h2{ color:#725E52; font-family:arial; font-size:1.5em; font-style:normal; font-weight:normal; padding:2px 0px; margin:0px;}
.side_bar h2 a{ color:#725E52; padding:2px 0px; margin:0px;}
.side_bar h3{color:#fff}
.side_bar ul{ color:#FFFFFF; font-size:1em; padding:0px; width:190px; margin:0}
.side_bar li {padding:0; font-family:"Lucida Sans Unicode", Times, serif; font-style:normal; font-size:1em; margin:0; width:90%; padding-left:10px; }
.side_bar li ul li{ font-size:0.85em; padding:2px 2px 2px 3px; font-family:"Lucida Sans Unicode"; font-weight:normal; font-style:normal}
.side_bar li a{  border:1px solid #31241C;color:#999; padding:0 0 0 20px; display:block; float:left; width:90%; background-image:url(../images/arrow_li_sidebar.png); background-position:2px 3px; background-repeat:no-repeat; border-color:#31241C #31241C #3F332B;}

.side_bar li a#current02{color:#eee; border:1px solid #413229; background-color:#221812}
.side_bar li a#current02.spring{color:#999; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_spring.png);  background-position:2px 3px; background-repeat:no-repeat}
.side_bar li a#current02.summer{color:#999; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_summer.png);  background-position:2px 3px; background-repeat:no-repeat}
.side_bar li a#current02.autumn{color:#999; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_autumn.png);  background-position:2px 3px; background-repeat:no-repeat}
.side_bar li a#current02.winter{color:#999; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_winter.png);  background-position:2px 3px; background-repeat:no-repeat}

.side_bar li a:hover{ color:#eee; border:1px solid #413229; background-color:#221812}
.side_bar li a:hover.spring{ color:#eee; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_spring.png);  background-position:2px 4px; background-repeat:no-repeat}
.side_bar li a:hover.summer{ color:#eee; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_summer.png); background-position:2px 4px; background-repeat:no-repeat}
.side_bar li a:hover.autumn{ color:#eee; padding:0 0 0 20px; display:block; float:left;background-image:url(../images/picto_autumn.png); background-position:2px 4px; background-repeat:no-repeat}
.side_bar li a:hover.winter{ color:#eee; padding:0 0 0 20px; display:block; float:left; background-image:url(../images/picto_winter.png);background-position:2px 4px; background-repeat:no-repeat}

.quote  {
color:#fff;
float:left;
font-size:1.3em;
font-weight:normal;
padding:2%;
width:96%;
font-family:"Lucida Sans Unicode";
}

p#spring2 {margin-bottom:10px;border-bottom:8px dotted #DDE349; padding-bottom:10px; padding:0px 20px 10px 20px; text-align:justify}
p#summer2 {margin-bottom:10px;border-bottom:8px dotted #EE82B5; padding-bottom:10px; padding:0px 20px 10px 20px; text-align:justify}
p#autumn2 {margin-bottom:10px;border-bottom:8px dotted #FB8B3A; padding-bottom:10px; padding:0px 20px 10px 20px; text-align:justify}
p#winter2 {margin-bottom:10px;border-bottom:8px dotted #E7F2F3; padding-bottom:10px; padding:0px 20px 10px 20px; text-align:justify}

.latest_news{display:block; background-image:url(../images/test525.gif); background-repeat:no-repeat; background-position:center center; float:left;width:190px; height:24px; margin-top:10px;}
.latest_news:hover{display:block; background-image:url(../images/test525_on.gif); background-repeat:no-repeat; float:left;width:190px; background-position:center center; height:24px;margin-top:10px;;}

#ctl00_uxContentUpdatePanel { padding:0px; }

.MainDiv {padding:0px;}
.BreadCrumb {padding:0px;}
.ProductListItemStyle {padding:0px;}
.PaymentButton { padding-left: 200px; margin-top: 20px; }

.MyAccount fieldset { width: 80%; margin-bottom: 5px;}
.MyAccount ul { margin-top: 0px; }