/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : -
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			editeur.css.
// Date   : 00 mois 0000
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Styles communs à toutes les pages -----------------------------------------*/
.Clearer { clear: both; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }

#header, #CanalVieFooter, #Wrapper { width: 1000px; }
#header { position: relative; height: 198px; background: no-repeat; overflow: hidden; }
#CanalVieFooter { height: 328px; overflow: hidden; }
#Wrapper { background: #fff; margin: 0 auto; }

/*-- Override des styles Canal Vie --*/
#PageBody {
	font: 10px/normal Arial, Helvetica, Sans-serif; /* 10px par défaut */
	text-align: left;
}
#PageBody h1, #PageBody h2, #PageBody h3, #PageBody h4, #PageBody h5, #PageBody h6 {
	line-height: normal;
	letter-spacing: normal;
}
#PageBody h1 { font-size: 2.4em; font-weight: bold; color: #db4526; } #PageBody h1.Cache { display: none; }
#PageBody h2 { font-size: 1.8em; font-weight: bold; color: #584a3e; }
#PageBody h3 { font-size: 1.3em; font-weight: bold; color: #85664b; }
#PageBody h4,
#PageBody h5,
#PageBody h6 { font-size: 1.2em; color: #85664b; text-transform: uppercase; }
#PageBody a { color: #329ccc; }
#PageBody a:hover { color: #106183; text-decoration: none; }
#PageBody sup { font-size: 80%; line-height: 100%; vertical-align: text-top; }
#PageBody blockquote { padding-left: 24px; }
#PageBody p { clear: none; }

/*-- Header Canal Vie --*/
#header_logo { text-align: left; }
#header_diffusion {
	position: absolute;
	left: 24px; top: 122px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #bf4127;
}
#header_menu_bloc { position: absolute; left: 0; bottom: 0; width: 1000px; height: 58px; }
#header_tab { text-align: left; background: url(/images/CanalVie/Bg_Menu.png) no-repeat 0 100%; }
#header_tab a {
	display: block;
	width: 154px; height: 24px;
	background: url(/images/CanalVie/Bg_MenuTab.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden; outline: none;
}
#header_tab a.On { background-position: 0 -24px; }

/*-- Fil d'Ariane --*/
#FilAriane { height: 36px; padding-top: 5px; }
#FilAriane ul {
	height: 26px;
	font-size: 1.1em;
	background: url(/images/Separ_H.gif) repeat-x 0% 100%;
	margin: 0 10px;
}
#FilAriane ul li {
	float: left;
	height: 26px; line-height: 26px;
	color: #848383;
	background: url(/images/Bg_FilAriane_Separ.gif) no-repeat 7px 50%;
	padding-left: 19px;
}
#FilAriane ul li.Label { background-image: none; padding-left: 0; padding-right: 10px; }
#FilAriane ul li.EdgeItem { background-image: none; padding-left: 0; }
#FilAriane ul li.Partager {
	float: right;
	height: auto; line-height: normal;
	background-image: none;
	padding: 5px 0 0 8px;
}
#FilAriane ul li.Partenaires 
{
	float: right;
	background-image: none;
}
#FilAriane ul li.Partenaires span 
{
	margin-right: 5px;
	position: relative;
	top: -5px;
}
/*-- Deux colonnes principales --*/ 
#Corps { float: left; width: 670px; padding-left: 10px; }
#ColD { float: left; width: 300px; padding-left: 10px; }

/*-- Pied de page --*/
#PiedPage { clear: both; }
#PiedPage ul { height: 72px; margin: 0 10px; }
#PiedPage ul li {
	float: left;
	font-size: 1.1em;
	color: #808080;
	text-transform: uppercase;
	padding: 22px 20px 0 0;
}
#PiedPage ul li.Logo { line-height: normal; padding: 18px 10px 0 0; }
#PiedPage ul li.EdgeItem { float: right; text-align: right; padding: 22px 0 0 0; }

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal { background: url(/images/Bg_MenuPrincipal.gif) repeat-x; }

#MenuPrincipal ul.Niv1 {
	height: 35px;
	background: url(/images/Bg_MenuPrincipal_Separ.gif) no-repeat 992px 0;
	padding-left: 6px;
}
#MenuPrincipal ul.Niv1 li {
	float: left;
	height: 35px;
	background: url(/images/Bg_MenuPrincipal_Separ.gif) no-repeat 100% 0%;
	padding-right: 2px;
}
#MenuPrincipal ul.Niv1 li.EdgeItem { padding-right: 0; }
#MenuPrincipal ul.Niv1 li a {
	display: block;
	line-height: 35px;
	background: url(/images/Txt_MenuPrincipal.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#MenuPrincipal ul.Niv1 li a:hover,
#MenuPrincipal ul.Niv1 li a.On,
#MenuPrincipal ul.Niv1 li a.On:hover { background-color: #db4525; }

#MenuPrincipal ul.Niv1 li.ALaTele a { width: 92px; background-position: 50% 0px; }
#MenuPrincipal ul.Niv1 li.Capsules a { width: 97px; background-position: 50% -35px; }
#MenuPrincipal ul.Niv1 li.Tests a { width: 60px; background-position: 50% -70px; }
#MenuPrincipal ul.Niv1 li.VieDeChien a { width: 176px; background-position: 50% -105px; }
#MenuPrincipal ul.Niv1 li.Adoption a { width: 99px; background-position: 50% -140px; }
#MenuPrincipal ul.Niv1 li.Forums a { width: 137px; background-position: 50% -175px; }
#MenuPrincipal ul.Niv1 li.Outils a { width: 68px; background-position: 50% -210px; }

#MenuPrincipal ul.Niv2 {
	height: 35px;
	background: #db4525 url(/images/Bg_MenuSecondaire.gif) repeat-x 0% 100%;
	padding: 0 0 7px 24px;
}
#MenuPrincipal ul.Niv2 li {
	float: left;
	height: 35px; line-height: 35px;
	background: url(/images/Bg_MenuSecondaire_Separ.gif) no-repeat 9px 50%;
	padding-left: 19px;
}
#MenuPrincipal ul.Niv2 li.EdgeItem { background-image: none; padding-left: 0; }
#MenuPrincipal ul.Niv2 li a { font-size: 1.3em; color: #fff; }
#MenuPrincipal ul.Niv2 li a:hover,
#MenuPrincipal ul.Niv2 li a.On,
#MenuPrincipal ul.Niv2 li a.On:hover { color: #f0d177; }

