div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:none; outline:0; vertical-align:baseline; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }






html,
body{    
  height: 100%;
  color:#f0efed;
    background-color: #000000; 
   font-family: 'Play',  'century gothic', 'Trebuchet MS', Verdana, Helvetica, Verdana, Arial, sans-serif;
    margin : 0;
    padding:0;
    font-size: 16px;
    line-height:1.4em;  
}
body {
 overflow-y:scroll;
}  




.clear {
  clear:both;
}



h1, h2, h3, h4, h5 {
	font-family: HammersmithOneRegular;
/*	text-transform:uppercase; */
	z-index: 2;
}
/*
#parent {
    height:100%;
    }
    */
#conteneur {
    margin: auto;
position: relative; 
   width: 1100px; 
    z-index: 3;
  overflow:auto;
	padding-bottom: 50px;   /* must be same height as the footer */
  }

#parent_print #conteneur {
    margin: auto;
    position: relative;
   width: 700px; 
    z-index: 3;
    
}

.trame {
  /*  background: url("../images/trame.png");    
    width:100%;
    height:200%; */
    z-index: 3;
    position:relative;
}
.popin {
   width:600px; 
   margin:0:
padding:0;
}
.popin #conteneur {
   width:600px; 
   margin:0:
padding:0;
}

#popup #conteneur {
margin:0:
padding:0;
width:600px;
}

#popup conteneur #contenu {
margin:0:
padding:0;

}
#contenu {
   /* background: url("../images/bg_trame.png"); */
   background-color: rgba(0, 0, 0, 0.77);
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin-top: 170px;
    margin-right: 90px;
    margin-bottom: 10px;
    padding: 5px 20px;
    width: 650px;
    line-height:1.8em;  
    font-size: 16px;
} 
.popin #conteneur #contenu{
   
       background-color: rgba(0, 0, 0, 0.77);
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 5px;
     width: 580px;  
}

.contenu-references {
margin-top: 160px;
}


#contenu .bloc_texte {
  padding-bottom:20px;
}
#parent_print #contenu .bloc_texte {
  padding-bottom:0px;
}
#parent_print #conteneur, #parent_print #contenu {
  padding-bottom:0px;
}
.copyright_print {
padding: 20px 0;
text-align:right;
width:850px;
margin : 0 auto;
color:#444444;
}

#parent_print {
width:850px;
margin : 0 auto;
}
#lien_imprimer  {
    float:right;
    margin:10px;
  }
#lien_imprimer a {
  text-decoration : none;
  color:#444444;  
  background-color:#EFEEE9;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration : none;
    padding : 3px 10px;
    font-size:1em;
    border:0px;
    font-weight:bold;
}
#lien_imprimer a:hover {
background-color:#920B2E;
color:#EFEEE9;
}
 

/* ---------- Basic Layout Styles ----------- */


#page-wrapper {  
  min-height: 100%;
  min-width: 960px;
}


.padding5 {
  padding:5px;
}
.paddingRight10 {
  padding-right:10px;
}
.blanc {
  color:#ffffff;
}

#logo{
	padding:15px 0 9px 0;
	float:left;
}
#header #slogan {
padding:28px 0 0px 20px;
	float:right;
}


#langues {
    float: right;
    margin-right: 140px;
    width: 100px;
   font-family: 'Oswald', 'century gothic', 'Trebuchet MS', Verdana, Helvetica, Verdana, Arial, sans-serif;
    font-size:18px;
}
#langues .in {
    background: url("../images/picto_langue.png") no-repeat scroll -2px -5px transparent;
    color: #000000;
    float: right;
    padding: 15px 10px 0 0;
}
#langues .off {
    float: right;
    padding: 15px 10px 0 0;
}
#langues .off a {
    color: #666666;
    text-decoration:none;
    padding:5px;
}

#langues .off a:hover {
    color: #ffffff;
    background-color:#000000;
}


/************ Prestations *********************/
#contenu #liste_prestations {
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#efeee9;
    color:#444444;
    padding:5px;
    margin : 20px 0;
}


#liste_prestations .sep{
	height:10px;
	  border-bottom: 1px solid #cccccc;
}

