/*
by griggione - http://www.griggione.fr
pour Informacorse - http://www.informacorse.fr
le 21 juin 2012
*/

/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

@font-face {
  font-family: 'CicleFina';
  src: url('fonts/fonts/Cicle_Fina.eot');
  src: url('fonts/fonts/Cicle_Fina.eot?#iefix') format('embedded-opentype'),
    url('fonts/Cicle_Fina.woff') format('woff'),
    url('fonts/Cicle_Fina.ttf') format('truetype'),
    url('fonts/Cicle_Fina.svg#CicleFina') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'RobotoRegular';
  src: url('fonts/Roboto-Regular-webfont.eot');
  src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/Roboto-Regular-webfont.woff') format('woff'),
    url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
    url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-image: url('_gfx/fondentete3.png');
  background-position: center 0;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #fffff2;
  color: #2E5C52;
  font-size: 12px;
}
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  color: #515053;
}
h1 {
  font-size: 28px;
}
h2 {
  color: #005c71;
  font-size: 1.6em;
  line-height: 1.4em;
  font-weight: normal;
  margin: 1%;
  display: block;
}
h3 {
  color: #970000;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 1%;
}
h4 {
  color: #005c71;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
h5 {
  font-size: 12px;
  margin:0;
  clear: both;
}
a, a:visited {
  color: #2E5C52;
  text-decoration: none;
}
 a:hover  {
  color: #2E5C52;
  text-decoration: underline;
}
img {
  border: 0
}
.hide {
  display: none;
}
.center {
  text-align: center;
  display: block;
}
.fond1 {
  padding: 0 5px;
  margin: 0 10px;
  background-color: #EDFEEB;
}
.fond2 {
  padding: 0 5px;
  margin: 0 10px;
  background-color: #FFF4EA;
}
.red {
  color: #FF0000;
}
.quote {
  padding: 5px;
  margin-bottom: 10px;
  background-color: ;
  font-style: italic;
}
.obligatoire {
  color: #ff0000;
}
.pointilles {
  border-bottom: 2px dotted #8c8cff;
  margin-bottom: 10px;
}
.miniature {
  max-width: 100%;
}
.couleur1 {
  color: #970000;
}
.fond1 {
  padding: 0 5px;
  margin: 0 10px;
  background-color: #EDFEEB;
}
.fond2 {
  padding: 0 5px;
  margin: 0 10px;
  background-color: #FFF4EA;
}
.icone {
  width: 16px;
}
.icone-moyenne {
  width: 32px;
}
.icone-large {
  width: 64px;
}

/* Page
-------------------------------------------------------- */

#wrapper {
  width: 1000px;
  text-align: left;
  overflow: visible;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
}
#subwrapper {
  overflow: hidden;
  position: relative;
  padding: 0;
  width: 1000px;
}

/* Entête
-------------------------------------------------------- */

#top {
  float: left;
  width: 1000px;
  margin: 5px 0 10px 0;
  color: #005c71;
  z-index: 1000;
}
#top h3 {
  color: #c40000;
  font-size: 18px;
  margin: 0 0 5px 0;
}
#top a, #top a:visited  {
  color: #c40000;
  text-decoration: underline;
}
#top h1 {
  float: left;
  width: 356px;
  display: block;
}

/* Panier
-------------------------------------------------------- */
#monPanier {
  float: left;
  width: 230px;
  margin-left: 100px;
  border: 1px solid #005c71;
  padding: 0 0 0 10px;
  height: 80px;
}
#monPanier:hover {
  border: 1px solid #85c0b6;
}
#monPanier h3 {
  margin: 10px 0 0 0;
}
#monPanier h3 img {
  vertical-align: middle;
  margin: -30px 0 0 180px;
}
#contenuPanier {
  padding: 0;
  list-style: none;
  z-index: 1000;
  position: relative;
  _position:absolute;
}
ul#contenuPanier , ul#contenuPanier li {
  margin: 0;
  padding: 0;
  list-style:none;
  background: transparent;
  width: 220px;
  font-weight: ;
}
ul#contenuPanier li a, ul#contenuPanier li a:visited {
  font-size: 12px;
  color: #005c71;
  font-weight: ;
  margin: 0;
  padding: 4px 3px;
  width: 212px;
  display: block;
  background-color: #ffffff;
  background-image: url(_gfx/fondContenuPanier.gif);
  background-repeat: no-repeat;
  background-position: right center;
  border: solid 1px #005c71;
}
ul#contenuPanier li ul {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#contenuPanier li ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
ul#contenuPanier li ul li a, ul#contenuPanier li ul li a:visited {
  display: block;
  float: left;
  background-color: #85C0B6;
  background-image: none;
  font-size: 11px;
  color: #005c71;
  text-decoration: none;  
  margin: 0;
  padding: 4px 3px;
  border: solid 1px #005c71;
  border-top: none;
}
 ul#contenuPanier li ul li a.totalCommande, ul#contenuPanier li ul lia.totalCommande:visited {
  font-size: 1em;
  color: #005c71;
  margin: 0;
  padding: 4px 3px;
  display: block;
  float: left;
  background-color: #005c71;
  background-image: none;
}
ul#contenuPanier li a:hover, ul#contenuPanier li ul li a:hover {
  display: block;
  background-color: #dffaff;
  color: #005c71;
  text-decoration: none;  
}
span.nomArticle, span.titreTotal {
  margin: 0;
  width: 160px;
  float: left;
}
span.quantite {
  width: 30px;
  float: left;
}
span.total {
  float: right;
  text-align: right;
  width: 50px;
}

/* Compte
-------------------------------------------------------- */

#monCompte {
  float: right;
  width: 250px;
  margin: 0;
  border: 1px solid #005c71;
  padding: 0 0 0 10px;
  height: 80px;
}
#monCompte:hover {
  border: 1px solid #85c0b6;
}
#monCompte h3 img {
  vertical-align: middle;
  margin-left: 90px;
}
#monCompte form {
  float: left;
  padding: 0;
  margin: 0;
}
#monCompte form p { 
  padding: 0;
  margin: 0;
  float: left;
}
#monCompte form input {
  margin: -8px 5px 0 0;
  padding: 2px;
  width: 90px;
  border: solid 1px #0037aa;
  font-family: Arial, Helvetica, sans-serif;
  color: #005c71;
  font-size: 12px;
  font-weight: bold;
  background-color: #ffffff;
  float: left;
}
#monCompte form button.bouton { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: -8px 0 0 0; 
  padding: 0;  
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  background: none;
  font-size: 13px;
  font-weight: bold;
  border: none;
}
#monCompte form button.bouton span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 8px;        /* Largeur du côté gauche */ 
  margin: 0;
  vertical-align: middle;
  background-color: #005c71;
  border: solid 1px #ffffff;
}
#monCompte form button.bouton span span {
  padding: 0 8px 0 0;
  border: none;
  color: #ffffff;
  height: 18px;
  line-height: 18px; /* Alignement vertical du texte et largeur du côté droit*/
}
#monCompte .menu {
  font-size: 12px;
  float: left;
  width: 245px;
  color: #005c71;
  font-weight: bold;
  margin: 5px 0 0 0;
  padding: 0;
}