/*- Éléments visuels récurents ------------------------------------------------*/
#TitreSection {
	position: relative;
	background: url(/images/Bg_TitreSection.jpg) no-repeat;
	border: 1px solid #cbc5b2; border-bottom: 0;
	padding: 10px 16px 8px;
}
#TitreSection h1 { line-height: 1.2em; }
#TitreSection p.AligneGauche { margin-right: 22px; }
#TitreSection p.AligneDroite { font-size: 1.2em; }
#TitreSection .VieDeChien { line-height: 71px; }

/*-- Flash, Capsules --*/
#FlashCapsules {
	width: 670px; /*height: 306px;*/
	background: url(/images/Bg_FlashCapsules.png) no-repeat 0 100%;
	padding-bottom: 5px;
}
#FlashCapsules.Acc {
	background-image: url(/images/Bg_FlashCapsules_Acc.png);
	margin: 0 0 8px;
}

/*-- Photo de page --*/
#PhotoPage {
	position: relative;
	height: 240px;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 0 5px 10px;
}
#PhotoPage .Texte { position: absolute; right: 20px; bottom: 22px; }
#PhotoPage .Texte p { font-size: 1.2em; color: #fff; text-align: right; }
#PhotoPage .Texte p strong { font-size: 1.2em; }
#PhotoPage .Texte p a { color: #b8d15f; }
#PhotoPage .Texte p a:hover { color: #8da149; }

/*-- Video de page --*/
#VideoPage {
	width: 656px;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 0 6px 10px;
}
#VideoPage .Apercu {
	display: none;
	background: url(/images/Bg_VideoPage_Apercu.gif) repeat-y;
	border: 1px solid #cbc5b2;
}
#VideoPage .Apercu .Photo { float: left; width: 425px; height: 238px; }
#VideoPage .Apercu .Photo a {
	display: block;
	position: absolute;
	width: 425px; height: 238px;
	background: none no-repeat;
}
#VideoPage .Apercu .Photo a:hover { background-image: url(/images/Bt_VideoPage.png); }
#VideoPage .Apercu .Texte { float: left; width: 229px; height: 238px; }
#VideoPage .Apercu .Texte h2 { font-size: 2em; padding: 0 18px; }
#VideoPage .Apercu .Texte h2 a { color: #bf4127; }
#VideoPage .Apercu .Texte h2 a:hover { color: #e4b739; }

#VideoPage .Video {
	width: 654px; height: 368px;
	background: #000;
	border: 1px solid #cbc5b2;
}

/*-- Colonnes pour contenu texte --*/
#ContenuTexte { border: 1px solid #cbc5b2; border-top: 0; padding: 5px 0; }
#ContenuTexte h2 { margin: 0 0 .5em; }
#ContenuTexte h3 { margin: 0 0 .2em; }
#ContenuTexte h4, #ContenuTexte h5, #ContenuTexte h6 { margin: 0 0 .6em; }
#ContenuTexte div.TexteFormate,
#ContenuTexte p { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 1em; }
#ContenuTexte div.HR { height: 1px; background: #d1cac5; margin: 18px 0; overflow: hidden; }

#Contenu { float: left; width: 396px; padding: 0 18px 0 17px; }
#Contenu.Solo,
#ContenuLarge { float: none; width: 633px; padding: 0 18px 0 17px; }

#ContenuTexte .ColD {
	float: left;
	width: 232px;
	background: url(/images/Bg_ContenuTexte_ColD.gif) repeat-y;
}
#ContenuTexte .ColD .Bg {
	width: 197px; min-height: 243px;
	background: url(/images/Bg_ContenuTexte_ColD_Haut.png) no-repeat;
	padding: 6px 17px 0 18px;
}
#ContenuTexte .ColD h2 { font-size: 1.4em; margin: 0 0 .4em; }
#ContenuTexte .ColD h2 a { color: #bf4127; }
#ContenuTexte .ColD h2 a:hover { color: #e4b739; }
#ContenuTexte .ColD h4 { margin: 0 0 .4em; }
#ContenuTexte .ColD ul { font-size: 1.2em; color: #93867d; margin: .8em 0 .5em 15px; }
#ContenuTexte .ColD ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 5px 0; }
#ContenuTexte .ColD ul li a { color: #85664b; }
#ContenuTexte .ColD ul li a:hover { color: #584a3e; }
#ContenuTexte .ColD p.Note { font-size: 1.1em; font-style: italic; margin: 0 0 .3em; }
#ContenuTexte .ColD p.Note a { color: #85664b; }

/*- Types de bannières --------------------------------------------------------*/
#ColD div.HR { height: 1px; background: #cbc5b2; margin: 0 0 8px; overflow: hidden; }
#ColD .Pub { position: relative; margin: 0 0 8px; z-index: 500; }

/*-- Call-To-Actions, Outils --*/
#ColD .Outil {
	height: 68px;
	font-size: 1.2em; font-weight: bold;
	line-height: 1.4em;
	background: #db4525 no-repeat;
	margin: 0 0 8px;
}
#ColD .Outil.Budget { background-image: url(/images/Bannieres/outils-calculer-budget.jpg); }
#ColD .Outil.Adresses { background-image: url(/images/Bannieres/outils-bonnes-adresses.jpg); }
#ColD .Outil a {
	display: block;
	height: 61px;
	color: #eeda8a;
	background: url(/images/Bg_ColD_Outils.gif) no-repeat 97% 50%;
	padding: 7px 25px 0 105px;
}
#ColD .Outil a strong { display: block; font-size: 1.3em; color: #fff; }
#ColD .Outil a:hover strong { color: #fdf7e8; }

