@charset "UTF-8";
/* CSS Document */
body{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-image:url(../IMG/fond_page.jpg);
background-repeat:repeat-x;
background-color:#CAE7F7;
}

a{
color:#000;
text-decoration:none;
}

a:hover{text-decoration:underline;}

p{
margin:0;
padding:0;
}

h1{
font-size:16px;
margin:0;
padding:0;
font-weight:normal;
color:#4C0007;
margin-bottom:10px;
}

h2{
font-size:14px;
margin:0;
margin-bottom:10px;
padding:0;
font-weight:normal;
}

h3{
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
}

img{border:0;}

#page{
width:850px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#header{
width:850px;
padding-bottom:10px;
border-bottom:1px dashed #999;
}

#header .compagnons a{
color:#4C0007;
text-decoration:none;
margin:0 3px;
}

#header .gris a{
color:#999;
text-decoration:none;
margin:0 3px;
}

#banniere{
width:850px;
height:110px;
padding:20px 0 10px 0;
background:url(../IMG/banniere.jpg) no-repeat;
}

#banniere2{
width:850px;
padding:20px 0 10px 0;
}

#contenu{
width:850px;
height:auto;
background:url(../IMG/fond_contenu.jpg) repeat-y;
}

#colonne-g{
width:200px;
height:auto;
float:left;
background:url(../IMG/fond_colonne_g.jpg) repeat-y;
}

#menu{
width:200px;
height:auto;
min-height:650px;
background:url(../IMG/fond_menu.jpg) no-repeat;
padding-top:30px;
}

#colonne-d{
width:650px;
height:auto;
float:left;
min-height:650px;
background-color:#FFF;
}

