a {
    color:#424242;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}





.erreur {
    margin:0;
    padding:0;
    color:#990000;
    text-align:left;
    font-weight:normal;
}

.obligatoire {
    
    padding:0;   
    text-align:left;
    color:#990000;
    font-size:10px;
    font-weight:normal;
}





.titre-123, .sous-titre-123 {
    margin:0 0 20px 0;
    padding:0;
    height:44px;
    font-weight:bold;
}
.titre-123 {
    color:#FFFFFF;
    font-size:18px;
}
.sous-titre-123 {
    color:#000000;
    font-size:15px;
}

.titre-123 .titre-1, .sous-titre-123 .clear {
    clear:left;
}

.titre-123 .titre-1, .sous-titre-123 .titre-1 {
    margin:0;
    padding:0;
    width:10px;
    height:44px;
    float:left;
}
.titre-123 .titre-1 {
    background:url("images/titre1.png");
}

* html .titre-123 .titre-1{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titre1.png');
}
.sous-titre-123 .titre-1 {
    background:url("images/sous-titre1.png");
}

* html .sous-titre-123 .titre-1{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sous-titre1.png');
}

.titre-123 .titre-2, .sous-titre-123 .titre-2 {
    margin:0;
    float:left;
    text-align:left;
}
.titre-123 .titre-2 {
    height:34px;
    padding:10px 19px 0 15px;
    background:url("images/titre2.png");
}

* html .titre-123 .titre-2 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titre2.png',sizingMethod='scale');
}

.sous-titre-123 .titre-2 {
    height:32px;
    padding:12px 19px 0 15px;
    background:url("images/sous-titre2.png");
}

* html .sous-titre-123 .titre-2 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sous-titre2.png',sizingMethod='scale');
}

.titre-123 .titre-3, .sous-titre-123 .titre-3 {
    margin:0;
    padding:0;
    width:10px;
    height:44px;
    float:left;
}
.titre-123 .titre-3 {
    background:url("images/titre3.png");
}

* html .titre-123 .titre-3 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/titre3.png');
}

.sous-titre-123 .titre-3 {
    background:url("images/sous-titre3.png");
}

* html .sous-titre-123 .titre-3 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sous-titre3.png');
}




.box {
    margin:0;
    padding:0;
}
.box .A1 {
    width:26px;
    height:26px;
    background:url("images/box-A1.png");
}

* html .box .A1 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-A1.png');
}


.box .A2 {
    height:26px;
    background:url('images/box-A2.png');
}

* html .box .A2 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-A2.png',sizingMethod='scale');
}


.box .A3 {
    width:26px;
    height:26px;
    background:url("images/box-A3.png");
}


* html .box .A3 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-A3.png');
	
}

.box .B1 {
    width:26px;
    background:url("images/box-B1.png");
}


* html .box .B1 {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-B1.png',sizingMethod='scale');
}


.box .B2 {
    background:url("images/box-B2.png");
}


* html .box .B2 {
	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-B2.png',sizingMethod='scale');
}


.box .B3 {
    width:26px;
    background:url("images/box-B3.png");
}


* html .box .B3{
	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-B3.png',sizingMethod='scale');
}

.box .C1 {
    width:26px;
    height:26px;
    background:url("images/box-C1.png");
}


* html .box .C1{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-C1.png');
}

.box .C2 {
    height:26px;
    background:url("images/box-C2.png");
}

* html .box .C2{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-C2.png',sizingMethod='scale');
}

.box .C3 {
    width:26px;
    height:26px;
    background:url("images/box-C3.png");
}

* html .box .C3{
	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box-C3.png');
}



.prec {
    margin:50px 0 0 0;
    padding:0;
    text-align:center;
}










#panier {
    position:absolute;
    top:0;
    margin:0 0 0 748px;
    padding:0 5px 0 0;
    background:url("images/panier.png");
    width:197px;
    height:99px;
    font-size:11px;
}

* html #panier{
	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/panier.png');
	
}

#panier .compte {
    margin:0;
    padding:0;
    text-align:right;
    position:relative;
    top:3px;
    left:-20px;
}

#panier .articles {
    margin:0;
    padding:0;
    position:relative;
    top:15px;
    left:100px;
}

#panier .total {
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
    top:20px;
    left:0px;
}

