html {
 height:100%;
}
body {
 background:#6E0000 url(images/bg.jpg) no-repeat scroll center top;
 color:white;
 font-family:arial,'liberation sans',sans-serif;
 height:100%;
 margin:0;
 padding:0;
 position:relative;
 font-size:13px;
}
body > #fbody {height: auto; min-height: 100%;}
#corps { padding-top: 180px;
padding-bottom: 120px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;} 
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a {
 color:white;
}
a:focus, a:active {
 outline:none;
}
#fbody {
background:#6E0000 url(images/bg.jpg) no-repeat scroll center top;
height:100%;
min-height:500px;
position:relative;
}
#texte * {outline:none;}
#fbody, #footer #pied {
margin:0 auto;
width:860px;
}
#footer {
 background-color:black;
 color:white;
 font-size:11px;
}
#footer a {
color:#666666;
text-decoration:none;
}
#footer #pied {
 padding-top:20px;
 position:relative;
}
#footer .li-t1 {
 float:left;
 width:160px;
 padding-left:75px;
 height:70px;
}
#footer .li-t1 {
 border-right:1px solid #333333;
}
.li-t1#p_mtf { 
/* -moz-column-width:120px;
 -webkit-column-width:120px;
 column-width:120px;*/
 background:transparent url(images/Footer_logo_MTF.png) no-repeat scroll 10px 0;
 width:300px;
}
#p_mof { background:transparent url(images/footer_logo_MOF.png) no-repeat scroll 10px 0; }
#footer .li-t1.reseaux {padding-left:10px;border-right:0;}
#footer .li-t1.reseaux li {
 float:left;
 margin-right:8px;
}
#footer .li-t1.reseaux li a {
 background:transparent 0px -16px no-repeat;
 height:16px;
 width:16px;
 outline:none;
 display:block;
}
#footer .li-t1.reseaux li a span {position:absolute;top:-999em;}
#footer .li-t1.reseaux li a:hover { background-position:0px 0px; }
#footer .li-t1.reseaux li a#facebook { background-image: url(images/facebook.png); }
#footer .li-t1.reseaux li a#twitter { background-image: url(images/twitter.png); }
#footer .li-t1.reseaux li a#linkedin { background-image: url(images/linkedin.png); }


#footer .li-t2 a {
/* font-weight:bold;*/
/* letter-spacing:-0.5px;*/
}
#footer .li-t3 {
 list-style-type: disc; 
 list-style-position: inside;
}
#footer li {
 list-style-type:none;
 margin:0;
 padding:0;
}
#footer ul {
 margin:0;
 padding:0;
}
#collection ul li {
 float:left;
 list-style-type:none;
 margin:0 12px 12px 0;
}
#collection ul li a {
  display:block;
}
#collection ul {
 margin:0;
 padding:0;
}
.rounded {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
}
#work {
 overflow:hidden;
 width:567px;
 float:right;
}
#work * {outline:none}
#liste ul {
 float:left;
 width:568px;
}
#innerliste {
 width:1704px;
}
#fiche_detail {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#FFFFFF none repeat scroll 0 0;
color:black;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding:20px;
position:absolute;
width:500px;
top:230px;
left:295px;
}
#fiche_detail input, #fiche_detail select, #checkoutform input, #checkoutform select  {
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 background:transparent;
 border:1px outset black;
 color:black;
 font-size:18px;
 font-weight:bold;
