/*
CE FICHIER CONSTITUE UNE PARTIE DU LOGICIEL Vitamine CMS.
* Le Logiciel Initial "Vitamine CMS" (non modifié par une contribution) est distribuée
	par la Société STUDIO VITAMINE S.A.R.L dont le siège est Hôtel TIC - 1, rue Alexander Fleming – 17000 La Rochelle - France.
	(Site Internet : www.studiovitamine.com - Téléphone 05 46 07 23 16)
* Tous les éléments constitutifs du logiciel Vitamine CMS
	sont la création de Fabien Guy BRANCHUT, l'Auteur de logiciel, né en France le 11 mars 1974 à Angoulême (16).
	(Site Internet : www.fabien-branchut.fr - Téléphone : 06 60 80 26 02)
*/
/*
##################################################
Liste des classes CSS et id réservés :
##################################################
UTILISER PAR LE FRONT-OFFICE
.divZoneEdition
#divZoneEdition_<idZoneEdition>
.divArticle
.divArticleNom
.divArticleContenu
.divArticleImage1
#divArticle_<idArticle>
.divArticleGabarit_<idArticleGabarit>

UTILISER PAR LE ADMIN/FRONT-OFFICE (=BoFo)
toutes les classes ou id contenant la chaine "BoFo" ainsi que :
.divGabarit
#divGabarit_<idGabarit>
.divPlanDuSite
##################################################
fin => Liste des classes CSS systèmes réservées
##################################################
*/

/********************************************/
/* 
	Généralités
*/
/********************************************/
*{
	margin:0px;
	padding:0px;
	font-family:verdana;
	font-size:11px;
	color:#000000;
}
body  {	
	background-image:url("../image/idSite_34/bg.gif"); 
}

table{
	border-collapse:collapse;
}
table caption{
	display:none;
}
table thead{
	display:none;
}
table tr td{
	vertical-align:top;
}
h1{
	color:#FFFFFF;
	margin:10px;
	font-size:24px;;
	line-height:20px; /* sinon ya une marge en bas */
}
ul{
	margin-left:10px;
	list-style-type: none;
}
ol{
	margin-left:10px;
}
ul li{
	background-image:url("../image/idSite_34/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	margin-bottom:2px;
}
ul li a{
	text-decoration:none;
}
ol li{
	margin-left:25px; /* permet de créer un marge entre les puces numérotées et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF (pas trouver de solution sur IE), comme les puces sont numérotées il est impossible de mettre une image en background pour substituer la puce, comme on fait normalement avec les <ul><li> */
	margin-bottom:2px;
}
ol li a{
	text-decoration:none;
}
fieldset{
	padding:10px;	
	margin-bottom:15px;
}
legend{
	padding-left:5px;	
	padding-right:5px;
	font-weight:bold;	
}
textarea{
	width:95%;	
}
a img{
	border:0px;
}
a:link{
	color:#000000;
	text-decoration:underline;	
}
a:visited{
	color:#666666;	
	text-decoration:underline;	
}
a:hover{
	background-color:#000000;
	color:#ffffff;	
	text-decoration:underline;	
}
a:active{
	color:#ffffff;	
	text-decoration:underline;	
}
a:focus{
	background-color:#000000;
	color:#ffffff;	
	text-decoration:underline;	
}
a.aLienSelectionner:link{
	background-color:#000000;
	color:#ffffff;	
}
a.aLienSelectionner:visited{
	background-color:#000000;
	color:#ffffff;	
}
a.aLienSelectionner:hover{
	background-color:#000000;
	color:#ffffff;	
}
a.aLienSelectionner:active{
	background-color:#000000;
	color:#ffffff;	
}
a.aLienSelectionner:focus{
	background-color:#000000;
	color:#ffffff;	
}
/********************************************/
/* 
	Structure du site
*/
/********************************************/
#divGlobal{
	background-image:url("../image/idSite_34/bgBig.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#divGeneral{
	width:787px;
	border-bottom:7px solid #333333;
	margin-left:110px;
	margin-right:auto;
	margin-top:2px;
	background-image:url("../image/idSite_34/bgContenuPixel.gif");
}
/* BANDEAU */
#divBandeau{
	position:relative;
	text-align:center;
}
#divBandeauImg{
	background-image:url("../image/idSite_34/bandeau01.jpg");
	background-color:#000;
}
#divBandeauLogo{
	position:absolute;
	top:3px;
	left:10px;
}
#divBandeauDrapeau{
	position:absolute;
	top:0px;
	right:10px;
}
#divBandeauDrapeau a{
	font-size:10px;
	text-decoration:none;
}
#divBandeauDrapeau td{
	padding:5px;
}
#divBandeauDrapeau td img{
	margin-bottom:3px;
}
#divBandeau #divBandeauThemeAssocier{
	overflow:hidden;
	height:0px;
}
/*PAGE INTERNE*/
#divPageInterne{
	background-image:url("../image/idSite_34/bgContenu.gif");
	background-repeat:no-repeat;
	min-height:900px;
} 
#divPageInterne2{

} 
.divBlocGauche {
	width:545px;
	margin-left:20px;
	float:left;
	margin-top:15px;
}
.divBlocDroite {
	float:left;
	margin-left:26px;
	margin-top:15px;
	width:190px;
	padding-top:20px;
}
/*CONTENU*/
#divFondArticle{
	background-color:#FFFFFF;
	padding:7px;
}