/*-- Suivez nous sur... --*/
#ColD .SuivezNous {
	width: 170px; height: 38px;
	background: url(/images/Bg_SuivezNousSur.png) no-repeat;
	padding: 7px 0 0 130px;
	margin: 0 0 8px;
}
#ColD .SuivezNous li { float: left; width: 29px; margin-left: 6px; }
#ColD .SuivezNous li img { border: 1px solid #cac5b2; padding: 1px; }

/*-- Suivez nous sur... --*/
#ColD .AbonnerInfolettre {
	width: 274px; height: 35px;
	background: url(/images/Bg_AbonnerInfolettre.png) no-repeat;
	padding: 50px 13px 0 13px;
	margin: 0 0 8px;
}
#ColD .AbonnerInfolettre .TxtBox { width: 180px; background: #fff; padding: 3px 3px 4px; }

/*-- À découvrir à la webtélé --*/
#ColD .Webtele {
	width: 278px; height: 112px;
	border: 1px solid #cbc5b2;
	padding: 6px 10px;
	margin: 0 0 8px;
	overflow: hidden;
}
#ColD .Webtele h4 {
	font-weight: bold;
	text-transform: none;
	border-bottom: 1px solid #e9e4df;
	padding-bottom: 5px;
	margin: 0 0 4px;
}
#ColD .Webtele p { font-size: 1.2em; margin: 0 0 8px; }
#ColD .Webtele p a { font-weight: bold; color: #db4525; }
#ColD .Webtele p a:hover { color: #e4b739; }
#ColD .Webtele p.Photo { float: left; background: #fff; padding-right: 10px; margin: 0; }

/*-- Capsules --*/
#ColD .Capsules {
	background: #faedcd url(/images/Bg_ColD_Capsules.jpg) no-repeat;
	padding: 10px 5px 5px;
	margin: 0 0 8px;
}
#ColD .Capsules a { color: #7b6a5a; }
#ColD .Capsules a:hover { color: #584a3e; }
#ColD .Capsules .Titre { margin: 0 0 8px 10px; }
#ColD .Capsules .Nav {
	height: 32px;
	font-size: 1.1em;
	text-transform: uppercase;
	background: url(/images/Bg_ColD_Capsules_Nav.gif) repeat-x 0% 100%;
}
#ColD .Capsules .Nav li { float: left; line-height: 32px; }
#ColD .Capsules .Nav li a {
	display: block;
	font-weight: bold;
	background: url(/images/Bg_ColD_Capsules_Nav_Tab.gif) repeat-x 0px 0px;
	padding: 0 14px; margin: 0 1px;
}
#ColD .Capsules .Nav li a.On {
	color: #584a3e;
	background-position: 0px -32px;
	border-left: 1px solid #ebe4ce;
	border-right: 1px solid #ebe4ce;
	margin: 0;
}
#ColD .Capsules .Tab {
	background: #fffcf1;
	border: 1px solid #ebe4ce; border-top: 0;
	padding: 12px 14px;
}
#ColD .Capsules .Tab p {
	font-size: 1.2em;
	background: url(/images/Separ_H.gif) repeat-x 0 100%;
	padding-bottom: 8px; margin: 0 0 8px;
}
#ColD .Capsules .Tab p.EdgeItem { background-image: none; padding: 0; margin: 0; }

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
#AccVieDeChien {
	width: 668px; height: 200px;
	background: url(/images/Bg_AccVieDeChien.jpg) no-repeat;
	border: 1px solid #cbc5b2;
	margin: 0 0 10px;
}
#AccVieDeChien .Photo { float: right; width: 320px; height: 200px; overflow: hidden; }
#AccVieDeChien .Texte { float: left; width: 333px; height: 200px; padding: 0 0 0 15px; }
#AccVieDeChien .Texte h2 { font-size: 2.8em; text-transform: uppercase; margin: 0 0 4px; }
#AccVieDeChien .Texte h3 { font-size: 1.5em; color: #d84424; margin: 0 0 4px; }
#AccVieDeChien .Texte p { font-size: 1.3em; color: #93867d; margin: 0 0 6px; }

#AccBlocs {
	width: 670px; height: 196px;
	background: url(/images/Bg_AccBlocs.png) no-repeat 0 100%;
	overflow: hidden;
}
#AccBlocs .Bloc { float: left; width: 190px; height: 178px; padding: 18px 15px 0 16px; }
#AccBlocs .Bloc p { font-size: 1.2em; color: #584a3e; margin: 0 0 12px; }
#AccBlocs .Bloc div { height: 115px; }
#AccBlocs .Bloc div p { font-size: 1.4em; font-weight: bold; margin: 0 0 8px; }
#AccBlocs .Bloc div p a { color: #db4525; }
#AccBlocs .Bloc div p a:hover { color: #e4b739; }
#AccBlocs .Bloc div p.Note { font-size: 1.1em; font-weight: normal; font-style: italic; }
#AccBlocs .Bloc div p.Note a { color: #85664b; }

/*- Styles spéciaux pour les épisodes -----------------------------------------*/
#EpisodesNav { height: 42px; background: url(/images/Bg_EpisodesNav.png) no-repeat; }
#EpisodesNav p { line-height: 21px; padding: 11px 18px 0; }
#EpisodesNav p a, #EpisodesNav p strong, #EpisodesNav p select { float: left; display: block; }
#EpisodesNav p.Mois { float: left; }
#EpisodesNav p.Mois strong {
	width: 256px;
	font-size: 1.8em;
	color: #584a3e;
	text-align: center;
}
#EpisodesNav p.Filtre { float: right; }
#EpisodesNav p.Filtre select, #EpisodesNav p.Filtre a { margin-left: 5px; }