letter-spacing:-1px;
}
#fiche_detail select option {
 background:white;
}
#fd_photo .cont {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
border:1px solid #333333;
float:left;
height:256px;
margin-right:20px;
width:256px;
}
#fiche_detail .field select {
 margin-left:20px;
}
#fiche_detail .submit {
 bottom: 20px;
 margin-left: 256px;
 position: absolute;
 text-align: center; 
 width: 260px;
}
#fiche_detail  .field {
 margin-bottom:1em;
}
#fiche_detail_x {
 cursor:pointer;
 font-family:monospace;
 font-size:16px;
 font-weight:bold;
 margin:5px;
 padding:1px;
 position:absolute;
 right:0;
 top:0;
}
.welcomemsg {
 color:white;
 padding:20px;
}
#prj li a {
 display:block;
}
#prj {
 float:left;
 overflow:hidden;
 position:relative;
 width:620px;
}
#prj ul {
 padding: 0; /* Resets default - User Agent - style */
 position: relative; /* Enables positionning of elements inside viewport */
}
#nav {
 height:110px;
 margin:10px auto 0;
 overflow:hidden;
 width:856px;
}
#nav ul, #nav li {
 list-style-type:none;
 margin:0;
 padding:0;
}
#prj li {
 float:left;
 width:124px;
 height:110px;
}
h1 {
 height:101px;
 left:31px;
 margin:0;
 position:absolute;
 top:46px;
 width:103px;
}
h1 a {
 background:transparent url(images/h_mtsf.png) no-repeat scroll left top;
 display:block;
 height:101px;
 width:103px;
}
h1 a:hover {
 background-position:0 -101px;
}
h1 a span {
 position:absolute;
 top:-999em;
}
#siteparallele {
 height:60px;
 left:150px;
 position:absolute;
 top:30px;
 width:56px;
}
#siteparallele a {
background:transparent url(images/h_mof.png) no-repeat scroll left top;
 display:block;
 height:60px;
 width:56px;
}
#siteparallele a:hover {
 background-position:0 -60px;
}
#siteparallele a span {
 position:absolute;
 top:-999em;
}
#h_perso {
 float:left;
 height:370px;
 margin-right:26px;
 width:570px;
}
#h_perso h2, #h_perso div a span, #h_collection h2, #h_collection div a span {
 position:absolute;
 top:-999em;
}
#h_perso a {
 background:transparent url(images/home-cree-fr.png) no-repeat scroll left top;
 display:block;
 height:370px;
 width:570px;
}
#h_perso a:hover {
 background-position:0 -370px;
}
#h_collection {
 float:left;
 height:370px;
 width:264px;
}
#h_collection a {
 background:transparent url(images/home-choisi-fr.png) no-repeat scroll left top;
 display:block;
 height:370px;
 width:264px;
}
#h_collection a:hover {
 background-position:0 -370px;
}
.palette {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 background:black;
 padding:5px;
 width:150px;
}
.palette div {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 border:2px solid transparent;
 float:left;
 height:20px;
 margin:3px;
 width:20px;
}
.palette div span {
 display:none;
}
.palette div.noir {
 border-color:#333333;
}
.palette div:hover {
 border-color:silver;
}
.palette div.selected {
 border-color:white;
}
.i_ {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 background:black none repeat scroll 0 0;
 display:inline-block;
 min-width:100px;
 position:relative;
}
.i_ a {
 color:white;
 display:block;
 line-height:35px;
 text-decoration:none;
}
.d_ {
 background:transparent url(images/p_dd_fleche.png) no-repeat scroll right 10px;
 min-width:100px;
 padding:0 30px 0 5px;
}
.c_ {
 min-width:100px;
 padding:0 20px 0 5px;
 border-top:1px dotted silver;
}
#dtypomsg .c_ {
 width:360px;
}
#dtypomsg .c_ a {
 display:inline-block;
 padding:5px;
 border-left:1px dotted gray;
}
.c_ img {
 display:block;
}
a img {
 border:medium none;
 vertical-align:middle;
}
a:focus img {
 outline:1px dashed black;
}
.sfs {
 float:left;
 margin:0 0 15px 5px;
}
#formperso {
 margin:0 0 50px;
}
#formperso fieldset#fs1 .sfs {
 width:200px;
}
#formperso textarea {
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 border:0 none;
 font-size:18px;
 padding:0.5em;
}
#formperso #textemsg {
 text-align:center;
 width:800px;
}
#formperso h3 {
 font-size:32px;
 letter-spacing:-2px;
 margin:10px 0;
}
#formperso {
font-family:arial,'liberation sans',sans-serif;
font-size:22px;
font-weight:bold;
letter-spacing:-2px;
}
#dtextemsg {
 width:100%;
}
#dtypomsg {
 width:400px;
}
#dpositionmsg, #dcouleurmsg {
 float:left;
 width:200px;
}
#formperso fieldset, .corpus {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 background:transparent url(images/transparent.png) 0 0 repeat;
 border:0 none;
}
.corpus {
 padding:20px;
}
#formperso .legend {
background:transparent none no-repeat scroll left top;
 font-size:2em;
 font-weight:bold;
 height:58px;
 margin:20px 0 0;
 width:350px;
 color:white;
}
#formperso #lfs1 {
 background-image:url(images/p_1.png);
 margin-top:0;
}
#formperso #lfs2 {
 background-image:url(images/p_2.png);
}
#formperso #lfs3 {
 background-image:url(images/p_3.png);
}
#formperso .legend span {
 position:absolute;
 top:-999em;
}
.carousselimg {
  height:110px;
  margin:0 7px;
  width:110px;
}
#h_pro a {
 background:transparent url(images/h_pro.png) no-repeat scroll 0 0;
 display:block;
 height:26px;
 margin:15px auto;
 text-decoration:none;
 width:828px;
}
*+html #h_pro {
 padding-top:15px;
}
#h_pro a:hover {
 background-position:0 -26px;
}
#h_pro a span {
 position:relative;
 top:-999em;
}
#nav .fleche {
 background:transparent none no-repeat scroll 0 0;
 float:left;
 height:110px;
 width:111px;
}
#nav #flechegauche {
 background-image:url(images/h_fleche_gauche.png);
 margin-right:7px;
}
#nav #flechedroite {
background-image:url(images/h_fleche_droite.png);
margin-left:7px;
float:right;
}
#nav .fleche:hover {
 background-position:0 -110px;
}
#tblcart {
 border-collapse:collapse;
 width:100%;
 font-size:14px;
}
#tblcart td {
 border:solid black;
 border-width:1px 0 0 0;
 padding:1em;
}
#tblcart label {
 color:black;
}
#tblcart .totalrow {
 font-weight:bold;
}
#tblcart .paf {
 text-align:right;
}
#submit_commandez {
 background:transparent url(images/p_commandez.png) no-repeat scroll 0 0;
 border:0 none;
 height:50px;
 margin-left:90px;
 vertical-align:bottom;
 width:201px;
}
#submit_commandez:hover {
 background-position:0 -50px;
}
#fs3 {
 padding-bottom:40px;
}
#collection {
 position:relative;
}
#intro {
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 background:transparent url(images/transparent.png) 0 0 repeat;
 float:left;
 font-size:14px;
 margin-bottom:175px;
 margin-right:20px;
 padding:20px;
 position:relative;
 width:230px;
}
#intro p {margin-top:0;}
#special {
 background:transparent url(images/30piasses.png) no-repeat scroll left top;
 bottom:-130px;
 height:174px;
 left:-65px;
 position:absolute;
 width:174px;
}
.txtinvisible {
 position:absolute;
 top:-999em;
}
.note {
 font-size:xx-small;
 letter-spacing:0;
 text-decoration:underline;
}
.radio {
 background:transparent url(images/rond-noir.png) no-repeat scroll 0 50%;
 padding-left:15px;
}
.radio.choisi {
 background-image:url(images/rond-blanc.png);
}
#fiche_detail label {
 font-size:.8em;
}
.contact_link {
 position:absolute;
 right:0;
 top:30px;
}
.panier_link {
 left: 340px;
 position: absolute; 
 top: 30px;
}
#retour {
 clear:both;
 padding-top:20px;
}
#corps h2 {
 margin:0;
}
#checkoutform fieldset {
 background:transparent url(images/transparent.png) 0 0 repeat;
 border:0;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 margin-top:40px;
 position:relative;
}
#checkoutform fieldset legend span {
 font-size:24px;
 font-weight:bold;
 position:absolute;
 top:-34px;
 left:0px;
 padding:0;
 margin:0;
 display:block;
 color:white;
}
#checkoutform input[type=text], #checkoutform input[type=submit], #checkoutform select, #checkoutform textarea {
 background:white;
 width:300px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
}
#checkoutform #commentaires table,#checkoutform #commentaires textarea {
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 border-radius:3px;
 border:0;
 width:100%;
}
#checkoutform #submit {
 text-align:center;
 margin:24px;
}
#checkoutform #submit input {
 padding:.5em;
 border:2px outset black;
 background-color:white;
 color:black;
}

#footer .desjpaiement {
 /*  background:white;  */
 position:absolute;
 right:0px;
 color:black;
 /* padding:3px 6px 0px 3px;  */
 letter-spacing:-.5px;
 text-indent:2px;
}
.opacity2 {
 opacity:.2;
 filter: alpha(opacity=50);
}
*+html #h_pro {
 
}