/*MENU DROITE BLOG LIENS*/
#divMenuFond{
	background-color:#FF3366;
	width:190px;
	height:17px;
}
.MenuCat{
	padding-left:10px;
	padding-top:2px;
	color:#fff;
	font-weight:bold;
	font-family:verdana;
	font-size:11px;
}
#MenuNavCatBlog{
	margin-top:15px;
	margin-left:20px;
	margin-bottom:20px;
}
#MenuNavCatBlog  li{
	background-image:url("../image/idSite_34/puce.gif");
}
#MenuNavCatBlog  li a{
	color:#fff;	
	font-size:10px;
	background-color:#333;
	font-family:verdana;
	padding-left:2px;
	padding-right:2px;
}
#MenuNavCatBlog  li a:hover{
	color:#fff;
	background-color:#ff3366;
}
#MenuNavCatBlog  .aLienSelectionner{
	color:#fff;
	background-color:#ff3366;
}
#MenuNavDerniersArticles{
	margin-top:15px;
	margin-left:3px;
	margin-bottom:20px;
}
#MenuNavDerniersArticles  li{
	background-image:url("../image/idSite_34/puce.gif");
}
#MenuNavDerniersArticles  li a{
	color:#fff;	
	font-size:10px;
	font-family:verdana;
}
#MenuNavDerniersArticles  li a:hover{
	background-color:#96bf55;
	color:#fff;
}

/*MENU DROITE BLOG TAGS*/
#divMenuNavLiens{
	margin-top:15px;
	margin-left:3px;
	margin-right:2px;
	margin-bottom:20px;
}
a.MenuNavLiens{
	color:#fff;	
	font-size:10px;
	font-family:verdana;
	text-decoration:none;
	margin-right:3px;
}
a:hover.MenuNavLiens{
	background-color:#96bf55;
	color:#fff;
}
a.MenuNavLiensniveau1{
font-size:20px;	
}
a.MenuNavLiensniveau2{
font-size:18px;	
}
a.MenuNavLiensniveau3{
font-size:14px;	
}
a.MenuNavLiensniveau4{
font-size:12px;	
}
a.MenuNavLiensniveau5{
font-size:10px;	
}
a.MenuNavLiensniveau5{
font-size:9px;	
}

