@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	padding:0px;
	margin:0px;
}
img{
	border:0;
}
p{
	padding:0;
	margin:0;
	margin-bottom: 0px;
}

a, a:visited { 
          text-decoration: none;
}


a:hover { 
        text-decoration: underline;
 }

#content{
	width: 600px;
	text-align: left;
	position: relative;
        margin: 0 auto;
}

#main{
       font-family: Arial, Helvetica;
	position: relative;
	height: 422px;
	background-image: url(./images/home_pict_1.jpg);
	background-repeat: no-repeat;
       margin-top: 0px;
}
#main .encartTrs{
	position: absolute;
	width: 437px;
	height: 353px;
	left: 534px;
	top: 26px;
	background-image: url(./images/encart_fd.png);
	background-repeat: no-repeat;
}

#main .encartTtr h1{
	padding:0;
	margin:0;
	margin-bottom: 10px;
	font-size: 45px;
}
#main .encartTtr h2{
	padding:0;
	margin:0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
        letter-spacing: 1px;
}
#main .encartList{
	position: absolute;
	width: 462px;
	left: 509px;
	top: 155px;
	color: #FFFFFF;
}
#main .encartList .listNum {
	background-image: url(./images/encartList_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	line-height: 54px;
	position: relative;
	margin-bottom: 10px;
	padding-left: 65px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
        letter-spacing: 1px;
}
#main .encartList .listNum strong{
	display: block;
	position: absolute;
	line-height: 54px;
	width: 50px;
	left:0;
	top:0;
	color: #000000;
	text-align: center;
}
#main .encartList .listNum1 {
	background-image: url(./images/encartList_bg_1.png);
}
#main .encartList .listNum2 {
	background-image: url(./images/encartList_bg_2.png);
}
#main .encartList .listNum3 {
	background-image: url(./images/encartList_bg_3.png);
}

#link, #link_ex {
	height: 166px;
	margin: 15px 0;
	background-image: url(./images/link_bg.gif);
	background-repeat: repeat-x;
	padding-left: 0px;
}

#link_ex { 
        margin: 15px 103px;

 }

#link a.block, #link_ex a.block {
	margin-top: 10px;
	display: block;
	float: left;
	margin-left: 8px;
        width: 243px;
        height: 143px;
	background-repeat: no-repeat;
        text-decoration: none;
        text-align: center;
        line-height: 143px;
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
	color: #757675;
}
#link a.signup_off{ 
        background-image: url(./images/signup_off.jpg);
 }
#link a.gall_off{ 
        background-image: url(./images/galleries_off.jpg);
 }
#link a.guarant_off{ 
        background-image: url(./images/guarantee_off.jpg);
 }
#link_ex a.ex1_off{ 
                 background-image: url(./images/ex1_off.jpg);}
#link_ex a.ex2_off{ 
                 background-image: url(./images/ex2_off.jpg);}
#link_ex a.ex3_off{ 
                 background-image: url(./images/ex3_off.jpg);}
#link_ex a.ex4_off{ 
                 background-image: url(./images/ex4_off.jpg);}
#link_ex a.ex5_off{ 
                 background-image: url(./images/ex5_off.jpg);}
#link_ex a.ex6_off{ 
                 background-image: url(./images/ex6_off.jpg);}
#link_ex a.ex7_off{ 
                 background-image: url(./images/ex7_off.jpg);}
#link_ex a.ex8_off{ 
                 background-image: url(./images/ex8_off.jpg);}




#link a.div{
        margin-top:63px;
             border: 1px solid red;
}

.choixBout{
	float: left;
	width: 227px;
	margin-top: 10px;
	height: 143px;
        margin-left: 8px;
}
.choixBout div{
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#mainContent{
       font-family: Verdana;
	position: relative;
	height: 422px;
	background-color: #FFFFFF;
       margin-top: 0px;
       color: #2a2b2a;
       padding: 14px 14px;
}

#mainContent h1{
      font-family: Arial;
      border-bottom: 1px solid #999;
      border-top: 1px solid #999;
      font-weight: bold;
      padding: 0;
      font-size: 18px;
      margin: 0px;
      line-height: 40px;
      margin-bottom: 25px;
}

#mainContent h2{
      font-family: Arial;
      font-weight: bold;
      font-size: 15px;
}

#mainContent p{ 
      color: #2a2b2a;
 }