/* flash
-------------------------------------------------------- */
#flash1 {
  float: left;
  margin: 3px 0 15px 1px;
}

/* Chemin
-------------------------------------------------------- */

#chemin {
  width: 1000px;
  color: #0094b3;
  font-size: 14px;
  font-weight: ;
  margin: 5px 0 5px 0;
  padding: 0 0 0 20px;
}
#chemin a:link, #chemin a:visited {
  color: #0094b3;
  text-decoration: underline;
}
#chemin a:hover {
  color: #85c0b6;
  text-decoration: underline;
}

/* Bloc
-------------------------------------------------------- */
#bloc
{
  width: 1000px;
  height: 100%;
}

/* Colonne Gauche
-------------------------------------------------------- */

#moteurEtCatalogue {
  float: left;
  width: 160px;
  padding: 0;
  margin: 0;
}
.accueil, .accueil2, .menuCatalogue {
  float: left;
  padding: 0;
  margin: 0 0 4px 0;
  width: 100%;
}
.accueil ul, .menuCatalogue ul {
  padding: 0;
  margin: 0 0 -2px 0;
  list-style: none;
}
.accueil2  ul {
  padding: 0;
  margin: 2px 0 2px 0;
  list-style: none;
}
.menuCatalogue ul li a  {
  text-decoration: none;
  color: #c40000;
  margin: 0;
  display: block;
  border: #c40000 solid 1px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 0 5px 10px;
}
.menuCatalogue ul li a.selection {
  text-decoration: none;
  /* border: #4646FF solid 1px; */
  background-color: #4646FF;
  border-radius: 5px;
  color: #ffffff;
}
.accueil2 ul li  {
  font-size: 14px;
  font-weight: bold;
  margin: -5px 0 -5px 0;
  text-decoration: none;
  color: #00809B;
  display: block;
  background-image: url('_gfx/fondaccueil.png');
  background-repeat: no-repeat;
  padding: 5px 0 5px 10px;
}
.accueil2 ul li:hover {
  text-decoration: none;
  background-image: url('_gfx/fondaccueil2.png');
  background-repeat: no-repeat;
  color: #DFFAFF;
}
.accueil3 {
  float: left;
  margin: -10px 0 0 -40px;
}
.accueil3 ul {
  list-style: none;
}
.accueil3 ul  li{
  text-decoration: none;
  margin-bottom: 5px;
}
.menuCatalogue ul li {
  font-size: 1.1em;
  padding: 0;
  margin: 0 0 2px 0;
}
.menuCatalogue ul li a  {
  text-decoration: none;
  color: #c40000;
  margin: 0;
  display: block;
  border: #c40000 solid 1px;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 5px 0 5px 10px;
}
.menuCatalogue ul li a.selection {
  text-decoration: none;
  /* border: #4646FF solid 1px; */
  background-color: #4646FF;
  border-radius: 5px;
  color: #ffffff;
}
.menuCatalogue ul li ul {
}
.menuCatalogue ul li ul li {
  font-size: 14px;
  margin: 3px 0 0 20px;
  text-indent: 8px;
}
.menuCatalogue ul li ul li a {
  text-decoration: none;
  border: #4646FF solid 1px;
  background-color: #ffffff;
  border-radius: 5px;
  color: #005c71;
  padding: 4px 0 4px 0;
  margin: 0;
}
.menu1 ul.niveau1 li.sousmenu:hover ul.niveau2{
  display: block;
}
.menu1 ul .niveau2 {
  top: 25px;
}
.menu1 li{
  width: 160px;
}
.menu1 li:hover {
  width: 160px;
  z-index: 5;
}
.menu1 li.sousmenu:hover {
  z-index: 10;
}
.menu1 ul  li{
  position: relative; 
}
.menu1 ul ul{
  position: absolute; 
  display: none;
}

/* Contenu
-------------------------------------------------------- */

#contenu {
  float: left;
  width: 640px;
  height: 100%;
  margin: 0 0 5px 10px;
  padding: 10px;
  border: #0094b3 solid 1px;
  background-color: #ffffff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
  behavior: url(template/border-radius.htc);
}
#contenu form  {
  margin-left: 100px;
}
.obligatoire {
 font-size: 20px;
 color: #ff0000; 
}
#commandes {
  float: left;
  width: 640px;
  height: 100%;
  margin: 0 0 5px 5px;
}

/* Dossiers
-------------------------------------------------------- */

#dossier {
  margin:0;
  padding:0;
}
#dossier .image {
  margin: 10px 10px 10px 0;
  padding: 1px;
  border: solid 1px #53A895;
  float: left;
}


/* Bloc Mozaïque (utilisé en page d'accueil et en page produit)
-------------------------------------------------------- */

.blocMozaique {
  float: left;
  margin: 3px 0 3px 0;
  padding :0;
  width: 630px;
}
.blocMozaique h3 {
  height: 25px;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  padding: 3px 0 0 200px;
  background-color: #0089A6;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(template/border-radius.htc);
}
.blocMozaique h3:hover {
  font-weight: bold;
  color: #0094B3;
  background-color: #C6F5FF;
}
.blocMozaique .contenu {
  float: left;
  width: 630px;
  margin: 0;
  padding: 0;
}
.blocMozaique .contenu ul.image {
  padding: 0;
  list-style: none;
  border: none;
  width: 630px;
  float: left;
}
.blocMozaique .contenu ul.image li {
  margin: 0 2px 0 2px;
  _margin: 0;
  padding: 0;
  border: none;
  float: left;
}
.blocMozaique .contenu ul.image li a, .blocMozaique .contenu ul.image li a:visited  {
  border: 1px solid #53A895;
  margin: 0 1px 0 0;
  _margin: 0;
  padding: 1px;
  height: 69px;
  width: 69px;
  float: left;
  display: block;
  background-color: #ffffff;
  overflow: hidden;
  zoom: 0;
  text-align: center;
}
.blocMozaique .contenu ul.image li a:hover {
  border: 2px solid #2D5751;
  background-color: #DDEEEB;
  padding: 0;
}