/* FOOTER */
#divFooter{
	position:absolute;
	width:780px;
	height:16px;
	color:#000000;
	padding-left:120px;
	padding-top:5px;
}
#divFooter a:link{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:visited{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:hover{
	font-size:11px;
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
}
#divFooter a:active{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	background-color:transparent;
}
#divFooter a:focus{
	font-size:11px;
	color:#000000;
	text-decoration:underline;
	background-color:transparent;
}
#divFooter a.aLienSelectionner{
	text-decoration:underline;
}
#divFooter #divFooter2{
	position:absolute;
	top:0px;
	right:0px;
	padding-right:7px;
	color:#000000;
}
#divFooter span{
	font-size:14px;
	color:#000000;
}
#divFooter #divByStudioVitamine{
	position:absolute;
	bottom:-15px;
	right:10px;
	font-size:10px;
}
#divFooter #divByStudioVitamine div{
	font-size:10px;
	color:#000000;
	text-align:right;
}
#divFooter #divByStudioVitamine a{
	color:#000000;
	text-decoration:none;
	font-size:10px;
	background-color:transparent;
} 
#divFooter #divByStudioVitamine #divByStudioVitamineImgYo{
	position:absolute;
	bottom:0px;
	left:-90px;
}
#divFooter #divByStudioVitamine #imgByStudioVitamineYo{
	display:none;
}
#divFooter #divFooterThemeAssocier{
	width:600px;
	text-align:left;
	font-size:9px;
	color:#969696;
}
#divFooter #divFooterThemeAssocier strong{
	text-align:left;
	font-size:10px;
	color:#969696;
}
#divFooter #divFooterThemeAssocier a{
	font-size:9px;
	color:#969696;
	text-decoration:none;
	cursor:default;
}
/* CENTRE */
#tableCentre{
	width:980px;
	height:550px;
	background-color:#eeeeee;
}
#tableCentre #tdGaucheTableCentre{
	width:200px;
	background-color:#dddddd;
	padding-top:10px;
	padding-bottom:10px;
}
#tableCentre #tdCentreTableCentre{
	background-color:#ffffff;
	overflow-x:hidden;width:580px;	/* pour IE, évite que les h1 trop long générer par dynamicFont eclate la page */	
}
#tableCentre #tdDroiteTableCentre{
	width:200px;
	background-color:#dddddd;
}
/********************************************/
/* 
	Les zones d'édition
*/
/********************************************/
.divZoneEdition{
	padding:0px;
}
/********************************************/
/* 
	Les gabarits d'articles
*/
/********************************************/
/* 
/* Blog > Liste des derniers post  */
.divArticleGabarit_43 .divArticleImage1{
	float:left;
	overflow:hidden;
}
.divArticleGabarit_43 .divArticleImage1 table{
	width:1px;
}
.divArticleGabarit_43 .divArticleImage1 table tr td{
	padding-right:10px;
	padding-bottom:5px;
	font-style:italic;
}
/* texte uniquement avec fond transparent */
.divArticleGabarit_41 .divArticleContenu div{
	color:#cccccc;
	font-size:10px;
	font-weight:bold;
}
.divArticleGabarit_41 .divArticleContenu a{
	color:#cccccc;
	font-size:10px;
	background-color:transparent;
}
.divArticleGabarit_41 .divArticleContenu a:link{
	color:#cccccc;
	font-size:10px;
	background-color:transparent;
}
.divArticleGabarit_41 .divArticleContenu a:visited{
	color:#cccccc;
	font-size:10px;
	background-color:transparent;
}
.divArticleGabarit_41 .divArticleContenu a:hover{
	color:#cccccc;
	font-size:10px;
	background-color:transparent;
}
.divArticleGabarit_41 .divArticleContenu a:active{
	color:#cccccc;
	font-size:10px;
	background-color:transparent;
}
/* plan du site */
.divArticleGabarit_45 .divArticleContenu div{
	margin-bottom:2px;
}
.divArticleGabarit_45 .divArticleContenu .divPlanDuSiteRacine{
	background-image:url("../image/idSite_34/puce.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
}
.divArticleGabarit_45 .divArticleContenu .divPlanDuSiteRacine a{
	text-decoration:none;
}
.divArticleGabarit_45 .divArticleContenu .divPlanDuSitePagePasRacine a{
	background-color:transparent;
	text-decoration:underline;
	color:#333333;
	background-image:url("../image/idSite_34/puceCarre.gif"); /* permet de créer un marge entre les puces et une image "float:left;", sinon les puces entre dans l'image, ne fonctionne que sur FF */
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
}

/********************************************/
/* 
	Les articles génériques
*/
/********************************************/
.divArticle{
	margin-bottom:15px;
	clear:both;
	overflow:visible; /* sinon affichage d'un ascenceur vertical sur firefox si clic sur un lien ? */
}
.divArticleNom h2{
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	overflow-x:hidden;	/* pour IE, évite que les h2 trop long générer par dynamicFont eclate la page */
}
/* CONTENU : gras */
.divArticleContenu b{
	color:#ff3366;
}
.divArticleContenu b a:link{
	color:#cc0000;
	
}
.divArticleContenu b a:visited{
	color:#aa0000;
}
.divArticleContenu b a:hover{
	color:#ffffff;
}
.divArticleContenu b a:active{
	color:#ffffff;
}
.divArticleContenu b a:focus{
	color:#ffffff;
}
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
.divArticleContenu a:link{
	color:#000000;
}
.divArticleContenu a:visited{
	color:#666666;
}
.divArticleContenu a:hover{
	color:#ffffff;
}
.divArticleContenu a:active{
	color:#ffffff;
}
.divArticleContenu a:focus{
	color:#ffffff;
}
/* CONTENU : lien (selectionné) */
.divArticleContenu a.aLienSelectionner:link{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:visited{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:hover{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:active{
	background-color:#000000;
	color:#ffffff;	
}
.divArticleContenu a.aLienSelectionner:focus{
	background-color:#000000;
	color:#ffffff;	
}
/* le reste */
.divArticleContenu ul{
	margin-top:0px;
	margin-bottom:0px;
}
.divClearBoth{
	clear:both;
	height:0px;
	overflow:hidden;
}
/********************************************/
/* 
	Les articles par zones d'édition
*/
/********************************************/
/* accueil */
#divZoneEdition_43 .divArticle{
	background-color:#dddddd;	/* à cause de IE, de dynamicFont et de interface.js */
	border:#CCC solid 2px;
}
#divZoneEdition_43 .divArticle .divArticleNom h2{
	font-size:12px;
}
#divZoneEdition_43 .divArticle .divArticleContenu *{
	font-size:10px;
}
#divZoneEdition_43 .divArticle .divArticleImage1 img{
	width:80px;
}
/* colonne de gauche */
#divZoneEdition_7 .divArticle{
	background-color:#dddddd;	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_7 .divArticle .divArticleNom h2{
	font-size:12px;
}
#divZoneEdition_7 .divArticle .divArticleContenu *{
	font-size:10px;
}
#divZoneEdition_7 .divArticle .divArticleImage1 img{
	width:80px;
}
/* colonne du centre */
#divZoneEdition_1 .divArticle{
	background-color:#ffffff;	/* à cause de IE, de dynamicFont et de interface.js */
}
/* colonne de droite */
#divZoneEdition_4 .divArticle{
	background-color:#dddddd;	/* à cause de IE, de dynamicFont et de interface.js */
}
#divZoneEdition_4 .divArticle .divArticleNom h2{
	font-size:12px;
}
#divZoneEdition_4 .divArticle .divArticleContenu *{
	font-size:10px;
}
#divZoneEdition_4 .divArticle .divArticleImage1 img{
	width:50px;
}
/********************************************/
/* 
	Fil d'ariane
*/
/********************************************/
#divFilAriane{
	padding-top:1px;
	padding-left:5px;
	font-size:10px;
}
#divFilAriane a{
	font-size:10px;
}
/********************************************/
/* 
	Modalbox 1 (boite d'authentification)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_1			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_1_titre	{border:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:55px;border-bottom:1px solid #ffffff;background-color:#ed217c;color:#ffffff;background-image:url('../admin/image/logoVitamineCMS3PointBlanc.gif');background-repeat:no-repeat;background-position:7px 7px;}
#divModalBox_1_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:3px;margin-right:5px;}
#divModalBox_1_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_1_fond		{background-color:#000000;}
/********************************************/
/* 
	Modalbox 5 (POP-UP)
	la 2,3 et 4 sont réservés au BoFo
*/
/********************************************/
#divModalBox_5			{margin-left:auto;margin-right:auto;margin-top:50px;border:1px solid #000000;background-color:#dddddd;}
#divModalBox_5_titre	{border:1px solid #ffffff;border-top:1px solid #ffffff;font-weight:bold;font-size:12px;padding:5px;padding-left:15px;background-color:#a42d1b;color:#ffffff;}
#divModalBox_5_close	{cursor:pointer;right:0px;border:1px solid #ffffff;color:#ffffff;padding:1px;padding-left:5px;padding-right:5px;margin-top:4px;margin-right:5px;}
#divModalBox_5_contenu	{border:1px solid #ffffff;border-top:0px solid #ffffff;background-color:#ffffff;padding:0px;}
.divModalBox_5_fond		{background-color:#000000;}
/********************************************/
/* 
	Les menus de navigation
*/
/********************************************/
.divPlanDuSite .divMenuNavigationProfondeur1{
	margin-bottom:1px;
	background-color:#eeeeee;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1{
	margin-bottom:1px;
	background-color:#cccccc;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur1 .divLienMenuNavigationProfondeur1Selectionner{
	margin-bottom:1px;
	background-color:#ff0000;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2{
	margin-bottom:1px;
	background-color:#eeeeee;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2{
	margin-bottom:1px;
	background-color:#eeeeee;
	cursor:pointer;
}
.divPlanDuSite .divMenuNavigationProfondeur2 .divLienMenuNavigationProfondeur2Selectionner{
	margin-bottom:1px;
	background-color:#ff0000;
	cursor:pointer;
}
/********************************************/
/* 
	Les formulaires
*/
/********************************************/
.divMessageWrong{
	background-color:#a90101;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
}
.divMessageWrongPourLabel{
	background-color:#a90101;
	color:#ffffff;
	padding:3px;
	max-width:400px;
	margin-bottom:2px;
	font-weight:bold;
}
.divMessageWrongPourLabel a{
	color:#ffffff;
}
.divMessageOK{
	background-color:#ff4b78;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
}
.divMessageOK a{
	color:#ffffff;
}
input.inputText{
	width:95%;
	border:1px solid #000000;
	padding-left:1px;
}
input.inputTextFocus{
	border:1px solid #ff3366;
	background-color:#fbebef;
}
input.inputTextMessageWrong{
	border:1px solid #ff0000;
}
textarea.textarea{
	border:1px solid #000000;
}
textarea.textareaFocus{
	border:1px solid #ff3366;
	background-color:#fbebef;
}
textarea.textareaMessageWrong{
	border:1px solid #ff0000;
}
.divResizeTextareaExterne{
	cursor: ns-resize;
	cursor: n-resize;
}
.divResizeTextareaInterne{
	display:none;
	width: 500px;
	height: 8px;
	background-color:#b5b5b5;
	background-image:url("../image/idSite_34/elargisseurConteneurBasBg.gif");
	background-repeat:no-repeat;
	background-position:center center;
	position: absolute;
	bottom:4;
	left:0;
	overflow: hidden;
	font-size: 1px;
}
/********************************************/
/* 
	Echanges de liens
*/
/********************************************/
.divEchangeDeLienConteneur{
	font-size:10px;
	color:#666666;
}
/********************************************/
/* 
	BLOG
*/
/********************************************/
/*Partie du titre*/
#blog_divArticleFond{  /*fond bloc 1 avec titre, date*/ 
	background-color:#FFFFFF;
	height:48px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:10px;
	margin-bottom:2px;
	border-width:1px;
	border-style:dashed;
	border-color:#ff3366;
}
#blog_divArticleGaucheTitre{
	width:315px;
	float:left;
}
#blog_divArticleGaucheTitre img{
	margin-top:8px;
}
#blog_divArticleDroiteInfos{
	float:left;
	text-align:right;
}
#blog_divArticleDroitePhotos{
	width:49px;
	float:right;
	text-align:right;
}
.blog_ArticleDate{
	margin-top:2px;
	font-family:verdana;
	font-size:10px;
	width:160px;
	color:#000000;
	font-style:normal;
}
.blog_ArticleAuteur{
	margin-top:4px;
	font-family:verdana;
	font-size:10px;
	color:#666666;
	font-style:normal;
}
.blog_ArticleRubrique{
	margin-top:4px;
}
.blog_ArticleRubrique a{
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
	color:#000000;
}
.blog_ArticleRubrique a:visited{
	font-family:verdana;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	font-style:normal;
}
.blog_ArticleRubrique a:focus{
	font-family:verdana;
	background-color:#96bf55;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
}
.blog_ArticleRubrique a:hover{
	font-family:verdana;
	background-color:#96bf55;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
}
.blog_ArticleSeparation{
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	height:1px;	
}
/*Accueil - Partie de l'article*/
.blog_divArticleFondIntro{ /*fond bloc 2 avec img et texte*/
	background-color:#FFFFFF;
	padding-top:22px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:23px;
}
.blog_divArticleImage{
	float:left;
}
.blog_divArticleImage img{
	margin-right:22px;
	margin-bottom:10px;
}
.blog_ArticleTexte{
	height:92px;
	font-size:11px;
	font-style:normal;
	overflow:hidden;
}
.blog_ArticleTexteSuite{
	float:left;	
	margin-top:10px;
}
.blog_ArticleTexteSuite a:link{
	font-weight:bold;
	color:#ff3366;
}
.blog_ArticleTexteSuite a:visited{
	font-weight:bold;
	color:#ff3366;
}
.blog_ArticleTexteSuite a:hover{
	background-color:#ff3366;
	color:#ffffff;
}
.blog_ArticleTexteSuite a:focus{
	background-color:#ff3366;
	color:#ffffff;
}
.blog_ArticleTexteSuitePuce{
	float:left;
	margin-top:14px;
	margin-right:4px;
}