#Episodes { border: 1px solid #d1cac5; border-top: 0; }
#Episodes p { font-size: 1.2em; color: #93867d; }
#Episodes .Episode { background: url(/images/Bg_Episodes_Texte.png) no-repeat 0 100%; padding: 0 0 5px; }
#Episodes .Episode h3.Titre {
	color: #584a3e;
	line-height: 30px;
	background: url(/images/Bg_Episodes_Titre.gif) repeat-x;
	padding: 2px 18px 10px;
}
#Episodes .Episode h3.Titre em { font-size: .85em; font-weight: normal; color: #85664b; margin-left: 30px; }

#Episodes .Episode .Texte { float: left; width: 395px; padding: 0 18px 2px; }
#Episodes .Episode .Texte h2 { font-size: 1.4em; margin: 0 0 .2em; }
#Episodes .Episode .Texte p { line-height: 1.5em; margin: 0 0 1em; }
#Episodes .Episode .Texte a { color: #bf4127; }
#Episodes .Episode .Texte a:hover { color: #e4b739; }
#Episodes .Episode .Texte div.TexteHardFormat { font-size: 12px !important; color: #93867d !important; line-height: 18px !important; }
#Episodes .Episode .Texte div.TexteHardFormat p { font-size: 12px !important; }
#Episodes .Episode .Texte p.ImageDroite,
#ContenuTexte p.ImageDroite.Episode { width: 120px; height: 90px; }

#Episodes .Episode .Details {
	float: left; width: 232px;
	background: url(/images/Bg_ContenuTexte_ColD.gif) repeat-y;
}
#Episodes .Episode .Details .Bg {
	width: 197px; min-height: 243px;
	background: url(/images/Bg_ContenuTexte_ColD_Haut.png) no-repeat;
	padding: 2px 17px 0 18px;
}
#Episodes .Episode .Details h3 { font-size: 1.2em; margin: 0 0 .4em; }
#Episodes .Episode .Details p { margin: 0 0 .4em; }
#Episodes .Episode .Details a { color: #bf4127; }
#Episodes .Episode .Details a:hover { color: #e4b739; }
#Episodes .Episode .Details div.HR { height: 1px; background: url(/images/Separ_H.gif) repeat-x; margin: 12px 0; overflow: hidden; }

/*- Styles spéciaux pour les capsules -----------------------------------------*/
#CapsulesBlocs {
	border: 1px solid #d1cac5; border-top: 0;
	padding: 0 5px 16px;
}
#CapsulesBlocs h2 { font-size: 1.4em; margin: 0 0 .4em; }
#CapsulesBlocs p { font-size: 1.2em; color: #93867d; margin: 0 0 .8em; }
#CapsulesBlocs p.ImageGauche { float: left; height: 122px; margin: 0 12px 10px 0; }
#CapsulesBlocs p.ImageGauche img { border: 1px solid #dfdedc; }
#CapsulesBlocs .Bloc {
	float: left;
	width: 303px; height: 180px;
	background: url(/images/Bg_Capsules_Bloc.png) no-repeat 100% 100%;
	padding: 21px 14px 0 12px;
}
#CapsulesBlocs .Bloc div { height: 108px; }
#CapsulesBlocs .Bloc div a { color: #bf4127; }
#CapsulesBlocs .Bloc div a:hover { color: #e4b739; }

.CapsulesPages { float: right; }
.CapsulesPages .Nav { padding-left: 5px; }
.CapsulesPages p, .CapsulesPages ul { float: left; font-size: 1.2em; font-weight: bold; color: #4e3f34; text-transform: uppercase; }
.CapsulesPages ul li {
	float: left;
	font-weight: bold;
	background: url(/images/Bg_CapsulesNav_Separ.gif) no-repeat 5px 50%;
	padding-left: 11px;
}
.CapsulesPages ul li.EdgeItem { background-image: none; padding-left: 5px; }
.CapsulesPages ul li a { color: #bf4127 !important; }
.CapsulesPages ul li a:hover { color: #e4b739 !important; }
.CapsulesPages ul li a.On,
.CapsulesPages ul li a.On:hover{ color: #4e3f34 !important; }

#CapsulesNav {
	height: 48px;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 0 7px 0 18px;
}
#CapsulesNav h2 { line-height: 48px; }
#CapsulesNav .CapsulesPages .Nav { padding-top: 20px; }
#CapsulesNav .CapsulesPages p,
#CapsulesNav .CapsulesPages ul { line-height: 48px; }

#CapsulesBas {
	height: 30px;
	background: #f5f3f0;
	border: 1px solid #cbc5b2; border-top: 0;
	padding: 0 7px;
}
#CapsulesBas .CapsulesPages .Nav { padding-top: 11px; }
#CapsulesBas .CapsulesPages p,
#CapsulesBas .CapsulesPages ul { line-height: 30px; }

#CapsulesListe {
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 4px 5px 0;
}
#CapsulesListe .Capsule { background: url(/images/Separ_H.gif) repeat-x 0 100%; padding: 14px; }
#CapsulesListe .Capsule.Alt { background-color: #fefcf5; }
#CapsulesListe .Capsule.EdgeItem { background-image: none; }
#CapsulesListe .Capsule h3 { font-size: 1.4em; margin: 0 0 .2em; }
#CapsulesListe .Capsule h3 a { color: #bf4127; }
#CapsulesListe .Capsule h3 a:hover { color: #e4b739; }
#CapsulesListe .Capsule h4 { font-size: 11px; font-weight: bold; margin: 1em 0 .5em; }
#CapsulesListe .Capsule p { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 .3em;  }
#CapsulesListe .Capsule p.AligneDroite { clear: right; }
#CapsulesListe .Capsule p.ImageGauche { float: left; margin: 0 12px 10px 0; }

/*- Styles spéciaux pour les forums canins ------------------------------------*/
#ContenuTexte.Intro {
	border: 1px solid #cbc5b2; border-bottom: 0;
	padding: 14px 18px 12px 17px;
}
#ForumsListe {
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0;
	border: 1px solid #cbc5b2; border-top: 0;
	padding: 14px 17px;
}
#ForumsListe p { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 1em; }
#ForumsListe ul { font-size: 1.2em; margin: 0 0 1em 15px; }
#ForumsListe ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 .3em 0; }
#ForumsListe ul li a { color: #85664b; }
#ForumsListe ul li a:hover { color: #584a3e; }