#liste_prestations td {
  padding :0px 5px;
  color:#444444;
 /* border: 1px solid #cccccc; */
}
#liste_prestations .nom_prestation {
  font-size:13px;
  padding:5px 0 5px 0;
 /*  width:400px; */
 
}
#liste_prestations .nom_prestations_n2 {
  font-size:13px;
  padding:2px 30px 2px 0px;
}
#liste_prestations .selection_prestations_n2{
  padding : 2px 5px 2px 30px
}
#liste_prestations .en_savoir_plus {
  float:right;
}
#liste_prestations .en_savoir_plus a {
  color:#ffffff;
  text-decoration: none;
  background: url("../images/picto_aide_small.png") no-repeat 5px 2px transparent;
  padding: 4px 8px 20px 35px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  /*  background-color:#ddddd9;
    color:#444444;
    */
}
#liste_prestations .en_savoir_plus a:hover {
  background-color:#ffffff;
    color:#ffffff;
}

#liste_prestations .en_savoir_plus2 {
  float:right;
}
#liste_prestations .en_savoir_plus2 a {
  color:#ffffff;
  text-decoration: none;
  background: url("../images/picto_aide_small2.png") no-repeat 5px 2px transparent;
  padding: 4px 8px 10px 20px;
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  /*  background-color:#ddddd9;
    color:#444444;
    */
}
#liste_prestations .en_savoir_plus2 a:hover {
  background-color:#ffffff;
    color:#ffffff;
}


#liste_prestations .marge_detail {
	padding-left:20px;
}
#liste_prestations .quantite {
	font-size:10px;
}
#liste_prestations .small{
	font-size:10px;
}
#liste_prestations .prix{
	font-size:18px;
	 color: #056f7c;
}
#liste_prestations b {
	 color: #4b4a56;
}

#liste_prestations h2 {
	 color: #385652;
	 padding:0;
	 margin:0;
	 display:block;
	 font-size:18px;
	 font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	border:none;
}
#liste_prestations h3, #liste_options h2 {
	 color: #385652;
	 padding:0;
	 margin:0;
	 display:block;
	 font-size:14px;
	 font-weight:bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	border:none;
}


#texte_neomastering_etape1 {
font-size:13px;
 line-height:19px;
}
#contenu #texte_neomastering_etape1  ul {
    margin: 5px 0;
    padding: 0px;
}
#contenu #texte_neomastering_etape1  li {
    background-image: url("../images/puce.png");
    background-position: left top;
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0px 0;
    padding: 0px 0 0px 50px;
    font-size:13px;
    line-height:18px;
}
#liste_prestations select {
font-size:13px;
}


 #contenu #bloc_couleur {
  -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#efeee9;
    color:#444444;
    padding:5px;
    margin : 20px auto;
    width:500px;
}

#parent {
	min-height: 100%;
}



/*Opera Fix (sticky footer) */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

#footer {
  position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
 z-index:50;
   /* border-top:1px solid #212121;    */
 /* background: url("../images/bg_footer.png") repeat 0 0 transparent;    
   background: url("../images/bg_trame.png") repeat 0 0 transparent;    */
   background-color:#000000;
  }
#footer .marge {
  margin : 0 auto;
  width:1000px;
}



 #footer .slogan{
  padding: 0px 0px 0 0px;
  float:left;
 } 
 
#footer #nav_haut {
  margin: -40px 10px 0 10px;
  float:right;
  height:50px;
}

 #footer .liens_sociaux {
  padding: 0px 100px 0 250px;
  float:right;
  height:50px;
 }

 #footer .liens_sociaux a.facebook, #footer .liens_sociaux a.contact, #footer .liens_sociaux a.credit, #footer .liens_sociaux a.print{
  width:30px;
  height:30px;
  display:block;
  float:left;
  margin: 10px 5px 0 5px;
}
 #footer .liens_sociaux a.facebook{
  background: url("../images/picto_facebook.png") no-repeat 0 0;
}
 #footer .liens_sociaux a.facebook:hover{
  background: url("../images/picto_facebook.png") no-repeat -120px 0;
}
 #footer .liens_sociaux a.contact{
  background: url("../images/picto_contact.png") no-repeat 0 0;
}
 #footer .liens_sociaux a.contact:hover{
  background: url("../images/picto_contact.png") no-repeat -120px 0;
}
 #footer .liens_sociaux a.credit{
  background: url("../images/picto_credit.png") no-repeat 0 0;
}
 #footer .liens_sociaux a.credit:hover{
  background: url("../images/picto_credit.png") no-repeat -120px 0;
  }
 #footer .liens_sociaux a.print{
  background: url("../images/picto_print.png") no-repeat 0 0;
}
 #footer .liens_sociaux a.print:hover{
  background: url("../images/picto_print_on.png") no-repeat 0 0;
}

