/* user css file */



.parrainer{
  color: #ffffff; 
  font-size: 38px; 
  font-family: Verdana; 
  float: none;
}
.proche{ color: #91d400; 
  font-size: 38px; 
  font-family: Verdana; 
  float: none;
}
.tag-header h2{
    font-weight: bold;
    vertical-align: middle;
    color: #9e005d;
    font-size: 12px;
    background-image: none;
}

.top-banner2{
  background-color:#e8f1fa;
  width:100%; 

  padding-left: 0px; 
  height: auto; 
  display:block;
}

label img{
      display: inline-block;
}

.top-banner{
 background-image: url('/uc/images/banniere_neutre_01.jpg'); 
  background-repeat:no-repeat;
  width:100%; 
  background-color:#fff;
  background-size:100%;
  border: 2px solid #339900;
}


.question .tag-header .help {
    background-color: #fff;
    color: #9e005d;
    border: none;
    padding: 0.25em;
    margin: 0.5em 0;
}

.libelle_titre{
text-align: center; 
  font-size: 24px; 
  font-weight: bold; 
  color: #339900;
}
.layout-zebra li.even {
    background: white;
    background: #fff;
}
.matrix ul.head {
    border-bottom: none;
}


/*.btn, input[type="button"], .buttonbar input, .button, .js .q132 ul,
.btn:hover,input[type="button"]:hover,.buttonbar input:hover,.button:hover,.js .q132 ul:hover,
.btn:focus,input[type="button"]:focus,.buttonbar input:focus,.button:focus,.js .q132 ul:focus,.btn:active,input[type="button"]:active,
.buttonbar input:active,.button:active,.js .q132 ul:active,.btn.active,input.active[type="button"],.buttonbar input.active,.active.button,
.js .q132 ul.active,.btn.disabled,input.disabled[type="button"],.buttonbar input.disabled,.disabled.button,.js .q132 ul.disabled,.btn[disabled],
input[disabled][type="button"],.buttonbar input[disabled],[disabled].button,.js .q132 ul[disabled] {
    display: inline-block;
    padding: 4px 12px 3px 12px;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1.4em;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: linear-gradient(to bottom, rgb(158, 0, 93), rgb(158, 0, 93));
    background-repeat: repeat-x;
    border-color: #eeeeee #eeeeee #c8c8c8;
    border-color: rgb(158, 0, 93);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}*/




.gfxform .qtype label.answeroption:not(:checked) .radioContainer:hover > input[type=radio] + span.radio  {
    background-position: -605.5px 50%;
}

.gfxform .qtype label.answeroption:not(:checked) {
 background-position: -605.5px 50%;
}


.gfxform .qq_main .radio.fe, .gfxform .qq_main label.radio:not(:checked) > input[type="radio"] + span.radio, .gfxform .qq_main label.answeroption:not(:checked) .radioContainer > input[type="radio"] + span.radio, 
.gfxform .qtype label.answeroption:not(:checked) .qq_main .radioContainer > input[type="radio"] + span.radio, .gfxform .qtype .radio.fe, .gfxform .qtype label.radio:not(:checked) > input[type="radio"] + span.radio, 
.gfxform .qq_main label.answeroption:not(:checked) .qtype .radioContainer > input[type="radio"] + span.radio, .gfxform .qtype label.answeroption:not(:checked) .radioContainer > input[type="radio"] + span.radio {
    background-position-x: -412.5px;
    background-position-y: 50%;
}

.labeltext{
  margin-top: 10px !important;
}

.gfxform .qq_main label.answeroption:not(:checked) 
.radioContainer > span.radio, .gfxform .qq_main label.answeroption:not(:checked) .radioContainer > span.checkbox, 
.gfxform .qq_main label.radio:not(:checked) > span.radio, .gfxform .qq_main label.checkbox:not(:checked) > span.checkbox, 
.gfxform .qtype label.answeroption:not(:checked) .radioContainer > span.radio, .gfxform .qtype label.answeroption:not(:checked) 
.radioContainer > span.checkbox, .gfxform .qtype label.radio:not(:checked) > span.radio, .gfxform .qtype label.checkbox:not(:checked) > span.checkbox {
  background-image: url(/uc/images/net-a-porter-form-elements.png);}

.gfxform .qq_main label.answeroption:not(:checked) .radioContainer > span.radio, .gfxform .qq_main label.answeroption:not(:checked) 
.radioContainer > span.checkbox, .gfxform .qq_main label.radio:not(:checked) > span.radio, .gfxform .qq_main label.checkbox:not(:checked) > span.checkbox, 
.gfxform .qtype label.answeroption:not(:checked) .radioContainer > span.radio, 
.gfxform .qtype label.answeroption:not(:checked) .radioContainer > span.checkbox, .gfxform .qtype label.radio:not(:checked) > span.radio,
.gfxform .qtype label.checkbox:not(:checked) > span.checkbox {
    height: 28px !important;
    width: 28px !important;
}

.question {
   padding-top:0px;
   padding-bottom:0px;
}

.qtype textarea, .qtype .text input{
 max-width: 250px
}


/*****header****/
#banniere {background-image: url("/uc/images/bandeau_gris.png");width : 100%; 
height : 101px;background-repeat: repeat;background-position: 0 0px; padding : 0;margin : 0;border-bottom : 1px solid rgb(158, 0, 93);}
#banniere_mec {width : 100%; min-width : 1100px;height : auto;}

@media all and (max-width: 1100px) {
#banniere {height : auto !important;}
.img_titre, .img_logo {max-width : 49% !important;height : auto;}
}