#ForumsListe .Bloc {
	float: left;
	width: 185px; height: 163px;
	background: url(../images/Bg_AccBlocs.png) no-repeat 100% 100%;
	margin-right: 17px; padding: 0 15px 15px 0;
	overflow: hidden;
}
#ForumsListe .Bloc.EdgeItem { margin-right: 0; }
#ForumsListe .Bloc h3 { font-size: 1.4em; font-weight: bold; margin: 0 0 .4em; }
#ForumsListe .Bloc h3 a { color: #db4525; }
#ForumsListe .Bloc h3 a:hover { color: #e4b739; }
#ForumsListe .Bloc p { color: #584a3e; margin: 0 0 .3em; }
#ForumsListe .Bloc p.Note { font-size: 1.1em; font-weight: normal; font-style: italic; }
#ForumsListe .Bloc p.Note a { color: #85664b; }

/*- Styles spéciaux pour les tests --------------------------------------------*/
#TestsBlocs {
	border: 1px solid #d1cac5;
	padding: 0 5px 16px;
}
#TestsBlocs h2 { font-size: 1.4em; margin: 0 0 .4em; }
#TestsBlocs p { font-size: 1.2em; color: #93867d; margin: 0 0 .8em; }
#TestsBlocs p.ImageGauche { float: left; height: 122px; margin: 0 12px 10px 0; }
#TestsBlocs p.ImageGauche img { border: 1px solid #dfdedc; }
#TestsBlocs .Bloc {
	float: left;
	width: 303px; height: 145px;
	background: url(/images/Bg_Tests_Bloc.png) no-repeat 100% 100%;
	padding: 21px 14px 0 12px;
}
#TestsBlocs .Bloc a { color: #bf4127; }
#TestsBlocs .Bloc a:hover { color: #e4b739; }

#TestsQuestions {
	border: 1px solid #d1cac5;
	padding: 0 5px;
}
#TestsQuestions .Bloc {
	background: url(/images/Separ_H.gif) repeat-x 0 100%;
	padding: 24px 12px 16px 45px;
}
#TestsQuestions .Bloc.EdgeItem { text-align: right; background-image: none; padding: 10px 14px; }
#TestsQuestions .Bloc h3 { margin: 0 0 .6em; }
#TestsQuestions .Bloc h3 strong {
	position: absolute;
	font-size: 1.6em;
	color: #db4526;
	margin: -6px 0 0 -36px;
}
#TestsQuestions .Bloc ul { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 1em 20px; }
#TestsQuestions .Bloc ul li { position: relative; margin: 0 0 .5em; }
#TestsQuestions .Bloc ul li input { position: absolute; margin: 4px 0 0 -20px; }

/*- Styles spéciaux pour Canal vie de chien ----------------------------------*/
#ContenuTexte.VieDeChien { background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0; padding-top: 16px; }
#ContenuTexte.VieDeChien #Contenu { padding-top: 6px; }

/*-- Sections --*/
#VieDeChienNav {
	position: relative;
	background: url(/images/Bg_VieDeChienNav.png) repeat-x;
	border: 1px solid #d1cac5; border-bottom: 0;
	padding: 5px 0 0;
}
#VieDeChienNav p { position: absolute; left: 0; }
#VieDeChienNav ul {
	height: 28px; line-height: 28px;
	font-size: 1.4em;
	font-weight: bold;
}
#VieDeChienNav ul li {
	float: left;
	border-right: 1px solid #cbc5b2;
	padding: 0 17px;
}
#VieDeChienNav ul li.EdgeItem { border-right: 0; }
#VieDeChienNav ul li a { color: #584a3e; }
#VieDeChienNav ul li a:hover { color: #e4b739; }
#VieDeChienNav ul li a.On,
#VieDeChienNav ul li a.On:hover { color: #63564b; }

/*-- Intro --*/
#VieDeChienIntro {
	border-left: 1px solid #d1cac5;
	border-right: 1px solid #d1cac5;
	padding: 32px 17px 14px;
}
#VieDeChienIntro.Liste { background: #f5f3f0; }
#VieDeChienIntro h1 { font-size: 2em; margin: 0 0 .3em; }
#VieDeChienIntro h2 { font-size: 1.6em; color: #db4526; margin: 0 0 .3em; }
#VieDeChienIntro p { font-size: 1.2em; color: #93867d; margin: 0 0 .8em; }

/*-- Promos --*/
#VieDeChienPromo {
	position: relative;
	height: 253px;
	border: 1px solid #d1cac5;
	overflow: hidden;
}
#VieDeChienPromo a { color: #bf4127; }
#VieDeChienPromo a:hover { color: #e4b739; }
#VieDeChienPromo .Texte {
	position: absolute;
	width: 225px; height: 235px;
	background: url(/images/Bg_VieDeChienPromo.png) no-repeat;
	padding: 18px 18px 0 425px;
}
#VieDeChienPromo .Texte h2 { font-size: 2em; margin: 0 0 .3em; }
#VieDeChienPromo .Texte p { font-size: 1.2em; color: #93867d; margin: 0 0 1em; }
#VieDeChienPromo .Photo { width: 415px; height: 253px; background: no-repeat 50% 50%; overflow: hidden; }
#VieDeChienPromo .Photo img { width: 415px; height: 312px; margin-top: -30px; }