#nav_articles {
  padding-left:250px;
  height:42px;
}
#nav_articles a.article_page_suiv {
  background: url("../images/picto_page_suiv.png") no-repeat 0 0;
  width:42px;
  height:31px;
  display:block;
  float:left;
}
#nav_articles a.article_page_suiv:hover {
background: url("../images/picto_page_suiv_on.png") no-repeat 0 0;
}
#nav_articles a.article_page_prec {
  background: url("../images/picto_page_prec.png") no-repeat 0 0;
  width:42px;
  height:31px;
  display:block;
  float:left;
}
#nav_articles a.article_page_prec:hover {
background: url("../images/picto_page_prec_on.png") no-repeat 0 0;
}

/*v2 */



.scrollup{
    width:40px;
    height:40px;
  /*  opacity:0.9; */
    position:fixed;
    bottom:80px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url('../images/picto_page_haut.png') no-repeat;
    z-index:51;
}


#nav_articles a.lien {
  background: url("../images/picto_page_suiv.png") no-repeat right top;
  height:31px;
  display:block;
  float:left;
  padding-right:40px;
  text-decoration:none;
  font-size:18px;
  line-height:30px;
  color:#8a8a8a;
}
#nav_articles a.lien:hover {
background: url("../images/picto_page_suiv_on.png") no-repeat right top;
}


   /****** Popin *********/
#conteneur_pop_in  {
padding: 20px;

}

#contenu_pop_in  {
  color:#e0ddd0
}
 
#conteneur_pop_in h1 {
font-size:25px;
} 

 a{cursor:pointer;}
    
#pContent{}


.bClose { 
  cursor:pointer;
  color:#EFEEE9;
  font-weight:bold;
  right:15px;
  text-decoration:none;
  float:right;
  font-size:25px;
}

#popup { background-color:#000000; 
display:none;padding:10px;overflow:auto; 
/* border:10px solid #EFEEE9;width:620px;height:560px; */
}


#etapes {  
  background: url("../images/etape_bg.png") repeat-x left top;
  height:100px;
}
.etape, #etapes a.etape  {
  display:block;
  padding-top:50px;
  text-align:center;
  width:128px;
  color:#7a6f57;
  text-decoration:none;
}
.etape1  {
  background: url("../images/etape_1.png") no-repeat center top;
}
.etape2  {
  background: url("../images/etape_2.png") no-repeat center top;
}
.etape3  {
  background: url("../images/etape_3.png") no-repeat center top;
}
.etape4  {
  background: url("../images/etape_4.png") no-repeat center top;
}
.etape5  {
  background: url("../images/etape_5.png") no-repeat center top;
}
.etape1_in, a.etape1:hover  {
    background: url("../images/etape_1.png") no-repeat center -112px;
}
.etape2_in, a.etape2:hover  {
    background: url("../images/etape_2.png") no-repeat center -112px;
}
.etape3_in, a.etape3:hover  {
    background: url("../images/etape_3.png") no-repeat center -112px;
}
.etape4_in, a.etape4:hover  {
    background: url("../images/etape_4.png") no-repeat center -112px;
}
.etape5_in, a.etape5:hover  {
    background: url("../images/etape_5.png") no-repeat center -112px;
}

.nowrap {white-space : nowrap;}

#lien_demander_devis, #etape_suivante{
	margin-left:220px;
	margin-bottom:10px
  }
