﻿body {
	background-image: url('../_images/template/123boutchou-fd_nuage.jpg');
	font-family: Arial,'Times New Roman';
	margin: 5px 0; padding: 0;
	font-size: 12px;
 }
td { font-size: 12px; font-family: Arial,'Times New Roman';}
a:link, a:visited { COLOR: #0000FF;TEXT-DECORATION: none;}
a:hover { TEXT-DECORATION: underline;}

H1 {FONT-WEIGHT: bold; font-size: 24px; COLOR: #F78421}
H2 {FONT-WEIGHT: bold; font-size: 17px; COLOR: #F78421}
H3 {FONT-WEIGHT: bold; font-size: 14px; COLOR: #000; padding:0px;margin:0px;}

.clear-left { clear:left; height:0px;}
.clear-right{ clear:right; height:0px; }
.class-hr { color: #FF9910;background-color: #FF9910;height: 2px;border: 0; width:90%}
/* ------------------------------------------------------------------------------------- */
/* -------------------------- HEADER ------------------------------------ */
#tp_header {
	border-top:2px solid #FFD902;
	margin:0px;padding:0px;
}
 
.bg-j { background-color:#FFD902; COLOR: #FFFFFF; font-weight:bold}
.bg-o { background-color:#FF9910; }
.bg-o2 { background-color:#FF4C0B; }
.bg-r { background-color:#FE1A00; }
.bg-v1 { background-color:#349F2C; }
.bg-v { background-color:#80C31C; }
.bg-v3 { background-color:#BBF541; }
.bg-b1 { background-color:#41EFF6; }
.bg-b { background-color:#43A3F7; }
.bg-b3 { background-color:#4456F6; }
.bg-vi1 { background-color:#B06BE2; }
.bg-vi { background-color:#A654DD; }
.bg-vi2 { background-color:#E240F5; }
.bg-g { background-color:#D0D1CF; }
.rub_off { color:#FFFFFF ; FONT-WEIGHT: bold; TEXT-ALIGN:center;TEXT-DECORATION: none }
a:link.rub_off, a:visited.rub_off { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px;FONT-WEIGHT: bold; TEXT-ALIGN:center  }
a:hover.rub_off { COLOR: #FFFFFF; TEXT-DECORATION: none; font-size: 14px;FONT-WEIGHT: bold; TEXT-ALIGN:center  }
.rub_on { color:#FFFFFF ; FONT-WEIGHT: bold; TEXT-ALIGN:center;TEXT-DECORATION: underline; }
a:link.rub_on, a:visited.rub_on { COLOR: #FFFFFF; TEXT-DECORATION: underline; font-size: 14px;FONT-WEIGHT: bold; TEXT-ALIGN:center  }
a:hover.rub_on { COLOR: #FFFFFF; TEXT-DECORATION: underline; font-size: 14px;FONT-WEIGHT: bold; TEXT-ALIGN:center  }

.tabf-titre-j { border-bottom:3px solid #FFD902; COLOR: #FFD902; font-weight:bold; font-size: 16px;}
.tabf-titre-r { border-bottom:3px solid #FE1A00; COLOR: #FE1A00; font-weight:bold; font-size: 16px;}
.tabf-titre-v { border-bottom:3px solid #80C31C;  COLOR: #80C31C; font-weight:bold; font-size: 16px;}
.tabf-titre-b { border-bottom:3px solid #43A3F7; COLOR: #43A3F7; font-weight:bold; font-size: 16px;}
.tabf-titre-o { border-bottom:3px solid #F78421; COLOR: #F78421; font-weight:bold; font-size: 16px;}
.tabf-titre-vi { border-bottom:3px solid #E240F5; COLOR: #E240F5; font-weight:bold; font-size: 16px;}

.tab-titre-j { background-color:#FFD902; COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-j.png'); background-repeat:repeat-x}
.tab-titre-r { background-color:#FE1A00; COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-r.png'); background-repeat:repeat-x}
.tab-titre-v { background-color:#80C31C;  COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-v.png'); background-repeat:repeat-x}
.tab-titre-b { background-color:#43A3F7; COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-b.png'); background-repeat:repeat-x }
.tab-titre-o { background-color:#F78421; COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-o.png'); background-repeat:repeat-x }
.tab-titre-vi { background-color:#E240F5; COLOR: #FFFFFF; font-weight:bold; font-size: 16px; background-image: url('../_images/commun/bg/bg-titre-vi.png'); background-repeat:repeat-x}

#tp_header_rubrique {
	width:100%;
	background-color: #FF9910;
	height:20px;
	margin:0px;padding:0px;
}

#tp_header_rubrique ul {
	margin:0px;padding:2px 0px 0px 0px;
}

#tp_header_rubrique ul li {
	list-style-type: none;
	display: inline;
	margin:0px;padding:1px;
	color: #FFF;
}

#tp_header_rubrique ul li a {
	padding:0px 0px;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color: #FFF;
}
#tp_header_rubrique ul li a:hover ,#tp_header_rubrique li a.current,#tp_header_rubrique li a.current:hover{
	background-color: #FFF; 
	text-decoration: none;
	color: #FF9910;
}
/* */
/* ------------------------------------------------------------------------------------- */
/* -------------------------- SIDEBAR DEMI HAUT ------------------------------------ */
#tp_sidebarDemiHaut {
	text-align:center;
}

/* ------------------------------------------------------------------------------------- */
/* -------------------------- FOOTER ------------------------------------ */
#tp_footer {
	border-bottom:2px solid #FFD902;
	margin:0px;padding:0px;
	text-align:center;
}
#tp_footer_slogan  {	font-size: 12px; font-weight: bold;	padding:10px;}
#tp_footer_linksites  { margin-top:15px;font-weight: none; font-size:11px; text-decoration: none; }
#tp_footer_linksites a {	color:#0000FF;}
#tp_footer_stats { float:left; }

#tp_footer_rubrique  { margin-left:30px;}
#tp_footer_rubrique li {float:left; width:155px; text-align:center; font-weight: bold; background-color:#D0D1CF;font-size: 13px;}
#tp_footer_rubrique ul {margin:Opx;padding:0px;list-style-type: none;}
#tp_footer_rubrique li li  {background-color:white; text-align:left;font-weight: normal;font-size: 11px;}
#tp_footer_rubrique li li:before  {content: "\00BB \0020";}
#tp_footer_rubrique a:link, #tp_footer_rubrique a:visited,#tp_footer_rubrique a:active {color:#53564F;text-decoration:none}
#tp_footer_rubrique a:hover {font-weight: bold; COLOR: #53564F; text-decoration: underline}

/* ------------------------------------------------------------------------------------- */
/* -------------------------- SIDEBAR_GAUCHE ------------------------------------ */
#tp_sidebarGauche {
	text-align:left;
	vertical-align:top; 
}

.class_toutSavoir  {
	font-size:10px;
	border-bottom:2px solid #80C31C;
}
.class_toutSavoir  h2{
	border-bottom:2px solid #80C31C;
	border-top:2px solid #80C31C;
	margin:0px;padding:0px;
	color:#80C31C;
	font-size:16px;font-weight: bold;
}

/* --------------------------  SIDEBAR_DROIT ------------------------------------ */
#tp_sidebarDroit {
	text-align:center;
	vertical-align:top; 
}

/* Style for tabinfo tabs */
.tabinfo { padding:0;margin:0;width:300px;}
.tabinfo ul { padding:0;}

.tabinfo ul li { list-style:none; float:left;font-size:18px; }
.tabinfo ul a {
  display:block;
  padding:0 5px 0 5px ;margin:0 2px 0 0;
  text-decoration:none!important;
  color:black;
  background:white;
}
.tabinfo ul a:hover {
  color:#FFF;
  background:#111;
  }
.tabinfo ul a.selected {
  color:white;font-weight:bold;
  background:#C50202;
  border-bottom:1px solid #C50202;
  cursor:default;
  }

/* tab info : zone div */
.tabinfo div {
  margin:0;padding:0 0 0 20px;
  border-top:4px solid #C50202;
  clear:left;
}
.tabinfo div ol { margin:0;padding:0; text-align:left;}
.tabinfo div a { color: #239AD8; text-decoration: none; }
.tabinfo div a:hover { color: #239AD8; text-decoration: underline; }

/* tabinfo : zone actus */
#tabactus { margin:0;padding:0;}
#tabactus ul li h3{ font-size:12px;}
#tabactus ul li a{ font-size:10px;}
#tabactus ul li img { border:2px solid white;height:30px;width:30px;float:left;}
#tabactus ul li { text-align:left; clear:left;width:285px;}
#tabactus .actus_zoom h3{ font-size:14px;}
#tabactus .actus_zoom img { height:50px;width:50px}
#tabactus .actus_zoom a{ font-size:12px;}

#tabaujourdhui { text-align:left; margin:0;padding:10px 0 10px 0}
#tabaujourdhui span {background:#C50202; color:white; font-weight: bold;padding:2px;}</style>";
/* ------------------------------------------------------------------------------------- */
/* ------------------ commun  ------------------------ */
/*CSS Sabrosus style pagination*/
div.navigation { padding:3px; margin:3px; text-align:center; }
div.navigation a { padding: 2px 5px 2px 5px; margin-right: 2px;	border: 1px solid #9aafe5;text-decoration: none; color: #2e6ab1;}
div.navigation li { display:inline;}
div.navigation a:hover, div.pagination a:active { border: 1px solid #2b66a5; color: #000; background-color: lightyellow;}
div.navigation a.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid navy; background-color: #2e6ab1;font-weight: bold; color: #FFF;}
div.navigation .navnext{ float:right;}
div.navigation .navprev{ float:left;}

.class_lienhard_bouton  img { width:50px;height:41px;}
.class_lienhard_bouton  img:hover { width:50px;height:31px;}

.class-newsletter-actualite {
	border-bottom:2px solid #FF9910;
	border-top:2px solid #FF9910;
	margin:10px 30px 10px 30px;
}
.class-comments {}

.class_snippet_related fieldset  { margin:20px auto 10px auto;padding:10px;width:320px; border:2px solid #F78421}
.class_snippet_related legend  {color:#F78421; font-weight:bold;font-size: 18px;}
.class_snippet_related img {width:70px;height:70px; }
.class_snippet_related ul {margin:0;padding:0;}
.class_snippet_related ul li  {float: left; width: 72px; border:1px solid #F78421;margin:0;padding:0;margin-right:5px}
.class_snippet_related ul li p { background-color:#F78421; COLOR: #FFFFFF; font-size: 11px;margin:0;padding:0;min-height:40px; }
.class_snippet_related a { border:0px solid red;TEXT-DECORATION: none;}


/* --------------------------  home > rubrique > sous rubrique > ARTICLE ------------------------------------ */
#tp_content {
	text-align:left;
	vertical-align:top; 
}

.tp_content_imgArticle {
	border-right: 5px solid #FFF;
	float:right;
}

.tp_content_prevnext { border-bottom:2px solid #AC22BC;}
.tp_content_prevnext ul{ margin:0;padding:0;margin-top:20px;height:20px; background-color:#FFBF36;}
.tp_content_prevnext ul li { margin:0;padding:0;float:left;width:160px;text-align:center;font-size:15px;list-style-type: none;}
.tp_content_prevnext ul li img { border-width:0px;}
.tp_content_prevnext a.current { background-color:#000; color:#FFF;}	
		
.class_fsnippet_linkImgLiArray  ul{ margin:0;padding:0;}
.class_fsnippet_linkImgLiArray  ul li  { list-style-type: none;border-bottom:2px solid #ECE5B6;width:300px;}
.class_fsnippet_linkImgLiArray  ul li  a {font-size:15px; position:relative; top:-10px;}
.class_fsnippet_linkImgLiArray  ul li img { border:2px solid white; height:25px;width:25px;}

.class_fdesign_linkArticleForumLi li { 
		background:#FFFECC;border:1px solid #FFCC33;
		height:30px;padding:0px;margin:5px;margin-bottom:20px;
		list-style-position:inside;}
.class_fdesign_linkArticleForumLi span { position:relative;bottom:27px;}
.class_fdesign_linkArticleForumLi .li_article { list-style-image : url(../_images/commun/icones/childish_File.png);}
.class_fdesign_linkArticleForumLi .li_forum { list-style-image : url(../_images/commun/icones/childish_Comments.png);}

.classcommun_virgule { height:100px;border:1px solid red; background-image: url(../_images/commun/icones/virgule.100px.jpg);}

/* ------------------------------------------------------------------------------------- */
/* --------- home > rubrique > SOUS RUBRIQUE ------- */

.tp_content_sousrubrique_listArticles img {
	border: 2px solid #B0DE6B;
	margin-right:5px;
	float:left;
	width:100px;height:100px;
}
.tp_content_li_ListLinksArticles ul li{
    float: left;
    width: 150px;
}
.class_sousrubrique_zoomPresentation h1{
	background-color:#80C31C; 
	color: #FFFFFF; font-weight:bold; font-size: 20px; 
	background-image: url('../_images/commun/bg/bg-titre-v.png'); background-repeat:repeat-x;
	padding-top:3px;
	height:28px;
}
	
.class_sousrubrique_zoomPresentation {
	padding:0px;margin:0px;
	background-color:#FF;
	border-bottom: 3px solid #80C31C;
}

.class_sousrubrique_zoomPresentation  p {
	padding:0px;margin:0px;
	font-size: 14px;
}
.class_sousrubrique_zoomPresentation img {
	float:right;
	width:110px;height:110px;
	padding:0px;margin:0px;
	margin:0 0 5px 5px;
}

/* ------------------------------------------------------------------------------------- */
/* --------- home > RUBRIQUE ------- */
.class_rubrique_headerImg img{z-index:0; width: 300px;height: 200px;}
.class_rubrique_headerImg p { font-weight: bold; font-size:20px;background-color:#C1CDCD; margin-top:0px;color:white;text-align:center;border-top:15px solid #F78421;}
.class_rubrique_headerUl { list-style-type: none; padding: 0; margin: 0;}
.class_rubrique_headerUl  li { border: 4px solid white; }
.class_rubrique_headerUl img{width: 50px;height: 50px; border-right:2px solid white;float:left;}

.class_rubrique_zoomSRub img {
	border:2px solid #EFECED;
	width:70px;height:70px;
	float:left;
}
/* --------- INDEX ------- */	
.class_index_slider_srub img { width: 68px;height: 68px; border:1px solid #F78421}
.class_index_slider_srub img:hover { width: 64px;height: 64px; border:3px solid #F78421}
.class_index_slider_img { width: 320px;height: 264px; }

.class_index_articleImgTexte img{width: 100px;height: 100px; border:2px solid white;float:left;}
.class_index_articleImgTexteTitre img{width: 50px;height: 50px; border:2px solid white;float:left;}
.class_index_articleImgTexteTitre2 img{width: 100px;height: 100px; border:2px solid white;float:left;}

.class_espace_bebenews p, .class_espace_complice p { font-size: 24px;COLOR: #0000FF; font-weight:bold;margin:0px;padding:0px; }
.class_espace_bebenews ul, .class_espace_complice ul { margin:0px;padding:1px; width:300px;margin:0px;padding:0px;}
.class_espace_bebenews li, .class_espace_complice li { font-size: 16px;border-bottom:2px dotted #CCC; list-style-type: none; margin:0px;padding:1px; }

/* ------------------------------------------------------------------------------------- */
/* -------------------------- PRESENTATION  ------------------------------------ */

/* page recette */
.class_recette_fiche {
	border:1px solid #65CBF8;
}
.class_recette_fiche img{
	float:left;
}
.class_recette_fiche h2{
	background-color:#65CBF8;
	color:white;
	margin:0px;
	padding:16px;
	text-align:left;
	padding-left:70px;
}
.class_recette_fiche h3{
	color:#65CBF8;
	margin:0px;
	padding:13px;
	text-align:left;

}

.class_ecole_adresse {
	border:1px solid #FEFBDC;
	text-align:center;
}
.class_ecole_adresse h2{
	background-color:#FEFBDC;
	color:black;
	margin:0px; padding:0px;
	text-align:left;
}
.class_ecole_navigation ul { padding:0px;margin:0px;}
.class_ecole_navigation li { float:left; width:48%;}
.class_ecole_navigation .next {text-align:right;}
.class_ecole_navigation .previous {text-align:left;}
/* sitemap */
.class_sitemap img { width: 30px;height: 30px; border:2px solid white;float:left;}
.class_sitemap li { clear:left;list-style-type: none; }
/* sous rubrique sondage */
.class_polls_list { margin:0 padding:0 }
.class_polls_list li { list-style-type:none; margin-top:10px;}
.class_polls_list li li { list-style-type:disc;margin:0;}
.class_polls_list ul { margin:0 0 0 90px;padding:0;}
.class_polls_list li img { height:60px;width:60px; float:left;border: 2px solid #B0DE6B; margin-right:5px;}
.class_polls_hr {color: #B0DE6B;background-color: #B0DE6B;height: 2px;border: 0; width:50%; }
/* code promo */
.class_codepromo_listenseignes  li{ padding: 3px;display:block; float:left;width:150px;border:1px solid #C4C2C3; text-align:center;}
.class_codepromo_listenseignes  li img{ width:50px;height:50px;border:4px solid #5B923A }
.class_codepromo * {margin:0;padding:0;}
.class_codepromo { padding: 3px;border:1px solid #C4C2C3; margin-bottom:20px; background-color:#EDEDED;}
.class_codepromo img { float:left; height:100px;width:100px;border:4px solid #5B923A}
.class_codepromo h3 { margin:10px 0 10px 120px;color:#780F7E;font-size:14px; font-weight:bold;}
.class_codepromo ul { margin-left:150px;}
.class_codepromo .codereduc { margin: 10px 0 0 115px;}
.class_codepromo .codereduc p { padding:0 5px;display:inline;border:2px solid #447028;background-color:#5B923A;color:white;}
/*code promo Iframe*/
.codepromo_iframe {background:#A654DE; height:98px;}
.codepromo_iframe img {float:left; margin-right:20px;}
.codepromo_iframe a {float:right; padding:5px;color:white;font-weight:bold;}
.codepromo_iframe div.promo_newsletter { float:right;}
.codepromo_iframe div.promo_newsletter td { color:white;}
	.zone_promo_iframe { width:300px;float:left;background:white;margin:2px auto 2px auto;padding:2px;}
	.zone_promo_iframe img { float:left; height:50px;width:50px;border:2px solid #5B923A}
	.zone_promo_iframe h3 { margin:2px 0 10px 60px;color:#780F7E;font-size:13px; font-weight:bold;}
	.zone_promo_iframe p { text-align:center;}
	.zone_promo_iframe .codereduc { }
	.zone_promo_iframe .codereduc p { padding:0 5px;display:inline;border:2px solid #447028;background-color:#5B923A;color:white;}
.codepromo_iframe div.promo_return { margin:25px 5px 0 5px;float:left;background:#447028;border:2px solid #447028;}

.class_horoscope_rubrique {  }
.class_horoscope_rubrique ul { margin:0;padding:0;}
.class_horoscope_rubrique p { margin:0;padding:0;text-align:center;}
.class_horoscope_rubrique li { margin:0;padding:0;padding-top:10px;list-style-type:none;float:left;width:100px; text-align:center;}
.class_horoscope_rubrique li img {height:96px;width:96px; float:left;border: 2px solid #B0DE6B;}
.class_horoscope_signe ul {padding:0 0 0 120px;}
.class_horoscope_signe li {list-style-type:none;margin-top:5px;}
.class_horoscope_signe img {float:left;}