#VieDeChienPromo .Nav { position: absolute; right: 13px; bottom: 8px; z-index: 10; }
#VieDeChienPromo .Nav li { float: left; font-size: 1.2em; font-weight: bold; }
#VieDeChienPromo .Nav li a { display: block; padding: 1px 4px; }
#VieDeChienPromo .Nav li a.On { color: #fff; background: #bf4127; }
#VieDeChienPromo .Nav li img { padding: 3px 0; }
#VieDeChienPromo .Nav li ul { display: none; }

/*-- Groupes (Page chapitre) --*/
#PageBody .VieDeChienGroupe {
	position: relative;
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 10px;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 26px 13px 4px;
}
#PageBody .VieDeChienGroupe.EdgeItem { border-bottom: 1px solid #cbc5b2; padding-bottom: 12px; }
#PageBody .VieDeChienGroupe h2 { font-size: 2em; margin: 0 0 .6em; }
#PageBody .VieDeChienGroupe h2 a { color: #bf4127; }
#PageBody .VieDeChienGroupe h2 a:hover { color: #e4b739; }
#PageBody .VieDeChienGroupe .VoirTous { position: absolute; right: 13px; top: 28px; font-size: 1.2em; }

/*-- Liste (Candidats) --*/
#PageBody ul.VieDeChienListe { font-size: 1.2em; }
#PageBody ul.VieDeChienListe li {
	float: left;
	position: relative;
	width: 120px; height: 74px;
	padding: 0 10px 0 84px;
	overflow: hidden;
}
#PageBody ul.VieDeChienListe li a { color: #85664b; }
#PageBody ul.VieDeChienListe li a:hover { color: #584a3e; }
#PageBody ul.VieDeChienListe li .Photo { position: absolute; margin-left: -84px; }
#PageBody ul.VieDeChienListe li .Photo img { border: 1px solid #cbc5b2; }

/*-- Liste (Mise en page) --*/
#VieDeChienListe {
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0;
	border-left: 1px solid #cbc5b2;
	border-right: 1px solid #cbc5b2;
	padding: 32px 13px 4px;
}
#VieDeChienListe ul.VieDeChienListe li { margin: 0 0 18px; }
#VieDeChienFiltre {
	font-size: 1.2em;
	font-weight: bold;
	color: #4e3f34;
	line-height: 48px;
	text-transform: uppercase;
}
#VieDeChienFiltre select { text-transform: none; }

/*-- Détails --*/
#VieDeChienDetail {
	position: relative;
	border: 1px solid #d1cac5; border-top: 0;
	padding: 12px 5px 12px;
}
#VieDeChienDetail .Photo { float: left; background: #fff; padding: 16px 16px 20px 12px; margin: 0; }
#VieDeChienDetail .Photo img { border: 1px solid #cbc5b2; }

#VieDeChienDetail .Bloc { background: url(/images/Separ_H.gif) repeat-x; padding: 18px 12px 2px 8px; }
#VieDeChienDetail .Bloc.Titre { float: right; width: 275px; background-image: none; }
#VieDeChienDetail .Bloc.Vote { float: right; width: 275px; background: url(/images/Bg_CapsulesListe.png) no-repeat 0 0; }
#VieDeChienDetail .Bloc.Texte { clear: right; padding-left: 13px; }

#VieDeChienDetail h2 { font-size: 1.4em; margin: 0 0 .3em; }
#VieDeChienDetail p { font-size: 1.3em; color: #93867d; margin: 0 0 1em; }
#VieDeChienDetail p.Note { font-size: 1.1em; font-style: italic; margin: 0 0 1.2em; }
#VieDeChienDetail p.Note a { color: #85664b; }

/*- Styles spéciaux pour les bonnes adresses ----------------------------------*/
#AdressesRecherche { border-left: 1px solid #d1cac5; border-right: 1px solid #d1cac5; }
#AdressesRecherche a { color: #db4525; }
#AdressesRecherche a:hover { color: #e4b739; }
#AdressesRecherche h2 {
	font-size: 1.4em;
	line-height: 46px;
	text-transform: uppercase;
	background: #f1f1ed;
	padding: 0 17px;
}
#AdressesRecherche h2 span { float: right; }
#AdressesRecherche .Bas { height: 4px; background: url(/images/Bg_Adresses_Recherche.gif) repeat-x; overflow: hidden }
#AdressesRecherche .Recherche {
	height: 171px;
	background: url(/images/Bg_Adresses_Recherche.gif) repeat-x 0 -4px;
	border-bottom: 1px solid #d1cac5;
	padding: 26px 0 0 17px;
}
#AdressesRecherche .Recherche .ColG {
	float: left;
	width: 180px;
	background: url(/images/Bg_Adresses_Recherche_OU.gif) no-repeat 50% 50%;
	margin-right: 50px;
}
#AdressesRecherche .Recherche .ColD { float: left; width: 405px; }
#AdressesRecherche .Recherche p { font-size: 1.2em; color: #584a3e; line-height: 22px; text-transform: uppercase; }
#AdressesRecherche .Recherche p label { display: block; float: left; margin-right: 8px; }
#AdressesRecherche .Recherche p input.TxtBox {
	display: block; float: left;
	font-size: 12px;
	background: #fff;
	padding: 3px;
}
#AdressesRecherche .Recherche .ColG p input.TxtBox { float: right; }
#AdressesRecherche .Recherche p.Checkbox label { float: none; }
#AdressesRecherche .Recherche p.Checkbox span { display: block; height: 80px; padding: 8px 0 0; }
#AdressesRecherche .Recherche p.Checkbox span br { clear: both; }
#AdressesRecherche .Recherche p.Checkbox span label {
	float: left;
	position: relative;
	text-transform: none;
	width: 165px;
	padding: 0;
}
#AdressesRecherche .Recherche p.Checkbox span input { display: block; float: left; margin: 4px; }
#AdressesRecherche .Recherche p.MotsCles label,
#AdressesRecherche .Recherche p.MotsCles input { margin-right: 8px; }