/* colonne Droite
---------------------------------------------------------*/
#colD {
  margin-left: 840px;
  width: 160px;
  padding: 0 0 5px 0;
  color: #ffffff;
}

/* whois
-------------------------------------------------------- */
.whois {
  margin: 0 0 2px 0;
  width: 155px;
  height: 100px;
  display: block;
  float: left;
  background-color: #ffffff;
  border: solid 1px #0094b3;
  border-radius: 8px;
}
.whois p {
  margin: 5px 0 0 5px;
  font-size: 17px;
  font-weight: bold;
  color: #0094B3;
}
.whois  a {
  font-size: 17px;
  margin-left: 5px;
  line-height: 13px;
}

/* Recherche
-------------------------------------------------------- */
#moteurDeRecherche {
  margin: 0 0 3px 0;
  width: 155px;
  display: block;
  float: left;
  background-color: #ffffff;
  border: solid 1px #c40000;
  border-radius: 5px;
}
#moteurDeRecherche h4 {
  color: #c40000;
  margin: 5px;
}
#moteurDeRecherche form {
  margin: 0;
  padding:0;
  border: none;
}
#moteurDeRecherche form p {
  margin: 0;
  padding: 0;
  float: right;
}
#moteurDeRecherche form input {
  margin: 0 0 3px 5px;
  padding: 2px 0 0 5px;
  width: 95px;
  border: solid 1px #c40000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #FFE8E8;
  color: #c40000;
  font-weight: ;
  float: left;
}
#moteurDeRecherche form button.bouton { 
  display: -moz-inline-box; 
  display :inline-block; 
  margin: 0 3px 0 0;   
  padding: 0; 
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer;    
  border: none; 
  font-size: 13px;
}
#moteurDeRecherche form button.bouton span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 5px;        /* Largeur du côté gauche */ 
  margin: 0;
  vertical-align: middle;
  background-color: #c40000;
  border: solid 1px #ffe8e8;
}
#moteurDeRecherche form button.bouton span span {
  padding: 0 5px 0 0;
  border: none;
  color: #FFFfff;
  height: 18px;
  line-height: 18px; /* Alignement vertical du texte et largeur du côté droit*/
}

/* Contact
-------------------------------------------------------- */
.contact {
  margin: 0 0 2px 0;
  width: 155px;
  height: 90px;
  display: block;
  float: left;
  background-color: #ffffff;
  border: solid 1px #0094b3;
  border-radius: 8px;
}
.contact h3{
  margin: 5px;
}
.contact h3 a {
  color: #0094B3;
}
.contact p {
  margin: 5px;
}
.contact  a {
  text-decoration: none;
  padding: 0;
  margin-left: 2px;
}

/* Lettre
--------------------------------------------------------*/
.lettre {
  margin: 0 0 2px 0;
  width: 155px;
  height: 87px;
  display: block;
  float: left;
  background-color: #ffffff;
  border: solid 1px #c40000;
  border-radius: 8px;
}
.lettre h3 {
  margin: 5px;
}
.lettre h3 a{
  color: #c40000;
}
.lettre p {
  margin: 5px;
}
.lettre  a {
  text-decoration: none;
  padding: 0;
  margin-left: 2px;
}

/* Moyens de paiement
-------------------------------------------------------- */
.moyensDePaiement {
  margin: 0 0 2px 0;
  width: 155px;
  height: 320px;
  display: block;
  float: left;
  background-color: #ffffff;
  border: solid 1px #0094b3;
  border-radius: 8px;
}
.moyensDePaiement  h3{
  color: #0094B3;
  margin: 5px;
}
.moyensDePaiement ul, .moyensDePaiement ul li {
  list-style: none;
  margin: 0;
  padding: 0 0 1px 3px;
  border: none;
}

/* Langues
-------------------------------------------------------- */
ul#langues {
  float: left;
  width: 980px;
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0 10px 0 0;
  background-color: #2D5751;
  border-top: solid 3px #18322D;
  list-style: none;
}
ul#langues li {
  float: right;
  padding: 0;
  margin: 0;
  border: none;
  list-style: none;
}
ul#langues li a, ul#langues li a:visited {
  display: block;
  width: 34px;
  height: 24px;
  overflow: hidden;
}
ul#langues li a.fr {
  background-image: url(_gfx/drapeaux.gif);
  background-position: 0 -24px;
}
ul#langues li a.uk {
  background-image: url(_gfx/drapeaux.gif);
  background-position: -34px -24px;
}
ul#langues li a.spa {
  background-image: url(_gfx/drapeaux.gif);
  background-position: -68px -24px;
}
ul#langues li a:hover.fr, ul#langues li a.frSelection {
  background-image: url(_gfx/drapeaux.gif);
  background-position: 0 0;
}
ul#langues li a:hover.uk, ul#langues li a.ukSelection {
  background-image: url(_gfx/drapeaux.gif);
  background-position: -34px 0;
}
ul#langues li a:hover.spa, ul#langues li a.spaSelection {
  background-image: url(_gfx/drapeaux.gif);
  background-position: -68px 0;
}

