/* CSS Document */


/*  GENERAL SETTINGS    */
body {
  background: #CCCBCB url(v2_body_bg.gif) repeat;
  font:13px Arial, Verdana, Geneva, Helvetica, sans-serif;
  line-height:18px;
  margin:20px 0;
}
table,td {font:13px Arial, Verdana, Geneva, Helvetica, sans-serif; line-height:18px; }

#page {
  position:relative; /* important for livechat positionning*/
  margin:0 auto 0 auto;
  width:801px;
}

.clear  { clear:both; }
.center { text-align:center; }

/* links */
a       { color:#C6002D; text-decoration:none;     }
a:hover { color:#C6002D; text-decoration:underline;}

/* Forms: enveloppe */
.standardform { padding: 0px; margin: 0px; }
/* Forms: champs texte (pas ".standardform input" pour pas appliquer aux radio et checkbox) */
.standardform-input{  border: 1px solid #C6002D;   font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
/* Forms: champs submit */
.standardform-submit{
	background-color:#C9103A;
	color:#FFFFFF;
	border: 1px solid #C9103A;
	font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Menu Forms (discret) */
.menuform { padding: 0px; margin: 0px; }
.menuform-input {  border: 1px solid #666666; font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
.menuform-submit{
	background-color:#666666;
	color:#FFFFFF;
	border:none;
	font-size:10px;
	border: 1px solid #666666;
}


/* Content Title */
h2 {
	color:#C6002D;
	font-size:18px;
	font-weight:bold;
	margin:20px 20px 25px 30px;
	text-align:right;
	text-decoration: underline;  
}





/* 1) HEADER */
#header a {
  background: url(v2_header.gif) no-repeat;
  margin:0;
  padding:0;
  height:106px;
  display:block; /* because rule applies to "a", inline by default */
}
#header_livechat   { position:absolute; top:55px; right:7px; width:84px;}
#header_livechat a { display:block; margin:0; border:none; }

/* MENU HEADER RIGHT */
#menuheader {
  position:absolute; top:18px; right:7px; width:230px;
  margin:0; padding:0;
}

/* 2) MENU TOP (MAIN MENU) */
#menutop {
  background: url(v2_menutop_bg.gif) repeat-y left top;
  margin:0;
  padding:0 6px;
  height:33px;
  list-style:none; 
}
#menutop li     { float:left; }
#menutop strong { display:none; }
#menutop a      { display:block; height:30px; margin:0; }
/*Menutop: main sections*/
#menutop_home a      { background: url(v2_menutop_home.gif) no-repeat;      width:69px;  }
#menutop_nosoffres a { background: url(v2_menutop_nosoffres.gif) no-repeat; width:161px; }
#menutop_demoshop a  { background: url(v2_menutop_demoshop.gif) no-repeat;  width:128px; }
#menutop_prestas a   { background: url(v2_menutop_prestas.gif) no-repeat;   width:183px; }
#menutop_apropos a   { background: url(v2_menutop_apropos.gif) no-repeat;   width:173px; }
#menutop_contact a   { background: url(v2_menutop_contact.gif) no-repeat;   width:75px;  }
/*Menutop: main sections:hover*/
#menutop_home a:hover, #menutop_nosoffres a:hover, #menutop_demoshop a:hover, #menutop_prestas a:hover, #menutop_apropos a:hover, #menutop_contact a:hover {
  background-position:0 -30px;
}



/* 3) MAIN PART (middle) */
#main {
  /* border-top:1px solid CDD0D1; */
  background:#FFF url(v2_main_bg.gif) repeat-y left top;
  min-height:400px;
}


