body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: #6699FF;
/*text-align: center;*/
font-size: 75%;
}
h1,h2,h3,h4,h5,h6,div,p {
margin : 0 ;
padding : 0 ;
font-family: Arial, Helvetica, sans-serif;
}
img {
border: 0;
}

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

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

#bandeau {
width : 750px ;
margin-bottom : 10px ;
background: #fff url(img/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 ;
}

#footer {
width : 740px ;
margin-top : 10px ;
margin-bottom : 10px ;
background: #fff url(img/Footer.gif) right bottom 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 : 350px ;
float : left ;
}
#footer2 {
width : 350px ;
float : right ;
text-align : right ;
margin-right : 40px ;
}
/* --------------------------------- 
        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 ;
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 {
color : #30b6fd ;
font-weight : bold ; 
text-decoration : none ;
}

.titreVert {
color : #77c03b ;
font-weight : bold ; 
text-decoration : none ;
}

.titreRose {
color : #f92baa ;
font-weight : bold ; 
text-decoration : none ;
}

.titreOrange  {
color : #ff790a ;
font-weight : bold ; 
text-decoration : none ;
}

.alaUne {
background-color : #ee1d23 ;
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 ;
}

/* - - - - - - 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 ;
width: 296px;
margin-left : 25px ;
}
/* nouveau bandeau à droite du logo */
#bandeau #udac {
float : left ;
width: 392px;
margin-left : 25px ;
}
#encartPub1,#encartPub2  {
width : 200px ;
float : right ;
margin-left : 4px ;
font-size : 0.8em ;
text-indent: -5000px;
text-transform : uppercase ;
color : #fff ;
}
.pubBandeau  {
/*width : 196px ;
border : 2px solid #000 ;
background-color : #f7faa9 ;*/
/*background-image: url(img/logo-ms.gif);
background-repeat: no-repeat;
background-color: #ffffff;
height : 100px ; */
}
#bandeau2 {
background: #bcba67 url(img/degrade1.gif) left bottom repeat-x ;
clear : both ;
}
#bandeauBas {
background: #000 url(img/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 ;
}
#menuHor .fdNoir {
text-align : center ;
height : 40px ;
width : 120px ;
float : left ;
background: #fff url(img/degrade1-noir.gif) left top repeat-x ;
padding-top : 12px ;
} 
#menuHor .fdGris {
background-color : #000 ;
height : 25px ;
width : 456px ;
float : left ;
} 
#menuHor .fdNoir2 {
background-color : #fff ;
height : 40px ;
width : 456px ;
float : left ;
background: #fff url(img/degrade1-noir.gif) left top repeat-x ;
padding-top : 12px ;
} 

#menuHor .fdGris a, #menuHor .fdNoir2 a {
color : #fff ;
}
#menuHor .fdGris input , #menuHor .fdNoir2 input {
height : 12px ; 
padding : 1px ;
font-size : 0.8em ;
}
#menuHor .fdGris input#submit, #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 : 12px ;
text-align : center ;
height : 40px ;
width : 146px ;
float : right ;
background: #fff url(img/degrade1-rouge.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 ;
}
/* nouveau */
.tx-cobwebphpadsnew-pi1 {
text-indent: -5000px;
}

/* ------ 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 {
background : #000 ;
color : #fff ;
} 
#onglFonce {
background : #b2b2b2 ;
color : #fff ;
} 
#onglClair {
background : #e3e3e3 ;
color : #000 ;
} 

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

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

/* ---- Annuaire ---- */
#annuaire {
width : 160px ;
background : #ee1d23 ;
color : #fff ;
padding : 2px 0;
font-size : 0.9em;
font-weight : bold ;
text-align : center ;
}

/* ---- 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 ul{
list-style-type : none ;
margin : 0 ;
padding : 0 ;
}
#liensUtiles li{
list-style-position: inside ;
}
#liensUtiles li a {
color : #000 ;
text-decoration : none ;
}
#liensUtiles li a:hover {
text-decoration : underline ;
}