/******/

 body,font,p,div,td,th,ul,ol,li,nobr,select,input,option,textarea,dt,dd,span { 
 font-size : 12px ;
 }

.buttonbar #os {
    float: none;
}

.it_grey { 
  font-size : 11px ;
  font-style : italic ;
  color : #666666;
  padding-bottom: 50px;
}
 
a:link,a:visited, a {
    color: #339900;
    text-decoration: none;
}

.qtype, ul.body.even, .layout-zebra li.even, .matrix.layout-143.layout-zebra ul.even,.layout-zebra.zebra-ul ul.even  {
background-color:transparent;
}


@media all and (max-width:660px){
  .row-fluid [class*="span"] {
    margin-bottom: 1em;
    float: none;
    width: 100%;
  }
  .myButton {
    font-size: 16px;
    margin-left: 2px;
  }
  #headertxt{
  padding-left: 3px;
  font-size: 16px;
}
  
}

.linecontainer_footer { background-color: #000000;    height:3.125em;    position: fixed;    bottom:0px;    left:0;    width:100%; z-index : 100;  }
.linecontainer_footer ul {list-style : none; }
.linecontainer_footer ul div {display : inline-block; vertical-align: baseline;width : 15%;text-align : center;}


.rightfooter {  float:right; width:80%; vertical-align : middle;     }

.lien_footer {  display:initial; width:0%;
    width: 60%;
    vertical-align: middle;
    text-align: center; }
.lien_footer a {text-decoration : none; color : #339900;font-size : 12px; padding : 0 5%;}

.community_footer{  float:left; width:50%; vertical-align : middle; padding-top: 5px;    }

span.footer {   color : #339900 ;  text-decoration : none ;  font-family : helvetica;  font-size : 0.75em ; verical-align : middle; }

.footer {margin : 0;color : #339900;}

@media screen and (min-width: 801px)
{
  .linecontainer_footer { background-color: #000000;    height:50px;    position: fixed;    bottom:0px;    left:0;    width:100%;   }
  .leffooter {  float:left; width:15%; vertical-align : middle;    }
  .rightfooter {  float:right; width:80%; vertical-align : middle;     }
  .lien_footer { display:initial;  float:left; width:60%; vertical-align : middle; padding-top: 15px;  text-align:center;    }
  .community_footer{  float:right; width:20%; vertical-align : middle; padding-top: 5px;    }
  span.footer {   color : #339900 ;  text-decoration : none ;  font-family : helvetica;  font-size : 12px ; verical-align : middle; }
  ul.footer {margin: 0 0 0 0px; }
}

@media all and (max-width : 800px){
.linecontainer_footer{position : relative !important;height : 330px;}
.linecontainer_footer {margin : 0;}
.linecontainer_footer ul div{display : block;  vertical-align: middle;width : 80%;text-align : center;padding : 10px 0;margin : 0 auto;}
.lien_footer div {border-bottom : 1px #333333 dashed;}

a.sm-blueFT:link, a.sm-blueFT:visited, a.sm-blueFT:active, span.footer {
    font-size: 1.25em;
}
.community_footer {width : 100% !important;}
}


/*******************************************************************************************/

@media screen and (min-width: 801px)
{
/******************************************/
/************** Pied de page ***********/

.linecontainer_footer { background-color: #000000;    height:50px;    position: fixed;    bottom:0px;    left:0;    width:100%;   }

.leffooter {  float:left; width:15%; vertical-align : middle;    }

.rightfooter {  float:right; width:80%; vertical-align : middle;     }

.lien_footer { display:initial;  float:left; width:80%; vertical-align : middle; padding-top: 15px;  text-align:center;    }

.community_footer{  float:right; width:20%; vertical-align : middle; padding-top: 5px;    }

span.footer {   color : #339900 ;  text-decoration : none ;  font-family : helvetica;  font-size : 12px ; verical-align : middle; }

ul.footer {margin: 0 0 0 0px; }

a:link.sm-blueFT,  a:visited.sm-blueFT,  a:active.sm-blueFT {
  color : #339900;  padding-left:5%;  padding-right:5%;  font-size: 14px; text-decoration:none;
}

a:hover.sm-blueFT{ color:#91D400; }
}
  @media all and (max-width : 800px){
.linecontainer_footer{position : relative !important;height : 330px;}
.linecontainer_footer {margin : 0;}
.linecontainer_footer ul div{display : block;  vertical-align: middle;width : 80%;text-align : center;padding : 10px 0;margin : 0 auto;}
.lien_footer div {border-bottom : 1px #333333 dashed;}

a.sm-blueFT:link, a.sm-blueFT:visited, a.sm-blueFT:active, span.footer {
    font-size: 1.25em;
}
.community_footer {width : 100% !important;}
}

  
  @media screen and (min-width: 1002px){
.question .tag-header .help .tooltipicon {
    width: 1.5em;
    height: 1.5em;
    padding: 0.2em;
    line-height: 1em;
    background-color: rgb(158, 0, 93);
    color: #9e005d;
    border: 1px solid #bce8f1;
    font-weight: 600;
}
  }
  
  .finalMEC {
    font-size: 20px;
    font-family: verdana;
    font-weight: bold;
    vertical-align: middle;
    color: #666666;
}
  
  .final {
    font-size: 14px;
    font-family: verdana;
    vertical-align: middle;
}
  
  @media screen and (min-width: 801px){
.final {
    font-size: 14px;
    font-family: verdana;
    vertical-align: middle;
    padding-right: 20%;
    padding-left: 20%;
}
  
}
 @media screen and (max-width: 767px){  
  .top-banner{
   border:none;
  background:none; 
}
   .top-banner2>img{
    height: auto; 
  width:100%; 
}
}