@charset "utf-8";
/* CSS Document */

/* Plan :
TYPO
STRUCTURE HTML
	0. HEADER 
		0.1 PREHEADER
		0.2 MEGABAN
		0.3 TOIT
			0.3.1 TOITS SAISONS
			0.3.2 BLOC INSCRIPTION/CONNEXION
				0.3.2.1 bloc infobulle
				0.3.2.2 bloc login (formulaire) / logout
		0.4 MENU 
		
	1. GENERAL AU CONTENU
		1.1 BLOCS MEA
			1.1.0 MEA DYNAMIQUES (view_0, view_1, view_2 )
			1.1.1 MEA GENERAL / FAUSSE MEA class="mea_fake" / MEA ECARD (faux bouton)
			1.1.2 MEA MINI class="mini"
		
	2. COLONNE
		2.1 MEA 300 (ET FAUSSE MEA 300 <div class="block_meavignette">)
			2.1.1 MEA CLUB class="club"
			2.1.2 FAUSSE MEA CLUB <div class="block_meavignette club">
			2.1.3 MEA AUTOPROMO
		
	3. CONTENU PRINCIPAL
		3.1 BREADCRUMB
		3.2 CONTENT
			3.2.0 MEA UNE class="une" et 3.2.0 bis BLOC HTML DE UNE 
			3.2.1 CHAPO GENERAL D'UNE PAGE
			3.2.2 ARTICLE et FAUX-ARTICLE COMMUN
			3.2.3 FAUX-ARTICLE ajout
			3.2.4 BLOC HTML H2 pour PRODUIT, DESSINS ANIMES, JEUX, COLORIAGES
			3.2.5 PRODUIT
			3.2.6 DESSINS ANIMES, JEUX, COLORIAGES
			3.2.7 FORMULAIRE DE CONTACT
			3.2.8 E-CARDS 
			3.2.9 SLIDESHOW 
			3.2.10 JEU-CONCOURS
			
	4. FOOTER
*/

/* ---------------- RECUPERE DANS LE BLOC HTML DE CHAQUE PAGE (en-tete) --------------------------------------- */
/*

#layout_scenario1option1 #zone_content {
	float: left;
	position: relative;
	left: 20px;
}
#layout_scenario1option1 #breadcrumb {
	float: left;
	position: relative;
	left: 20px;
	width: 550px;
}*/
/* 2e partie : Bug Background 
#preheader { min-width: 1160px; }
#layout_scenario1option1.printemps #arbre, #layout_scenario3option1.printemps #arbre { min-width: 1160px; }
#layout_scenario1option1.printemps #herbe, #layout_scenario3option1.printemps #herbe { min-width: 1160px; } 
*/

/* -------------------------------- TYPO -------------------------------------------- */
body, #zone-footer, .article_content/*, #article */ {
	font-family: 'Muli', sans-serif !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 17px !important;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Muli', sans-serif !important;
	font-style: normal !important;
}
form, input, label {
	font-family: 'Muli', sans-serif !important;
	font-size: 100%;
}
.contenu_mea h2, h2, .contenu_mea h3, h3, #layout_scenario1option1 .block_html .mea_fake h2 {
	font-size: 16px !important;
	line-height: 18px !important;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .contenu_mea h3 {
	font-size: 20px !important;
	line-height: 22px !important;
}
/* ------------------------------ STRUCTURE HTML --------------------------------------- */
#layout_scenario1option1 #gouttiere {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0); /* suppression gouttière de côté */
}
#layout_scenario1option1 #bloc980, #layout_scenario1option1 #zone_menu, #layout_scenario1option1 #breadcrumb {
	background: none repeat scroll 0 0 #f8dc00; /* couleur de fond jaune */
}
/*Bug Background 
#preheader {
	min-width: 1160px;
}
#layout_scenario1option1.printemps #arbre, #layout_scenario1option1.ete #arbre, #layout_scenario1option1.automne #arbre, #layout_scenario1option1.hiver #arbre {
	min-width: 1160px;
}
#layout_scenario1option1.printemps #herbe, #layout_scenario1option1.ete #herbe, #layout_scenario1option1.automne #herbe, #layout_scenario1option1.hiver #herbe {
	min-width: 1160px;
}*/

/* 0. HEADER */
	/* 0.1 PREHEADER */
