/* CSS Document */
/************ Body ************/
html {background:#515152;}
* {margin:0;padding:0;font-family: Verdana,sans-serif;font-weight: normal;font-style: normal; }
body {color: #000000 ;background:#515152; margin:0 auto; padding: 0 auto; padding-bottom:0 !important;padding-bottom:100px; }
#contenu {padding-left:10px; padding-right:10px; padding-bottom:10px;}

/**********GESTION DES ERREURS *************/
#overlay {display:none;filter:alpha(opacity=75);  -moz-opacity:.75;  opacity:.75; background:#aaaaaa; position:absolute; top:0px; left: 0px; width:100%;height:100%;  z-index:10000;}
#erreur {background:white url(../../images/erreur/warning.jpg); background-repeat:no-repeat; background-position: 10px 10px;display:none;position:absolute; left:50%;margin-left:-185px; width: 350px;  z-index:10001; top:50%;padding:10px; font-size:11px;border:2px solid #ababab;}
#erreur a p{background:url(../../images/erreur/close_large_over.gif); width:82px; height:27px; display:block; margin: 0 auto; padding: 0 auto;margin-top:35px; cursor:pointer;text-decoration:none; border:none;color:white;}
#erreur a:hover p{background:url(../../images/erreur/close_large.gif); width:82px; height:27px; display:block; margin: 0 auto; padding: 0 auto;margin-top:35px; cursor:pointer;text-decoration:none; border:none;color:white;}

#message {text-align:left;margin-left: 60px; padding-top:10px; margin-bottom:15px;}


/************ LAYOUT ************/
#ombre{background:url(../../images/layout1/backombre.gif); width: 811px; padding:0 auto; margin: 0 auto;}
#conteneur {width:775px; margin:0 auto; padding: 0 auto; background:white; clear:both;}
#ombre_popup{width: 740px; padding:0 auto; margin: 0 auto;}
#conteneur_popup {width:730px; margin:0 auto; padding: 0 auto; background:white; clear:both;}

#zone_contenu {clear:both;font-size:10px;}
#menu_align_right {position:absolute; right: 0px;}
#entete {font-size:0px;}
#entete select {width:70px;margin-right: 10px; margin-top: 1px; margin-left: 10px; height: 18px; font-size:10px; border:1px solid #999999; float:left; }
#footer {clear:both; font-size:8px; text-align:center; padding-top: 10px;}
#zone_contenu {width: 728px;min-height:300px;  height:auto !important;height:300px;background: transparent  url(../../images/layout1/ombre_zp.gif) repeat-x; background-position: bottom;padding-right:15px; padding-left:10px; padding-bottom:50px; padding-top: 20px; border-top: 1px solid #6A6A6A;  }
#zone_contenu a {text-decoration:underline; color: #61380B;} 
#zp_ombre {float:left; background:#F2F2F2 url(../../images/layout1/border-degrad-grand.gif) no-repeat; background-position: top;}
#zp_ombre_signup {margin-right: 10px;width: 555px;float:left; background:#F2F2F2 url(../../images/layout1/border-degrad.gif) no-repeat; background-position: top;}
#zone_contenu_signup {min-height:400px;  height:auto !important;height:400px; background:transparent url(../../images/layout1/ombre_zp.gif) repeat-x; background-position: bottom;padding-right:10px; padding-left:10px; padding-bottom:50px; padding-top: 20px; border-top: 1px solid #6A6A6A;  }
#zone_contenu_signup a {text-decoration:underline; color: #61380B;} 

/*********** MENU ****************/
#menu_top {position:relative;background:url(../../images/layout1/backmenu.gif); width:100%; height:39px; vertical-align:top; text-align:right;z-index:100; }
.first_menu {border-left: 1px solid #acb5ba;}
#menu_top ul li {border-right:1px solid #acb5ba; min-width: 4.2em ; width: auto !important;width: 4.2em;font-size:13px;  height: 22px; display:block; float:left; text-align:center; line-height: 1.5em;}
#menu_top ul li a:link {color:#2f3030; height:22px; padding-left:5px;padding-right: 5px;min-width: 4.2em ; width: auto !important;width: 4.2em; font-size:12px; text-decoration:none; display:block;}
#menu_top ul li a:visited {color:#2f3030; height:22px; padding-left:5px;padding-right: 5px;min-width: 4.2em ; width: auto !important;width: 4.2em; font-size:12px; text-decoration:none; display:block;}
#menu_top ul li a:hover {background: #2f3030; color:white; display:block; }
ul#nav {float:left;}
#nav li ul {position: absolute;	width: 10em;left: -999em; clear:both;}
#nav li:hover ul {left:auto; top:20px; right:130px;border:1px solid #CCCCCC; background: #d4e1e8; width:255px;  }
#nav li:hover ul, #nav li.sfhover ul {left:auto; top:20px; right:85px !important; right:-5px;border:1px solid #CCCCCC; background: #d4e1e8;}
#sousmenu {position:absolute; top:120px; right:10px; }
ul#sous_menu li{text-indent: 10px;width:270px;  min-width:270px; text-align:left; background: #d4e1e8; font-size:9px; position:relative; z-index:1000; border-bottom:1px solid #c4d2d9; line-height: 2em;}
ul#sous_menu li a:link {display:block; min-width: 270px;width:270px; font-size:10px; }
ul#sous_menu li a:visited {display:block; min-width: 270px;width:270px; font-size:10px;}
ul#sous_menu li a:hover {background: #565555 url(../../images/layout1/list_fleche.gif); background-repeat:no-repeat; background-position:left top;}
#nav li.order_history a{width: 9em; }
#nav li.order_history a:visited {width: 9em; }
#nav li.historique_commande a{width: 12em; }
#nav li.historique_commande a:visited {width: 12em; }



/*********** ACCUEIL **************/
#info {float:left; width:571px; margin-right:1px !important;_margin-right:20px; }
#info table {width: 571px; background:#e6ddbf;margin-top:5px;margin-bottom:10px;border-collapse:collapse;}
#infoBottom {background:url(../../images/layout1/backqibottom.gif) no-repeat; background-position:-1px 0px; display:block; width: 571px; height:12px;line-height:7px; overflow:hidden;position:absolute;bottom:0px; left:0px;}
#infoTop {background:url(../../images/layout1/backqiright.gif); background-position:0px 0px; display:block; width: 5px; height:163px;line-height:7px; overflow:hidden;position:absolute;top:-175px; right:0px;z-index:1;}

#info table tr td p {border-bottom:1px solid #e3d7aa;padding:5px;   width: 279px;padding:0px; margin:0px;} 

#info table tr td p a {color:#515152; font-size:14px; font-family:Arial; text-decoration:none;font-weight:bold; padding-bottom:8px; padding-top:8px; display:block;  padding-left:17px;}
#info table tr td p a:hover{color:#3a3a3a;}

#info table tr td {height:165px;height:132px\9; overflow:hidden;}
#info table tr td#liens1 {vertical-align:top;background:url(../../images/layout1/backqi-td1.gif); background-repeat:no-repeat;background-position:-2px 0px;padding-top:33px;}
#info table tr td#liens2 {vertical-align:top;background:url(../../images/layout1/backqi-td2.gif); background-repeat:no-repeat;background-position:0px 0px;background-position:1px 0px\9;padding-top:33px;}

#info img {border-right:2px solid #777779;  }
#Header1_Devenezmembre1_LoginPage1_btnUnconnect {width: 181px; background:#515152; color: #c9dae3; cursor:pointer; height:22px; margin-bottom: 3px; float:left; font-size:11px; }

#digitalc{padding-left:10px;margin-bottom:10px;position:relative;clear:both; width:100%; background:url(../../images/layout1/backdigitalc.gif); height:165px;}
#digitalc ul {margin-top:5px;}
#digitalc ul li {display:block; float:left; margin-right:35px; padding-top:30px;font-size:10px; color:#000000; vertical-align:top; margin-bottom:0px; padding-bottom:0px; }
#digitalc ul li a {color:#61380B; text-decoration:underline;}
#digitalc p.text1 {clear:both; position:absolute; bottom:20px; left: 0px; font-size:9px;width:560px;}
#digitalleft {float:left; width: 560px; }
#digitalright {float:left; width: 150px; background:url(../../images/layout1/backdigitalright.gif); background-repeat:no-repeat; background-position:5% 50%;height:160px;}

#news {clear:both;background: #e8e9e9;color:#000000 ;  width:565px;position:relative; float:left; }
#news h3 {font-weight:bold; font-size:11px; }
#news ul li {font-size:10px;margin-left:40px; margin-bottom:5px;}
#news ol li {font-size:10px;margin-left:40px; margin-bottom:5px;}
#contenuNews {font-size:10px;padding:5px;width:540px;}

#news a {color:#61380B; }
#titre_news {background: #d4d4d4; height:24px; vertical-align:text-bottom;}
#titre_news h2 {font-size:15px; line-height:30px; font-weight:bold; padding-left: 5px;}
#news img {padding:5px; position:absolute;}
#graphique {float:left; background:white; text-align:center; width: 181px;padding-left: 9px;}
#graphique img {width: 178px;}
#cot_tl_pop {position:absolute;  }
#frame_pop {position:absolute; right:0; z-index:0; display:block;}
#cot_tl_fixed {background:transparent; width:100%; position:relative;}
#cot_tl_fixed img {position:absolute; right:0; bottom:0; background:transparent; }
#digitalc ul li.imgdroite {margin-left: 10px;}
#acceptDev {font-size:9px; position:absolute; top: 15px; left:10px;}
#acceptBank {font-size:10px; position:absolute; top: 15px; right:169px; }

#contenuNews img{position:relative;}

/********** LOGIN ******************/
#Login1_pnlSecuredLogin {margin-top: 35px; text-align:center;}
#login {padding: 5px;border: 1px solid #D2D2D2;background:url(../../images/layout1/metal.jpg); width: 171px; height:305px;float:left; padding-top:5px; margin-bottom:9px; margin-left:0 !important; margin-left:-10px;} 
#login p {margin-top:20px; text-align:center;}
#login a {color:#61380B; font-weight:bold; font-size:10px; text-decoration:none;}
#login p.rouge {font-size:10px; margin-top:5px;}
#user {font-size:11px; color: #000000;}
#salutation {font-size:11px;width: 564px; text-align:right; padding-bottom:4px; float:left; margin-right:9px; height:22px; line-height: 1.8em; }
#new_customer {width:500px;  }
.lost_password {margin-bottom: 30px; text-align: center;}
#member_access {margin-top: 10px; padding-bottom: 10px;padding-left: 3px;}
#login label {width: 50px; font-size:10px; float:left; text-align:left;  padding-top: 4px; margin-right: 7px;}

/********* FORM  ***************/

.input_form {width: 105px;  font-size:10px; height: 10px; padding:2px;}
/********* BUTTONS *************/
.button {font-size: 11px;font-weight: bold;margin: 0px;padding : 2px 10px;background-image:url(../../images/form/bg_btnsubmit.gif);
border-style: solid;border-color: #c0ae91 #c0ae91 #632e0a #c0ae91;border-width: 1px; margin-top: 5px;  }
.button_logout {font-size: 11px;font-weight: normal;margin: 0px;padding : 0px 10px;background-image:url(../../images/form/bg_btnsubmit.gif);
border-style: solid;border-color: #c0ae91 #c0ae91 #632e0a #c0ae91;border-width: 1px;   }
.button-vert {height:24px;color:#FFFFFF;border:1px solid #cccccc;background:url(../../images/form/bgbt-vert.gif);font-size: 11px;font-weight: bold;margin: 0px;padding : 2px 10px;border-style: solid;border-width: 1px; margin-top: 5px;}
.button-rouge {height:24px;color:#FFFFFF;border:1px solid #cccccc;background:url(../../images/form/bgbt-rouge.gif);font-size: 11px;font-weight: bold;margin: 0px;padding : 2px 10px;border-style: solid;border-width: 1px; margin-top: 5px;}




/**************************  LAYOUT   ***************************/

.center-col 			{background-color:#b9d2de;}
.center-col2 			{background-color:#ffffff;}
.right-col 				{background-color:#b9d2de; border-color: #efe4cf;}



/*************************  TABLEAUX  ******************************/
table.cssform01 {
	color				:#333333; 
	border-color		:#b9d2de; 
	}

table.cssform01 th{
	border-color: #b9d2de;
	background-color	: #d7e4ea;
	}

table.cssform01 th h1 h2 h3{color: #ffffff}

table.cssform01 td{
	color				: #333333;
	border-color	 	: #b9d2de;
	background-color	: #fefdfa;
	}

table.cssform01 table td{
	border-color: #b9d2de;
}


/***********************************************************************************************/
a.policy-limits {
	display:block;
	padding-left:20px;
	height:15px;
	background-image: url(../images/loupePlus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#644901;
	width:400px;
}
a.policy-limits-hide {
	display:block;
	padding-left:20px;
	height:15px;
	background-image: url(../images/loupeMoins.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#644901;
	width:400px;
}