#AdressesTop {
	border-left: 1px solid #d1cac5;
	border-right: 1px solid #d1cac5;
	padding: 17px 17px 0;
}
#AdressesTop h1 { font-size: 1.8em; color: #584a3e; margin: 0 0 1em; }
#AdressesTop h2 { font-size: 1.4em; color: #db4525; margin: 0 0 1em; }
#AdressesTop .Categorie { float: left; width: 198px; margin-right: 20px; }
#AdressesTop .Categorie.EdgeItem { margin-right: 0; }
#AdressesTop .Categorie ul { font-size: 1.2em; line-height: 1.4em; margin: 0 0 2em; }
#AdressesTop .Categorie ul li {
	border-bottom: 1px solid #d1ccc8;
	padding: 0 0 1em 14px;
	margin: 0 0 1em;
}
#AdressesTop .Categorie ul li.EdgeItem { border-bottom: 0; margin-bottom: 0; }
#AdressesTop .Categorie ul li strong { position: absolute; color: #db4525; margin: 0 0 0 -14px; }

#AdressesTabs {
	height: 37px;
	background: url(/images/Bg_AdressesTabs.gif) repeat-x 0 48px;
	border-left: 1px solid #d1cac5; border-right: 1px solid #d1cac5;
	padding: 12px 3px 0;
}
#AdressesTabs li {
	float: left;
	height: 37px; line-height: 37px;
	background: url(/images/Bg_AdressesTabs.gif) repeat-x 0 0;
	border-left: 1px solid #d1cac5; border-right: 1px solid #d1cac5;
	padding: 0 12px;
	margin-right: 3px;
}
#AdressesTabs li.On { background-position: 0 -37px; }
#AdressesTabs li a { font-size: 1.2em; font-weight: bold; color: #63564b; text-transform: uppercase; }
#AdressesTabs li a:hover { color: #584a3e; }

/*-- Résultats --*/
#AdressesCarte { border-left: 1px solid #d1cac5; border-right: 1px solid #d1cac5; padding: 3px; }

#AdressesListe .CapsulesPages { float: left; }
#AdressesListe #CapsulesNav { height: 36px; }
#AdressesListe #CapsulesNav .CapsulesPages .Nav { padding-top: 14px; }
#AdressesListe #CapsulesNav .CapsulesPages p,
#AdressesListe #CapsulesNav .CapsulesPages ul { float: left; line-height: 36px; }
#AdressesListe #CapsulesNav p { float: right; font-size: 1.2em; line-height: 36px; }
#AdressesListe #CapsulesBas { padding: 0 19px; }

/*-- Formulaire d'ajout --*/
#AdressesAdd {
	border: 1px solid #d1cac5;
	padding: 17px 5px 0;
}
#AdressesAdd .Texte { padding: 0 12px 4px; }
#AdressesAdd .Texte p { font-size: 1.3em; color: #93867d; margin: 0 0 1em; }
#AdressesAdd .Texte.EdgeItem { border-top: 1px solid #d1cac5; padding: 12px; }

/*-- Bannière --*/
#AdressesBanner {
	position: relative;
	height: 67px;
	background: #329ecc url(/images/Bg_AdressesBanner.jpg) no-repeat;
}
#AdressesBanner p { position: absolute; font-size: 1.2em; color: #fff; }
#AdressesBanner p.Texte { left: 166px; top: 18px; text-transform: uppercase; }
#AdressesBanner p.Lien { right: 18px; top: 22px; }

/*-- Notes --*/
#AdressesNote {
	background: url(../images/Bg_Adresses_Recherche.gif) repeat-x 0 25%;
	border: 1px solid #d1cac5; border-top: 0;
	padding: 14px 17px 6px;
}
#AdressesNote h3 { text-transform: uppercase; margin: 0 0 .3em; }
#AdressesNote p { font-size: 1.1em; color: #93867d; margin: 0 0 .8em; }

/*-- Rating meter --*/
.Rating {
	display: block;
	position: relative;
	width: 95px; height: 20px;
	background: url(/images/Bg_Adresse_Cote.png) no-repeat 0 0;
	margin-top: 4px;
}
.Rating span { position: absolute; display: block; height: 20px; }
.Rating .Total {
	background: url(/images/Bg_Adresse_Cote.png) no-repeat 0 -20px;
	text-indent: -100px;
	overflow: hidden;
	z-index: 10;
}
.Rating .Nmb {
	left: 99px;
	font-size: 11px !important;
	color: #93867d !important;
	line-height: 20px !important;
	white-space: nowrap;
}
.Rating .Vote { width: 95px; z-index: 20; }
.Rating a { float: left; display: block; width: 19px; height: 20px; }

.Rating.Small { width: 55px; height: 14px; background-position: 0 -40px; }
.Rating.Small span { height: 14px; }
.Rating.Small .Total { background-position: 0 -54px; }
.Rating.Small .Nmb {
	left: 58px;
	font-size: 9px !important;
	line-height: 14px !important;
}
.Rating.Small .Vote { width: 55px; }
.Rating.Small a { width: 11px; height: 14px; }

/*-- Tooltip GoogleMaps --*/
#PageBody .BulleGMap { max-width: 400px; background: #fff; }
#PageBody .BulleGMap h3 { font-size: 14px; }
#PageBody .BulleGMap h3 a { color: #db4525; }
#PageBody .BulleGMap h3 a:hover { color: #e4b739; }
#PageBody .BulleGMap p { font-size: 12px; color: #584a3e; }
#PageBody .BulleGMap p.AligneDroite { margin: 0 0 5px 10px; }

