/* ------------------------------------------------------- */
/* ------- Auteur : CronosS
/* ------- Date maj : 16/03/2010 23:05:33
/* ------- Description : Le caviste se rebiffe (via min.exe)
/* ------------------------------------------------------- */
/*------- redefinition css --------*/
/*---------------------------------*/
* {
	margin:   0;
	padding:  0;
}
a {
	color:            #a01313;
	text-decoration:  none;
}
a:hover {
	color:            #a01313;
	text-decoration:  underline;
}
a:focus,a:active {
	outline:  0;
}
h3 {
	/*width:        518px;*/
	height:         52px;
	background:     url("../images/interface/h3.png");
	line-height:    45px;
	padding-left:   40px;
	font-family:    corbel;
	color:          #a01313;
	font-weight:    bold;
	font-size:      15px;
	/*margin-left:  20px;*/
	text-shadow:    1px 1px 0 #F7F7F7;
}
h4{
	letter-spacing:      2px;
	font-size:           13px;
	color:               #a01313;
	font-weight:         bold;
	/*background-color:  red;*/
	width:               198px;
	height:              39px;
	background:          url("../images/interface/h5.png");
	line-height:         32px;
	/*margin:            auto;*/
	margin-bottom:       5px;
	font-family:         "Corbel";
	text-align:          left;
	text-indent:         15px;
}
h5{
	color:         #474747;
	font-size:     12px;
	background:    url("../images/icones/etoile.png") no-repeat;
	text-align:    left;
	padding-left:  25px;
	min-height:    16px;
}
h5.coeur{
	color:       #ff0033;
	background:  url("../images/icones/coeur.png") no-repeat;
}
a.selection{
	color:        black;
	font-weight:  bold;
	text-shadow:  1px 1px 0 #F7F7F7;
}
.pfooter{
	font-size: 9px;
	color: #4b4b4b;
}
img {
	border:  none;
}
ul{
	list-style-type:  none;
	padding:          5px 0 0 5px;
	margin:           0px;
}
li, .listeparrain{
	background-image:     url("../images/icones/wine.png");
	background-repeat:    no-repeat;
	background-position:  0px 5px;
	padding:              0px 0 7px 20px;
	color:                #557482;
	border-bottom:        1px dotted #ccc;
}
li.last {
	border-bottom:  none !important;
}
li:last-child{
	border-bottom: none;
}
textarea{
	font-family:  "verdana", "sans serif";
	font-size:    12px;
}
/*---------------------------------*/
/*---------------------------------*/
/*----------- fieldset ------------*/
/*---------------------------------*/
.mess{
	border:              #CCC 1px solid;
	min-height:          25px;
	padding:             3px;
	-moz-border-radius:  4px;
	background-color:    #f1ead5;
}
.mess p, .mess ul{
	margin:  5px 0 5px 35px;
}
.alert{
	background:  #f1ead5 url("../images/icones/warning.png") no-repeat 5px center;
}
.info{
	background:  #f1ead5 url("../images/icones/info.png") no-repeat 5px center;
}
.reussi{
	background:  #f1ead5 url("../images/icones/ok.png") no-repeat 5px center;
}
.log{
	background:  #f1ead5 url("../images/icones/login.png") no-repeat 5px center;
}
.tri{
	background:  #f1ead5 url("../images/icones/label.png") no-repeat 5px center;
}
.tri select{
	width:  100px;
}
.tri p{
	margin:  5px 0 5px 25px;
}
/*---------------------------------*/
/*---------------------------------*/
/*---------- formulaire -----------*/
/*---------------------------------*/
.monForm li a {
	color:          #557482;
	border-bottom:  1px dotted #557482;
}
.monForm li a:hover{
	color:          #557482;
	border-bottom:  1px solid #557482;
	font-weight:    bold;
}
.monForm{
	line-height:  20px;
}
.monForm fieldset {
	margin-bottom:  10px;
	border:         #CCC 1px solid;
	padding:        5px;
}
.monForm fieldset legend {
	padding:       0 10px;
	margin:        0 10px;
	border-left:   #CCC 1px solid;
	border-right:  #CCC 1px solid;
	font-size:     1.2em;
	color:         #999;
}
.monForm input[type="text"], .monForm input[type="password"], .monForm select{
	margin-left:    3px;
	margin-bottom:  5px;
	width:          230px;
	border:         #CCC 1px solid;
}
.monForm input[type="text"]:hover, .monForm input[type="password"]:hover, .monForm select:hover {
	border:            #999 1px solid;
	background-color:  #DDEEFF;
}
/* Label */
.monForm label , .monForm span{
	display:         block;
	width:           210px;
	float:           left;
	letter-spacing:  0.5px;
}
.contact span{
	width:  100px;
}
.contact .monSpan{
	width:        16px;
	display:      inline-block;
	float:        none;
	margin-left:  3px;
}
.erreurb{
	border: 1px solid red;
}
.contact textarea{
	width:  470px;
}
.monForm label:hover, .monForm span:hover {
	color:  #a01313;
}
.monForm .form_label_nostyle {
	background:  none;
}
.monForm input[type="file"] {
	margin-left:  1%;
	width:        50%;
	border:       #CCC 1px solid;
}
/*---------------------------------*/
/*---------------------------------*/
.dec_img{
	margin-bottom:  -3px;
/*class utilis�e pour d�caler certaines image afin de les aligner sur un texte*/
}
.center{
	display:     block;
	text-align:  center;
}
.right{
	display:     block;
	text-align:  right;
}
.left{
	display:     block;
	text-align:  left;
}
.underline{
	text-decoration:  underline;
}
.vert {
	color:  green;
}
.rouge {
	color:  red;
}
.orange {
	color:  orange;
}
.none{
	font-size:  11px;
}
.ttpetit{
	font-size:  2px;
}
.tpetit{
	font-size:  5px;
}
.petit{
	font-size:  8px;
}
.gros{
	font-size:  14px;
}
.tgros{
	font-size:  20px;
}
.ttgros{
	font-size:  26px;
}
.ComicsansMS{
	font-family:  "Comic sans MS", verdana;
}
.Arial{
	font-family:  "Arial Black", verdana;
}
.Gmono{
	font-family:  "Global", verdana;
}
body {
	font-family:  "verdana", "sans serif";
	font-size:    11px;
	background:   #e7ddbc url("../images/interface/header.png") top repeat-x;
	color:        #2a2a2a;
}
/*--- conteneur central ---*/
#conteneur{
	margin:      auto;
	margin-top:  13px;
	width:       1034px;
}
/* --- bloc menu de connexion ---*/
#menu_co {
	height:            30px;
	background-color:  #e7ddbc;
	background:        url("../images/interface/fond_menu_co.png");
}
span#panel_compte{
	margin-left:  15px;
	position:     absolute;
	height:       30px;
	/*border:     1px solid yellow;*/
}
span#panel_compte img{
	position:  absolute;
}
span#panel_compte a{
	margin-left:  20px;
}
span#panel_compte .align{
	margin-top:    2px;
	padding-top:   2px;
	margin-right:  2px;
	float:         left;
	width:         120px;
	height:        20px;
	text-align:    center;
	background:    url("../images/interface/b_menu_co.png") no-repeat top ;

}
span#panel_compte .align:hover{
	/*background:  url("../images/interface/b_menu_co.png") bottom;*/
}
.favsel{
	margin-top:  4px;
	padding:     5px 0 0 10px;
	background:  url("../images/interface/ma_selection.png") center no-repeat;
	/*display:   inline-block;*/
	width:       115px;
	height:      30px;
	position:    absolute;
	/*border:    1px solid yellow;*/
}
/*--- titre ---*/
#img_titre{
	width:          580px;
	height:         80px;
	background:     url('../images/interface/titre2.png');
	margin-left:    230px;
	margin-bottom:  2px;
}
/*---- bloc header ---*/
#header{
	height:        180px;
	width:         1034px;
	/*background:  url("../images/interface/fond_ban.png") no-repeat;*/
}
#header_img{
	height:  180px;
	width:   1034px;
}
#header_top{
	height:      18px;
	width:       997px;
	background:  url('../images/interface/header_top.gif');
	float:       left;
}
#header_left{
	height:      180px;
	width:       17px;
	background:  url('../images/interface/header_left.jpg');
	float:       left;
}
#header_lright{
	height:             51px;
	width:              34px;
	background:         url('../images/interface/header_lright.png');
	float:              right;
	margin-top:         111px;
	/*-moz-box-shadow:  -3px -3px 6px #646464;*/
}
#header_right{
	height:      180px;
	width:       20px;
	background:  url('../images/interface/header_right.png');
	float:       right;
}
#header_bottom{
	height:      21px;
	width:       963px;
	background:  url('../images/interface/header_bottom.gif');
	float:       left;
	margin-top:  141px;
}
#header_nom{
	position:                     absolute;
	margin-top:                   142px;
	margin-left:                  15px;
	font-size:                    14px;
	font-weight:                  bold;
	font-style:                   italic;
	background:                   url('../images/interface/banniere_nom.png');
	padding:                      0 5px 0 5px;
	-moz-border-radius-topright:  4px;
	color:                        #424242;
	text-shadow:                  1px 1px 0 white;
}
/*--- bloc menu principal ---*/
#menu{
	background:  url("../images/interface/menu_p.gif");
	height:      33px;
	width:       1034px;
}
#menu a, #menu a:hover{
	text-decoration:  none;
}
#menu_left{
	width:       9px;
	height:      30px;
	background:  url("../images/interface/menu_left.png");
	float:       left;
}
#menu_right{
	width:       9px;
	height:      30px;
	background:  url("../images/interface/menu_right.png");
	float:       left;
}
span#navigation, #recherche{
	color:        #444343;
	float:        left;
	padding-top:  1px;
	line-height:  29px;
}
span#navigation{
	padding-left:  20px;
	width:         800px;
}
#recherche{
	margin-left: 25px;
	width:  146px;
	color:  white;
}
#rechercher{
	background:  url('../images/interface/input_recherche.png') no-repeat;
	height:      30px;
	width: 146px;
	float: left;
}
#inputrecherche{
	border:       none;
	background:   none;
	width:        108px;
	margin-top: 6px;
	margin-left: 3px;
	height:       16px;
	text-indent: 4px;
	line-height: 16px;
}
#submitrecherche{
	background:  url('../images/interface/submitrecherche.png');
	height:      30px;
	width:       29px;
	border:      none;
	cursor:      pointer;
	float: right;
}
.hoverBtn {
	position:     relative;
	float:        left;
	background:   #e7ddbc url("../images/interface/b_menu.png") top;
	margin-left:  -1px;
}
.hoverBtn a {
	position:         relative;
	z-index:          2;
	display:          block;
	width:            99px;
	height:           28px;
	text-align:       center;
	color:            #992329;
	text-decoration:  none;
}
.hoverBtn div {
	display:     none;
	position:    absolute;
	z-index:     1;
	top:         0px;
	background:  white url("../images/interface/b_menu.png") bottom;
}
.nojs{
	width:       99px;
	text-align:  center;
	height:      28px;
}
.nojs .double{
	height:  23px;
}
.nojs:hover{
	background:  url("../images/interface/b_menu.png") bottom;
	color:       white;
}
/*--- bloc fil ariane ---*/
#filariane {
	height:      25px;
	width:       1002px;
	padding:     5px 7px 0 7px;
	background:  url("../images/interface/fil_ariane.gif");
	float:       left;
}
#filariane .current {
	font-weight:      bold;
	text-decoration:  none;
	color:            #870233;
}
#ariane{
	width:  471px;
	float:  left;
}
#ariane img{
	position:    absolute;
	margin-top:  -2px;
}
#ariane .liens{
	margin-left:  20px;
}
#nvte{
	width:       531px;
	float:       left;
	text-align:  right;
}
/*---- bloc corps ---*/
#fd_corps{
	padding-left:      9px;
	float:             left;
	width:             1025px;
	background-color:  #dcd3b7;
}
#corps {
	width:               1016px;
	float:               left;
	background:          #f6f2e2 url("../images/interface/fond_corps.png");
}
/*--- zone centrale (texte) ---*/
#content{
	padding:             15px;
	padding-top:         5px;
	float:               left;
	width:               486px;/*506*/
	min-height:          640px;
	text-align:          justify;
}
#content_acc{
	padding:     5px;
	float:       left;
	width:       493px;
	min-height:  640px;
	text-align:  justify;
}
.encart{
	background:          url("../images/interface/fond_encart.png") 6px 0px repeat-y;
	width:               506px;
	float:               left;
}
.encart .titre{
	background:          url(../images/interface/hg.png) 3px 0px no-repeat;
	width:               506px;
	height:              55px;
	float:               left;
}
.encart .titre_g{
	float:               left;
	padding-left:        20px;
	width:               415px;
	/*background-color:  pink;*/
}
.encart .titre_d {
	width:               46px;
	float:               left;
	text-align:          right;
	color:               #474747;
	background:          url("../images/icones/calendar.gif") no-repeat right;
	/*background-color:  green;*/
	height:              46px;
}
.encart .titre_d span{
	display:     block;
	margin-top:  2px;
	text-align:  center;
}
.encart .titre_d .mois{
	color:          white;
	margin-bottom:  8px;
	font-size:      10px;
}
.encart .titre_d .jour{
	font-family:  Forte;
	font-size:    18px;
	line-height:  8px;
	color:        #a01313;
}
.encart .titre_d .annee{
	font-size:  9px;
	color:      #919191;
	font-size:  8px;
}
.encart .contenu{
	width:               465px;
	padding:             2px 10px 0 20px;
	/*background-color:  gray;*/
}
.bas{
	background:          url(../images/interface/bg.png);
	/*background-color:  lightblue;*/
	height:              36px;
}
/*--- bloc menu gauche ---*/
#area_image{
	/*background:  blue;*/
}
#menu_gauche{
	float:               left;
	padding:             5px;
	padding-right:       0px;
	width:               245px;
	text-align:          center;
	/*background-color:  #f6f2e2;*/
	/*background-color:  red;*/
}
#menu_gauche .carte{
	overflow:            hidden;
	width:               245px;
	height:              312px;
	/*border:            1px solid violet;*/
	background:          url("../images/carte/fond_carte.png")no-repeat bottom;
	/*background-color:  orange;*/
}
#menu_gauche .Map {
	background:          url("../images/carte/cartefrance.png") no-repeat;
	/*background-color:  blue;*/
	width:               245px;
	height:              274px;
}
#menu_gauche .liste_region {
	position:  absolute;
}
#menu_gauche .coup_coeur{
	margin-top:          2px;
	padding-top:         8px;
	/*background:        url("../images/interface/fond_menu_gauche.png");*/
	height:              312px;
	/*background-color:  orange;*/
	/*border:            1px solid violet;*/
}
/*--- bloc menu droite ---*/
#menu_droite{
	float:               right;
	padding:             5px;
	padding-left:        0;
	width:               245px;
	text-align:          center;
	/*background-color:  #f6f2e2;
	background-color:    red;*/
}
#promotion{
}
.promo{
	padding-bottom:  7px;
	margin-bottom:   7px;
	border-bottom:   1px dotted #a01313;
	border-bottom:   1px dotted ThreeDShadow;
}
.promo p{
	text-align:  justify;
}
.promo .date{
	float:       right;
	font-style:  italic;
	font-size:   10px;
	color:       #6b6b6b;
}
.promo img{
	border:              5px solid white;
	-moz-box-shadow:     2px 2px 10px #706d5e;
	-moz-border-radius:  5px;
}
/*--- bloc footer ---*/
#footer{
	float:               left;
	/*border:            1px solid blue;*/
	width:               1034px;
	height:              130px;
	/*margin-top:        20px;*/
	/*background-color:  white;*/
	text-align:          center;
}
#basdepage{
	background-image:  url("../images/interface/basdepage.png");
	height:            49px;
}
#pieddepage{
	margin-top:        5px;
	background-color:  white;
	height:            80px;
	margin-bottom:     15px;
	border:            9px solid #dcd3b7;
}
/*---------- formulaire -----------*/
/*---------------------------------*/
/*corps de l'admin*/
#contentadmin {
	width:             900px;
	min-height:        650px;
	margin-left:       15px;
	margin:            auto;
	padding-top:       15px;
	background-color:  #FCF9ED;
}
.image{
	float:          left;
	margin:         5px;
	margin-bottom:  2px;
	border:         4px solid white;
}
/*ajout news*/
#form_mess p{
	width:  536px;
}
#add_img_mess{
	float:         right;
	margin-right:  15px;
}
/*ajout message mise en forme*/
.spacer{
	/*float:      left;*/
	line-height:  10px;
}
#miseenforme{
	float:             left;
	border:            1px solid #718aa3;
	border-bottom:     none;
	height:            20px;
	width:             530px;
	background-color:  #f2eee4;
	padding:           2px;
}
.mef_contact{
	width:  470px !important;
}
#miseenforme .options{
	float:  right;
}
#miseenforme input[type="button"]{
	border:            #999999 1px solid;
	width:             20px;
	height:            20px;
	background-color:  white;
}
#miseenforme input[type="button"]:hover{
	background-color:  #66CC33;
	cursor:            pointer;
}
#form_mess #contenu{
	border:  1px solid #718aa3;
	width:   534px;
}
/*--- page gestionnaire ---*/
#suprimage_mess {
	background-color:    #f7f5ea;
	border:              #CCC 2px solid;
	width:               90%;
	margin:              auto;
	text-align:          center;
	-moz-border-radius:  8px;
	margin-bottom:       5px;
}
#suprimage_mess img {
	margin-top:   -5px;
	margin-left:  10px;
	float:        left;
}
/*derni�re news*/
#derniere_news fieldset{
	-moz-border-radius:  4px;
	border:              1px solid #dddddd;
	text-align:          justify;
	margin-bottom:       5px;
}
#derniere_news fieldset:hover legend{
	color:  orange;
}
#derniere_news legend{
	text-transform:  uppercase;
	font-size:       0.8em;
	margin-left:     25px;
	color:           ThreeDShadow;
}
#derniere_news .titre{
	-moz-border-radius-topleft:   4px;
	-moz-border-radius-topright:  4px;
	border-bottom:                1px dashed #dddddd;
	background-color:             #f2eee4;
	height:                       18px;
}
#derniere_news .titre a{
	text-transform:  none;
	font-size:       0.7em;
}
#derniere_news .titre span{
	float:  left;
}
#derniere_news .titre .titre_g{
	text-transform:  uppercase;
	font-size:       1.2em;
	color:           orange;
	width:           460px;
}
#derniere_news .titre .titre_d{
	font-size:     0.8em;
	color:         #474747;
	font-style:    italic;
	text-align:    right;
	margin-right:  5px;
	width:         410px;
}
#derniere_news .news{
	border:              1px solid #d1c9af;
	-moz-border-radius:  4px;
	padding:             2px;
	margin:              5px;
	float:               left;
}
#derniere_news .contenu{
	padding:  4px;
}
#derniere_news .news:hover{
	border:  1px solid #4daaba;
}
#derniere_news .news:hover .titre{
	border-bottom:  1px dashed #4daaba;
}
/* arborescence fichiers */
#tab_arbo {
	border-collapse:  collapse;
	font-family:      verdana;
	font-size:        0.9em;
	margin:           auto;
}
#tab_arbo th{
	text-align:     left;
	border-bottom:  1px dotted orange;
}
#tab_arbo img{
	cursor:  pointer;
}
#tab_arbo td{
	border-bottom:  1px dotted #d5d5d5;
}
#tab_arbo tr:hover{
	background-color:  #f0efe8;
}
#tab_arbo .taille{
	font-weight:  bold;
}
.images_gest{
	background-color:    white;
	width:               500px;
	margin:              auto;
	-moz-border-radius:  4px;
	border:              1px solid ThreeDShadow;
	padding:             10px;
}
.raison{
	border-top:        1px dashed ThreeDShadow;
	border-bottom:     1px dashed ThreeDShadow;
	margin-top:        5px;
	padding:           2px;
	background-color:  white;
}
/*--- tableau ---*/
.tab_am {
	text-align:       center;
	border:           1px solid #1C94C4;
	margin:           auto;
	border-collapse:  collapse;
}
.tab_am th{
	text-align:        left;
	padding-left:      5px;
	border-bottom:     2px solid #1C94C4;
	background-color:  white;
	color:             #e37b2b;
}
.tab_am td{
	padding-left:  5px;
}
.tab_am tr{
	border-bottom:  1px solid #dddddd;
}
.tab_am .last{
	border-bottom:  1px solid #1C94C4;
}
.tab_am .dark {
	background-color:  #faf7ed;
}
.tab_am .light {
	background-color:  #efecde;
}
.tab_am tr:hover td{
	border-top:     1px solid #f7b64b;
	border-bottom:  1px solid #f7b64b;
}
.tab_am .last:hover td{
	border-bottom:  none;
}
.tab_am .ima{
	width:       60px;
	height:      40px;
	/*border:    1px solid black;*/
	text-align:  center;
}
#adminmembre{
	border:  1px solid #1C94C4;
}
#adminmembre select{
	border:      none;
	background:  none;
}
/*---------------------------------*/
/*---------------------------------*/
/*---------- ColorPicker ----------*/
/*---------------------------------*/
.colorpicker {
	width:        356px;
	height:       176px;
	overflow:     hidden;
	position:     absolute;
	background:   url(../images/colorpicker/colorpicker_background.png);
	font-family:  Arial, Helvetica, sans-serif;
	display:      none;
}
.colorpicker_color {
	width:       150px;
	height:      150px;
	left:        14px;
	top:         13px;
	position:    absolute;
	background:  #f00;
	overflow:    hidden;
	cursor:      crosshair;
}
.colorpicker_color div {
	position:    absolute;
	top:         0;
	left:        0;
	width:       150px;
	height:      150px;
	background:  url(../images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position:    absolute;
	top:         0;
	left:        0;
	width:       11px;
	height:      11px;
	overflow:    hidden;
	background:  url(../images/colorpicker/colorpicker_select.gif);
	margin:      -5px 0 0 -5px;
}
.colorpicker_hue {
	position:  absolute;
	top:       13px;
	left:      171px;
	width:     35px;
	height:    150px;
	cursor:    n-resize;
}
.colorpicker_hue div {
	position:    absolute;
	width:       35px;
	height:      9px;
	overflow:    hidden;
	background:  url(../images/colorpicker/colorpicker_indic.gif) left top;
	margin:      -4px 0 0 0;
	left:        0px;
}
.colorpicker_new_color {
	position:    absolute;
	width:       60px;
	height:      30px;
	left:        213px;
	top:         13px;
	background:  #f00;
}
.colorpicker_current_color {
	position:    absolute;
	width:       60px;
	height:      30px;
	left:        283px;
	top:         13px;
	background:  #f00;
}
.colorpicker input {
	background-color:  transparent;
	border:            1px solid transparent;
	position:          absolute;
	font-size:         10px;
	font-family:       Arial, Helvetica, sans-serif;
	color:             #898989;
	top:               4px;
	right:             11px;
	text-align:        right;
	margin:            0;
	padding:           0;
	height:            11px;
}
.colorpicker_hex {
	position:    absolute;
	width:       72px;
	height:      22px;
	background:  url(../images/colorpicker/colorpicker_hex.png) top;
	left:        212px;
	top:         142px;
}
.colorpicker_hex input {
	right:  6px;
}
.colorpicker_field {
	height:               22px;
	width:                62px;
	background-position:  top;
	position:             absolute;
}
.colorpicker_field span {
	position:  absolute;
	width:     12px;
	height:    22px;
	overflow:  hidden;
	top:       0;
	right:     0;
	cursor:    n-resize;
}
.colorpicker_rgb_r {
	background-image:  url(../images/colorpicker/colorpicker_rgb_r.png);
	top:               52px;
	left:              212px;
}
.colorpicker_rgb_g {
	background-image:  url(../images/colorpicker/colorpicker_rgb_g.png);
	top:               82px;
	left:              212px;
}
.colorpicker_rgb_b {
	background-image:  url(../images/colorpicker/colorpicker_rgb_b.png);
	top:               112px;
	left:              212px;
}
.colorpicker_hsb_h {
	background-image:  url(../images/colorpicker/colorpicker_hsb_h.png);
	top:               52px;
	left:              282px;
}
.colorpicker_hsb_s {
	background-image:  url(../images/colorpicker/colorpicker_hsb_s.png);
	top:               82px;
	left:              282px;
}
.colorpicker_hsb_b {
	background-image:  url(../images/colorpicker/colorpicker_hsb_b.png);
	top:               112px;
	left:              282px;
}
.colorpicker_submit {
	position:    absolute;
	width:       22px;
	height:      22px;
	background:  url(../images/colorpicker/colorpicker_submit.png) top;
	left:        322px;
	top:         142px;
	overflow:    hidden;
}
.colorpicker_focus {
	background-position:  center;
}
.colorpicker_hex.colorpicker_focus {
	background-position:  bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position:  bottom;
}
.colorpicker_slider {
	background-position:  bottom;
}
/*---------------------------------*/
/*---------------------------------*/
/*--------- page produits ---------*/
/*---------------------------------*/
#vins{
}
#vins fieldset{
	border:              1px solid #e5e4dc;
	padding:             5px;
	-moz-border-radius:  4px;
}
#vins legend{
	margin-left:  20px;
	font-size:    12px;
	color:        #a01313;
}
#vins .bloc{
	background:          #f4edd7 url('../images/interface/fond_produit.png') 0 20px repeat-x;
	padding:             5px;
	border:              1px solid #d5c9a5;
	-moz-border-radius:  4px;
}