#preheader ul li {
	font-size: 11px;
}
#preheader ul li a {
	text-decoration: underline;
}
/* 0.2 MEGABAN */
#layout_scenario1option1 #maison {
	margin-top: 110px;
}
#layout_scenario1option1.ete #maison, #layout_scenario1option1.automne #maison {
	min-height: 1400px; /* pour ne pas voir la coupure de l'arbre au niveau du toit */
}
#megaban {
	margin-top: -110px;
	padding: 0;
	text-align: center;
	width: 980px;
}
/* 0.3 TOIT */
/* 0.3.1 TOITS SAISONS */
#layout_scenario1option1.printemps #maison {
	background: url("/content/download/975487/28801743/version/1/file/toit-printemps.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#layout_scenario1option1.ete #maison {
	background: url("/content/download/975488/28801753/version/2/file/toit-ete.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#layout_scenario1option1.automne #maison {
	background: url("/content/download/975489/28801763/version/1/file/toit-automne.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#layout_scenario1option1.hiver #maison {
	background: url("/content/download/975490/28801773/version/1/file/toit-hiver.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
#layout_scenario1option1 #zone_header {
	height: 200px !important;
}
.logo_pob {
	margin: 78px -10px 0 0;
}
/* 0.3.2 BLOC INSCRIPTION/CONNEXION */
#layout_scenario1option1 #zone_header .block_inscriptionconnexion {
	background-color: #ffdd00;
	float: right;
	margin: 0;
	padding: 5px;
	position: relative;
	right: 80px;
	top: -20px;
	width: 220px;
	z-index: 8998;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte {
	height: 175px;
	margin-top: -5px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_connecte {
	height: 55px;
}
/* 0.3.2.1 bloc infobulle */
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .infobulle {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%; /* avant 210px */
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte .infobulle {
	height: 55px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_connecte .infobulle {
	height: 15px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte .infobulle p {
	color: #ffdd00;
	font-size: 1px;
	line-height: 1px;
	width: 190px;
	margin: 0 auto;
	letter-spacing: 0.5px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte .infobulle a:before {
	content: 'Pour devenir mon ami, ';
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte .infobulle p a {
	color: #e4311f !important;
	font-size: 14px;
	line-height: 16px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_non_connecte .infobulle p a:hover {
	color: #000 !important;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_connecte .infobulle p {
	color: #000;
	font-size: 14px;
	line-height: 16px;
	margin: -20px auto;
	letter-spacing: 0.5px;
}
/* 0.3.2.2 bloc login (formulaire) / logout */
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_login, #layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_logout, #layout_scenario1option1.ete #zone_header .block_inscriptionconnexion .block_login /* ce dernier pour corriger bug sur saison été */ {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: 0;
	padding: 0;
	width: 100%;
}
.block_inscriptionconnexion label, .block_inscriptionconnexion input, .block_inscriptionconnexion .block_logout {
	font-size: 11px !important;
	line-height: 11px;
}
/* 0.3.2.2.1 bloc login (formulaire)*/
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_login {
	margin-bottom: -20px !important;
}
.block_inscriptionconnexion h2 {
	background-color: transparent;
	border: none;
	border-radius: 0;
	font-size: 16px !important;
	line-height: 8px !important;
	padding: 0 !important;
}
.block_inscriptionconnexion h2, .block_inscriptionconnexion a, .block_inscriptionconnexion label {
	color: #000 !important;
}
.block_inscriptionconnexion a:hover {
	color: #e4311f !important;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_login .input_txt {
	height: 22px;
	margin: 0 3px 3px 0;
	padding: 0 0 0 7px;
	width: 133px;
}
.block_inscriptionconnexion input.btn_ok {
	font-size: 14px !important;
	line-height: 20px;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_login .link {
	margin: 2px;
}
/* 0.3.2.2.2 bloc logout */
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_connecte .block_logout {
	margin: 0 auto;
	position: relative;
	left: 0px;
	text-align: center;
}
#layout_scenario1option1 #zone_header .block_inscriptionconnexion .block_connecte .block_logout a {
	text-decoration: underline;
}
/* 0.4 MENU */
#layout_scenario1option1 #zone_menu {
	padding: 10px 0 13px;
}
#layout_scenario1option1 #zone_menu .block_menu {
	overflow: hidden;
	width: 980px;
}
#layout_scenario1option1 #zone_menu li, #layout_scenario1option1 #zone_menu li a:hover, #layout_scenario1option1 #zone_menu li a.encour {
	height: auto;
	width: auto !important;
	padding: 0;
}
/* 1. GENERAL AU CONTENU */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* 1.1 BLOCS MEA */

		/* 1.1.0 MEA DYNAMIQUES */
		
		/* 
		RAPPEL différentes vues MEA dynamiques :
		view_0 = dans l'admin Vue "Normale" <=> MEA de base : titre + chapo + lien "lire la suite"
		view_1 = dans l'admin Vue "Diaporama" <=> 1 MEA "Mini" mais AVEC PAGINATION : titre + contenu de l'article (sans chapo) ATTENTION : NE PAS METTRE D'IMAGE DE MEA (sinon il y a lien-texte du nom de l'image)
		view_2 := dans l'admin Vue "Mini" (ATTENTION, ne veut pas dire sur demi-colonne !) <=> MEA à la suite : titre + contenu de l'article (sans chapo) ATTENTION : NE PAS METTRE D'IMAGE DE MEA (sinon il y a lien-texte du nom de l'image)
		*/
		
#layout_scenario1option1 .block_meavignettedynamique {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	clear: both;
}
#layout_scenario1option1 #zone_content .block_meavignettedynamique {
	width: 620px !important; /* et non 610 px : pour permettre de placer de mea mini côte à côte */
}
#layout_scenario1option1 .block_meavignettedynamique .contenu {
	padding: 0;
}
#layout_scenario1option1 .block_meavignettedynamique h2 a:hover, #layout_scenario1option1 .block_meavignettedynamique h3 a:hover {
	text-decoration: none;
}
#layout_scenario1option1 .block_meavignettedynamique .contenu_mea {
	padding: 0 0 8px;
}
#layout_scenario1option1 .block_meavignettedynamique img {
	float: left;
	margin: 0 10px 0 0;
}
#layout_scenario1option1 .block_meavignettedynamique p {
	margin-top: 10px;
	line-height: 17px;
}
#layout_scenario1option1 .block_meavignettedynamique .article_content .breaker {
	display: none; /* permet de remonter le "Lire la suite" directement sous le chapo car chassait avant sous le visuel */
}
.navigation {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 12px;
	margin-left: 10px;
}
.navigation a {
	text-decoration: underline;
}
.navigation a:hover {
	color: #00a4be;
}
.view_2 .content {
	background: none #fff;
	display: block;
	margin-right: 10px;
	padding: 10px 10px 0px 10px;
	border-radius: 14px;
}
/*.view_2 h3 {
	width: 584px;
}*/
.view_2 .article_content {
	padding: 10px;
	border-bottom: 20px solid #f8dc00;
	margin-left: -10px;
	margin-right: -10px;
	background: url("/content/download/975502/28801917/version/1/file/bg-meadynamique-view2-bottom.png") no-repeat center bottom #fff;
	overflow: hidden; /* pour que l'image ne déborde pas si plus haute que le texte */
}
.view_2 .article_content:last-child {
	margin-bottom: -10px;
}
/* 1.1.1 MEA GENERAL / FAUSSE MEA */
#layout_scenario1option1 .block_meavignette, #layout_scenario1option1 .block_html .mea_fake, #layout_scenario1option1 #zone_right .block_meavignette, #layout_scenario1option1 .block_meavignettedynamique .item, #layout_scenario1option1 #zone_content .contenu_principal, .articlelight, #layout_scenario1option1 #zone_content .block_ecard, #layout_scenario1option1 #zone_content .block_slideshow, #layout_scenario1option1 #zone_content .blocune, #layout_scenario1option1 #zone_content .block_html #article {
	background: none repeat scroll 0 0 #fff;
	border-radius: 14px;
	margin-bottom: 10px;
	padding: 10px;
	float: left;
	margin-right: 10px;
}
#layout_scenario1option1 .block_meavignette, #layout_scenario1option1 .block_html .mea_fake, #layout_scenario1option1 #zone_content .block_meavignettedynamique .item, .view_2 .article_content, #layout_scenario1option1 #zone_content .contenu_principal, .articlelight, #layout_scenario1option1 #zone_content .block_ecard, #layout_scenario1option1 #zone_content .block_slideshow, #layout_scenario1option1 #zone_content .block_slideshow .slideshow_2, #layout_scenario1option1 #zone_content .block_slideshow .main, #layout_scenario1option1 #zone_content .blocune, #layout_scenario1option1 #zone_content .block_jeux .jeux_concours .contenu_block, #layout_scenario1option1 #zone_content .block_html #article {
	width: 590px !important;
}
#layout_scenario1option1 .block_html .mea_fake {
	margin: 0;
}
#layout_scenario1option1 #zone_right .block_meavignette .top, #layout_scenario1option1 .block_meavignette .top, #layout_scenario1option1 .block_meavignettedynamique .item .top {
	display: none;
}
#layout_scenario1option1 #zone_right .block_meavignette .view_0, #layout_scenario1option1 .block_meavignettedynamique .contenu {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0); /* supression frise */
}
.date, #layout_scenario1option1 #zone_right .block_meavignette .date, #layout_scenario1option1 .block_meavignettedynamique .date, .view_1 .content li, .view_2 .content, #layout_scenario1option1 #zone_content .contenu_principal .date { /* date */
	color: #dd760d;
	font-size: 12px !important;/*display:inline;*/
}
.contenu_mea h2, h2, .contenu_mea h3, h3, #layout_scenario1option1 .block_html .mea_fake h2, #article .contenu_principal h2, #layout_scenario1option1 #zone_content .block_slideshow .slideshow_2 h2, #layout_scenario1option1 #zone_content .block_html #article h2 { /* têtière titre commun MEA, article, slideshow, e-cards, faux-article */
	background-color: #00afcb;
	border: 3px solid white;
	border-radius: 14px 14px 0 0;
	color: #ffffff !important;
	padding: 6px 10px !important;
	margin: -10px -10px 10px !important;
}
.contenu_mea h2 a, .contenu_mea h3 a, .mea_fake h2 a, .block_meavignettedynamique h3 a {
	color: #fff;
}
.contenu_mea p, .mea_fake p {
	margin: 8px 0;
}
.visuel img, #layout_scenario1option1 .block_meavignettedynamique .view_0 img { /* pour les mea dyn, on ne contraint que celles des mea dyn vue "normale" */
	width: 130px; /* dans l'idéal contraindre à width:130px; mais cela suppose de refaire toutes les images existantes < 130 px */
	height: auto;
}
.visuel.imageleft, .image_custom_left {
	float: left;
	margin-right: 10px
}
.visuel.imageright, .image_custom_right {
	float: right;
	margin-left: 10px
}
.link, #layout_scenario1option1 .block_meavignettedynamique .article_content a {
	color: #dd760d;
	font-size: 14px;
	text-decoration: underline;
}
.link:hover, #layout_scenario1option1 .block_meavignettedynamique .article_content a:hover {
	color: #00a4be;
}
#layout_scenario1option1 .block_meavignettedynamique .date, #layout_scenario1option1 #zone_right .block_meavignette .date {
	float: right;
	margin-bottom: 8px;
}
#layout_scenario1option1 #zone_content .block_meavignettedynamique .date {
	width: 450px;
}
#layout_scenario1option1 #zone_right .block_meavignettedynamique .date, #layout_scenario1option1 #zone_right .block_meavignette .date {
	width: 140px;
}
/* 1.1.2 MEA MINI */
#layout_scenario1option1 .block_meavignette.mini, #layout_scenario1option1 .block_html .mini, #layout_scenario1option1 #zone_right .block_meavignette, #layout_scenario1option1 #zone_right .block_meavignettedynamique, #layout_scenario1option1 #zone_right .block_meavignettedynamique .item {
	width: 280px !important;
}
#layout_scenario1option1 .block_html .mea_fake.mini h2 {
	width: 274px;
}
.meamini { /* à coupler dans une div avec la classe "breaker" (<div class="breaker meamini"></div>) dans un bloc html intercalé entre 2 blocs "mea vignette mini" qd une mea "mini" ne va pas "à la ligne" mais sous la mea précédente, car la précédente est moins haute que celle d'encore avant */
	width: 590px;
}
/* 0.1.3 MEA E-CARD (faux bouton) */
#layout_scenario1option1 #zone_content .lien_b.ecard input, #layout_scenario1option1 #zone_right .block_meavignette .lien_b.ecard input {
	background: url("//www.petitoursbrun.com//content/download/975503/28801927/version/1/file/bt-creer-ecard.gif") no-repeat 0 0 rgba(0, 0, 0, 0);
	height: 30px;
	width: 120px;
}
#layout_scenario1option1 #zone_content .lien_b.ecard input:hover, #layout_scenario1option1 #zone_right .block_meavignette .lien_b.ecard input:hover {
	background: url("/content/download/975504/28801937/version/1/file/bt-creer-ecard-over.gif") no-repeat 0 0 rgba(0, 0, 0, 0);
}
#layout_scenario1option1 .contenu_mea form a {
	cursor: pointer;
	text-decoration: none;
}
.contenu_mea form a:hover p {
	text-decoration: underline;
}
/* 2. COLONNE */
#layout_scenario1option1 #zone_right {
	float: left;
	margin: -39px 0 0 12px;
	width: 300px;
}
#layout_scenario1option1 #zone_right .block_html {
	background: none repeat scroll 0 0 transparent;
	height: inherit;
	margin: 0 0 10px;
	padding: 0;
	width: 300px;
}
#layout_scenario1option1 #zone_right .block_html p {
	margin: 0 0 10px;
}
/* 2.1 MEA 300 ET FAUSSE MEA 300 */
#layout_scenario1option1 #zone_right .block_meavignette .view_0 {
	padding: 0;
	margin: 0;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .top {
	display: block;
}
#layout_scenario1option1 #zone_right .block_meavignette .contenu_mea {
	padding: 0;
}
#layout_scenario1option1 #zone_right .block_meavignette .contenu_mea h3 {
	font-weight: bold;
	text-align: left;
}
#layout_scenario1option1 #zone_right .block_meavignette p a:hover {
	text-decoration: underline;
}
/* 2.1.1 MEA CLUB */
#layout_scenario1option1 #zone_right .block_meavignette.club {
	background: none repeat scroll 0 0 #ee86a6;
	border-radius: 0;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .top, #layout_scenario1option1 #zone_right .block_meavignette.club .view_0 {
	background: url("/content/download/975494/28801813/version/1/file/frise-club.gif") repeat-x 0 bottom rgba(0, 0, 0, 0);
	margin: 0 -10px;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .contenu_mea {
	padding: 10px 10px 20px 10px;
}
.club .contenu_mea h3 { /* têtière - annule effets des autres MEA */
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin: 0;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .contenu_mea p a {
	color: #fff !important;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .contenu_mea p a:hover {
	text-decoration: none !important;
}
#layout_scenario1option1 #zone_right .block_meavignette.club .date, #layout_scenario1option1 #zone_right .block_meavignette.club .link {
	display: none;
}
/* 2.1.2 FAUSSE MEA CLUB */
#layout_scenario1option1 #zone_right .block_html .club {
	margin: 0
}
#layout_scenario1option1 #zone_right .block_html .block_meavignette.club .date, #layout_scenario1option1 #zone_right .block_html .block_meavignette.club .link {
	display: block;
	color: #fff;
}
/* 2.1.3 MEA AUTOPROMO (Images-boutons) */
.autopromo {
	width: 300px;
	height: 130px;
}
.autopromo p.clic {
	text-decoration: underline !important;
}
.logo, a.logo, a.logo:hover{
	color:transparent !important;
	}