/*Afficher du code dans un article*/
.codeFond{
	width:500px;
	border:1px solid #ff98b2;
	background-color:#f1f1f1;
	padding:3px;
	font-family:trebuchet ms;
	overflow:auto;
	background-image:url("../image/idSite_34/codePagination.gif");
	background-repeat:no-repeat;
	background-position:0% 0%;	
}
.codeFond div{
	font-family:courier new ;
	white-space:nowrap;
	margin-left:20px;
}
.codeFond b{
	font-family:courier new;
	white-space:nowrap;
	color:#ff3366;
}
.codeFond i{
	font-family:courier new ;
	margin-left:4px;
	color:#6e6e6e;
}
/*Pagination - bas de page*/

#blog_divPagination{
	background-image:url("../image/idSite_34/bgPagination.gif");
	background-repeat:repeat-x;
	border:#8b93a2 solid 1px;
	margin-top:15px;
	height:11px;
	padding:4px;
}
#blog_divPaginationGauche{
	float:left;
}
#blog_divPaginationDroite{
	float:right;
}
a:link.blog_paginationLiens{
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ff3366;
	background-color:none;
	text-decoration:none;	
}
a:visited.blog_paginationLiens{
	font-family:verdana;
	font-weight:bold;
	font-size:10px;
	color:#ff3366;
	background-color:none;
	text-decoration:none;	
}
a:hover.blog_paginationLiens{
	font-family:verdana;
	font-weight:bold;
	color:#FFF;
	background-color:#ff3366;
	font-size:10px;
	text-decoration:none;	
}
a:active.blog_paginationLiens{
	font-family:verdana;
	font-weight:bold;
	font-size:11px;
	color:#ff3366;
	font-size:10px;
	background-color:none;
	text-decoration:none;	
}
a:focus.blog_paginationLiens{
	font-family:verdana;
	font-weight:bold;
	color:#FFF;
	font-size:10px;
	background-color:#ff3366;
	text-decoration:none;	
}

