i@charset "UTF-8";
/* CSS Document */

/* @group Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin:0; padding:0;
}
table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;font-weight:normal;
	}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;
	font-weight: normal;
	font-style: normal;
}
q:before,q:after {content:"";}

blockquote{
	width:auto;
	padding-left: 20px;
	border: 2px solid  #d40b0b;
}
/* @end */

/* @group General */
/*
* html body {
      behavior:url(csshover.htc);
}
*/
html{
	height: 100%;
        font: 11px arial, "lucida console", sans-serif;
}
body {
	margin: 0;
	color: #fff;
	font: 11px arial, "lucida console", sans-serif;
	text-align: center;
        background: #000 url(/uploads/Image/mmcBlockBackground.gif);
	height: 100%;	
}
#mybody{
        
	position: relative;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background: #000 ;
        text-align: left;
}
#page {
	
	
	position: relative;
	background: #000 ;
	float: left;
}

#footer
{
	position: absolute;
	width: 1022px;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #d40b0b;
	text-align: center;

}
/* @end */
a {
	color: #fff;
}

strong {
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6 {
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 13px;
	margin-top: 4px;
}

input, select, textarea {
	font-family: arial, "lucida console", sans-serif;;
}
.replaceByImg span
{
	position: absolute;
	left: -3000px;
}
/*


li{
margin-left: 10px;
}*/	
/* @end */

/* @group headerBar */
#headerBar
{
float: left;
margin:0;
padding: 2px;
background: #d40b0b;
	width: 1000px;
padding-right: 20px;
}
#headerBar a {
color: #ff7070;
text-decoration: none;
font-size:15px;

}
#headerBar a:hover {
color: #fff;
}
#headerBar li {
float: right;
display: inline;
margin: 0 0 0 24px;
}
#headerBar li.accueil {
 float: left;
}
/* @end */
/* @group colonneGauche */
#colonneGauche
{
width: 250px;
float: left;
margin-bottom: 10px;

}
#colonneGauche a 
{
text-decoration: none;
}
#colonneGauche #logo
{
margin-top: 24px;
margin-left: 24px;
}
#colonneGauche .menuTitle
{
	margin-top: 24px;
	background: url(fondMenuTitle-trans.png) no-repeat;
	width: 246px;
	height: 27px;
	display: block;
}
/*
#colonneGauche .menuTitle img
{
	margin: 1px;
	#height: 24px;
margin-left: 13px;
}
*/
#colonneGauche .menuTitle img { margin-top: 2px; margin-left: 13px;}
#colonneGauche ul {
margin-top: 10px;
margin-left: 10px;
width:225px;
padding:0;
}
#colonneGauche ul li
{

margin: 4px 0 0 0;
padding: 0 0 0 20px;
list-style:none;
background: url(menu_puce-trans.png) 2px 2px no-repeat;
font-size: 13px;

}
#colonneGauche ul li.espace_amicale a
{
color: #2b9700;
}

#colonneGauche ul li:hover {
color: #d40b0b;
background: url(menu_puce_hover.jpg)no-repeat;
}
/* @end */
/* @group colonneGauche */
#colonneDroite
{
        margin: 0;
width: 178px;
position: absolute;
top: 22px;
right: 0px;
background: #666666;

padding-top: 40px;
}
#colonneDroitePied{
margin-top: 40px;
float: left;
width: 178px;
background: #000 url(colonneDroite_pied-trans.png) no-repeat;
height: 10px;
line-height: 10px;
font-size: 5px;
}
#colonneDroite #miniPanier 
{

margin-left: 8px;
float:left;

width: 161px;
color: #fff;

}
#colonneDroite #miniPanier  h3
{
float:left;
margin: 3px;
font-weight: bold;
font-size: 13px;
text-decoration: underline;
margin-left: 5px;
}