/* Bloc nouveauté (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocNouveaute {
  float: left;
  margin: 0 0 10px 0;
  width: 310px;
}
.blocNouveaute h3 {
  margin: 0;
}
.blocNouveaute h3 a, .blocNouveaute h3 a:visited {
  color: #ffffff;
  display: block;
  padding: 3px 0 0 100px;
  margin: 0;
  background-color: #0C00FD;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(template/border-radius.htc);
}
.blocNouveaute h3 a:hover {
  color: #0900A4;
  text-decoration: none;
  background-color: #D9D7FF;
}
.blocNouveaute h4 a, .blocNouveaute h4 a:visited {
  color: #0900A4;
}
.blocNouveaute h4 a:hover {
  text-decoration: underline;
}
.blocNouveaute .contenu {
  float: left;
  width: 295px;
  margin: 1px 0 0 0;
  padding: 10px;
  background: #ffffff url('_gfx/ombre_right.png') right repeat-y;
}
.blocNouveaute .contenu a.image, .blocNouveaute .contenu a.image:visited {
  border: 1px solid #0900A4;
  margin: 0;
  padding: 1px;
  height: 120px;
  width: 120px;
  float: left;
  text-align: center;
  display: block;
  overflow: hidden; 
}
.blocNouveaute .contenu a.image:hover {
  border: 2px solid #0900A4;
  padding: 0;
}
.blocNouveaute .contenu .description {
  float: right;
  font-size: 12px;
  padding: 0;
  width: 155px;
}
.blocNouveaute .contenu .description .chapo {
  color: #0900A4;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  padding: 0;
}
.blocNouveaute .contenu .description .prixProduit {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  margin: 5px 0 0 0;
  padding: 0;
  display: block;
}
.blocNouveaute .contenu .description p {
  margin: 0;
  padding: 0;
}
.blocNouveaute a.acheter, 
.blocNouveaute button.acheter { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 5px 0 0 0; 
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background: none; 
} 
.blocNouveaute a.acheter span, 
.blocNouveaute button.acheter span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 5px; 
  vertical-align: middle;
  background-color: #DDDDFF;
} 
.blocNouveaute a.acheter span span, 
.blocNouveaute button.acheter span span {
  color: #0900A4;
  height: 24px; 
  padding: 0 5px 0 0; 
  line-height: 23px; 
  border: none;
} 
.blocNouveaute a.acheter:hover span, 
.blocNouveaute button.acheter:hover span {
  text-decoration: none;
  color: #ffffff;
}
.blocNouveaute a.toutesLesNouveautes, .blocNouveaute a.toutesLesNouveautes:visited {
  display: block;
  float: left;
  width: 100%;
  margin: 1px 0 0 0;
  padding: 5px 0;
  color: #0900A4;
  font-weight: bold;
  text-indent: 10px;
  background-color: #DDDDFF;
}
.blocNouveaute a.toutesLesNouveautes:hover {
  color: #0900A4;
  text-decoration: none;
  border: #0900A4 solid 1px;
}

/* Bloc promotion (utilisé en page index_page.html + rubrique.html)
-------------------------------------------------------- */

.blocPromo {
  float: right;
  margin: 0 0 10px 0;
  width: 310px;
}
.blocPromo h3 {
  margin: 0;
}
.blocPromo h3 a, .blocPromo h3 a:visited {
  color: #ffffff;
  display: block;
  padding: 3px 0 0 100px;
  margin: 0;
  background-color: #C40000;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(template/border-radius.htc);
}
.blocPromo h3 a:hover {
  color: #A40000;
  text-decoration: none;
  background-color: #FFB3B3;
}
.blocPromo h4 a, .blocPromo h4 a:visited {
  color: #880000;
}
.blocPromo h4 a:hover {
  text-decoration: underline;
}
.blocPromo .contenu {
  float: left;
  width: 295px;
  margin: 1px 0 0 0;
  padding: 10px;
  background: #ffffff url('_gfx/ombre_right.png') right repeat-y;
}
.blocPromo .contenu a.image, .blocPromo .contenu a.image:visited {
  border: 1px solid #880000;
  margin: 0;
  padding: 1px;
  height: 120px;
  width: 120px;
  float: left;
  text-align: center;
  display: block;
  overflow: hidden; 
}
.blocPromo .contenu a.image:hover {
  border: 2px solid #880000;
  padding:0;
}
.blocPromo .contenu .description {
  float: right;
  font-size: 12px;
  padding: 0;
  width: 150px;
}
.blocPromo .contenu .description .chapo {
  color: #880000;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  padding: 0;
}
.blocPromo .contenu .description .prixProduit {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  margin: 5px 0 0 0;
  padding: 0;
  display: block;
}
.blocPromo .contenu .description p {
  margin: 0;
  padding: 0;
}
.blocPromo a.acheter, 
.blocPromo button.acheter { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 5px 0 0 0; 
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background: none; 
} 
.blocPromo a.acheter span, 
.blocPromo button.acheter span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 5px; 
  vertical-align: middle;
  background-color: #FFC6C6;
} 
.blocPromo a.acheter span span, 
.blocPromo button.acheter span span {
  color: #880000;
  height: 24px; 
  padding: 0 5px 0 0; 
  line-height: 23px; 
} 
.blocPromo a.acheter:hover span , 
.blocPromo button.acheter:hover span {
  text-decoration: none;
  color: #ffffff;
} 
.blocPromo a.toutesLesPromos, .blocPromo a.toutesLesPromos:visited {
  display: block;
  float: left;
  width: 100%;
  margin: 1px 0 0 0;
  padding: 5px 0;
  color: #880000;
  font-weight: bold;
  text-indent: 10px;
  background-color: #FFC6C6;
}
.blocPromo a.toutesLesPromos:hover {
  color: #880000;
  text-decoration: none;
  border: #7d8800 solid 1px;
}


/* Etapes de commande
-------------------------------------------------------- */

#etapesDeCommande {
  float: left;
  width: 620px;
  color: #2E5C52;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 0;
  background-color: #ffffff;
}
#etapesDeCommande ul {
  margin: 0;
  padding: 0;
  list-style:none;
  float: left;
  width: 620px;
}
#etapesDeCommande ul li {
  color: #85C0B6;
  width: 307px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  float: left;
  border: solid 1px #53A895;
}
#etapesDeCommande ul li.selection {
  color: #ffffff;
  border: solid 1px #53A895;
  background-color: #2d5751;
}
#etapesDeCommande ul li span {
  color :#ffffff;
  font-size: 18px;
  margin: 0 3px 0 0;
  padding: 0 5px;
  background-color: #53A895;
}
#etapesDeCommande ul li span.chiffreSelection {
  color: #ffffff;
  background-color: #2E5C52;
  border-right: solid 1px #53A895;
}

/* Bloc "adresse de livraison" & "adresse de facturation" 
-------------------------------------------------------- */