div.step_title_off,
div.step_title_on { 
                    float: left; 
                    font-size: 15px; 
                    color: #555; 
                    height: 45px; 
                    line-height: 45px; 
                    margin-right: 20px; 
                    margin-left: 5px;
 }

div.step_title_on { 
                    font-weight: bold; 
                    color: #000; 
 }


/* ---------------- form style in core middle ----------------- */
div.form_row { 
  clear: both;
  padding-top: 2px;
  height: 30px;
  margin:0;
  font-family: Verdana;
  color: #2a2b2a;
} 

div.form_row span.label_right {
  float: left; 
  width: 160px;
  height: 20px;
  padding-top: 2px;
  padding-right: 7px;
  text-align: right;
/*  border: 1px solid gray;*/
}


/* Standard text label */ 
div.form_row span.label {
  float: left; 
  width: 160px;
  height: 20px;
  padding-top: 2px;
  text-align: left;
  font-size: 11px;
}

/* Long text label */
div.form_row span.long_label {
  float: left; 
  width: 330px;
  height: 20px;
  padding-top: 4px;
  text-align: left;
  font-size: 11px;
}

/* Mini text label */ 
div.form_row span.mini_label {
  float: left; 
  width: 80px;
  text-align: left;
  font-size: 11px;
}

div.form_row span.formw,
div.form_row div.formw_text,
div.form_row span.miniformw,
div.form_row span.longformw {
  float: left;
  width: auto;/*150px;*/
  height: auto;
  text-align: left;
  padding-left: 5px;
  margin-right: 2px;
}

select.form { 
  padding: 0px;
  margin: 0px;
 }

input.form,
input.miniform,
input.longform
{ 
  /*  float: left;*/
  border:1px solid #2a2b2a;
  font-size: 11px;
  color:#2a2b2a;
  height: 18px;
  width: 150px;
  margin-left: 0px;
  padding-left: 0px;
}

input.checkbox{ 
  float: left;
 }

div.form_row div.text,
div.form_row div.text_auto {
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 20px;      
}

/* tichat */

/* barre de titre des pages */
.title {
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: bold;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	font-family: Arial;
	font-size: 18px;
	margin-bottom: 28px;
}

/* lien simple à l'intérieur de la barre de titre */
.title a {
	font-size: 10px;
	font-family: Verdana;
	color: #3e97ca;
	font-weight: normal;
	padding-top: 3px;
}

