body {
margin: 0;
padding: 0 ;
font-family: Arial, Helvetica, sans-serif;
background-color: #dfdfdf;
text-align: center;
font-size: 75%;
}
h1,h2,h3,h4,h5,h6 {
margin : 0 ;
padding : 0 ;
font-family: Arial, Helvetica, sans-serif;
}
img {
border: 0;
}
h1{
font-size : 24px;
line-height : 24px ;
margin-bottom : 10px ;
}
.contourGris h1 {
margin : 0
} 
h2{
font-size : 20px; line-height : 22px ;
}
h3{
font-size : 16px;
}
h4{
font-size : 12px;
}

/* Espacements */
p.bodytext {margin-top : 2px ; margin-bottom : 8px ;}
.csc-header .spacer-gif {height : 0 ; display:none}
.csc-header br {line-height : 0}
.csc-header div {margin : 0 ; padding : 0 ;}
.csc-header h2 {margin-bottom : 5px }
.csc-header h3 {margin : 0 ; padding : 0 ; margin-top : 14px ;}

/* --------------------------------------------
             Mise en page générale
-------------------------------------------- */

#wrapper {
width: 750px;
margin: auto;
/*margin-left : 10px ;*/
text-align: left ;
padding-right : 20px ; 
background: #fff url(../../templates/bouticoeur/ombre.gif) right top repeat-y;
}

#bandeau {
width : 750px ;
margin-bottom : 10px ;
background: #FFF url(../../templates/bouticoeur/coinBandeau2.gif) left top no-repeat;
padding-bottom : 0 ;
}

#subwrapper {
width : 740px ;
float : right ;
}

#gauche {
width : 137px ;
float : left ;
}

#principal {
width : 422px ;
float : left ;
margin-left : 10px ;
}

#droite {
width : 160px ;
float : right ;
}

#droite a {
color:#0159ab;
text-decoration:none;
}
#droite a:hover {
text-decoration:underline;
}

/* ----------- FIL D'ARIANE ------------ */
#ariane {
margin :0 ;
padding : 0 ;
width : 590px ;
float : right ;
margin-bottom : 4px ;
font-size : 0.9em;
}
#ariane a {
text-decoration : none ;
color : #000 ;
}
#ariane a:hover {
text-decoration : underline ;
color : #000 ;
}
#ariane .active {
color : #0159ab ;
font-weight : bold ;
}




/* Pied de page */
#footer {
width : 740px ;
height : 30px;
margin-top : 10px ;
background: #fff url(../../templates/bouticoeur/Footer.gif) right top no-repeat;
padding : 10px 5px  ;
clear : both ;
color : #fff ;
font-size : 0.9em ;
}
#footer a {
color : #fff ;
text-decoration : none ; 
}
#footer a:hover {
color : #fff ;
text-decoration : underline ;
}
#footer1 {
width : 340px ;
float : left ;
margin-left : 10px ;
}
#footer2 {
width : 350px ;
float : right ;
text-align : right ;
margin-right : 30px ;
}
/* --------------------------------- 
        Eléments de placement
----------------------------------- */
.floatLeft {
float : left ;
margin-right : 5px ;
}
.floatRight {
float : right ;
margin-left : 5px ;
}
.spacer {
clear : both ;
}
.center {
text-align : center ;
}
/* Positionnement sur deux colonnes */
.col {
width : 45% ;
}
.colLeft {
float : left ;
width : 204px ;
}
.colRight {
float : right ;
width : 204px ;
}

/* -----------------------------------
       différents cadres 
------------------------------------ */


.contourGris {
margin-top : 0 ;
width : 410px ;
border  : 1px solid #a8a6a7 ;
padding : 5px ;
margin-bottom : 15px ;
clear : both ;
}
.imgBorder {
border : 1px solid #a8a6a7 ;
}