.adresseDefacturation {
  float: left;
  margin: 0 0 20px 0;
  width: 345px;
}
.adresseDeLivraison {
  float: left;
  margin: 0 0 20px 0;
  width: 345px;
}
.adresseDeLivraisonRecap {
  float: left;
  margin: 0 0 20px 0;
  width: 345px;
}
.adresseDeLivraison h3, .adresseDefacturation h3, .adresseDeLivraisonRecap h3 {
  display: block;
  padding: 5px 0 7px 0;
  margin: 0;
  height: 20px;
}
.adresseDeLivraison h4 {
  width: 335px;
  margin: 5px 0 0 0;
  padding: 5px 0 7px 0;
  float: left;
}
.adresseDeLivraison .contenu, .adresseDefacturation .contenu {
  float: left;
  width: 335px;
  margin: 1px 0 0 0;
  padding: 0 0 10px 0;
}
.adresseDeLivraisonRecap .contenu {
  float: left;
  width: 345px;
  margin: 1px 0 0 0;
  padding: 10px;
  font-size: 14px;
}
.adresseDeLivraison ul {
  list-style:none;
  margin: 0;
  padding:0;
  width: 345px;
  float: left;
}
.adresseDeLivraisonRecap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 710px;
  float: left;
}
.adresseDeLivraison ul li, .adresseDeLivraisonRecap ul li {
  margin: 0;
  padding:0;
  font-size: 12px;
  font-weight: bold;
}
.adresseDeLivraison ul li a, .adresseDeLivraisonRecap ul li a,
.adresseDeLivraison ul li a:visited, .adresseDeLivraisonRecap ul li a:visited {
  color: #ffffff;
  display: block;
  background-color: #93CABD;
  border-top: solid 1px #fff;
  padding: 3px 0 3px 10px;
}
a.modifierOuAjouter, a.modifierOuAjouter:visited {
  font-size: 12px;
  font-weight: bold;
  border-top: solid 1px #fff;
  color: #ffffff;
  display: block;
  clear: both;
  background-color: #93CABD;
  padding: 3px 0 3px 10px;
}
.adresseDeLivraison ul li a:hover, .adresseDeLivraisonRecap ul li a:hover, a.modifierOuAjouter:hover {
  text-decoration: none;
  background-color: #53A895;
}

/* Bloc "Mode de livraison" 
-------------------------------------------------------- */

.choixDeLaLivraison {
  float: left;
  width: 640px;
  margin: 0;
  padding: 0;
}
.choixDeLaLivraison ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 640px;
}
.choixDeLaLivraison ul li{
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}
.choixDeLaLivraison span.modeDeLivraison, .choixDeLaLivraison span.choisir {
  color: #2E5C52;
  line-height: 37px;
  width: 300px;
  margin: 0;
  padding: 0;
  background-color: #93CABD;
  float: left;
  text-indent: 10px;
  height: 30px;
}
.choixDeLaLivraison span.choisir {
  background-color:transparent;
  color:#ffffff;
}
.choixDeLaLivraison ul li a, .choixDeLaLivraison ul li a:visited {
  height: 30px;
  color: #ffffff;
  display: block;
  background-color: #53A895;
  border-top: solid 1Px #ffffff;
}
.choixDeLaLivraison ul li a:hover {
  text-decoration:none;
  background-color:#53A895;
}

/* Bloc "Mode du reglement" 
-------------------------------------------------------- */

.choixDuReglement {
  float: left;
  width: 400px;
  margin: 0;
  padding: 0;
}
.choixDuReglement ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 370px;
}
.choixDuReglement ul li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}
.choixDuReglement ul li a, .choixDuReglement ul li a:visited , .choixDuReglement ul li a:hover{
  height: 26px;
  color: #ffffff;
  display: block;
  background-color: #53A895;
  border-top: solid 1Px #ffffff;
  text-indent: 10px;
  padding-top: 4px;
}
.choixDuReglement  form span{
  text-decoration: underline;
}

/* Petit bloc produit (utilisé en page rubrique.html)
-------------------------------------------------------- */
.petitBlocProduit {
  float: left;
  margin: 0 5px 10px 0;
  width: 310px;
}
.separation {
  float: left;
  margin: 0;
  height: 1px;
}
.petitBlocProduit h3 {
  margin: 0;
}
.petitBlocProduit h3 a, .petitBlocProduit h3 a:visited {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding: 4px 0 2px 10px;
  margin: 0;
  background-color: #26A524;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(template/border-radius.htc);
}
.petitBlocProduit h3 a:hover {
  color: #1F811D;
  text-decoration: none;
  background-color: #A3EBA0;
}
.petitBlocProduit .contenu  {
  float: left;
  width: 292px;
  margin: 1px 0 0 0;
  padding: 10px;
  background: #ffffff url('_gfx/ombre_right.png') right repeat-y;
}
.petitBlocProduit .contenu a.image, .petitBlocProduit .contenu a.image:visited  {
  border: 1px solid #18322d;
  margin: 0;
  padding: 1px;
  height: 120px;
  width: 120px;
  float: left;
  display: block;
  overflow: hidden; 
}
.petitBlocProduit .contenu a.image:hover {
  border: 2px solid #2D5751;
  padding: 0;
}
.petitBlocProduit .contenu .description {
  float: right;
  font-size: 12px;
  padding: 0;
  width: 155px;
}
.petitBlocProduit .contenu .description .chapo {
  color: #23473f;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  padding: 0;
}
.petitBlocProduit .contenu .description .prixProduit {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  font-size: 18px;
  margin: 5px 0 0 0;
  padding: 0;
  display: block;
}
.petitBlocProduit .contenu .description p {
  margin: 0;
  padding: 0;
}
.petitBlocProduit a.acheter, 
.petitBlocProduit button.acheter { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 5px 0 0 0; 
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background: none; 
} 
.petitBlocProduit a.acheter span, 
.petitBlocProduit button.acheter span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 5px; 
  vertical-align: middle;
  background-color: #D0F3CF;
} 

.petitBlocProduit a.acheter span span, 
.petitBlocProduit button.acheter span span {
  color: #2E5C52;
  height: 24px; 
  padding: 0 5px 0 0; 
  line-height: 23px; 
  background-color: #D0F3CF;
  border: none;
} 
.petitBlocProduit a.acheter:hover span , 
.petitBlocProduit button.acheter:hover span {
  text-decoration: none;
  color: #ffffff;
} 
.petitBlocProduit2 {
  float: left;
  margin: 0 5px 10px 0;
  width: 208px;
}
.separation {
  float: left;
  margin: 0;
  height: 1px;
}
.petitBlocProduit2 h3 {
  margin: 0;
}
.petitBlocProduit2 h3 a, .petitBlocProduit2 h3 a:visited {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding: 4px 0 2px 10px;
  margin: 0;
  background-color: #26A524;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  behavior: url(template/border-radius.htc);
}
.petitBlocProduit2 h3 a:hover {
  color: #1F811D;
  text-decoration: none;
  background-color: #A3EBA0;
}
.petitBlocProduit2 .contenu2  {
  float: left;
  width: ;
  margin: 1px 0 0 0;
  padding: 5px;
  background: #ffffff url('_gfx/ombre_right.png') right repeat-y;
}
.petitBlocProduit2 .contenu2 a.image {
  border: 1px solid #18322d;
  margin: 0;
  padding: 1px;
  height: 90px;
  width: 80px;
  float: left;
  display: block;
  overflow: hidden; 
}
.petitBlocProduit2 .description2 {
  float: right;
  font-size: 12px;
  padding: 0;
  width: 113px;
  margin-top: 10px;
}
/* .petitBlocProduit2 .description2 .chapo {
  color: #970000;
  font-weight: normal;
  text-align: ;
  font-size: 12px;
  padding: 0;
} */
.petitBlocProduit2 .description2 p {
  margin: 0;
  padding: 0;
}
.petitBlocProduit2 a.acheter, 
.petitBlocProduit2 button.acheter { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 10px 0 0 10px; 
  padding: 5px;
  font-size: 14px;
  font-weight: ;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background-color: #970000; 
  color: #ffffff;
} 