/* icônes à gauche de la barre de titre */
.title .cartTitle {
	background-image: url(./images/cart_small_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

.title .memberTitle {
	background-image: url(./images/member_small_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

.title .helpTitle {
	background-image: url(./images/help_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

/* petit bouton carré (formé d'une seule image) */
.title .tinyButton {
	float: left;
	width: 32px;
	height: 31px;
	margin-top: 5px;
	margin-right: 3px;
}



/* le même petit bouton carré, mais calé à droite */
.title .tinyButtonRight {
	float: right;
	width: 32px;
	height: 31px;
	margin-top: 5px;
	margin-left: 3px;
}



/* sous-titre à l'intérieur des pages */
.subTitle {
	clear: both;
	border-bottom: 1px solid #999;
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-top: 40px;
}



/* catégories principales de l'aide */
.helpCat {
	background-color: #000;
	color: #fff;
	line-height: 27px;
	font-size: 14px;
	padding: 0 10px;
	padding-bottom: 2px;
	margin-bottom: 11px;
	font-weight: normal;
	
}

a.blue,
a.blue:visited { 
     color: #6ab0c4;
 }

a.white,
a.white:visited { 
     color: #FFFFFF;
 }

a.miniCart,
a.miniCart:visited { 
     color: #FFCC33;
 }

/* Maxichèque */
.mcBloc {
	width: 170px;
	height: 170px;
	background-color: #7dba41;
	background-image: url(./images/maxicheque_back.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 9px;
	color: #fff;
	float: right;
	font-size: 10px;
        position: relative;
}

.mcInput {
	margin-bottom: 8px;
	margin-top: 2px;
	width: 160px;
}

.mcSubmit {
	margin-top: 4px;
}

.mcLogo {
	margin-bottom: 4px;
}

.title_2 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	height: 23px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 14px;
	margin-top: 1px;
}

.img_quota { 
       background-image: url(./images/signup_espace_disque.jpg);
       background-repeat: no-repeat;
 }
.img_comm { 
       background-image: url(./images/signup_euro.jpg);
       background-repeat: no-repeat;
 }
.img_object { 
       background-image: url(./images/signup_objets.jpg);
       background-repeat: no-repeat;
 }
.img_resell { 
       background-image: url(./images/signup_catalogue.jpg);
       background-repeat: no-repeat;
 }
.img_social { 
       background-image: url(./images/signup_social_networks.jpg);
       background-repeat: no-repeat;
 }

.form { 
      padding-left: 0px;
      width: 555px;
      height: 500;
      float: left;
 }

.img_mini_1 { 
       background-image: url(./images/step_1_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}
.img_mini_2 { 
       background-image: url(./images/step_2_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}


.cart { 
      float: right;

 }


a.cartLink,
a.cartLink:visited { 
     color: #6ab0c4;
 }

/* liste de questions de l'aide */
.helpQuestions {
	margin: 11px 27px;
	padding: 0;
}

.helpQuestions li {
	margin: 4px;
}

.helpQuestions li a {
	color: #1297cc;
	font-size: 12px;
}

/* Maxichèque */
.mcBloc {
	width: 170px;
	height: 170px;
	background-color: #7dba41;
	background-image: url(./images/maxicheque_back.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 9px;
	color: #fff;
	float: right;
	font-size: 10px;
        position: relative;
}

.mcInput {
	margin-bottom: 8px;
	margin-top: 2px;
	width: 160px;
}

.mcSubmit {
	margin-top: 4px;
}

.mcLogo {
	margin-bottom: 4px;
}

.title_2 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	height: 23px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 14px;
	margin-top: 1px;
}


.form { 
      padding-left: 32px;
      width: 555px;
      height: 500;
      float: left;
 }

.img_mini_1 { 
       background-image: url(./images/step_1_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}
.img_mini_2 { 
       background-image: url(./images/step_2_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}


.cart { 
      float: right;

 }


.encartLogin { 
      width: 460px;
      height: 300px;
      padding-left: 0px;
      padding-top: 0px;
}  

a.cartLink,
a.cartLink:visited { 
     color: #6ab0c4;
 }

/* Maxichèque */
.mcBloc {
	width: 170px;
	height: 170px;
	background-color: #7dba41;
	background-image: url(./images/maxicheque_back.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 9px;
	color: #fff;
	float: right;
	font-size: 10px;
        position: relative;
}

.mcInput {
	margin-bottom: 8px;
	margin-top: 2px;
	width: 160px;
}

.mcSubmit {
	margin-top: 4px;
}

.mcLogo {
	margin-bottom: 4px;
}

.title_2 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	height: 23px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 14px;
	margin-top: 1px;
}

.form { 
      padding-left: 32px;
      width: 460px;
      height: 500;
      float: left;
 }

.buttonContainer { 
       cursor: pointer;
                   }                   

.buttonContainer a,
.buttonContainer a:hover{ 
        text-decoration: none;
                          
}

.buttonRedForWhiteBackL,
.buttonRedForWhiteBackM,
.buttonRedForWhiteBackR{ 
       font-size: 11px;
       height: 31px;
       float: left;
       font-weight: normal;
        font-family: verdana;
 }

.buttonRedForDarkBackL{ 
        background-image: url(./images/buttonRedForDarkBack_left.gif);
       width: 15px;
                        }                        

.buttonRedForDarkBackM{ 
       background-image: url(./images/buttonRedForDarkBack_middle.gif);
       padding: 0 7px;
       line-height: 31px;
       height: 31px;
       text-align: center;
                        }

.buttonRedForDarkBackR{ 
        background-image: url(./images/buttonRedForDarkBack_right.gif);
       width: 15px;
                        
}

.buttonRedForWhiteBackL{ 
        background-image: url(./images/buttonRedForWhiteBack_left.gif);
       width: 15px;
                         }

.buttonRedForWhiteBackM{ 
       background-image: url(./images/buttonRedForWhiteBack_middle.gif);
       padding: 0 7px;
       line-height: 31px;
       height: 31px;
       color: #fff;
       text-align: center;
                         }      

.buttonRedForWhiteBackR{ 
        background-image: url(./images/buttonRedForWhiteBack_right.gif);
       width: 15px;                        
}