.ongletOffres {
width : 40% ;
background-color : #1094a8 ;
color : #fff ;
padding : 2px 4px ;
font-weight : bold ; 
}
.contourOffres {
width : 410px ;
clear : both ;
border  : 1px solid #1094a8 ;
padding : 5px ;
margin-bottom : 15px ;
}
.obtenir {
text-align : right ;
}
.obtenir a {
color : #1094a8 ;
font-weight : bold ;
}
.obtenir a:hover {
color : #1094a8 ;
text-decoration :none ;
font-weight : bold ;
}

.contourRouge {
width : 410px ;
clear : both ;
border  : 1px solid #ee1d23 ;
padding : 5px ;
margin-bottom : 5px ;
}

.fdVert {
width : 40% ;
background :  #c6e69d ;
color : #000 ;
font-weight : bold ;
padding : 2px 4px ;
}
.contourVert {
clear : both ;
width : 410px ;
border  : 1px solid #c6e69d ;
background-color : #f8f8f0 ;
padding : 5px ;
margin-bottom : 5px ;
}

/* - - - - - - Différents titres - - - - - - - */
.fdNoir {
background : #000 ;
color : #fff ;
padding : 2px 4px ;
font-size : 0.9em;
font-weight : bold ;
}

.fdGris {
background : #e5e5e5 ;
color : #000 ;
padding : 2px 6px ;
font-size : 0.9em;
}

.fdNoir2 {
background : #000 ;
color : #fff ;
padding : 2px 6px ;
font-size : 0.9em;
}

.fdRouge {
/* background : #ee1d23 ; */
background : #0159ab ;
color : #fff ;
padding : 2px 4px ;
font-size : 0.9em;
font-weight : bold ;
text-decoration : none ;
}
 .fdRouge a  {
color : #fff ;
font-weight : bold ;
text-decoration : none ;
}
.fdRouge a:hover  {
color : #fff ;
font-weight : bold ;
text-decoration : underline ;
}
.titreRouge  {
color : #ee1d23 ;
font-weight : bold ; 
text-decoration : none ;
}

.titreBleu a {
color : #30b6fd ;
font-weight : bold ; 
text-decoration : none ;
background: #fff url(../../templates/bouticoeur/fleche_bleu.gif) left no-repeat;
padding-left:13px;
}

.titreVert a {
color : #77c03b ;
font-weight : bold ; 
text-decoration : none ;
background: #fff url(../../templates/bouticoeur/fleche_verte.gif) left no-repeat;
padding-left:13px;
}

.titreRose a {
color : #f92baa ;
font-weight : bold ; 
text-decoration : none ;
background: #fff url(../../templates/bouticoeur/fleche_rose.gif) left no-repeat;
padding-left:13px;
}

.titreOrange a  {
color : #ff790a ;
font-weight : bold ; 
text-decoration : none ;
background: #fff url(../../templates/bouticoeur/fleche_orange.gif) left no-repeat;
padding-left:13px;
}

.alaUne {
/* background-color : #ee1d23 ; */
background-color : #0159ab ;
color : #fff ;
font-weight : bold ;
padding : 1px 5px  ;
}
/* - - - - - - Différentes polices - - - - - - */
.vert {
color : #c6e69d ;
font-weight : bold ;
}

.italRed {
color : #ee1d23 ;
font-size : 0.9em ;
font-style : italic ;
margin-left : 12px ;
}

/* Eléments de mise en forme du RTE */

.name-of-person {
color : #10007b ;
}
.important {
color : #8a0020 ;
}
.detail {
color : #186900 ; 
}

p.align-center {
text-align : center ;
}
p.align-right {
text-align : right ;
}
p.align-center {
text-align : left : left ;
}

.csc-frame-frame1 {
border : 1px solid #000 ;
background-color : #efeff4 ;
padding : 3px ;
}
.csc-frame-frame2 {
border : 1px solid #000 ;
background-color : #ffffa3 ;
padding : 3px ;
}