/*Bayam*/
.bayam .autopromo {
	background: url("/content/download/975508/28801980/version/2/file/mea-300-bayam.jpg") no-repeat 0 0;
}
a.bayam, a.bayam:hover {
	text-decoration: none;
	color: #fff;
}
#layout_scenario1option1 #zone_right .block_html .bayam p {
	width: 190px;
	padding: 8px 0 0 100px;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	text-decoration: none;
}
#layout_scenario1option1 #zone_right .block_html .bayam p.clic {
	color: #ff0066 !important;
	font-size: 16px !important;
	padding-top: 0 !important;
	position: relative;
	left: 100px;
}
/*Applis*/
.applis .autopromo {
	background: url("/content/download/975509/28801990/version/3/file/mea-300-applis-petitoursbrun.jpg") no-repeat 0 0;
}
a.applis, a.applis:hover {
	text-decoration: none;
	color: #fff;
}
#layout_scenario1option1 #zone_right .block_html .applis p {
	width: 220px;
	padding: 30px 0 0 74px;
	font-size: 30px;
	line-height: 28px;
	text-align: center;
	color: #fff;
}
#layout_scenario1option1 #zone_right .block_html .applis span {
	font-size: 22px;
	color: #ffed00;
}
#layout_scenario1option1 #zone_right .block_html .applis p.clic {
	font-size: 16px !important;
	color: #fff !important;
	padding-top: 0 !important;
	position: relative;
	top: -8px;
}
/*Magazines*/
.mag .autopromo {
	background: url("/content/download/975510/28802000/version/3/file/mea-300-popi-pommedapi-new.jpg") no-repeat 0 0;
}
a.mag, a.mag:hover {
	text-decoration: none;
	color: #fff;
}
#layout_scenario1option1 #zone_right .block_html .mag p {
	width: 175px;
	padding: 18px 0 0 120px;
	font-size: 22px;
	line-height: 26px;
	text-align: left;
	color: #fff;
}
#layout_scenario1option1 #zone_right .block_html .mag span {
	color: #ffed00;
}
#layout_scenario1option1 #zone_right .block_html .mag p.clic {
	font-size: 14px !important;
	color: #fff !important;
	padding-top: 0 !important;
	position: relative;
	top: -10px;
}
/*Ecris à POB*/
.ecrisapob .autopromo {
	background: url("/content/download/975506/28801954/version/2/file/mea-300-ecrire-a-petitoursbrun.jpg") no-repeat 0 0;
}
a.ecrisapob, a.ecrisapob:hover {
	text-decoration: none;
	color: #ffed00;
}
#layout_scenario1option1 #zone_right .block_html .ecrisapob p {
	width: 200px;
	padding: 30px 0 0 95px;
	font-size: 26px;
	text-align: center;
	color: #ffed00;
}
/* J'aime lire Store */
.jls .autopromo {
	background: url("/content/download/978824/28857058/version/3/file/MEA300-JLS.jpg") no-repeat 0 0;
}
a.jls, a.jls:hover {
	text-decoration: none;
	color: #cd031b;
}
#layout_scenario1option1 #zone_right .block_html .jls p {
	width: 284px;
	padding: 8px;
	font-size: 14px;
	font-weight:bold;
	line-height:20px;
	text-align: center;
	color: #cd031b;
}
/* 3. CONTENU PRINCIPAL */
	/* 3.1 BREADCRUMB */