#colonne-d-jardin{
width:650px;
height:auto;
float:left;
min-height:650px;
background:url(../IMG/titre_jardin.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-compagnons{
width:650px;
height:auto;
float:left;
min-height:650px;
background:url(../IMG/titre_compagnons.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-deco{
width:650px;
height:auto;
float:left;
min-height:650px;
background:url(../IMG/titre_deco.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-magasins{
width:620px;
height:auto;
padding:90px 5px 25px 25px;
float:left;
min-height:650px;
background:url(../IMG/titre_magasin.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-services{
width:620px;
height:auto;
padding:100px 5px 25px 25px;
float:left;
min-height:650px;
background:url(../IMG/titre_services.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-magazine{
width:620px;
height:auto;
padding:110px 5px 25px 25px;
float:left;
min-height:650px;
background:url(../IMG/titre_magazine.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-actualites{
width:650px;
height:auto;
padding-top:20px;
float:left;
min-height:650px;
background:url(../IMG/titre_actualites.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-magasin-plus{
width:650px;
height:auto;
float:left;
min-height:650px;
background-color:#FFF;
}

#colonne-d-article{
width:650px;
height:auto;
padding-top:20px;
float:left;
min-height:650px;
background:url(../IMG/titre_article.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-animaux{
width:650px;
height:auto;
float:left;
min-height:650px;
background:url(../IMG/titre_animaux.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-animaux-2{
float:left;
width:650px;
min-height:650px;
background:url(../IMG/titre_animaux_2.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-promos-animaux{
width:600px;
height:auto;
float:left;
padding:90px 25px 25px 25px;
min-height:650px;
background:url(../IMG/animaux_titre_toutes_promos.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-promos-deco{
width:600px;
height:auto;
float:left;
padding:90px 25px 25px 25px;
min-height:650px;
background:url(../IMG/titre_promos_deco.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-promos-jardin{
width:600px;
height:auto;
float:left;
padding:90px 25px 25px 25px;
min-height:650px;
background:url(../IMG/titre_promos_jardin.jpg) no-repeat;
background-color:#FFF;
}

#colonne-d-pticompagnons{
width:650px;
height:auto;
float:left;
min-height:650px;
background:url(../IMG/bandeau-pti-compagnons.jpg) no-repeat top right;
background-color:#FFF;
}

#colonne-texte{
width:300px;
height:auto;
float:left;
padding:20px 50px 20px 20px;
text-align:justify;
}

#colonne-texte-interieur{
width:300px;
height:auto;
float:left;
padding:100px 50px 20px 20px;
text-align:justify;
}

#colonne-texte-interieur-2{
width:450px;
height:auto;
float:left;
padding:20px 50px 20px 20px;
text-align:justify;
}

#colonne-texte-interieur-2 p{
margin:5px 0;
padding:5px 0;
}

#colonne-texte-interieur3{
width:300px;
height:auto;
float:left;
padding-top:100px 50px 20px 20px;
text-align:justify;
}

#colonne-texte-interieur3 p{
margin:5px 0;
padding:5px 0;
}

#colonne-blocs{
width:280px;
height:auto;
float:left;
}

#colonne-d-animaux-2 #colonne-texte-interieur{
padding-top:107px;
}

#colonne-d-animaux-2 #colonne-blocs{
padding-top:7px;
}

#pave-newsletter{
width:160px;
height:33px;
background:url(../IMG/pave_newsletter.png) no-repeat;
padding-left:9px;
padding-top:50px;
margin-top:20px;
}

#pave-newsletter input{
width:110px;
height:11px;
font-size:11px;
font-family:Calibri, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}

#pave-magazine{
width:99px;
height:105px;
background:url(../IMG/pave_magazine.png) no-repeat;
padding-left:70px;
padding-top:17px;
margin-top:20px;
}

#footer{
width:650px;
padding-left:200px;
height:auto;
margin:20px auto;
text-align:center;
color:#80827F;
line-height:16px;
}

#footer  a{
color:#80827F;
text-decoration:none;
margin:0 3px;
}

#contenu-bloc-visite{
width:180px;
height:auto;
padding:20px 30px 20px 40px;
}

#filter{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #CCA;
z-index:10;
opacity:0.5;
filter: alpha(opacity=50);
}

#box {
display: none;
position: absolute;
width:500px;
height:420px;
padding: 0;
margin:0;
border: 1px solid #000;
background-color: #FFF;
z-index:11;
overflow: auto;
}

.image-visite{
width:80px;
height:55px;
overflow:hidden;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.bloc{
width:260px;
height:auto;
margin-bottom:5px;
}

.titre-bloc{
width:260px;
height:auto;
}

.contenu-bloc{
width:250px;
height:auto;
background:url(../IMG/fond-bloc.png) repeat-y;
padding-left:5px;
padding-right:5px;
}

.contenu-bloc a{text-decoration:none;}

.bas-bloc{
width:260px;
height:6px;
background:url(../IMG/bas-bloc.jpg) no-repeat;
}

.info-bloc{
width:125px;
height:auto;
margin-left:10px;
padding-right:10px;
margin-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #999;
}

.info-bloc3{
width:140px;
height:auto;
padding:5px 0;
border-bottom:1px dashed #999;
}

.info-bloc-2{
width:230px;
height:auto;
margin-left:10px;
margin-right:10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #999;
}

.conclu-bloc{
width:125px;
height:auto;
margin-left:10px;
padding-right:10px;
margin-top:10px;
padding-bottom:10px;
}

.conclu-bloc-2{
width:230px;
height:auto;
margin-left:10px;
padding-right:10px;
margin-top:10px;
padding-bottom:10px;
}

.bloc-large{
width:600px;
height:auto;
margin-bottom:10px;
clear:both;
}

.titre-bloc-large{
width:600px;
height:auto;
}

.contenu-bloc-large{
width:590px;
height:auto;
background:url(../IMG/fond_bloc_large.jpg) repeat-y;
padding:10px 5px;
}

.bas-bloc-large{
width:600px;
height:7px;
background:url(../IMG/bas_bloc_large.jpg) no-repeat;
}

.compagnons{color:#4C0007;}

.petitcompagnons{
color:#EC710A;
}

.forum{color:#4C0007;}

.fidelite{color:#4C0007;}

.magasins{color:#26ADCD;}

.enfants{color:#EA7109;}

.jardin{color:#93B812;}

.deco{color:#C00462;}

.animaux{color:#D10E1C;}
.animaux2{color:#694374;}

.gris{color:#999;}

.actu, .actu_index{
width:300px;
height:auto;
margin-top:10px;
padding-top:5px;
border-top:1px dashed #999;
text-align:justify;
}

.jardin_page{
width:300px;
height:auto;
margin:10px 0;
padding:5px 0;
border-bottom:1px dashed #999;
text-align:justify;
}

.actu_index img{
float:right;
margin:0 0 10px 15px;
}

.home-promo{
width:159px;
height:auto;
border-left:1px dashed #999;
margin-top:10px;
margin-bottom:10px;
padding-left:10px;
padding-right:10px;
}

.pave_magasin{
width:294px;
height:auto;
float:left;
margin-top:10px;
margin-right:10px;
}

.pave_magasin_haut{
width:294px;
height:7px;
background:url(../IMG/pave_magasin_haut.jpg) no-repeat;
}

.pave_magasin_contenu{
width:274px;
height:auto;
background:url(../IMG/fond_pave_magasin.jpg) repeat-y;
padding:10px;
}

.pave_magasin_bas{
width:294px;
height:7px;
background:url(../IMG/pave_magasin_bas.jpg) no-repeat;
}

.pave_promo{
width:174px;
height:100px;
overflow:hidden;
float:left;
padding:10px;
border-right:1px dashed #999;
border-bottom:1px dashed #999;
}

.pave_promo2{
width:570px;
overflow:hidden;
float:left;
padding:10px;
border-bottom:1px dashed #999;
}

.separation{
width:100%;
height:10px;
border-top:1px dashed #999;
margin-top:10px;
clear:both;
}

.separation-2{
width:100%;
height:10px;
margin-top:10px;
clear:both;
}

.pave-magazine{
width:500px;
height:auto;
margin-top:20px;
}

.titre_magazine{
width:500px;
height:auto;
border-bottom:1px dashed #999;
margin-bottom:10px;
}

.double_page{
width:100px;
height:65px;
overflow:hidden;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.double_page2{
width:100px;
overflow:hidden;
float:left;
margin-right:10px;
margin-bottom:10px;
}

.pave-service{
width:500px;
height:auto;
padding-bottom:10px;
margin-bottom:10px;
}

.tab_services td{
padding:20px 0 10px 0;
text-align:justify;
line-height:16px;
}

.texte_service{
width:440px;
border-bottom:1px dashed #999;
}

.texte_service h3{color:#94B812;}

.spacer{
width:100%;
height:0.1px;
font-size:1px;
clear:both;
}

.tab_parrainer input{
width:110px;
font-size:12px;
font-family:Calibri, Arial, Helvetica, sans-serif;
padding:0;
margin:0;
}

#erreur_parrain{
font-weight:bold;
color:#7A0C1A;
}

.tab_contact input, .tab_contact textarea{
width:250px;
font-family:Verdana, Arial;
font-size:11px;
}

.tab_contact textarea{height:150px;}

.tab_carte_fid input, .tab_carte_fid textarea{
font-family:Verdana, Arial;
font-size:11px;
}

.tab_carte_fid textarea{
height:150px;
width:250px;
}

.actu_petit_compagnon{
float:left;
width:450px;
border-bottom:1px dashed #999;
padding:10px 0;
}

.actu_petit_compagnon img{margin:5px 10px;}

.texte_pti_compa img{margin:5px 10px;}

/*** MODIFS SEPTEMBRE 2010 ***/
.separ_top{margin:0 5px;}

.banniere_logo{
float:left;
width:579px;
}

.banniere_liens{
float:left;
width:200px;
padding:25px 0 0 17px;
}

.petits_compagnons, .decouvrir_en_magasin{
padding:5px 20px 5px 10px;
font-weight:bold;
}

.decouvrir_en_magasin a, .decouvrir_en_magasin a:hover{
color:#481214;
text-decoration:none;
}

.petits_compagnons a, .petits_compagnons a:hover{
color:#EB7007;
text-decoration:none;
}

.petits_compagnons p{
margin:0;
padding:0;
}