.csc-textpic-caption {
font-size:0.9em;
}

/* - - - - - - Divers - - - - - - */
.cadre {
border : 1px solid #000 ;
}

.divers {
margin-top : 10px ;
width : 133px ;
border : 2px solid #000 ;
background : #a8f6fa ;
}
.divers3 {
margin-top : 10px ;
width : 156px ;
border : 2px solid #000 ;
background : #a8f6fa ;
}
.divers2 {
width : 156px ;
border : 2px solid #000 ;
background : #eda8f9 ;
}



/* ------------------------------------------
             Contenu du bandeau 
-------------------------------------------*/
#bandeau #logo {
float : left ;
margin-left : 25px ;
}
#encartPub1, #encartPub2  {
width : 200px ;
float : right ;
margin : 4px ;
font-size : 0.8em ;
text-transform : uppercase ;
color : #000 ;
}
.pubBandeau  {
width : 196px ;
background-color : #f7faa9 ;
height : 50px ; 
}
#bandeau2 {
background: #bcba67 url(../../templates/bouticoeur/degrade1.gif) left bottom repeat-x ;
clear : both ;
}
#bandeauBas {
background: #000 url(../../templates/bouticoeur/degrade2.gif) left top repeat-x ;
clear : both ;
height : 8px ;
}
/* ----- Menu horizontal ------ */
form#login {
display : inline ;
}
#menuHor {
clear:both ;
color:#fff ;
background:#fff ;
padding:0;
margin:0;
}
#menuHor .fdNoir {
background-color : #fff ;
text-align : center ;
height : 38px ;
width : 120px ;
float : left ;
background: #fff url(../../templates/bouticoeur/degrade1-noir.gif) left top repeat-x ;
padding-top : 13px ;
} 

#menuHor .fdGris {
background-color : #000 ;
height : 25px ;
width : 456px ;
float : left ;
} 
#menuHor .fdNoir2 {
background-color : #fff ;
height : 38px ;
width : 456px ;
float : left ;
background: #fff url(../../templates/bouticoeur/degrade1-noir.gif) left top repeat-x ;
padding-top : 10px ;
} 

#menuHor a.pasinscrit {
color : #fff ;
margin-left : 5px ;
}
#menuHor .fdNoir2 #user , #menuHor .fdNoir2 #pass {
font-size : 9px ;
width : 100px ;
height : 14px ;
}
#menuHor .fdNoir2 input#submit {
padding : 0 ;
height : 19px ; 
font-size : 0.8em ;
font-weight : bold ;
margin-top :  0 ;
border : 1px solid #000 ;
background : #fff ;
color : #000 ;
}
#menuHor .fdRouge {
padding-top : 13px ;
text-align : center ;
height : 44px ;
width : 146px ;
float : right ;
background: #fff url(../../templates/bouticoeur/degrade1-bleu.gif) left top repeat-x ;
}
#menuHor .fdRouge a {
color : #fff ;
text-decoration : none ; 
}
#menuHor .fdRouge a:hover {
color : #fff ;
text-decoration : underline; 
}

/* ----------------------------------------
             Colonne de gauche 
------------------------------------------ */
#alaffiche p{
margin : 1px 0 ;
}
.titreAlaffiche {
padding : 15px ;
text-align : center ;
background-color : #c6e69d ;
color : #000 ;
font-weight : bold ;
font-size : 1.1em ;
}

#gauche p { margin : 4px 0 }

#gauche p.fdRouge { margin : 1px 0 }

/* ------ Moteur de recherche ------ */
#rech {
margin-top : 5px ;
}
#rech label {
color : #000 ;
font-weight : bold ;
font-size : 0.9em ;
margin : 0 ;
}
#rech input {
width : 90px ;
}
#rech input#submit{
width : 35px ;
}
#rech input#submit, #rech input {
margin-top :  0 ;
border : 1px solid #000 ;
background : #fff ;
color : #000 ;
font-weight : bold ;
font-size : 0.9em ;
}