#vins .libelle{
	/*border: 1px solid red;*/
	height: 150px;
}
.dispo{
	margin-top: -20px;
	float: right;
	font-size: 8px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color:    #f2f0dc;
	border:              1px solid #ebe3d1;
	padding: 2px;
}




#vins .libelle.sel{
	height: 170px;
}
#vins .bloc.sel{
	background:          #f4edd7 url('../images/interface/fond_produit.png') 0 40px repeat-x;
	padding:             5px;
	border:              1px solid #d5c9a5;
	-moz-border-radius:  4px;
}
.dispo.sel{
	margin-top: -18px;
	float: right;
	font-size: 8px;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color:    #f2f0dc;
	border:              1px solid #ebe3d1;
	padding: 2px;
}










#vins .bloc input[type="submit"]{
	background:  url('../images/interface/boutton_produit.png') top;
	width:       147px;
	height:      28px;
	border:      none;
	color:       #595959;
	cursor:      pointer;
}
#vins .bloc input[type="submit"]:hover{
	background:  url('../images/interface/boutton_produit.png') bottom;
	color:       gray;
}
#vins .bloc .left{
	width:  116px;
	margin-left: 110px;
	display: inline-block;
	vertical-align: top;
}
#vins .bloc .right{
	width:       234px;
	/*float:       left;*/
	text-align:  left;
	display: inline-block;
}
#vins .imagepdt{
	/*float:             left;*/
	width:             100px;
	height:            130px;
	background-color:  white;
	border:            2px solid #d5c9a5;
	margin-right:      5px;
	overflow:          hidden;
	position: absolute;
}
#vins .messfav{
	border:              #CCC 1px solid;
	padding:             3px 20px 3px 40px;
	-moz-border-radius:  4px;
	background:          #bfeb6f url("../images/icones/ok.png") no-repeat 5px center;
	display:             none;
}
#easyTooltip{
	padding:     5px;
	border:      1px solid #ccc;
	background:  #f1f1f1;
}
#ajout_vin label, #ajout_vin span{
	width:          120px;
	display:        inline-block;
	margin-bottom:  5px;
}
#ajout_vin input, #ajout_vin select{
	width:  250px;
}
.options input{
	width:  100px;
}
.options{
	text-align:  center;
}
.bloc_pdt{
	float:  left;
	width:  425px;
}
.tabvin, .tabv{
	border:           1px solid ThreeDShadow;
	border-bottom:    none;
	border-collapse:  collapse;
	text-align:       left;
}
.tabvin th, .tabv th{
	/*border:          1px solid green;*/
	background-color:  #f0e9c8;
	padding:           3px 0;
	border-bottom:     2px solid #c4bc93;
}
.tabvin td, .tabv td{
	border-bottom:  1px dotted ThreeDShadow;
	padding:        2px 4px;
	/*border:       1px solid red;*/
}
.tabvin tr:last-child{
	border-bottom:  1px solid ThreeDShadow;
}
.tabvinlast p{
	display:  inline-block;
}
.tabvinlast{
	border:            1px solid ThreeDShadow;
	margin-top:        -1px;
	width:             479px;
	border-top:        2px solid #a01313;
	line-height:       25px;
	background-color:  white;
	color:             #a01313;
}