#panier .contenu {
    margin:0;
    padding:0;
    height:63px;
    position:relative;
    top:-23px;
    left:0px;
    text-align:center;
}
#panier .contenu a {
    display:bloc;
}
#panier .contenu ul {
    margin:0;
    padding:0;
    height:63px;
    cursor:pointer;
}
#panier .contenu li {
    margin:0;
    padding:47px 0 0 0;
    list-style:none;
}










#creercompte {
    margin:20px;
    padding:0;
    text-align:center;
}

#creercompte .titre-123 {
    margin-left:auto;
    margin-right:auto;
    width:373px;
}

#creercompte .titre-2 {
    width:319px;
}

#creercompte .box {
    margin:0 auto;
}

#creercompte form {
    margin:0;
    padding:0;
    width:330px;
    text-align:right;
    font-weight:bold;
}

#creercompte input {
    width:175px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#creercompte select {
    width:180px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#creercompte .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}










#connexion {
    margin:0;
    padding:20px;
    overflow:auto;
    text-align:center;
}

#connexion .dejaClient {
    margin:0;
    padding:0;
    width:350px;
    float:left;
}

#connexion .titre-123 {
    margin-left:auto;
    margin-right:auto;
    width:326px;
}

#connexion .titre-2 {
    width:272px;
}

#connexion .box {
    margin:0 auto;
}

#connexion .nouveauClient {
    margin:0;
    padding:0;
    width:350px;
    float:right;
}

#connexion form {
    margin:0;
    padding:0;
    width:280px;
    text-align:right;
    font-weight:bold;
}

#connexion input {
    width:175px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#connexion .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}










#mdpoublie {
    margin:20px;
    padding:0;
}

#mdpoublie .box {
}

#mdpoublie form {
    margin:0;
    padding:0;
    text-align:right;
    font-weight:bold;
}

#mdpoublie input {
    width:175px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#mdpoublie .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}










#moncompte {
    margin:20px;
    padding:0;
}

#moncompte p {
    margin:0 0 0 5px;
    padding:0;
}

#moncompte .coordonnees {
    margin:0 0 50px 0;
    padding:0;
    width:315px;
    float:left;
}

#moncompte .coordonnees .titre-123 .titre-2 {
    width:261px;
}

#moncompte .facturation {
    margin:0;
    padding:0;
    width:150px;
    float:left;
}

#moncompte .facturation .titre-2 {
    width:96px;
}

#moncompte .livraison {
    margin:0;
    padding:0;
    width:150px;
    float:right;
}

#moncompte .livraison .titre-2 {
    width:96px;
}

#mon compte .coordonnees .sous-titre-123 .titre-2 {
    width:96px;
}

#moncompte .adresses {
    margin:0 0 50px 0;
    padding:0;
    float:right;
}










#compte_modifier {
    margin:20px;
    padding:0;
}

#compte_modifier .mdp{
    margin:0;
    padding:0;
    width:210px;
    float:left;
}

#compte_modifier .coordonnees {
    margin:0;
    padding:0;
    width:470px;
    float:right;
}

#compte_modifier form {
    margin:0 5px 0 0;
    padding:0;
    text-align:right;
    font-weight:bold;
}

#compte_modifier input {
    width:215px;
    margin:0 0 10px 0;
    padding:3px;
    border:none;
    background:#d8d7d7;
}
#compte_modifier .mdp input {
    width:195px;
}
#compte_modifier .mdp .submit {
    width:auto;
}

#compte_modifier select {
    width:221px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#compte_modifier .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}










#adresse_ajouter {
    margin:20px;
    padding:0;
}

#adresse_ajouter .box {
    width:520px;
    margin:auto;
}

#adresse_ajouter form {
    margin:0 auto;
    padding:0;
    text-align:right;
    font-weight:bold;

}

#adresse_ajouter input {
    width:215px;
    margin:0 0 10px 0;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#adresse_ajouter select {
    width:221px;
    margin:0 0 10px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#adresse_ajouter .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}










#panier_contenu {
    margin:20px;
    padding:0;
}

#panier_contenu .box {
    width:707px;
    margin-bottom:30px;
}

#panier_contenu .sous-titre-123 {
    float:right;
}

#panier_contenu .titre-2 a {
    color:#FFFFFF;
}










#adresse {
    margin:20px;
    padding:0;
    overflow:auto;
}

#adresse .blocs {
    margin:0 auto 30px auto;
    padding:0;
    width:580px;
    overflow:auto;
}