#colonneDroite #miniPanier p {
margin-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
float:left;

}
#colonneDroite #miniPanier select {
margin-left: 5px;
width: 152px;

}
#colonneDroite #miniPanier table {
	float:left;
	margin: 3px;
	width: 151px;
}
#colonneDroite #miniPanier table td
{
 
	padding: 5px;
}
#colonneDroite #miniPanier table td.produit
{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
#colonneDroite #miniPanier table td.qte
{
	width: 20px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#colonneDroite #miniPanier table td.total
{
text-align: right;
}
#colonneDroite #miniPanier  div
{
float:left;
margin: 0;
padding: 0;

}
#colonneDroite #miniPanier  .contenue
{
background: url(panier_contenu.png);
width: 161px;
}
#colonneDroite #miniPanier  .entete
{
background: url(panier_entete-trans.png) no-repeat;
height: 10px;
line-height: 10px;
font-size: 5px;

width: 161px;
}
#colonneDroite #miniPanier  .pied
{
line-height: 5px;
font-size: 5px;
height: 10px;
width: 161px;
background: url(panier_pied-trans.png) no-repeat;
}
/* @end */
/* @group content */
#content
{
margin: 80px 10px 10px 10px;
padding:0;
width: 720px;
float: left;

}

body.guestbook #content,
body.page #content
{
        width: 568px;
}

#content p
{
	padding: 5px;
	margin-top: 10px;
}
/* @end */




/* @group miniPanier */
#miniPanier .validpanier
{
width: 100%;
margin:0;
}
#miniPanier .validpanier a {
        margin-left: 5px;
background:  url(btn-valider-panier-leave.png) no-repeat ;
width: 150px;
height: 46px;
display: block;
text-decoration:none;
}
#miniPanier .validpanier a:hover {
background: url(btn-valider-panier-over.png) no-repeat ;


}
#miniPanier .validpanier a span {
        position: absolute;
        left: -3000px;
}
/* @end */
/* @group produit */
.product .sideBar
{
margin-left: 15px;
width: 200px;
float: left;
position: relative;
}
.product .description
{ 
/*
ie
 margin-left: 230px;*/
text-align: justify;
width: 336px;
padding: 0 0 0 10px;
float: left;
}
.product .declinaison
{
	
	width: 170px;
}
.product .declinaison strong
{
	font-size: 18px;
	padding: 4px;
}
.product .declinaison td.sep
{
	padding: 10px;
	background: url(/uploads/Image/mmcBlockBackground.gif);
}
.product .declinaison .tp
{
	line-height:5px;
height: 12px;
display: none;
}
.product .declinaison td.tete
{
		margin:0;
		padding:0;
		
	background: #000000 url(declinaison-top.png) no-repeat scroll 0 0;
}
.product .declinaison td.pied
{
	margin:0;
		padding:0;
	/*background: #000000 url(declinaison-bottom.png) no-repeat scroll 0 0;*/
}
.product .addbasket a
{
	background:url('product/BOUTONPANIER.png') no-repeat 0 0;
	display: block;
	width: 150px;
	height: 35px;
}
.product .addbasket span
{
	position: absolute;
	left: -3000px;
}
.product .selectDecl
{
        width: 170px;
}
.product strong
{
color:#d40b0b;
}
#ordersteps {
	font-size: 10px;
	height: 20px;
	margin: 5px 0;
}

#ordersteps h4 {
	float: left;
	line-height: 20px;
	font-size: 10px;
}
#ordersteps ul {
float:left;
}
#ordersteps li.current {
background:#ff7070 none no-repeat scroll center center;
}
#ordersteps li {
background:#d40b0b none no-repeat scroll center center;
color:#FFFFFF;
float:left;
height:20px;
line-height:20px;
margin-left:5px;
text-align:center;
text-decoration:none;
width:20px;
}
#panier #wrapper table {
	float: left;
}
body.paiement #content .mode_paiement
{
 width: 340px;
 height: 155px;
 background: #fff;
 color: #000;
 margin: 10px;
 padding: 0;
 float: left;
}
body.paiement #content .mode_paiement h2
{
        color: #FFF;
        background: #d40b0b;
        margin:0;
}
body.paiement #content .mode_paiement .interieur
{
        padding: 5px 10px;
}
body.paiement #content .mode_paiement .interieur form input[type=submit] {
          width: 200px;
	background-color: #ff7070;
	padding: 4px;
        float: right;
}
#panier #wrapper table th {
	font-size: 10px;
	color: #d40b0b;
	border-bottom: 1px solid #d40b0b;
	padding: 0 0 5px;
	margin: 0;
}

#panier #wrapper table td {
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #d40b0b;
	height: 30px;
}

#panier #wrapper table .basket-prod-row.alt {
	line-height: 30px;
	background-color: #ff7070;
}
#panier #wrapper table .basket-prod-row .delete a{
        font-weight: bold;
        color: #d40b0b;
        text-decoration: none;
        float: left;
        margin: 0 4px;
        width: 30px;
        height: 30px;
        display: block;
        background: url(poubelle.png)
}
#panier #wrapper table .basket-prod-row .delete a span{
        position: absolute;
        left: -3000px;
}
#panier #wrapper table td.image {
	width: 74px;
	height: 74px;
}

#panier #wrapper table .quantity {
	text-align: center;
	width: 80px;
}

