
<style type="text/css">
/* ADDs titileterrible */


/* ------------------------- */
/* Pour les blocs style magazine */
.prout {} /* Because il oublie de lire cette première ligne... */

.Cat-Icon-Title { margin:5px; float:left; width:50px; }
.Cat-Icon-Title img { border:none; }

.Page-Thumbnail-Title { margin:3px 6px 5px 3px; float:left; width:50px; }
.Cat-Icon-Title img { border:none; }

.block-meta-top-div-title {overflow:hidden;padding:0 0 2px 0; height:53px;margin-top:2px;}
.block-meta-top-body-title {overflow:hidden;margin:0;padding:0 2px 0 2px;text-align:center;}
.titi-post-header img {margin-left:0px;}
/*.art-postheadericons { border:none;margin-left:5px;}*/
.art-postheadericons { border:none;margin:5px 0 0 5px;float:left;}
.excerpt_block_mag p { margin: 0 0 6px 0;}


h2.titi-block-postheader { color: #3B2639;margin:0;font-size:13px;}
h2.titi-block-postheader a, 
h2.titi-block-postheader a:link, 
h2.titi-block-postheader a:visited,
h2.titi-block-postheader a.visited,
h2.titi-block-postheader a:hover,
h2.titi-block-postheader a.hovered { font-size:13px;}
h2.titi-block-postheader a, h2.titi-block-postheader a:link {/*text-decoration: none;*/color: #BA124A/*#BA124A*/;}
h2.titi-block-postheader a:visited, h2.titi-block-postheader a.visited { color: #BA124A /*#BA124A;*/;}
h2.titi-block-postheader a:hover,  h2.titi-block-postheader a.hovered {color: #FFFFFF;}

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





.block-meta-top-div {/*width:100%;height:58px;float:right*/;margin:0;overflow:hidden;padding:0 0 5px 0;}
.block-meta-top-body {overflow:hidden;margin:0;padding:2px;text-align:left;}

/*.block-meta-top-div-thumbnail {overflow:hidden;padding:0 0 2px 0;}
.block-meta-top-body-thumbnail {overflow:hidden;margin:0;padding:2px 0 2px 0;text-align:left;}*/

.block-meta-top-div-thumbnail {overflow:hidden;padding:0;}
.block-meta-top-body-thumbnail {overflow:hidden;margin:0;padding:0;text-align:left;}

/*.block-meta-top-body-thumbnail a, 
.block-meta-top-body-thumbnail a:link, 
.block-meta-top-body-thumbnail a:visited,
.block-meta-top-body-thumbnail a.visited,
.block-meta-top-body-thumbnail a:hover,
.block-meta-top-body-thumbnail a.hovered { font-size:13px;}*/
.block-meta-top-body-thumbnail a, .block-meta-top-body-thumbnail a:link {/*text-decoration: none;*/color: #BA124A/*#BA124A*/;}
.block-meta-top-body-thumbnail a:visited, .block-meta-top-body-thumbnail a.visited { color: #BA124A /*#BA124A;*/;}
.block-meta-top-body-thumbnail a:hover,  .block-meta-top-body-thumbnail a.hovered {color: #FFFFFF;}

/*-- pour blocks titres et meta ds les single et les pages ---- */
.top-single-header { margin: -10px -10px 10px -10px; }
.bottom-single-footer { margin: 0 -10px -10px -10px; }

/* -------------------------- */
/* Pagination ds les singles  */
/**/

  
span.page-navi-outer { border: 1px solid #aaa;}
span.page-navi-outer {  border:none ;}
span.page-navi-inner { /*border: 2px solid #FFF; */ border: 2px solid transparent;}

/* -------------------------- */
/* Pour la gestion des icones */

.myicons { vertical-align: middle; float:left;}



.Cat-Icon-Title-Mag-0Col-2Vign img, 
.Cat-Icon-Title-Mag-0Col-3Vign img, 
.Cat-Icon-Title-Mag-0Col-4Vign img, 
.Cat-Icon-Title-Mag-1Col-2Vign img, 
.Cat-Icon-Title-Mag-1Col-3Vign img, 
.Cat-Icon-Title-Mag-1Col-4Vign img, 
.Cat-Icon-Title-Mag-2Col-2Vign img,
.Cat-Icon-Title-Mag-2Col-3Vign img,
.Cat-Icon-Title-Mag-2Col-3Vign img { border:none; }

.Cat-Icon-Footer-Mag-0Col-2Vign img, 
.Cat-Icon-Footer-Mag-0Col-3Vign img, 
.Cat-Icon-Footer-Mag-0Col-4Vign img, 
.Cat-Icon-Footer-Mag-1Col-2Vign img, 
.Cat-Icon-Footer-Mag-1Col-3Vign img, 
.Cat-Icon-Footer-Mag-1Col-4Vign img, 
.Cat-Icon-Footer-Mag-2Col-2Vign img,
.Cat-Icon-Footer-Mag-2Col-3Vign img,
.Cat-Icon-Footer-Mag-2Col-3Vign img { border:none; margin:0px; }


.Cat-Icon-Archive img { border:none; margin:0px 10px 0 0 ; 0 0 0 5px; }


.Cat-Icon-Title-single img { border:none; margin: 0 0 0 5px; }



/* Positionnement du titre de post ou de la page dans un affichage classique */
/*
.div_single_h2_title { margin: 0 3px 0 0;}
.div_single_h2_title_after_cat_icon { margin: 0 3px 0 0;}
*/

.div_Img_Title_single {width:50px;height:50px;/*overflow:hidden;*/}
.div_Img_Title_single img { border:none; margin: 0 0 0 5px; }
.div_h2_single_title {margin: 0 3px 0 5px;}

.div_Img_Title_single_Cat_Icon {width:50px;height:50px;/*overflow:hidden;*/}
.div_Img_Title_single_Cat_Icon img { border:none; margin: 0 0 0 5px; }
.div_h2_Title_single_Cat_Icon {margin: 0 3px 0 5px;}

.div_Img_Title_single_Thumbnail {width:50px;height:50px;/*overflow:hidden;*/}
.div_Img_Title_single_Thumbnail img { border:none; margin: 0 0 0 5px; }
.div_h2_Title_single_Thumbnail {margin: 0 3px 0 10px;}

/* --------------------------------- */
/* pour les couleurs des liens ----- */
.art-postcontent a { text-decoration: none; color: #E8175D;}
.art-postcontent a:link {text-decoration: none; color: #E8175D;}
.art-postcontent a:visited, .art-postcontent a.visited {color: #E8175D;}
.art-postcontent  a:hover, .art-postcontent a.hover {color: #FFFFFF;}
.art-postcontent h1{ color: #5D3C5A;margin: 12px 0;}
.art-postcontent h2 {color: #5D3C5A; margin: 13px 0;font-size: 18px;}
.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:hover,
.art-postcontent h2 a:visited{font-size: 18px;}
.art-postcontent h3{color: #5D3C5A;margin: 16px 0;font-size: 18px;}
.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:hover,
.art-postcontent h3 a:visited{font-size: 18px;}
.art-postcontent h4{color: #330514;margin: 18px 0;font-size: 15px;}
.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:hover,
.art-postcontent h4 a:visited{font-size: 15px;}
.art-postcontent h5 { color: #330514;margin: 20px 0;font-size: 13px;}
.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:hover,
.art-postcontent h5 a:visited{font-size: 13px;}
.art-postcontent h6 {color: #330514; margin: 25px 0;font-size: 12px;}
.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:hover,
.art-postcontent h6 a:visited{font-size: 12px;}

/* ---------------------------------- */
/* Pour l'alignement des listes */
/* begin PostBullets */

/*.art-post ul { margin: 1em 0 1em 2em;padding: 0;}*/
.art-post ol { margin: 1em 0 1em 2em;padding: 0;list-style-position:outside;}
.art-post li{ /*font-size: 12px;color: #342233;*/ padding: 0 0 5px 17px;}
/*.art-post li ul{ margin: 0.5em 0 0.5em 2em;padding: 0;}*/
.art-post li ol { margin: 0.5em 0 0.5em 2em;padding: 0;}
.art-post ol>li { background: none;padding-left:0;overflow: visible;
  /* overrides overflow for "ul li" and sets the default value */
  } 
/*.art-post ul>li{
  background-image: url('images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 17px; */
  /* makes "ul li" not to align behind the image if they are in the same line */
  /*overflow-x: visible;
  overflow-y: hidden;
}*/




/* ---------------------------------- */
/* Liens read-more dans les vignettes */
.art-postcontent .more-link a, 
.art-postcontent .more-link a:link, 
.art-postcontent .more-link a:visited 
{ color: #0E4CBE;}

.art-postcontent .more-link a:hover, 
.art-postcontent .more-link a.hover
{ color:#E8175D;}

/*.titi-post-footer {border-top:1px solid #CCC;} */

/* ------------------------- */
/* Listes dans les vignettes */
.Mag li ol, .Mag ul { margin: 1em 0 1em 2em; padding: 0;}
.Mag li { color: #342233; padding: 0 0 0 17px; }
.Mag li ol, .Mag li ul { margin: 0.5em 0 0.5em 2em; padding: 0;}
.Mag ol>li { background: none; padding-left: 0; overflow: visible;}
.Mag ul>li {
  background-image: url('images/postbullets.png');
  background-repeat: no-repeat;
  margin-left: -15px;
  margin-bottom:5px;
  padding-left: 17px;
  /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: hidden;
  overflow-y: hidden;
}
/* Taille des caractères réduites pour les vignettes les plus petites... */
.Mag-0Col-4Vign li , .Mag-1Col-4Vign li , .Mag-2Col-3Vign li ,.Mag-2Col-4Vign li { font-size: 10px; }
/* ------------------------ */

/* image fader superposée en bas des extraits des vignettes... */
.titi-post-bottom {
	background-image: url('images/gradient-bottom-up-ccc.png');
	text-align:center;
	position:absolute;
	top:217px;
	margin: 0 -5px 0 -5px;
	height:50px;z-index:0;
	border:none;
	}

/* Thumbnails dans les excerpts */
div.titithumbnail
{
  position:relative;
  margin: 0 5px 2px 0;
  /*margin: 0 5px 5px 0px;*/
  border: 1px solid #aaa;
  /*border: none;*/
  padding: 1px;
  background: #fff;
  float:left;
}

div.titithumbnail img, div.titithumbnail img.wp-post-image
{
    margin:0 !important;
    padding:0;
    border:none;
}




/* Bloc de présentation des catégories en bas des vignettes */
.block_bottom_category { padding-top:10px;height:180px;}

/* Pagination */
.wp-pagenavi {
	clear: both;
	color:#3E283C;
	color: #e8175d;
	font-size:10px;
}

.wp-pagenavi span {
	padding: 3px 5px;
	margin: 2px;
	font-size:10px;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	text-decoration: none;
	font-size:10px;
	/*border: 1px solid #BFBFBF;*/
	color: #E8175D;
	/*color: #e8175d;*/
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	/*border-color: #fff;*/
	color:#FFF;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/* divers */


.bordered-top { border-top: 1 px solid #CCC; }
.bordered-left { border-left: 1 px solid #CCC; }
.bordered-right { border-right: 1 px solid #CCC; }
.bordered-bottom { border-bottom: 1 px solid #CCC; }
</style>