#adresse .facturation {
    margin:0;
    padding:0;
    width:270px;
    float:left;
}

#adresse .livraison {
    margin:0;
    padding:0;
    width:270px;
    float:right;
}

#adresse .sous-titre-123 .titre-2 {
    width:216px;
}

#adresse .box .B2 {
    width:218px;
}










#livraison {
    margin:20px;
    padding:0;
    overflow:auto;
}

#livraison .sous-titre-123 {
    margin:0 auto 10px auto;
    width:570px;
}

#livraison .sous-titre-123 .titre-2 {
    width:516px;
}

#livraison .box {
    margin:0 auto 30px auto;
    width:570px;
}

#livraison .box .B2 {
    width:518px;
}

#livraison input {
    background:none;
    border:none;
    cursor:pointer;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
}










#commande {
    margin:20px;
    padding:0;
    overflow:auto;
}

#commande .sous-titre-123 {
    margin-bottom:5px;
}

#commande .blocs {
    margin:30px 0;
    padding:0;
    overflow:auto;
	width:707px;
}

#commande .blocs .facturation {
    margin:0;
    padding:0;
    float:left;
}

#commande .blocs .livraison {
    margin:0;
    padding:0;
    float:right;
}

#commande .blocs .transport {
    margin:30px 0 0 0;
    padding:0;
    float:left;
}

#commande .blocs .paiement {
    margin:30px 0 0 0;
    padding:0;
    float:right;
}

#commande .blocs .sous-titre-123 .titre-2 {
    width:246px;
}

#commande .blocs .box .B2 {
    width:248px;
}

#commande .promo {
    margin:0;
    padding:0;
    width:190px;
    text-align:right;
    font-weight:bold;
}

#commande .promo input {
    width:174px;
    margin:0 5px 10px 0;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#commande .promo .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}

#commande .obligatoire {
    margin:0;
}

#commande .cgv {
    margin:0 0 30px 0;
    text-align:center;
}

#commande .cgv input {
    margin:0 5px 0 0;
}










#commande_detail {
    margin:20px;
    padding:0;
}










#validation {
    margin:20px;
    padding:0;
}










#contact {
    width:717px;
    margin:10px 10px 10px 20px;
    padding:0;
    overflow:auto;
}

#contact-coord {
    width:326px;
    margin:0;
    padding:0;
    float:left;
    overflow:hidden;
}

#contact-coord .donnees {
    width:306px;
    height:140px;
    margin:0;
    padding:0 0 0 20px;
    overflow:hidden;
}

#contact-coord .h1 {
    font-size:24px;
    font-weight:bold;
}

#contact-coord .h2 {
    font-size:14px;
    font-weight:bold;
}

#contact .titre-2 {
    width:272px;
}

#contact-photo {
    width:381px;
    height:248px;
    margin:0;
    padding:0;
    float:right;
    overflow:hidden;
    position:relative;
}

#contact-photo .masque {
    width:381px;
    height:248px;
    margin:0;
    padding:0;
    position:absolute;
    background:url("images/contact-masque.png");
    top:0;
    left:0;
}

* html #contact-photo .masque{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-masque.png');
}

#contact .box {
    float:left;
}

#contact-form {
    width:277px;
    margin:0;
    padding:0;
    text-align:right;
    font-weight:bold;
}

#contact-form input {
    width:215px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#contact-form textarea {
    width:215px;
    height:125px;
    margin:0;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#contact-form .submit {
    margin:15px 0 5px 0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}

#contact-plan {
    width:381px;
    margin:50px 0 0 0;
    padding:0;
    float:right;
}

#contact-plan .titre-2 {
    width:322px;
}

#contact-plan .plan {
    width:381px;
    height:248px;
    margin:10px 0 0 0;
    padding:0;
    overflow:hidden;
    position:relative;
}

#contact-plan .masque {
    width:381px;
    height:248px;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:0;
}










#moncompte {
    margin:20px;
    padding:0;
}

#moncompte .box {
}

#moncompte form {
    margin:0;
    padding:0;
    text-align:right;
    font-weight:bold;
}

#moncompte input {
    width:175px;
    margin:0 0 10px 5px;
    padding:3px;
    border:none;
    background:#d8d7d7;
}

#moncompte .submit {
    margin:0;
    width:auto;
    background:none;
    cursor:pointer;
    font-weight:bold;
}