/* Contenu d'une fiche produit (produit.html)
-------------------------------------------------------- */

.blocProduit {
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  width: 630px;
}
.blocProduit .blocDImages {
  float: left;
  margin: 0 0 20px 0;
  padding:0;
  width: 310px;
}
.blocProduit a.grandeImage, .blocProduit a.grandeImage:visited {
 /*  border: 1px solid #53A895; */
  margin: 0;
  padding: 1px;
  width: 310px;
  float: left;
  background-color: #ffffff;
}
.blocProduit a.grandeImage:hover {
  /* border: 2px solid #2D5751; */
  padding: 0;
}
.blocProduit ul.vignettes {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
  border: none;
  width: 310px;
  float: left;
}
.blocProduit ul.vignettes li {
  margin: 0;
  padding: 0;
  border: none;
}
.blocProduit ul.vignettes li a, .blocProduit ul.vignettes li a:visited {
  /* border: 1px solid #53A895; */
  margin: 0 1px 1px 0;
  padding: 1px;
  height: 81px;
  width: 81px;
  float: left;
  display: inline;
  background-color :#ffffff;
  overflow: hidden;
}
.blocProduit ul.vignettes li a:hover {
  /* border: 2px solid #2D5751; */
  background-color: #DDEEEB;
  padding: 0;
}
.blocProduit .introProduit {
  float: right;
  margin: 0;
  padding: 0;
  width: 310px;
}
.blocProduit .introProduit  p  .couleur4 {
  color: #ff0000;
  text-decoration: underline;
}
.blocProduit .introProduit ul li  {
  list-style: none;
}
.blocProduit .introProduit ul li  span{
  margin-left: -40px;
}
.blocProduit .introProduit .chapo {
  font-size: 14px;
  font-weight:bold;
  padding: 0;
  margin: 0 0 10px 0;
}
.blocProduit .introProduit .prixProduit {
  color: #ff0000;
  font-weight: bold;
  text-align: left;
  font-size: 24px;
  margin: 5px 0 0 0;
  padding: 0;
}
.blocProduit a.acheter, 
.blocProduit button.acheter { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 10px 0 0 0; 
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background: none; 
} 
.blocProduit a.acheter span, 
.blocProduit button.acheter span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 10px; 
  vertical-align: middle;
  background-color: #93CABD;
} 
.blocProduit a.acheter span span, 
.blocProduit button.acheter span span {
  color :#ffffff;
  height: 40px; 
  padding: 0 10px 0 0; 
  line-height: 38px; 
  background-color: #93CABD;
} 
.blocProduit a.acheter:hover span, 
.blocProduit button.acheter:hover span { 
   background-color: #53A895;
  text-decoration: none;
} 
.blocProduit .description {
  float: right;
  font-size: 12px;
  padding: 0;
  margin: 0 0 20px 0;
  width: 630px;
}
.blocProduit .contenusAssocies {
  float: right;
  margin: 0 0 20px 0;
  width: 345px;
}
.blocProduit .telechargements {
  float: left;
  margin: 0 0 20px 0;
  width: 345px;
}
.blocProduit .contenusAssocies h3, .blocProduit .telechargements h3 {
  color: #ffffff;
  display: block;
  padding: 5px 0 7px 10px;
  margin: 0;
  height: 20px;
  background-color: #53A895;
}
.blocProduit .contenusAssocies ul, .blocProduit .telechargements ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 345px;
  float: left;
  background: #53A895;
}
.blocProduit .contenusAssocies ul li, .blocProduit .telechargements ul li {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}
.blocProduit .contenusAssocies ul li a, .blocProduit .telechargements ul li a,
.blocProduit .contenusAssocies ul li a:visited, .blocProduit .telechargements ul li a:visited {
  border-top: solid 1px #ffffff;
  color: #ffffff;
  display: block;
  background-color: #93CABD;
  padding: 3px 0 3px 10px;
}
.blocProduit .contenusAssocies ul li a:hover, .blocProduit .telechargements ul li a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #53A895;
}
.declinaisons {
  padding: 10px;
  margin: 0;
  font-size: 14px;
}
.declinaisons li {
  margin-left: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  list-style: none;
}
.declinaisons li select {
  margin: 0;
}

/* * * * *
* rubrique
* * */
.rubrique {
  color: #005c71;
  width: 200px;
}
.rubrique .a{
  width: ;
  float: left;
}
.rubrique .b{
  width: ;
  float: right;
}
.rubrique h3 a {
  color: #970000;
  text-decoration: none;
}
.rubrique .acheter {
  float: left;
  text-decoration: none;
  padding: 10px;
  background-color: #970000;
  color: #ffffff;
  margin-right: -1px;
  font-size: .8em;
  margin-top: 10px;
}
.rubrique .description {
  margin-top: 10px;
}

/* Personnalisation du zoom de la fiche produit (produit.html)
-------------------------------------------------------- */
#superbox-overlay {
  width: 100%;
  overflow: visible;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 0;
  background:#e0e4cc;
}
#superbox-container .loading {
  width:32px;
  height:32px;
  text-indent:-9999px;
  background-image:url(_gfx/loader.gif);
  background-position:center 0;
  background-repeat:no-repeat;
  overflow: hidden;
  position: relative;
  padding: 0;
  width: 100%;
}
#superbox .close a {
  float:right;
  padding:0 5px;
  line-height:20px;
  color:#fff;
  background:#53A895;
  cursor:pointer;
}
#superbox .nextprev a {
  float:left;
  margin-right:5px;
  padding:0 5px;
  line-height:20px;
  background:#53A895;
  cursor:pointer;
  color:#fff;
}
#superbox .nextprev .disabled {
  background:#ccc;
  cursor:default;
}
#superbox .close a:hover {
  color:#fff;
  background:#53A895;
  text-decoration:none;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
  float: left;
  color: #ffffff;
  width: 630px;
  text-align: right;
  font-size: 12px;
  padding: 5px 10px 5px 0;
  margin: 10px 0;
  background-color: #53A895;
}
#pages a, #pages a:visited {
  color :#ffffff;
  text-decoration: none;
  font-weight: bold;
}
#pages a:hover {
  text-decoration: underline;
}