/*Accueil - Partie de l'article*/
.blog_divArticleFondTextePost{
	background-color:#FFFFFF;
	padding-top:22px;
	padding-left:9px;
	padding-right:9px;
	padding-bottom:23px;
}
.blog_articleTextePost{
	font-size:11px;
	font-style:normal;
	text-align:justify;
}

div.blog_divaArticleSimilairesFond{  /*fond bloc 1 avec titre, date*/ 
	background-color:#FFFFFF;
	min-height:48px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:10px;
	margin-bottom:2px;
	border-width:1px;
	border-style:dashed;
	border-color:#ff3366;
}
div.blog_divaArticleSimilairesFond:hover{  /*fond bloc 1 avec titre, date*/ 
	background-color:#dfdfdf;
	min-height:48px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:10px;
	margin-bottom:2px;
	border-width:1px;
	border-style:dashed;
	border-color:#ff3366;
	cursor:pointer;
	display:table-cell;
	display:inline-block;
}

.blog_articleSeparationFooterBlanc{
	background-color:#ffffff;
	height:21px;
}
.blog_articleSeparationFooterGris{
	background-color:#cccccc;
	height:1px;
}
a:hover.blog_aArticleSimilaires{
	background-color:#dfdfdf;
}
.blog_articleSimilairesDescriptions{
	margin-top:4px;
	font-size:11px;
	color:#000000;	
}
.blog_articleSimilairesH2{
	margin-top:17px;
	margin-bottom:3px;
}
.blog_barreFinale{
	margin-bottom:10px;
	background-image:url('../image/idSite_34/bg_pagination.gif');
	width:545px;
	height:17px; /*21-4 */
	padding-top:4px;
	text-align:center;
}
.blog_barreFinale .aBarreFinale:link{
	color:#f23366;
	font-weight:bold;
	background-color:transparent;
	text-decoration:underline;
}
.blog_barreFinale .aBarreFinale:visited{
	color:#f23366;
	font-weight:bold;
	background-color:transparent;
	text-decoration:underline;
}
.blog_barreFinale .aBarreFinale:hover{
	color:#ffffff;
	font-weight:bold;
	background-color:#f23366;
	text-decoration:none;
}
.blog_barreFinale .aBarreFinale:active{
	color:#ffffff;
	font-weight:bold;
	background-color:#f23366;
	text-decoration:none;
}
/*Lien Accueil et Flux rss du menu de droite*/
#blog_divMenuAccueil{
	position:relative;
}
#blog_divMenuAccueil2{
	position:absolute;
	top:-29px;
	left:-0px;
	margin-bottom:10px;
	width:190px;
	text-align:right;
}
a.blog_aMenuAccueil{
	color:#FFFFFF;
	font-family:verdana;
	font-size:11px;	
	font-weight:bold;
	text-decoration:none;
}
#blog_divMenuAccueil{
	position:relative;
}
#blog_divMenuAccueil2{
	position:absolute;
	top:-29px;
	left:-0px;
	margin-bottom:10px;
	width:190px;
	text-align:right;
}
a.blog_aMenuAccueil{
	color:#FFFFFF;
	font-family:verdana;
	font-size:11px;	
	font-weight:bold;
	text-decoration:none;
}
#blog_divMenuRss{
	width:190px;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