#panier.edition	#wrapper table .quantity a {
	float: left;
	display: block;
	width: 13px;
	height: 20px;
	text-decoration: none;
	color: #d40b0b;
	line-height: 20px;
}

#panier.edition	#wrapper table .quantity a:hover {
	color: #ff7070;
}

#panier.edition	#wrapper table .quantity input {
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	border: 1px solid #d40b0b;
	padding: 2px;
	text-align: center;
}

#panier.edition	#wrapper table .quantity a.delete {
	margin-left: 18px;
	display: inline;
}

#panier.edition	#wrapper table .quantity a.add {
}

#panier #wrapper table .unitprice,
#panier #wrapper table .totalprice {
	width: 80px;
	text-align: center;
}

#panier #wrapper table .productsummary {
	padding-left: 20px;
}

#panier #wrapper table .productsummary h3 {
	font-weight: bold;
}

#panier #wrapper table td.entitled {
	padding-left: 15px;
}

#promotioncode {
	background-color: #ff7070;
	margin-top: 10px;
	height: 44px;
	float: left;
	width: 100%;
}

#promotioncode p {
	float: left;
	line-height: 44px;
	margin: 0;
	padding-left: 15px;
}

#promotionform {
	float: right;
	padding-left: 15px;
	margin-right: 15px;
	padding-top: 12px;
}

#promotionform input {
	height: 14px;
	border: 1px solid #d40b0b;
	padding: 2px;
	text-align: center;
	margin-left: 5px;
}

#panier .buttommenu {
	background-color: #d40b0b;
	margin: 10px 0 12px 0;
	height: 28px;
	float: left;
	width: 100%;
}

#panier .buttommenu li {
	float: right;
}

#panier .buttommenu input {
	display: block;
	color: #FFF;
	line-height: 16px;
	text-transform: uppercase;
	text-decoration: none;
	border-left: 1px solid #FFF;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	
	padding: 0 10px;
}

#panier .buttommenu input:hover {
	cursor: pointer;
}

#user ul li {
	width: 330px;
	margin-bottom: 40px;
	background-color: #ff7070;
	float: left;
	padding-bottom: 15px;
	display: inline;
	margin-top: 12px;
}

#user.address ul #billingaddress {
	margin-left: 12px;
}

#user ul li h3 {
	background-color: #d40b0b;
	color: #FFF;
	line-height: 27px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding-left: 10px;
	margin: 0;
}

#user ul li p {
	clear: both;
	margin: 12px 12px 12px 108px;
}

#user ul li .form-row {
	clear: left;
	height: 22px;
	margin-top: 10px;
}

#user ul li .form-row label {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 8px;
	line-height: 22px;
}

#user ul li .form-row input {
	width: 182px;
	height: 14px;
	float: left;
	border: 1px solid #d40b0b;
	font-size: 12px;
	padding: 4px;
}

#user ul li .form-row input.narrow {
	width: 122px;
}

#user ul li .form-row input.wide {
	width: 231px;
}

#user ul li .submit {
	display: block;
	color: #FFF;
	font-size: 12px;
	background-color: #d40b0b;
	border: 2px solid #d40b0b;
	padding: 4px 30px;
	
	margin-left: 108px;
}
#user.identification .form-checkbox-row {
 clear: left;
 min-height: 22px;
 margin-top: 12px;
}

#user.identification .form-checkbox-row span {
 display: block;
 width: 100px;
 float: left;
 text-align: right;
 margin-right: 8px;
}

#user.identification .form-checkbox-row label {

 display: block;

}


#user ul li .submit:hover {
	background-color: #ff7070;
	
	cursor: pointer;
	text-decoration: none;
}

/* @end */

/* @group User Identification */



#user.identification ul.options {
	margin: 12px 12px 0 12px;
	float: none;
}

#user.identification ul.options li {
	margin: 0;
	padding: 0;
	float: none;
}

#user.identification li.register ul.options a {
	display: inline;
	color: #FFF;
	font-size: 12px;
	background-color: #d40b0b;
	border: 2px solid #d40b0b;
	padding: 4px 30px;
	text-decoration: none;
}

#user.identification li.register ul.options a:hover {
	background-color: #ff7070;
}

#user.identification ul .register {
	margin-left: 12px;
}

/* @end */

/* @group User Registration */

#user.inscription {
	background-color: #ff7070;
	margin-top: 24px;
        
}

#user.inscription h3 {
	background-color: #d40b0b;
	color: #FFF;
	line-height: 27px;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	padding-left: 10px;
	margin: 0;
}

#user.inscription .form-row {
	clear: both;
	
}