#layout_scenario1option1 #breadcrumb {
	padding: 0 0 0 20px;
	width: 610px;
	float: left;
	margin: 10px 0;
}
#breadcrumb ul li.first {
	background: url("/content/download/975491/28801783/version/1/file/empreinte.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#breadcrumb li a {
	text-decoration: underline;
}
#breadcrumb li a:hover {
	text-decoration: underline !important;
	color: #dc3117;
}
/* 3.2 CONTENT */
#layout_scenario1option1 #zone_content {
	float: left; /* positionnement contenu principal à gauche */
	margin: 0;
	padding: 0 2px 0 20px;
	width: 620px;
	border-right: 4px dotted white;
	min-height: 1px; /* pour que la col reste à droite si pas de contenu principal */
}
/* 3.2.0 MEA UNE class="une" ET en commentaire POSSIBILITE de MEA DYNAMIQUE Vue "DIAPORAMA" en UNE (class="view_1") */
		/* A priori on utilisera pour la une plutôt un bloc HTML à la place de ces MEA vignette classe une car visuel de MEA automatiquement redimansionné à 130 (pour aticle) ou 140 (pour jeu-concours) avant de repasser à 350px donc il est tout pixellisé */

/* selon les cas => à préciser directement dans le bloc CSS au-dessus du bloc MEA une */
/*.block_meavignette.une .visuel { 
	margin-top: -100px;
}*/
#layout_scenario1option1 .block_meavignette.une .visuel img/*, .view_1 .attribute-image img*/ {
	max-width: 350px;
	width: 350px !important;
	height: auto !important;
}
#layout_scenario1option1 .block_meavignette.une h2, #layout_scenario1option1 .block_meavignette.une.mea_contest_game h3, #layout_scenario1option1 #zone_content .blocune h2, .jeux_concours h3 { /* annule effets tetiere autres mea */
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin: 10px 0 !important; /* margin-top selon les cas => à préciser directement dans le bloc CSS au-dessus du bloc MEA une */
	font-size: 22px !important;
	line-height: 25px !important;
	padding: 0 !important;
}
/*.view_1 h3{
  font-size:22px !important;
  line-height:25px !important;
}*/
#layout_scenario1option1 .block_meavignette.une h2 a {
	color: #000;
}
#layout_scenario1option1 .block_meavignette.une .date {
	color: #00a4be;/* display:none; selon les cas */
}
#layout_scenario1option1 .block_meavignette.une p, #layout_scenario1option1 .block_meavignette.une .link/*, .view_1 p, .view_1 p a*/ {
	font-size: 16px !important;
	line-height: 19px;
}
#layout_scenario1option1 .block_meavignette.une .link/*, .view_1 p a*/ {
	color: #00a4be !important;
}
#layout_scenario1option1 .block_meavignette.une .link:hover/*, .view_1 p a:hover */ {
	color: #dd760d !important;
}
.block_meavignette.une h2, .block_meavignette.une span, .block_meavignette.une p, .block_meavignette.une a.link {
	width: 230px;
	float: right;
	text-align: left;
	clear: right;
}
/* spécifique au bloc de une avec article */
/* pour écrire autre chose que "Lire la suite" => A COPIER DANS LE BLOC HTML DE UNE pour le paramétrer facilement à chaque mise à jour */
		/*#layout_scenario1option1 .block_meavignette.une a.link{
			color:#fff !important;
		}
		#layout_scenario1option1 .block_meavignette.une a.link:before{
			content:'Participez au concours !'; 
		  	color:#00a4be !important; 
		  	text-decoration:underline;
		}
		#layout_scenario1option1 .block_meavignette.une a:hover.link{
			color:#ffffff !important;
		#layout_scenario1option1 .block_meavignette.une a:hover.link:before{
			color:#dd760d !important; 
		}*/