/* -- Divers -- */
#numUtiles p, #aVotreService p {
margin : 3px 0 ;
}

/* ----------------------------------------
              Colonne centrale
----------------------------------------- */

/* -------------- Onglets ----------------- */
#onglets {
font-weight : bold ;
font-size : 1em ;
margin-bottom : 3px;
}
#onglets span{
padding : 3px 5px  ;
}

#onglNoir, #onglNoir a {
background : #000 ;
color : #fff ;
text-decoration:none;
} 
#onglFonce,#onglFonce a {
background : #b2b2b2 ;
color : #fff ;
text-decoration:none;
} 
#onglClair, #onglClair a {
background : #e3e3e3 ;
color : #000 ;
text-decoration:none;
} 

/* --------------- Sélection Shopping Plaisir -------------- */
td.voirGamme a{
padding : 2px 8px ;
background : #000 ;
color : #c6e69d ;
font-weight : bold ;
font-size : 0.9em;
text-decoration : none ;
display : inline ;
}
td.voirGamme a:hover {
text-decoration : underline ;
}
tr.produits td .titreVert {
font-size : 1.1em ;
color : #3b9825 ;
font-weight : bold ; 
}
tr.produits td {
padding : 8px 0 15px 4px  ;
font-size : 0.8em ;
vertical-align : top ;
}
tr.produits td a {
/*font-size : 0.8em ;*/
color : #3b9825 ;
}
tr.produits td img {
border : 1px solid #b2b2b2  ;
}

/* ----------------------------------------
             Colonne de droite
------------------------------------------ */

#annuaire {
width : 160px ;
background : #ee1d23 ;
color : #fff ;
padding : 2px 0;
font-size : 1.1em;
font-weight : bold ;
text-align : center ;
}
#annuaire a {
color:#FFF;
text-decoration:none;
font-size : 0.8em;
}
#annuaire img {
margin-top : 2px ;
}

/* ---- Sponsors ---- */
#sponsors ul{
list-style-type : square ;
margin : 0 ;
padding : 0 ;
}
#sponsors li{
list-style-position: inside ;
}
#sponsors li a {
color : #000 ;
font-weight : bold ;
text-decoration : none ;
}
#sponsors li a:hover {
text-decoration : underline ;
}

/* ---- Liens utiles ---- */
#liensUtiles p {
margin : 4px 0 ;
}
#liensUtiles a {
color : #000 ;
text-decoration : underline ;
}
#liensUtiles a:hover {
text-decoration : none ;
}


/* TEASER MINISITES */
table.tx-a1teasermenu-pi1 {
margin:0 auto;
background:#f3f3f3;
padding:3px;
}
.tx-a1teasermenu-pi1 img {
float:left;
margin:0 7px 3px 0;
}
.tx-a1teasermenu-pi1 table {
background:#FFF;
}
.tx-a1teasermenu-pi1 table td {
padding:3px;
font-size:12px;
}
td.tx-a1teasermenu-pi1 {
vertical-align:top;
width:50%;
padding:6px 3px;
}
.tx-a1teasermenu-pi1 h2 {
color:#0159ab;
font-size:12px;
margin:0 0 10px 0;
}
td.TeaserSavoirPlus {
text-align:right;
}
td.TeaserSavoirPlus a {
text-decoration:none;
color:#000;
background:#FFF url(../../templates/bouticoeur/LireLaSuiteBleu.gif) left no-repeat;
padding-left:10px;
}
td.TeaserSavoirPlus a:hover {
color:#0159ab;
}

/* --- FE User Register  ---*/
table#formFE-user td {
padding : 2px ; 
}
table#formFE-user td p {
padding : 0 ; margin : 0 ;
}
input.tx-srfeuserregister-pi1-submit { 
font-size:12px; background-color: #0159ab ; color:#ffffff; font-weight:bold; margin-top: 10px }