* {margin:0;padding:0;}

body { background: #d1dfe8 ;font-family: Rockwell;}

#wrapper {background: #ffffff url(../images/header.png) left top repeat-x;width:100%;margin: 0 auto;padding: 0;}
#header { padding: 15px 0px; letter-spacing: 1px; height:125px; width:800px;background: url(../images/start2.png) 600px top no-repeat;margin:0 auto;}
#headeroffre { padding: 15px 0px; letter-spacing: 1px; height:125px; width:800px;background: url(../images/offre.png) 600px top no-repeat;margin:0 auto;}

#content {width:800px;height:auto;padding: 0;margin:0 auto;}
#footer {width:100%;}
.clear {float:none;width:100%;clear:both;height:1px;overflow: hidden;}
h1 {color: #000000;font-weight:bold;font-size:45px;text-align:left;}
h2 {font-size: 25px;font-weight: 100;color: gray;}
#left {width: 380px;float:left;margin-right:40px;}
#right {width: 380px;float:left;}
#leftcommande {width: 280px;float:left;margin-right:40px;}
#rightcommande {width: 480px;float:left;}
.examples {float:none;background: white;clear:both;color: #bb005d;font-size:30px;font-weight:900;width: 800px;margin:0 auto;padding:10px 0 0 0;}
#plus {float:none;clear:both;width:404px;margin:0 auto;padding:20px 0 0 0;}
#infos {background: #bb005d;float:left;font-weight:900;width: 200px;padding:7px 0 7px 0;border-right: white 2px solid; }
#plus a{display:block;float:left;text-decoration: none;color:#ffffff;font-size:28px;text-align: center;width: 200px;}
#devis {background: #d1dfe8; float : left;font-weight:900;width: 200px;padding:7px 0 7px 0;border-left : white 2px solid; }
h3{background: url(../images/puce.png)left top no-repeat;width:362px;padding:9px 0 15px 17px;}
p {font-size: 14px;padding:0 0 0 25px;text-align:justify;margin:0 0 25px 0;}
p.home {min-height: 90px;}
#swf{width:722px;height: 237px;margin:10px auto 0 auto;}
a {color:#bb005d;text-decoration: none;}
a:hover {color:#000000;}
table {width:750px;boder:none;background-color: #d1dfe8;margin:0 auto 20px auto;font-size:13px;border-collapse:collapse; }
caption{text-align: right;font-size: 15px;margin:0 0 5px 0;}
tr {text-align: left;height:22px;}
td{text-align: left;background-color: #ffffff; }

.selected {background : #bb005d; color:white}

#tarification  tr {text-align: center;height:22px;}
#tarification  tr .magenta { background-color: #bb005d; color:white;}
#tarification td{text-align: center;background-color: #ffffff;border-width:1px;border-style:solid;border-color:#d1dfe8;vertical-align: middle; }




.prix a{height:18px;padding-top:4px;display:block;text-decoration: none;background-color: #ffffff;color:#000000;}
.prix a:hover{background-color: #bb005d;color:#ffffff;}
.vide {background-color: #ffffff;}
.commande{background-color: #bb005d;color:#ffffff}
.commande a{text-decoration: none;color:#ffffff}
.commande a:hover{color:#000000}
.coche {background: #ffffff url(images/coche.png) 50% 50% no-repeat;}
.tarifs{background-color: #bb005d;color:#ffffff}
.q{font-weight: 900;color:#bb005d;}
.question {margin:0 0 2px 0;font-weight: bold;}
.reponse {padding:0 0 0 50px}
#commandform {width:435px;background-color: #d1dfe8;float:right;display:inline;padding:10px}
#commandform h4 {font-size:14px;padding:5px 0}
#commandform input {padding:5px;margin:0 0 10px 5px}
#commandform input.large{width:405px;}
#commandform input.verif{width:405px;}
#commandform textarea {width:415px;height:120px;margin:0 auto 15px 6px;}
.informations {height:120px;}
#commandform select {padding:4px;margin:0 0 10px 0;width:100px;float:left;}
#commandform .upload {padding:4px;margin:0 0 10px 5px;width:195px;float:left;display:inline;}
#commandform .bouton {padding:4px;margin:0 0 10px 10px;width:100px;float:left;margin:4px 0 0 10px;display:inline;}
#commandform p{float:right;background-color:#bb005d;padding:2px;text-align:right;color:white;letter-spacing: 2px }
.finalisation{text-align: center;color:white;margin:0 auto;display:block;padding:5px;background:#bb005d;}
#commander {width:550px;padding:10px 0;background:#bb005d;margin:20px auto;text-align:center;color:white; }
#commander a {color:white;font-size:200%}
.texte-contact{width:400px;margin:10px auto;}
.tab-contact{width:400px;margin:10px auto;background-color: #d1dfe8;padding:5px;}
.tab-contact td {background-color: #d1dfe8;padding: 7px 0;vertical-align: top;}
td.legende{text-align:right;padding:8px 5px 0 5px;font-weight: 900;}
.tab-contact td input,textarea {width: 200px;}
h3.complementaire{background: url(../images/puce.png)left top no-repeat;width:700px;padding:9px 0 15px 17px;}
#bascontact {float:none;background: white;clear:both;color: #d1dfe8;font-size:30px;font-weight:900;width: 800px;margin:0 auto;padding:35px 0 0 0;}