#user.inscription .form-row label {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 8px;
	line-height: 22px;
}

#user.inscription .form-row input {
	width: 220px;
	height: 14px;
	float: left;
	border: 1px solid #CC9867;
	font-size: 12px;
	padding: 4px;
}

#user.inscription .form-row input.narrow {
	width: 122px;
}

#user.inscription .form-row input.wide {
	width: 431px;
}


#user .form-note,
#user .form-error,
#user .form-success {
	color: #d40b0b;
	font-weight: bold;
	clear: left;
	padding-left: 200px;
	/*margin-top: 0;
	display: block;
	
	margin-bottom: 10px;
	
	line-height: 15px;
	font-size: 10px;
	padding-right: 30px;
	float: left;
	width: auto;
	*/
}

#user .form-error {
	color: red;
}

#user .form-success {
	color: green;
}
/*
#user .captcha .form-note,
#user .captcha img {
	margin-left: 208px;
	padding: 0;
}

#user .captcha img {
	margin-bottom: 15px;
	clear: both;
}
*/
#user.inscription input.submit {
	display: block;
	color: #FFF;
    height: 30px;
	font-size: 12px;
	background-color: #d40b0b;
	padding: 4px 30px;
	border-style: none;
	margin:  10px  10px 10px 208px;
	cursor: pointer;
}

#user.inscription .submit:hover {
	background-color: #F42b2b;
	
	text-decoration: none;
}

/* @end */
.c_g_v .pages{
        text-align: justify;
}
.article,
.guestbook{
        clear: both;
        margin: 10px;
        padding: 10px;
}
.paire{
        background: url(/uploads/Image/mmcBlockBackground.gif);
}
.impaire{
        background: url(/uploads/Image/mmcBlockBackground2.gif);
}
.guestbook form
{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        border: 2px solid #d40b0b;
        padding: 10px;
}
.guestbook .form-row label
{
        width: 30%;
        text-align: right;
        float: left;
        clear: left;
        margin: 5px;
        color: #d40b0b;
}
.guestbook .form-row textarea,
.guestbook .form-row input
{
        width: 60%;
        float: left;
        margin: 5px;
}
.guestbook  .submit
{
        margin-left: 75%;
        width: 80px;
        padding: 5px;
        background: #d40b0b;
        color: #FFF;
        border: 1px solid #fff;
        
}
#grille_tarif .pays
{
height: 20px;
text-align: right;
padding: 4px;
}
#grille_tarif .montant
{
text-align: center;
border-left: 1px solid #FFF ;
border-right: 1px solid #FFF;
}
body.tarif #content {
        text-align: center;
}
body.tarif #content #wrapper{
        width: 300px;
}
body.tarif #content h1
{
        width: 246px;
        color: #FFF;
        font-size: 15px;
        text-align: center;
        padding: 0px;
        margin: 4px;
   background:  url(fondMenuTitle-trans.png) no-repeat;
}
#grille_tarif th{
        padding: 4px;
}

body.contact  #content ul li {
       margin: 10px;
        float: left;
	width: 340px;
}
body.contact #content .form-row {
        padding: 4px;
	
}
body.contact #content .form-row label
{
        width: 65px;
        margin: 4px;
        float: left;
        text-align: right;
}
body.contact #content .form-row  textarea,
body.contact #content .form-row  input
{
        width: 200px;
          margin: 4px;
        float: left;
}
body.contact #content h3
{
        padding: 5px;
        background: #d40b0b;
}
.link_remooz {
        text-decoration:none;
}




.userbox-top{
        background:transparent url(../images/bloc_top.png) repeat scroll 0 0;
        height:20px;
        margin:0;
        padding:7px 30px;
        width:535px;
}
.userbox{
        background: url(../images/bloc_milieu.png);
        width: 575px;
        margin: 0;
        padding: 10px 10px;
}
.userbox-bottom{
        background: url(../images/bloc_bottom.png);
        margin:0 0 20px;
        width:595px;
        height: 13px;
}
#utilisateur_titre{
        background:transparent url(../images/utilisateur_titre.png) repeat scroll 0 0;
        height:13px;
        padding:20px 40px;
        width:333px;
}
.userbox form .form_row label{
        float:left;
margin-right:5px;
text-align:right;
width:38%;
}
.userbox form .form_row input{
        width: 55%;
        float: left;
        
}
.userbox input.button{
        background: url(../images/boutton_config.png);
        width: 200px;
        height: 42px;
        color: #FFF;
        border: none;
        float: right;
        clear: left;
        margin-right: 20px;
}
.userbox table td,
.userbox table th{
     padding:1px 10px;
}