/* formulaire
-------------------- */

#contenu form {
  padding: 0;
  margin: 0 0 20px 0;
}
#contenu form p {
  margin: 0;
  padding: 4px 0;
  /* Empêcher le dépassement des flottants */
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  border-bottom: ;
  clear: both;
  float: left;
  width: 100%;
}
#contenu form p.derniereLigne {
  border: none;
}
#contenu form p label {
  float: left;
  width: 290px;
  padding: 0 10px 0 0;
  margin: 0;
  line-height: 24px;
}
#contenu form p label.codeDeReduction {
  width: 220px;
}
#contenu form p label.petit {
  width: 80px;
}
#contenu form p input, #contenu form p select, #contenu form p textarea {
  float: left;
  margin: 0;
  width: 190px;
  padding: 3px;
  border: solid 1px #2E5C52;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #48665f;
  font-weight: bold;
  background-color: #ffffff;
}
#contenu form p input.codeDeReduction {
  width: 50px;
  background-color: #ffffff;
  padding: 4px;
}
#contenu form p select {
  width: 198px;
}
#contenu form p textarea {
  width: 300px;
}
#contenu form p input.radio, #contenu form p input.checkBox {
  float: left;
  margin: 5px 0;
  width: 20px;
  padding: 0;
  background-color: transparent;
  border: none;
}
#contenu form p .labelRadio, #contenu form p .labelCheckBox {
  float:left;
  margin: 5px 10px 0 0;
  padding: 0;
  background-color:transparent;
  border: none;
  font-weight:bold;
}
#contenu form button.bouton,
#contenu form button.boutonMemeLigneQuInput { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 0 0 0 300px; 
  padding: 0; 
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: none;
  background: none;
  font-size: 13px;
  font-weight: bold;
}
#contenu form button.boutonMemeLigneQuInput { 
  margin: 0 0 0 10px; 
}
#contenu form button.bouton span,
#contenu form button.boutonMemeLigneQuInput span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 8px;        /* Largeur du côté gauche */ 
  margin: 0;
  vertical-align: middle;
  background-color: #2E5C52;
}
#contenu form button.bouton span span,
#contenu form button.boutonMemeLigneQuInput span span {
  padding: 0 8px 0 0;/* Largeur du côté droit */ 
  color: #ffffff;
  height: 24px;
  line-height: 24px; /* Alignement vertical du texte */ 
  border: none;
}
.obligatoire {
  font-size: 12px;
  color: #FF0000;
  clear :both;
  margin: 10px 0;
}

/* Tableaux
-------------------------------------------------------- */

#contenu table, #contenu table tr {
  padding: 0;
  margin: 0;
}
#contenu table th {
  font-weight: bold;
  background-color: #FFFFFF;
  border-bottom: solid 1px #316057;
  border-right: solid 1px #316057;
}
#contenu table td {
  font-weight: bold;
  background-color: transparent;
  border: none;
}
#contenu table td.ligne {
  font-weight: bold;
  background-color: transparent;
  border-bottom: solid 1px #316057;
}
#contenu table th.total {
  font-weight: bold;
  color: #ffffff;
  background-color: #2E5C52;
  border-bottom: solid 1px #316057;
}
#site table, #site table tr {
  padding: 0;
  margin: 0;
}
#site table th {
  padding: 2px;
  background-color: #fefef0;
  text-decoration: none;
  font-weight: normal;
  color: #116860;
  border: 1px solid #387266;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  behavior: url(template/border-radius.htc);
  font-size: 1.05em;
  text-align: center;
}
#site table td {
  padding: 2px;
  background-color: #ffffff;
  text-decoration: none;
  color: #116860;
  font-size: 1.0em;
  text-align: center;
  line-height: 1.6em;
  border-bottom: 1px solid #ddeeeb; 
}
#site table .th1 {
  width: 58%;
}
#site table .th2 {
  width: 7%;
}
#site table .th3 {
  width: 450px;
}
#site table .th4 {
  width: 150px;
}
#site table .th5 {
  width: 150px;
}
#site table .th6 {
  width: 300px;
}
#site table .th7 {
  width: 76%;
}
#site table .th8 {
  width: 8%;
}
#site table .th9 {
  width: 310px;
}
#site table .th10 {
  width: 70px;
}
#site table .th11 {
  width: 80px;
}
#site table .th12 {
  width: 210px;
}
#site table .th13 {
  width: 130px;
}
#site table .th14 {
  width: 390px;
}
#site table .th15 {
  width: 70px;
}
#site table .th16 {
  width: 370px;
}
#site table .th17 {
  width: 70px;
}
#site table .th18 {
  width: 90px;
}
#site table .th19 {
  width: 200px;
}
#site table .th20 {
  width: 35%;
}
#site table .th21 {
  width: 40%;
}
#site table .th22 {
  width: 280px;
}
#site table .th23 {
  width: 80px;
}
#site table .th24 {
  width: 80px;
}
#site table .th25 {
  width: 120px;
  background-color: #8c8cff;
  color: #ffffff;
}
#site table .th26 {
  width: 90px;
}
#site table .th27 {
  width: 135px;
}
#site table .th28{
  width: 65px;
}
#site table .td1{
  font-weight: normal;
}
#site .flottement1{
  float: right;
  margin: 10px 0 0 0;
  border: 1px solid #387266;
  padding: 2px;
  clear: right;
}
#site .flottement2{
  float: right;
  margin: 20px 0 0 0;
  border: 1px solid #387266;
  padding: 2px;
  clear: right;
}
#site .flottement3{
  float: left;
  margin:  0 30px 0 10px;
  border: 1px solid #387266;
}
#site .couleur4{
  color: #ff0000;
  background: inherit;
}
#site .couleur5{
  color: #8c8cff;
  background: inherit;
}
#site .couleur5b{
  color: #8c8cff;
  font-size: 1.70em;
  background: inherit;
}
#site .barre{
  text-decoration: underline;
}

