/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font:nomal 12px verdana; color:#0248af; background-color:#fff;}
html, body{
   margin: 0px;
   padding: 0px;
   outline: 0px;
   height: 100%;
   font:nomal 12px verdana; color:#0248af; background-color:#fff;
}

#body{background:#fff url(../../images2/fond/body.gif) repeat-x; font:bold 12px Arial; color:#0c3471;}
table{font-size: 11px;}
a{color: #ac0506; text-decoration:none;}
a:hover {text-decoration:underline;}

h1{font: bold 25px Arial;color:#0c3471;}
h1#bis{font: bold 20px Arial;}
h2{font: bold 14px Arial;}
h3{font: bold 12px Arial;}
h4 {width:173px; font: bold 12px Arial; color:#0c3471; text-align:center; line-height:29px; background:url(../../images2/fond/fondh4.gif);}
h4#bis {color:#fff;background:url(../../images2/fond/fondh4bis.gif);}
h5 {font: bold 12px Arial; color:#fff;}
p {margin-bottom:10px; text-align: justify; font:normal 12px verdana;}
strong{font-weight: bold;}
em{font-style: italic;}
a{color:#0248af;}

.color {color:#f10000;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.block{display:block;}
.alignRight{text-align:right;}
p.lien a{text-align:right;}
a.lien_1{font: normal 11px Arial; color:#0c3471; padding: 0 0 2px 10px; background:url(../../images2/puces/fl-bleu.gif) 0 4px no-repeat;}
a.lien_1:hover {color:#0c3471;}

/* Formulaires */
.bouton{
  display:block; color:#c7d257; background-color:#0248af;
  font:bold 11px verdana; line-height:20px; width:160px; height:20px; border-width:0;  
  text-align:center; cursor:pointer;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #c3c4c6;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row label span{color:#0248af;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}


#conteneur{width:990px; margin:0 auto;}

/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete {height:170px;}
#entete #logo {padding:14px 3px 0 0; }
#entete #market {width:98px; padding:14px 3px 0 0;margin-right:40px; }
#entete #pub {width:472px; border:2px solid #fff;}
#entete #compte {float:right; display:inline;width:220px; height:134px; /height:134px; border: 1px solid #c2cbd7; margin:14px 0 0 26px; background:url(../../images2/fond/mon-compte.jpg) 0 0 no-repeat; padding:3px 5px; background-color:White; }
#entete #compte h4 {background:none; text-align:left; font:bold 14px Arial; color:#0c3471; margin-bottom:5px;}
#entete #compte p a{background:url(../../images2/fond/bt-compte.gif) 0 0 no-repeat;width:76px; height:17px; font: normal 10px Arial; color:#0c3471; padding:3px 0 0 10px; float:left;margin-right:5px;}
/*#btnConnexion{background:url(../../images2/fond/bt-connexion.gif) 0 0 no-repeat;width:107px; height:25px;margin-left:40px;padding: 5px 0 0 15px;}*/
/*#btnConnexion a{font: normal 11px Arial; color:#fff; padding: 0 0 2px 10px; background:url(../../images2/puces/fl-blanc.gif) 0 4px no-repeat; text-transform:uppercase;}*/
#btnDeconnexion {background:url(../../images2/fond/bt-connexion.gif) 0 0 no-repeat;width:107px; height:25px;margin-left:40px;padding: 7px 0 0 10px;margin-top:37px;}
#btnDeconnexion a{font: normal 11px Arial; color:#fff; padding: 0 0 2px 10px; text-transform:uppercase; text-decoration:inherit;}
#btnConnexion input{background:url(../../images2/fond/bt-connexion.gif);width:107px; height:25px;margin-left:40px;margin-top:7px;padding: 0px 0 0 0px;border:0;	color:White;font: normal 11px Arial;text-transform:uppercase;}
#boutonCarte input{background:url(../../images2/fond/bt-large.jpg);width:207px;height:25px;padding: 0px 0 0 0px;border:0;color:White;font: normal 11px Arial;text-transform:uppercase;}
#divLiensConnexion{margin-top:7px;}


#recherche {height:26px; padding-top:4px; float:right; display:inline;}
#recherche label {font:bold 12px Arial; color:#fff;padding-top:2px;}
#recherche select {width:80px; border:0; margin-right:30px;}
ul#menu {clear:both;list-style-type:none;margin:0;padding-left:1px;}
ul#menu img{float:left; display:inline;}
ul#menu li{margin:0;float:left; display:inline;}
ul#menu li a{width:195px; float:left; display:inline; background:url(../../images2/menu/fond.gif) repeat-x; font:bold 11px Arial; color: 0c5471; text-transform:uppercase; text-align:center; text-decoration:none; line-height:38px;}
ul#menu li a:hover{text-decoration:underline;}
#head {clear:both;height:105px;background:url(../../images2/fond/noeud.gif) no-repeat top right;}
#head h1{margin-left:190px; padding-top:25px;}
#head h1#bis{margin-left:190px; padding-top:0px;}

/* Contenus */

/******************************************/
/************  COLONNE GAUCHE  ***********/
/******************************************/
#colonneG {width:182px; float:left; padding:0; position:relative;/margin-right:0px;}
#colonneG #navG{width:152px; background:#0c3471 url(../../images2/fond/colonneG.gif) no-repeat;padding:13px 15px 0; margin-bottom:25px; /margin-right:-12px;}
#colonneG #navG ul {list-style-type:none;margin-bottom:0;padding-bottom:25px;} 
#colonneG #navG ul li {margin:0;} 
#colonneG #navG ul li a {background:#869db9;font: bold 12px Arial; color:#fff; padding-left:10px; display:block; width:158px; line-height:25px ; margin-bottom:2px;}
#colonneG h4 {background:none; font-size:12px; border:1px solid #c3c4c6; border-bottom:none;width:167px;margin-left:2px;}
#colonneG a.lien_1 {color:#0c3471; margin:0 0 10px 10px; display:block}

/******************************************/
/**************  CONTENU  *****************/
/******************************************/
#contain {margin-bottom:10px;}
#content {width:632px; float:left; /*display:inline;*/ margin-left:0; position:relative;/width:622px;}
#bandeau {width:628px; border:1px solid #c4d1df; padding:1px; margin-bottom:12px;}
#bandeau-titre {width:628px; background:url(../../images2/fond/titre-bandeau.gif) repeat-x 0 0; height:27px;}
#bandeau-titre h2 {line-height:27px; color:#0c3471; font-size:16px; margin-left:15px;}

#centre {width:626px; background:url(../../images2/fond/fond-centre.gif) repeat-y top right;padding:0 3px;}
#ariane {width:622px;height:27px; background:#869db9 url(../../images2/fond/ariane.gif) no-repeat; padding-left:10px;}
#ariane ul {padding-top:5px; list-style-type:none;margin:0;}
#ariane ul li{margin:0; float:left;}
#ariane ul li a{margin:0 5px; float:left;display:inline; color:#fff; font:bold 11px Arial; border-right:1px solid #fff;padding-right:5px;}
#ariane ul li a.borderno {border:0;}
#nav-carte {height:45px; padding-top:20px;}
#nav-carte #select{float:left; display:inline; width:350px;}
#nav-carte #select label{width:50px;margin:0 10px;padding-top:2px;}
#nav-carte #select select{width:70px;}
#nav-carte #select select#numero{width:30px;margin-right:10px;}
#nav-carte #numerotation{float:right; display:inline; width:95%;padding-right:0;margin-right:10px;margin-bottom:5px;}
#nav-carte #numerotation p a{font-size:11px; margin: 0 2px;}
#nav-carte #numerotation p span a{color:#3f3f3f;}
#contenu {padding:0 10px;margin:0; /margin-top:10px;}
#contenu .liste{width:278px; height:208px; overflow:hidden; padding:10px 8px 10px 5px; position:relative; background:url(../../images2/fond/fond-carte.gif) no-repeat; margin-bottom:10px;}
#contenu .liste .photos {width:126px; height:198px; float:left; position:relative; display:inline; padding:5px 11px 9px 7px; background:url(../../images2/fond/carte.gif) 0 0 no-repeat}
#contenu .liste .texte {width:126px; float:right; display:inline;}
#contenu .liste .texte h3{margin-bottom:30px;padding-top:8px;}
#contenu .liste .texte p{font-size:11px; color:#ac0506;}
#contenu .liste .texte .bts{position:absolute; bottom:20px; right:15px;}
#contenu .liste .texte p{font-size:11px; color:#ac0506;}

#fiche {padding:10px;}
#fiche #cadre_gch {width:248px; float:left; display:inline; background:url(images/fond/carte-gd.gif) 0 0 no-repeat;}
#fiche .photos {width:230px; height:361px; padding:5px 11px 9px 7px; background:url(images/fond/carte-gd.gif) 0 0 no-repeat;}
#fiche .photos img{margin-bottom:15px;}
#fiche .texte {width:325px; float:right; display:inline;}
#fiche .texte h3{font-size:16px; margin-bottom:30px;padding-top:8px;}
#fiche .texte p{font: bold 13px Arial; color:#d7020a;margin-bottom:5px;}
#fiche .texte p#euros{width:15px; font-size:24px;line-height:30px; float:left; display:inline;margin-left:5px;}
#fiche .texte p#prix {width:54px; padding:0 3px; border:1px solid #d8d8d8;font-size:24px;line-height:30px; float:left; display:inline; text-align:right;}
#fiche .texte .row2 {margin-bottom:10px;}
#ajout{background:url(../../images2/boutons/ajouter.gif) 0 0 no-repeat; width:136px; height:20px;padding: 5px 0 0 10px;}
#ajout a{font: bold 11px Arial; color:#fff; padding: 0 0 2px 12px; background:url(../../images2/puces/fl-blanc.gif) 0 4px no-repeat; text-transform:uppercase;}

#image-centre {display:block; }

/*******************************************************/
/***************** ACTIVATION CARTE ********************/
/*******************************************************/
#bandeau {width:628px; border:1px solid #c4d1df; padding:1px; margin-bottom:12px; background:#fff;}
#bandeau-titre {width:628px; background:url(../../images2/fond/titre-bandeau.gif) repeat-x 0 0; height:30px;}
#bandeau-titre h2 {line-height:30px; color:#0c3471; font-size:16px; margin-left:15px;}
#bandeau-texte {background:url(../../images2/fond/activation_carte.jpg) 0 35px no-repeat; height:250px;}
#bandeau-texte p {color:#677895;padding:0 15px; margin-bottom:20px;}
#bandeau-texte #activation {padding: 25px 0 0 180px; width:175px; margin-bottom:60px;}
#bandeau-texte #activation .row {margin-bottom:10px;}
#bandeau-texte #activation label {display:block; text-align:left; width:175px; margin-bottom:5px; font-size:12px;}
#bandeau-texte #activation input {width:155px; height:20px; }
#bandeau-texte p#incorrect {color:#d7020a}
.boutonValider{background:url(../../images2/boutons/valider.gif);float:right; margin-top:-12px;width:64px; height:19px;padding: 2px 0 0 10px; text-transform:uppercase;font: bold 11px Arial; color:#fff; padding: 0 0 2px 6px;border:0; margin-right:3px;}
/*#valider input{font: bold 11px Arial; color:#fff; padding: 0 0 2px 12px; background:url(../../images2/puces/fl-blanc.gif) 0 4px no-repeat; text-transform:uppercase;}*/

#bandeau-validation {background:url(../../images2/fond/validation_activation_carte.jpg) 0 35px no-repeat;height:250px;}
#bandeau-validation p {color:#677895;padding:0 15px; margin-bottom:20px;}
#bandeau-validation #validation {padding: 40px 0 0 215px; width:180px; margin-bottom:40px;}
#bandeau-validation #validation p {padding:0;margin:0; color:#fff;}
#bandeau-validation #validation p#KDO {float:left; font-size:14px; width:100px; padding-top:5px;} 
#bandeau-validation #validation p#montant {float:right; font:bold 38px Arial;width:70px;text-align:right;} 
#bandeau-validation #validation p#euro {float:right; font:bold 18px Arial;width:10px;padding-top:5px;} 
#bandeau-validation #validité {clear:both; margin: 0 0 0 208px; width:201px; margin-bottom:40px; background:url(images/fond/opacity.png) repeat;}
#bandeau-validation #validité p{color:#677895;font-size:11px;}
#bandeau-validation a.lien_1 {color:#0c3471; margin:0 0 10px 15px; display:block;}

#bandeau-validation .row{margin:0 0 10px 15px;}
#bandeau-validation .row label{float:left; display:inline; width:150px;color:#677895;line-height:20px; text-align:left; font-size:12px;}
#bandeau-validation .row input{float:left; display:inline;width:150px;height:20px; margin-right:5px;}
#bandeau-validation .row p {margin:0; padding:4px 0 3px 3px; background:#677895; color:#fff; float:left; display:inline; width:18px;}
#bandeau-validation .row p a {font:normal 11px Arial;  color:#fff;}
#bandeau-validation .row #boutonOk input {margin:0; padding:0 0px 5px 0; background:#677895; color:#fff; float:left; display:inline; width:25px;}


#bandeau-validation #solde {padding: 60px 0 0 215px; width:180px; margin-bottom:90px;}
#bandeau-validation #solde p {padding:0; color:#fff;}
#bandeau-validation #solde p#KDO {margin:0;float:left; font-size:14px;font-weight:bold; width:150px; padding-top:5px;margin-top:-10px;} 
#bandeau-validation #solde p#montant {margin:0;float:right; font:bold 38px Arial;width:100px;text-align:right; margin-right:40px;margin-top:-15px;} 
/******************************************/
/************  COLONNE DROITE  ***********/
/******************************************/
#colonneD {width:173px; float:right; display:inline;margin-top:-16px;  position:relative;margin-left:0;}
#colonneD h4#panier {background:url(../../images2/fond/fondh4-panier.gif) no-repeat;}
.bloc {width:167px; padding:10px 3px 0; background:url(../../images2/fond/fond-bloc.gif) repeat-y; margin-bottom:20px;}
.bloc .bloc-text {width:161px; padding:0 3px 5px; border-bottom:1px solid #c3c4c6; }
.bloc .bloc-text p#jour {text-align:center;margin-bottom:0;}

.bloc2 {width:167px; padding:0 3px; background:url(../../images2/fond/fond-bloc.gif) repeat-y; margin-bottom:20px;}

.bloc2 .bloc-text2 {width:163px; padding:0 2px; border-bottom:1px solid #c3c4c6; }

.carteC {background:#f0f5f9 url(../../images2/fond/activer-carte.jpg) repeat-x 0 0; padding-bottom:1px;}
.carteC img {text-align:center; padding:7px 0 10px 40px;}
.carteC  a.lien_1 {color:#0c3471; margin:0 0 5px 5px; display:block; }

.point-vente {background:#f0f5f9 url(../../images2/fond/point-vente.jpg) repeat-x 0 0; padding-bottom:1px;}
.point-vente img {text-align:center; padding:0 0 10px 10px;}
.point-vente p {padding:0 5px;color:#5f7998; font-size:11px; }
.point-vente  a.lien_1 {color:#0c3471; margin:0 0 5px 5px; display:block; }

.p-panier p {color:#3f3f3f;padding-left:5px;}
.p-panier p a{padding: 1px 0 2px 25px; height:18px;font-size:11px; background:url(../../images2/puces/fleche-ombre.gif) no-repeat;color:#3f3f3f;}

.newsletter label {text-align:center;color:#3f3f3f; font-size:11px;margin-bottom:5px;}
.newsletter input {clear:both;float:left; width: 135px;margin-right:5px;}
.newsletter p a {margin:0; padding:1px; font:normal 11px Arial; background:#3f3f3f; color:#fff;}

.marchand img {margin-bottom:5px;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/



/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#piedpage {width:100%;background:url(../../images2/fond/bas.gif) repeat-x left bottom; height:36px;}
#piedpage #menubas {width:990px;  margin:0 auto;height:26px; padding-top:10px;}
#piedpage ul {width:420px; margin:0 auto; list-style-type:none;}
#piedpage ul li{margin:0; width:420px; display:inline;}
#piedpage ul li a{font:normal 10px Arial; float:left; display:inline; border-right:1px solid #0c3471; padding:0 15px;}
#piedpage ul li a.borderno{border-left:none;}

.borderno {border:0;}