/*- Styles pour Sondages ------------------------------------------------------*/
#SondageEnCours {
	border: 1px solid #d1cac5; border-bottom: 0;
	padding: 12px 17px 18px;
}
#SondageEnCours h2 { margin: 0 0 .5em; }
#SondageEnCours ul { font-size: 1.2em; color: #93867d; }
#SondageEnCours ul li {
	position: relative;
	width: 618px; height: 24px; line-height: 24px;
	background: #f0efed;
	margin: 0 0 .4em;
}
#SondageEnCours ul li span { position: absolute; }
#SondageEnCours ul li span.Prog {  height: 24px; background: #e7e4de; }
#SondageEnCours ul li.On span.Prog { background: #faedcd; }
#SondageEnCours ul li span.Texte { height: 24px; padding: 0 8px; }
#SondageEnCours ul li.On span.Texte { font-weight: bold; color: #bf4127; }

#SondageListe {
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0;
	border: 1px solid #cbc5b2; border-top: 0;
	padding: 4px 5px 2px;
}
#SondageListe .Bloc { background: url(/images/Separ_H.gif) repeat-x 0 100%; padding: 14px; }
#SondageListe .Bloc.EdgeItem { background-image: none; }
#SondageListe .Bloc h3 { margin: 0 0 .5em; }
#SondageListe .Bloc ul { font-size: 1.2em; color: #93867d; }
#SondageListe .Bloc ul li { margin: 0 0 .3em; padding-left: 12px; }
#SondageListe .Bloc ul li.On { font-weight: bold; color: #bf4127; background: url(/images/Puce_Lien.gif) no-repeat 1px 2px; }

#Sondage h2 { font-size: 16px; font-weight: bold; color: #584a3e; margin: 0 0 8px; }
#Sondage h3 { font-size: 13px; font-weight: bold; color: #85664b; }
#Sondage h4,
#Sondage h5,
#Sondage h6 { font-size: 12px; color: #85664b; text-transform: uppercase; }
#Sondage p { margin: 0 0 8px; padding: 0; }
#Sondage ul { margin: 0 0 10px 18px; }
#Sondage ul li { position: relative; padding: 0 0 5px 0; }
#Sondage ul li input { margin: 2px 0 0 -18px; }

/*- Styles pour formulaires ---------------------------------------------------*/
.Formulaire {
	background: url(/images/Bg_CapsulesListe.png) no-repeat 50% 0;
	padding: 14px 12px;
}
.Formulaire p { font-size: 1.2em; color: #93867d; margin: 0 0 1em; }
.Formulaire p.AligneGauche { width: 310px; }
.Formulaire p label { display: block; color: #85664b; margin-bottom: 3px; }
.Formulaire p span.Checkbox label { display: block; line-height: 19px; margin: 0; padding: 0 0 0 20px; }
.Formulaire p span.Checkbox input { display: block; position: absolute; margin: 3px; }

.TxtErreur { color: #FF0000; }

div.SommaireValidation {
	color: #DB4526;
	background: #fdf1f1;
	border: 1px solid #cbc5b2; border-bottom: 0;
	padding: 12px 17px;
}
div.SommaireValidation ul { font-size: 1.3em; }
div.SommaireValidation ul li {
	background: url(/images/Puce_Lien.gif) no-repeat 0px 3px;
	margin: 0 0 .3em;
	padding-left: 16px;
}

input, textarea, select, .TxtBox, .TxtArea, .SelectList {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtBox, .TxtArea, .SelectList {
	color: #584a3e;
	background:	#fffde8;
	border: 1px solid #dfdedc;
	padding: 2px;
}
.TxtArea { overflow: auto; }
.SelectList { padding: 1px; }

a.Btn {
	display: inline-block;
	height: 20px; line-height: 20px;
	font-size: 12px; font-weight: bold;
	color: #fff !important;
	background: url(/images/Bg_Btn.gif) repeat-x;
	border: 1px solid #bf4127;
	padding: 0 10px;
}
a.Btn:hover { background: #e4b739; border-color: #e4b739; }

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
p.TexteSpecial { font-size: 1.3em !important; }
span.TexteSpecial { font-size: 1.1em; }

.TextePetit { font-size: 0.9em; }

/*- Classes pour les hyperliens ----*/
a.LienPuce {
	background: url(/images/Puce_Lien.gif) no-repeat 0 2px;
	padding-left: 10px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 1px solid #dfdedc;
}
img.ImageGauche {/*, p.ImageGauche*/
	border: 1px solid #dfdedc;
	margin:	0 12px 10px 0 !important;
	float: left;
}
img.ImageDroite, p.ImageDroite {
	border: 1px solid #dfdedc;
	margin: 0 0 10px 15px !important;
	float: right;
}

/*- Classes pour les listes ----*/
#Contenu ul { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 12px 15px; }
#Contenu ul li { list-style: disc outside url(/images/Puce_Liste.gif); padding: 0 0 3px 0; }
#Contenu ol { font-size: 1.2em; color: #93867d; line-height: 1.5em; margin: 0 0 12px 24px; }
#Contenu ol li { list-style: decimal outside; padding: 0 0 3px 0; }

/*- Classes pour les tableaux ----*/
table.Tableau { border: 1px solid #d1cac5; margin: 0 0 1.2em; }
table.Tableau td {
	font-size: 1.2em;
	color: #93867d;
	line-height: 1.5em;
	background: url(/images/Bg_Thickbox.png) no-repeat 0 100%;
	border: 1px solid #fff;
	padding: 12px;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.3em;
	font-weight: bold;
	color: #584a3e;
	background: #efefee;
	padding: 5px 12px;
}
table.Tableau td.CelluleSousTitre {
}
table.Tableau td.CelluleAlternative {
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
table.Tableau ul,
table.Tableau ol,
table.Tableau p {
	font-size:1em !important;
}