/* Liens internes au site
-------------------------------------------------------- */

.queFaire {
  margin: 20px 0 0 0;
  padding: 0;
  width: 100%;
  float: left;
  text-align: right;
}
.queFaire a.bouton, 
.queFaire button.bouton { 
  display: -moz-inline-box; 
  display: inline-block; 
  margin: 10px 0 0 0; 
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap; 
  text-align: center; 
  vertical-align: middle; 
  cursor: pointer; 
  border: 0; 
  background: none; 
} 
.queFaire a.bouton span, 
.queFaire button.bouton span { 
  position: relative; 
  float: left; 
  padding: 0 0 0 7px; 
  vertical-align: middle;
  background-color: #85C0B6;
} 
.queFaire a.bouton span span, 
.queFaire button.bouton span span {
  color: #ffffff;
  height: 24px; 
  padding:0; 
  padding: 0 7px 0 0; 
  line-height: 22px; 
  background-color: #85C0B6;
} 
.queFaire a.bouton:hover span, .queFaire a.bouton:hover span span, 
.queFaire button.bouton:hover span, .queFaire button.bouton:hover span span { 
  background-color: #2E5C52;
} 

/* Page contact
--------------------------------------------------------*/
.formline {
  margin-bottom: 10px;
}
.formline ul li {
  list-style: none;
  margin-bottom: 10px;
}
.rouge {
  color: #FF0000;
}
.etoile {
  font-size: 20px;
  color: #FF0000;
}

/* Eléments pour plugin chèque
-------------------------------------------------------- */
#cheque {
  padding: 3px;
  text-decoration: none;
  text-align: center;
}
#cheque .th15 {
  background: #f4f4f4;
  width: 50%;
  border: 1px solid #f4f4f4;
}
#cheque .th16 {
  background: #ffffff;
  width: 20%;
  border: 1px solid #f4f4f4;
}
#cheque .th17 {
  background: #f4f4f4;
  width: 30%;
  border: 1px solid #f4f4f4;
}
#cheque .th18 {
  background: #f4f4f4;
  width: 20%;
  border: 1px solid #f4f4f4;
}
#cheque .td1 {
  background: #ffffff;
  border: 1px solid #f4f4f4;
}
#cheque .td2 {
  background: #ffffff;
  width: 80%;
  border: 1px solid #f4f4f4;
}

/* Eléments pour plugin virement
-------------------------------------------------------- */
#virement {
  padding: 3px;
  text-decoration: none;
  text-align: center;
}
#virement .th10 {
  background: #f4f4f4;
  width: 15%;
  border: 1px solid #f4f4f4;
}
#virement .th11 {
  background: #ffffff;
  width: 15%;
  border: 1px solid #f4f4f4;
}
#virement .th12 {
  background: #f4f4f4;
  width: 25%;
  border: 1px solid #f4f4f4;
}
#virement .th13 {
  background: #ffffff;
  width: 10%;
  border: 1px solid #f4f4f4;
}
#virement .th14 {
  background: #f4f4f4;
  width: 35%;
  border: 1px solid #f4f4f4;
}
#virement .th15 {
  background: #f4f4f4;
  width: 50%;
  border: 1px solid #f4f4f4;
}
#virement .th16 {
  background: #ffffff;
  width: 20%;
  border: 1px solid #f4f4f4;
}
#virement .th17 {
  background: #f4f4f4;
  width: 30%;
  border: 1px solid #f4f4f4;
}
#virement .td1 {
  background: #ffffff;
  border: 1px solid #f4f4f4;
}
/* Eléments pour SSL
---------------------------------------------------------*/
#ssl table, #site table tr {
  padding: 0;
  margin: 0;
}
#ssl table th {
  padding: 3px;
  background-color: #fefef0;
  text-decoration: none;
  font-weight: bold;
  color: #116860;
  border: 1px solid #387266;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  behavior: url(template/border-radius.htc);
  font-size: 1.15em;
  text-align: center;
}
#ssl table td {
  padding: 3px;
  background-color: #ffffff;
  border-left: 1px solid #387266;
  text-decoration: none;
  color: #116860;
  font-size: 0.95em;
  text-align: center;
}
#ssl .th1 {
  background: #fefef0;
  width: 60%;
}
#ssl .th2 {
  background: #fefef0;
  width: 10%;
}
#ssl .flottement2
{
  float: right;
  margin: 5px 0 0 0;
  border: 1px solid #387266;
  padding: 2px;
  clear: right;
}
#ssl span {
  background: #FDFDD9;
  padding: 5px;
} 

/* Pied de page
-------------------------------------------------------- */
#footer {
  float: left;
  width: 990px;
  height: ;
  color: #0094b3;
  font-size: 11px;
  padding: 5px 0 5px 0;
  border: #005c71 solid 1px;
  margin: 0 0 5px 0;
}
#footer .colonne1 {
  float: left;
  width: 230px;
  margin: 5px 0 0 0;
  padding: 0 10px;
}
#footer .colonne1 h3{
  font-size: 1.3em;
}
#footer .colonne1 p {
  font-size: 1.05em;
  margin: 0;
  padding: 0;
}
#footer .colonne1 a {
  font-size: 1.2em;
  color: #0094b3;
}
#footer .colonne2 {
  float: left;
  width: 490px;
  margin: 5px 0 0 0;
  padding:0 10px;
}
#footer .colonne3 {
  float: left;
  width: 210px;
  margin: 5px 0 0 0;
  padding:0 10px;
}
#footer .colonne3 p {
  font-size: 11px;
  margin: 0;
  padding: 0;
}
#footer .colonne3 h4 {
  font-size: 1.05em;
}
#footer h3 {
  text-align: center;
  font-size: 1.8em;
  color: #005c71;
  font-weight: bold;
}
#footer h4 {
  font-size: 11px;
  color: #0094b3;
  padding: 0;
  margin: 3px 0 0 0;
}
#footer a, #footer a:visited  {
  font-weight: normal;
  color: #0094b3;;
  text-decoration: none;
  padding: 0 5px;
  border-right: solid 1px #0094b3;
}
#footer h4 a, #footer h4 a:visited {
  font-weight: bold;
  border: none;
}
#footer a:hover {
  text-decoration: underline;
  color: #0094b3;
}
#footer .colonne p.validator {
  float: left;
  margin: 5px 0 0 0;
}
#footer .colonne p.validator a, #footer .colonne p.validator a:visited {
  border:none;
}

/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}