/*---------------------------------*/
/*---------------------------------*/
/*------------ favoris ------------*/
/*---------------------------------*/
#test_fav{
	left:              0;
	top:               0;
	height:            100px;
	width:             100%;
	position:          absolute;
	display:           none;
	background-color:  #FAF4E0;
	opacity:           0.95;
	background:        url('../images/interface/fond_fav.gif');
}
#test_fav li{
	float:           left;
	margin-top:      -11px;
	color:           #242424;
	list-style:      none;
	width:           100px;
	border:          none;
	border-right:    1px dashed #242424;
	display:         -moz-inline-stack;
	display:         inline-block;
	zoom:            1;
	*display:        inline;
	background:      url('../images/interface/fond_fav2.png') 0 3px no-repeat;
	padding-bottom:  0;
	/*padding-left:  5px;*/
	/*border:        1px solid red;*/
	text-indent:     -10px;
}
#test_fav  .img_fav{
	height:   80px;
	width:    60px;
	display:  inline;
	border:   2px solid #d5c9a5;
}
#test_fav .opt_fav{
	display:       block;
	float:         right;
	margin-top:    30px;
	margin-right:  12px;
}
#voirplus{
	border:            1px solid #FAF4E0;
	position:          absolute;
	left:              60%;
	margin-top:        97px;
	width:             100px;
	text-align:        center;
	background-color:  #d5c9a5;
}
/*---------------------------------*/
/*---------------------------------*/
/*---------- commandes ------------*/
/*---------------------------------*/
.formComm span{
	display:  inline-block;
}
.formComm .entete{
	width:  135px;
}
.formComm .fin{
	line-height:      15px;
	text-decoration:  underline;
}
.formComm input{
	width:  347px;
}
.montant_comm{
	font-weight:  bold;
	text-align:   right;
}
#civ_comm{
	width:  27px;
}
#nom_comm, #prenom_comm{
	width:  152px;
}
#img_comm{
	display:  none;
}
/*---------------------------------*/
/*---------------------------------*/
#messages .infos {
	margin-top:  6px;
	width:       100px;
	text-align:  center;
	float:       left;
}
#messages .infos .nom{
	border-bottom:     1px dotted #a01313;
	border-top:        1px solid ThreeDShadow;
	line-height:       20px;
	background-color:  white;
}
#messages .contenu {
	margin-left:         115px;
	min-height:          35px;
	padding:             5px;
	border:              none;
	border-right:        4px solid #ebe3d1;
	border-bottom:       4px solid #ebe3d1;
	background-color:    #f0eed3;
	-moz-border-radius:  4px;
}
#messages .bulle {
	margin-left:  -10px;
	margin-top:   15px;
	position:     absolute;
}
#messages .date{
	font-size:    0.7em;
	color:        #557482;
	margin-left:  40px;
}
.pselected{
	color:               ThreeDShadow;
	text-decoration:     none;
	background-color:    #f0eed3;
	border:              1px solid #ebe3d1;
	padding:             0 2px;
	-moz-border-radius:  2px;
}
.pselected:hover{
	border:  1px solid silver;
}
.menu_options{
	background-color:    #f2f0dc;
	border:              1px solid #ebe3d1;
	padding:             10px;
	-moz-border-radius:  3px;
}
.menu_options.droite{
	float:  right;
	width:  280px;
}
.menu_options.droite span{
	width:    200px;
	display:  inline-block;
}
.menu_options.gauche{
	width:  530px;
	float:  left;
}
#partenaires p{
	display: inline-block;
	/*border-bottom: 1px dashed #a01313;*/
	width: 145px;
	height: 140px;
	text-align: center;
	/*background-color: white;*/
margin: 5px;
	background-color:    #f2f0dc;
	border:              1px solid #ebe3d1;
	-moz-border-radius:  3px;
}