/* spécifique au bloc de une avec jeu-concours */
#layout_scenario1option1 .block_meavignette.une.mea_contest_game h3 {
	margin-left: 360px !important;
	margin-top: 20px !important;
}
#layout_scenario1option1 .block_meavignette.une.mea_contest_game h3 a, #layout_scenario1option1 #zone_content .blocune h2 a, #layout_scenario1option1 #zone_content .blocune a.lienune:hover {
	color: #00AFCB !important; /* titre en bleu, raccord avec bouton participer */
}
#layout_scenario1option1 .block_meavignette.une.mea_contest_game h3 a:hover, #layout_scenario1option1 #zone_content .blocune h2 a:hover, #layout_scenario1option1 #zone_content .blocune a.lienune {
	color: #dd760d !important; /* orange */
}
#layout_scenario1option1 .block_img img {
	float: left;
	max-width: 350px;
	width: 350px !important;
	height: auto !important;
}
#layout_scenario1option1 .block_img {
	margin-top: -60px;
}
#layout_scenario1option1 .mea_contest_game .lien_b { /* concerne bouton du jeu-concours appelé ds MEA une */
	margin-left: 130px;
	font-size: 12px;
	display: block;
	clear: both;
	position: relative;
	top: 10px
}
/* 3.2.0 bis BLOC HTML DE UNE */
.blocune img {
	float: left;
	margin: 15px 10px 10px 0;
}
#layout_scenario1option1 #zone_content .blocune .texteune {
	float: left;
	width: 280px;
}
#layout_scenario1option1 #zone_content .blocune .texteune h2 {
	width: 280px;
}
#layout_scenario1option1 #zone_content .blocune a.lienune {
	font-size: 20px;
	font-weight: bold;
	display: block;
	margin: 5px 0;
	text-decoration: underline;
}
/* 3.2.1 CHAPO GENERAL D'UNE PAGE */
.chapo {
	background: #fff;
	padding: 15px 10px;
	border-radius: 14px;
	margin-bottom: -10px;
	text-align: justify;
}
.chapo a {
	text-decoration: underline;
}
.chapo a:hover {
	color: #e4311f;
}
/* 3.2.2 ARTICLE et faux article commun */
#layout_scenario1option1 #zone_content .contenu_principal {
	border: none;
}
#article .contenu_principal h2, .articlelight h2, #layout_scenario1option1 #zone_content .block_ecard h2, #layout_scenario1option1 #zone_content .block_slideshow h2, #layout_scenario1option1 #zone_content .block_html #article h2 { /* titre article */
	font-size: 20px !important;
	line-height: 22px !important;
}
#article .contenu_principal h2, #layout_scenario1option1 #zone_content .block_html #article h2 {
	margin-top: -98px !important;
}
#layout_scenario1option1 #zone_content .barre_outils {
	margin: 60px 0 10px;
	width: 590px;
}
#layout_scenario1option1 #zone_content #article .contenu_principal h3, #layout_scenario1option1 #zone_content .articlelight h3, #layout_scenario1option1 #zone_content .block_ecard h3, #layout_scenario1option1 #zone_content .block_slideshow h3, .view_2 .bglight h3, .view_2 .bgdark h3, #layout_scenario1option1 #zone_content .block_html #article h3 { /* intertitre */
	background-color: transparent;
	border: none;
	border-radius: 0;
	margin-top: 20px !important; /* avnt : margin:0; */
	font-size: 20px !important;
	line-height: 22px !important;
	color: #00a4be !important;
	clear: both;
}
#layout_scenario1option1 #zone_content h4 {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
}
#layout_scenario1option1 #zone_content .contenu_principal .date, #layout_scenario1option1 #zone_content .block_html #article .date {
	display: block;
	margin: 10px 0 40px;
	text-align: left;
}
#layout_scenario1option1 #zone_content .contenu_principal .imageright, #layout_scenario1option1 #zone_content .block_html #article .imageright {
	clear: right;
	margin: 8px 0 14px 9px;
}
#layout_scenario1option1 #zone_content .contenu_principal p, #layout_scenario1option1 #zone_content .articlelight p, #layout_scenario1option1 #zone_content .block_html #article p {
	font-size: 100%;
	color: #000;
}
#layout_scenario1option1 #zone_content .contenu_principal p a, #layout_scenario1option1 #zone_content .articlelight p a, #layout_scenario1option1 #zone_content #article ul li a, #layout_scenario1option1 #zone_content .articlelight ul li a {
	text-decoration: underline;
}
#layout_scenario1option1 #zone_content .contenu_principal p a:hover, #layout_scenario1option1 #zone_content .articlelight p a:hover, #layout_scenario1option1 #zone_content #article ul li a:hover, #layout_scenario1option1 #zone_content .articlelight ul li a:hover {
	color: #dd760d;
}
#layout_scenario1option1 #zone_content .contenu_principal ul li, #layout_scenario1option1 #zone_content .block_html #article ul li {
	background: url("/content/download/975492/28801793/version/1/file/puce.png") no-repeat scroll 0 4px transparent;
}
#layout_scenario1option1 #zone_content .contenu_principal ul.puce_fleche li, #layout_scenario1option1 #zone_content .block_html #article ul.puce_fleche li {
	background: url("/content/download/975493/28801803/version/2/file/puce-fleche.png") no-repeat scroll 0 4px transparent;
	margin: 0 0 3px 7px;
	padding: 1px 0 0 13px;
}
#layout_scenario1option1 #zone_content .paginations {
	color: #dd760d;
	font-size: 12px;
	line-height: 14px;
	margin: 10px;
}
#layout_scenario1option1 #zone_content .paginations a {
	color: #dd760d;
}
#layout_scenario1option1 #zone_content .contenu_principal .span, #layout_scenario1option1 #zone_content .block_html #article .span {
	color: #00a4be;
}/* par ex. signature : */
#layout_scenario1option1 #zone_content .item_bloc { /* module téléchargement */
	border: 0 none;
	clear: both;
}
#layout_scenario1option1 #zone_content .item_bloc h5 { /* module téléchargement */
	color: #fff;
	background: none repeat scroll 0 0 #00afcb;
	clear: both;
}
#layout_scenario1option1 #zone_content .footer-left, #layout_scenario1option1 #zone_content .footer-right {
	font-size: 12px;
	line-height: 14px;
	text-decoration: underline;
	margin-top: 10px
}
/* 3.2.3 FAUX-ARTICLE (ajout par rapport à l'article de base */
#layout_scenario1option1 #zone_content .block_html #article .span {
	display: block;
	text-align: right;
}
/* faux-article plan du site */
#layout_scenario1option1 #zone_content .block_html #article.plandusite {
	padding-bottom : 20px !important;
}
#layout_scenario1option1 #zone_content .block_html #article.plandusite h2 {
	margin-top: -10px !important;
	margin-bottom: 0 !important;
}
#layout_scenario1option1 #zone_content .block_html #article.plandusite .barre_outils, #layout_scenario1option1 #zone_content .block_html #article.plandusite .date, #layout_scenario1option1 #zone_content .block_html #article.plandusite .span {
	display: none;
}
/* 3.2.4 BLOC HTML H2 pour PRODUIT, DESSINS ANIMES, JEUX, COLORIAGES */
#layout_scenario1option1 .block_html h2 {
	border: 3px solid white;
	margin: 10px 0 -10px 0 !important;
	padding: 6px 10px !important;
	width: 584px;
	margin-bottom: 0;
	font-size: 18px !important;
}
#layout_scenario1option1 .block_html h2 a {
	color: #fff;
}
/* 3.2.5 PRODUIT */
#layout_scenario1option1 .block_html h2.produit {
	background-color: #f02d79;
}
.descriptif {
	background: #fff;
	padding: 10px;
	color: #00a4be;
}
#layout_scenario1option1 .block_produit {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: -10px 0 0 0;
	padding: 0 10px 10px 10px;
	width: 590px;
	background: #fff;
	border-radius: 0 0 14px 14px;
	height: auto;
}
#layout_scenario1option1 .block_produit .product_strip_top, #layout_scenario1option1 .block_produit .breaker {
	display: none;
}
#layout_scenario1option1 .block_produit .header { /* partie prix et bouton */
	border-left: 1px dotted #818181;
	float: right;
	height: inherit;
	width: 130px;
	padding: 10px;
}
#layout_scenario1option1 .block_produit .detail_prix, #layout_scenario1option1 .block_produit .lien_a {
	display: block !important;
	width: 130px;
	text-align: center;
}
#layout_scenario1option1 .block_produit .detail_prix {
	font-size: 24px;
}
#layout_scenario1option1 .block_produit .lien_a {
	position: relative;
	left: 18px;
}
#layout_scenario1option1 .block_produit .lien_a a { /* correction du bug s/'abonner */
	font-size: 0.0000001em;
	padding-top: 12px;
}
#layout_scenario1option1 .block_produit .lien_a a:after {
	content: "S'abonner";
	font-size: 14px;
}
#layout_scenario1option1 .block_produit .lien_a a:hover { /* correction du bug s/'abonner */
	text-decoration: none;
}
#layout_scenario1option1 .block_produit .produit_offre { /* partie visuel */
	margin: 0;
	float: left;
}
/* 3.2.6 DESSINS ANIMES, JEUX, COLORIAGES */
#layout_scenario1option1 #zone_content h2.titre_da, #layout_scenario1option1 #zone_content h2.titre_jeu, #layout_scenario1option1 #zone_content h2.titre_coloriages {
	border: none;
	font-size: 18px;
	padding: 13px 10px !important;
	width: 590px;
}
.bandeauami {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	width: 610px;
	height: 130px;
}
.bandeauami span {
	font-size: 13px;
	font-weight: normal;
}
.bandeauami a {
	color: #fff;
	padding-top: 22px;
	display: block;
}
/* 3.2.6.1 DESSINS ANIMES */
#layout_scenario1option1 #zone_content h2.titre_da { /* titre dessin animé de base -> ds eZ mettre H2 AVANT l'iframe du d.a. */
	background-color: #EE86A6;
}
#layout_scenario1option1 #zone_content h2.avec_youtube { /* titre dessin animé si présence de Youtube  -> ds eZ mettre H2 APRES l'iframe du d.a. */
	position: relative;
	top: -494px;
}
iframe.video_youtube {
	margin-top: 23px;
}
.dessinsanimes {
	background: url("/content/download/976228/28814276/version/4/file/bg-bandeauami-dessinsanimes2.jpg") no-repeat 0 0;
}
/* 3.2.6.2 JEUX */
#layout_scenario1option1 #zone_content h2.titre_jeu { /* titre dessin animé de base -> ds eZ mettre H2 AVANT l'iframe du d.a. */
	background-color: #4f73ad;
}
.jeux {
	background: url("/content/download/976229/28814286/version/1/file/bg-bandeauami-jeux.jpg") no-repeat 0 0;
}
/* 3.2.6.3 COLORIAGES */
#layout_scenario1option1 #zone_content h2.titre_coloriages { /* titre dessin animé de base -> ds eZ mettre H2 AVANT l'iframe du d.a. */
	background-color: #5dad24;
}
.coloriages {
	background: url("/content/download/976305/28815393/version/1/file/bg-bandeauami-coloriages.jpg") no-repeat 0 0;
}
/* 3.2.7 FORMULAIRE DE CONTACT */
#layout_scenario1option1 .block_contactsurvey {
	border-radius: 14px;
	width: 600px;
	padding: 10px 0 10px 10px;
	background: url("//petitoursbrun.com/content/download/976021/28811609/version/1/file/petitoursbrun-contact.png") no-repeat right #4E73AC;
}
#layout_scenario1option1 .block_contactsurvey h1 {
	color: #FFED00;
	font-size: 36px;
	padding: 0 2px;
}
#layout_scenario1option1 #zone_content .block_contactsurvey input, #layout_scenario1option1 #zone_content .block_contactsurvey textarea {
	width: 410px;
	display: block;
}
#layout_scenario1option1 .block_contactsurvey textarea {
	padding: 5px 0 0 7px;
}
/* 3.2.8 E-CARDS */
#layout_scenario1option1 #zone_content .ecard_theme, #layout_scenario1option1 #zone_content .ecard_editform {
	background: none;
	border: none;
	width: 544px;
	padding: 10px;
	margin: 0 auto;
}
#layout_scenario1option1 #zone_content .block_ecard h3 { /* en plus du h3 de base */
	border-bottom: 2px dotted #F8DC00;
}
#layout_scenario1option1 #zone_content .ecard_theme.thanks{
    border-bottom: medium none;
}
/* e-cards reception */
#layout_scenario1option1 #zone_content.wide {
    border-right: medium none;
}
#layout_scenario1option1 #zone_content .top-left, #layout_scenario1option1 #zone_content .top-right, #layout_scenario1option1 #zone_content .bottom-left, #layout_scenario1option1 #zone_content .bottom-right {
    background: none repeat scroll 0 0 #ffed00;
}
.ecard_preview {
    margin-left: 40px;
}
/* 3.2.9 SLIDESHOW */
#layout_scenario1option1 #zone_content .block_slideshow {
	clear: both;
	margin-top: 10px;
}
#layout_scenario1option1 #zone_content .block_slideshow .main {
	border-bottom: 2px dotted #f8dc00 !important;
}
#layout_scenario1option1 #zone_content .block_slideshow .main img {
	display: block;
	height: auto;
	margin: 0 auto 10px;
	max-width: 590px;
}
#layout_scenario1option1 #zone_content .block_slideshow h3 { /* en plus */
	font-size: 16px !important;
	line-height: 20px !important;
	margin: 0;
	background: none repeat scroll 0 0 #fff !important;
}
#layout_scenario1option1 #zone_content .block_slideshow .paginator {
	font-size: 12px;
	margin: 10px 0;
}
/* 3.2.10 JEU-CONCOURS */
#layout_scenario1option1 #zone_content .block_jeux .jeux_concours .contenu_block {
	border: none;
	background: #fff;
	padding: 4px 10px 0;
}
#layout_scenario1option1 #zone_content .block_jeux .contenu_block .barre_outils {
	margin: 10px 0;
}
#layout_scenario1option1 #zone_content .block_jeux .jeux_concours .block_liens {
	margin: 10px 0 20px;
	text-align: center;
}
#layout_scenario1option1 #zone_content .block_jeux .jeux_concours .block_liens a {
	font-weight: bold;
	margin: 0 30px;
}
#layout_scenario1option1 #zone_content .block_jeux .contenu_block h3 {
	color: #000 !important;
	margin: 20px 0 !important;
}
#layout_scenario1option1 .block_jeux .lien_a {
	margin-left: 210px;
}
#layout_scenario1option1 #zone_content .block_jeux .contenu_block p {
	font-size: 16px;
	font-weight: bold;
}
#layout_scenario1option1 #zone_content .block_jeux .contenu_block .presentation-block p, #layout_scenario1option1 #zone_content .block_jeux .contenu_block .rule_description-block p, #layout_scenario1option1 #zone_content .block_jeux .contenu_block .win_description-block p {
	font-size: 14px;
	font-weight: normal;
}
#layout_scenario1option1 #zone_content .block_jeux .bandeau {
	margin-left: -10px;
	position: relative;
	top: 45px; /* recouvre le block_slideshow */
}
/* 4. FOOTER */
#layout_scenario1option1 #zone_footer ul li {
	font-size: 12px;
	line-height: 16px;
}