/* 3a) MENU LEFT (middle) */
.menuleft { /* all left part*/
  float:left;
  width:200px;
  padding:0 8px;
  margin:0;
  color:#FFF;
}
.menuleft a       { color:#FFF;}
.menuleft a:hover { color:#FFF;}

/* left submenu: all BOX */
.menuleft_submenu {
  background:url(v2_menuleft_submenu.gif) no-repeat bottom;
  padding:0 13px 15px 13px;
  margin-bottom:40px;
}
.menuleft_submenu a       { color:#000;text-decoration:none; }
.menuleft_submenu a:hover { color:#000;text-decoration:underline; }

/* left submenu: HEAD (with title) */
.menuleft_submenu_title a {
  display:block;
  margin:0 -13px;
  padding:0;
  border:0;
  width:200px;
}
.menuleft_submenu_title strong     { display:none; }
#menuleft_submenu_title_chooseraynette a{ background:url(v2_menuleft_submenu_title_chooseraynette.gif) no-repeat top; height:41px; }
#menuleft_submenu_title_nosoffres a     { background:url(v2_menuleft_submenu_title_nosoffres.gif)      no-repeat top; height:41px; }
#menuleft_submenu_title_demo a          { background:url(v2_menuleft_submenu_title_demo.gif)           no-repeat top; height:41px; }
#menuleft_submenu_title_prestas a       { background:url(v2_menuleft_submenu_title_prestas.gif)        no-repeat top; height:41px; }
#menuleft_submenu_title_aboutraynette a { background:url(v2_menuleft_submenu_title_aboutraynette.gif)  no-repeat top; height:41px; }
#menuleft_submenu_title_proapp a        { background:url(v2_menuleft_submenu_title_proapp.gif)   no-repeat top; height:41px; }
#menuleft_submenu_title_freeapp a       { background:url(v2_menuleft_submenu_title_freeapp.gif)  no-repeat top; height:41px; }
#menuleft_submenu_title_services a      { background:url(v2_menuleft_submenu_title_services.gif) no-repeat top; height:41px; }

/* left submenu: lists */
.menuleft_submenu ul { list-style:none; margin:5px 0 0 0; padding:0; }
.menuleft_submenu li { padding:2px 0 2px 0; }
.menuleft_submenu li a {
  padding-left:10px;
  background: url(v2_menuleft_submenu_puce.gif) no-repeat top left;
}
.menuleft_submenu_sep { border-bottom:2px solid #666; height:0px; line-height:0px; margin:10px 20px 10px 10px;}
.menuleft_submenu li.menuleft_submenu_parttitle { padding-left:10px; font-weight:bold; color:#000; }

/* menuleft bottom buttons*/
#menuleft_bts             { margin-top:30px; color:#FFF; text-align:center; }
#menuleft_bts a           { display:block; height:30px; width:200px; }
#menuleft_bts a:hover     { background-position:0 -30px;             }
#menuleft_bts a strong    { display:none; }
#menuleft_bt_espaceclient { background:url(v2_menuleft_bt_espaceclient.gif) no-repeat top; }
#menuleft_bt_newsletter   { background:url(v2_menuleft_bt_newsletter.gif)   no-repeat top; }
#menuleft_bt_news         { background:url(v2_menuleft_bt_news.gif)         no-repeat top; }




/* CONTENT */
#content {
  /* position:relative; */
  float:left;
  width:550px;
  background-color:#FFF;
  margin:10px 15px 10px 15px;
}

/* Fil d'ariane en haut des content */
#filariane, #filariane a { font-size:10px; color:#808080; }
#filariane a             { text-decoration:underline; }




/* PRE-FOOTER (liste partenaire) */
#prefooter {
  clear:both;
  background:#FFF url(v2_main_bg.gif) repeat-y left top;
  text-align:center;
  padding:5px 15px 5px 230px;
}

/* FOOTER */
#footer {
  clear:both;
  height:37px;
  background:#999 url(v2_footer.gif) no-repeat bottom; /* #999 needed sinon bug IE le fond du middle apparait dans les coins*/
  margin:0;
  padding:5px 0 0 0;
  text-align:center;
  font-size:10px;
  font-weight:normal;
  color:#FFF; 
}
#footer a { color:#FFF; text-decoration:none; }

/* footer links */
.footerlinks {
  font-size: 10px;
  margin-bottom:5px;
}