#lien_demander_devis a, #etape_suivante a {
	background-color:#920B2E;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration : none;
    padding : 5px 20px;
    color:#EFEEE9;
    font-size:1.1em;
  }
  #lien_demander_devis a:hover, #etape_suivante a:hover {
	background-color:#7A6F57;
  }
  
#calculer {
	margin-left:220px;
	margin-bottom:10px
  }
#calculer input, #etape_suivante input {
	background-color:#920B2E;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration : none;
    padding : 5px 20px;
    color:#EFEEE9;
    font-size:1.1em;
    border:0px;
    font-weight:bold;
  }
#etape_suivante button {
	background-color:#920B2E;
	 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration : none;
    padding : 5px 20px;
    color:#EFEEE9;
    font-size:1.1em;
    border:0px;
    font-weight:bold;
  } 

 #total {
   padding-left:380px;
   text-align:left;
 }
#total .prix{
   float:right;
 }
  #total i{
  font-style: normal;
  padding:0 5px;
 }
 #total .tva{
    font-size: 15px;
    color: #4B4A56;
 }
 
 #contenu  #legende_fichiers {
	margin:0 0 12px 0;
	padding:0;
 }
#contenu  #legende_fichiers ul {
	margin:0;
	padding:0;
	font-style:italic;
	font-size:0.9em;
	line-height:1.2em;
	color:#cccccc;
}
#contenu  #legende_fichiers li {
}

.msg_devis_20max {
	color:#A5002C;
	line-height:17px;
	font-size:15px;
	font-weight:bold;
}

 
 /*** Responsive ***/

/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 900px) {

	#conteneur {
	  width:95%;
	}
	#page-wrapper {  
 	 min-height: 100%;
  	min-width: 400px;
	}

	#conteneur #contenu, #conteneur #rubrique1 #contenu{
   
       background-color: rgba(0, 0, 0, 1);
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    float: right;
    margin-top: 170px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 10px 20px;
}



#conteneur #rubrique1 h1 {
background: url("") no-repeat 0 0;
/*  
  line-height:300px;
  overflow:hidden;
  height:40px;  
  */
  font-size:15px;
  color:#fff;
}


.header-marge {
    margin: 0;
    width:100%;
}

#header {
  width:100%;
}

#header #logo{
  padding:10px 0 16px 0;
  margin:0;
  /*  width:70%;
  height:70%;
  */
  float:left;
}
#header #logo img{
  float:left;
}

#header #langues {
 -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    border-radius: 0 0 10px 0;
    display:block;
    float:left; 
    background-color:#fff;
}


  #rubrique1 #contenu, #contenu  {
    width:90%;
  }    
#rubrique1 #conteneur #contenu iframe{
width:200px;
}
    
    #footer {
    margin-top:50px;
    position:bottom;
    }
    #footer .slogan {
      display:none; 
    }
    #footer .slogan img {
	display:none; 
}
    
    #footer .liens_sociaux {
    clear:both;
      display:block;
      float:left;
      padding:0 0 0 30px;
    }
    #footer .liens_sociaux a{
      padding:10px;
    }
    #contact label {
    height:auto;
    padding-top:10px;
    text-align:left;
    width:auto;
    }
    #contact .obligatoire {
    }
    #contact .saisie, #contact .saisie2 {
    display:block;
    clear:both;
    width:100%;
    }
    #contact .saisie input, #contact .saisie textarea, #contact .saisie2 input{
    display:block;
    width:270px;
    }
    #lien_demander_devis, #etape_suivante {
    margin-left:20px;
    }
    #liste_prestations .marge_detail  {
    padding-left:0px;
    }
    #liste_prestations td {
    padding:0 2px;
    }
    #liste_prestations .nom_prestation {
	width:90%; 
	}
	#liste_prestations .nom_prestations_n2 {
  padding:2px 10px 2px 0px;
	}
	.popin, .popin #conteneur, #popup #conteneur   {
   width:400px; 
	}
	.popin #conteneur #contenu {
	width:95%;
	}
	.etape, #etapes a.etape{
  	 width:80px; 
  	 font-size:13px;
  	 line-height:15px;
	}
	 #total {
   padding-left:10px;
	 }


}