a:hover.blog_aMenuRss{
	background-color:transparent;
}
a:focus.blog_aMenuRss{
	background-color:transparent;
}
/*Lien Accueil et Flux rss du menu de droite*/
a:link.blog_aPlanDuSiteLiensRacine{
	color:#ffffff;
	font-weight:bold;
}
a:hover.blog_aPlanDuSiteLiensRacine{
	color:#ffffff;
	background-color:#96bf55;
	font-weight:bold;
}
a:visited.blog_aPlanDuSiteLiensRacine{
	color:#ffffff;
	font-weight:bold;
}
a:focus.blog_aPlanDuSiteLiensRacine{
	color:#ffffff;
	background-color:#96bf55;
	font-weight:bold;
}
/*Affiche les liens en bold dans l'article*/
.blog_ArticleDescription a:hover *{
	color:#ffffff;	
	background-color:#ff3366;
	font-weight:bold;
}
.blog_ArticleDescription b a:link{
	color:#000000;	
	background-color:#d0d0d0;
	font-weight:bold;
}
.blog_ArticleDescription b a:visited{
	color:#000000;	
	background-color:#d0d0d0;
	font-weight:bold;
}
.blog_ArticleDescription b a:hover{
	color:#ffffff;	
	background-color:#ff3366;
	font-weight:bold;
}
.blog_ArticleDescription b a:active{
	color:#ffffff;	
	background-color:#ff3366;
	font-weight:bold;
}
.blog_ArticleDescription b a:focus{
	color:#ffffff;	
	background-color:#ff3366;
	font-weight:bold;
}
/********************************************/
/* 
	IPHONE
*/
/********************************************/
.divIphone{
	padding-top:20px;
	height:80px;
	width:100%;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:38px;
	text-align:center;
	font-family:verdana;	
}
a:link.aIphone{
	color:#FFFFFF;
	font-size:38px;
	font-family:verdana;
}
a:visited.aIphone{
	color:#FFFFFF;
	font-size:38px;
	font-weight:bold;
	font-family:verdana;	
}