/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size:100%; }

body { background: white;
    
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; font-style: normal; font-size: 17px; line-height: 1; position: relative; -webkit-font-smoothing: antialiased;

 

 }

.container_12 {

	}
.gras {font-weight: bold;}
.noir { color: #000 !important;}
.violet { color: #F0F !important;}
.rouge { color: #F00 !important;}
.left{ text-align:left !important;}
.right{ text-align:right !important;}

/* Center : à réserver pour centrer une pub, à la place de text-center ---------------------- */
.center{ text-align:center !important;}


.margin_top_15{ margin-top:15px!important;}
.margin_top_25{ margin-top:25px!important;}
.margin_top_30{ margin-top:30px!important;}
.margin_top_40{ margin-top:40px!important;}
.margin_top_50{ margin-top:50px!important;}
.margin_top_100{ margin-top:100px!important;}

.margin_bottom_15{ margin-bottom:15px!important;}
.margin_bottom_25{ margin-bottom:25px!important;}



.margin_top_15moins{ margin-top:-15px!important;}
.margin_top_10moins{ margin-top:-10px!important;}
.margin_top_5moins{ margin-top:-5px!important;}

/* Links ---------------------- */
a img { border: none; }

a { color: #F00 ; text-decoration: underline; line-height: inherit; }

a:hover { color: #000; }

a:visited{ color: #00C; }



p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none !important; }

.responsive {width: 100%; height: auto;}





/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 16px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 16px; line-height: 1.6; margin-bottom: 18px; }

ul { font-family: inherit; font-weight: normal; font-size: 16px; line-height: 1.6; margin-bottom: 18px; }

h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility; line-height: 1; margin-bottom: 5px; margin-top: 0px; }


h1 {
	font:200% 'Electrolize', sans-serif;
	
	
	color: #000;
	font-weight:normal;
	text-align: center;
	 margin-top:15px;
	 margin-bottom:20px;
}

h2 {
	font:190% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	color: #000;
	font-weight:normal;
	text-align: left; 
	margin-bottom: 0px;
}

.small{
	font:120% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	color: #000;
	font-weight:normal;
	text-align: left;
	margin-bottom: 25px;
}
.texte_normal{
	font:"Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	font-size:100% !important;
	color: #000;
	font-weight:normal !important;
	}
.petit_texte{
	font-size:80% !important;
	color: #000;
	line-height:1.3 !important;
	}
.legende_image{
	font-size:70% !important;
	color: #000;
	line-height:1.3 !important;
	font-weight: bold;
	}

h3 {
	font:170% "Gill Sans","Trebuchet MS",Verdana,Sans-serif;
	color: #000;
	font-weight:normal;
	text-align: left;
	margin-bottom: 0px; padding-bottom:7px;
}
h4 { font:180% 'Rochester', cursive;}

h5 { font-size: 17px; }

h6 { font-size: 14px; }

#liste_liens_date_epiphanie_accueil p{ 
font-size: 14px; line-height:24px; margin-left:20px !important; margin-top:0 !important; margin-bottom:0 !important; margin-right:0 !important;
 }

/* Styler la liste de liens des dates ---------------------- */ 
 #liste_liens_date_paques { 
display:table; max-width:100%;
margin-left: auto;
margin-right: auto; padding:12px; padding-top:20px;padding-bottom:20px; margin-bottom:20px;
background: #FFF;

border-radius: 35px; 
-moz-border-radius: 35px; 
-webkit-border-radius: 35px; 
border: 7px solid #F60; 

}
/* Styler la liste de liens des dates ---------------------- */
/*#liste_liens_date_date_paques a{ text-decoration: none; 
}*/
#liste_liens_date_paques p{ 
 height: 40px;
float:none; background-color: #FFF;
font-size: 16px; line-height: normal;
display:inline-block; margin:0px; padding-top:7px; padding-right:7px; padding-left:7px; padding-bottom:7px; vertical-align:middle; 
}
 
/*  #liste_liens_date_date_paques p:nth-child(odd){ background:#FFD9FF;}
  #liste_liens_date_epiphanie p:nth-child(10){ background:#FFD9FF;} */
/* Styler la liste de liens des dates FIN ---------------------- */


/* Styler la liste de liens footer---------------------- */ 
 #footer{ 
display:table; max-width:100%;
margin-left: auto;
margin-right: auto; padding:12px; padding-top:20px;padding-bottom:0px; margin-bottom:0px;
background: #FFF;

border: 0px solid #F90; 
}

#footer a{ text-decoration: underline !important; 
}
#footer p{ 
 height: 60px; 
float:none; background-color: #FFF;
font-size: 16px; line-height: normal;
display:inline-block; margin:0px; padding-top:7px; padding-right:20px; padding-left:7px; padding-bottom:0px; vertical-align:middle; 
}
/* Styler la liste de liens footer p 1er et 2eme ---------------------- */	
#footer p:nth-child(1){font-size: 28px !important;
 margin-bottom:0 !important;padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px;    }
 
#footer p:nth-child(2){font-size: 14x !important; padding-top:0px; margin-bottom:0px !important; margin-top:-20px !important;
} 
#footer p:nth-child(8){    }

#footer p:nth-child(9){font-size: 14px !important;
 margin-bottom:0px !important;padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px; margin-top:30px; !important;   height: 20px;    }
 



/* Styler la liste de liens  footer FIN ---------------------- */
 


/* Styler la liste de liens des dates ---------------------- */ 
 #liste_liens_date_epiphanie { 
display:table; max-width:100%;
margin-left: auto;
margin-right: auto; padding:12px; padding-top:20px;padding-bottom:20px;
background: #FFF;

border-radius: 35px; 
-moz-border-radius: 35px; 
-webkit-border-radius: 35px; 
border: 7px solid #FFC1E0; 

}
/* Styler la liste de liens des dates ---------------------- */
/*#liste_liens_date_epiphanie a{ text-decoration: none; 
}*/
#liste_liens_date_epiphanie p{ 
 height: 40px;
float:none; background-color: #FFF;
font-size: 16px; line-height: normal;
display:inline-block; margin:0px; padding-top:7px; padding-right:7px; padding-left:7px; padding-bottom:7px; vertical-align:middle; 
}
 
/*  #liste_liens_date_epiphanie p:nth-child(odd){ background:#FFD9FF;}
  #liste_liens_date_epiphanie p:nth-child(10){ background:#FFD9FF;} */
/* Styler la liste de liens des dates FIN ---------------------- */


/* Styler une liste de liens ordinaires ---------------------- */ 
 .liste_liens_epiphanie { 
display:table; max-width:100%;
margin-left: auto;
margin-right: auto; padding:12px; padding-top:20px;padding-bottom:20px;
 background: #FFF;

border-radius: 35px; 
-moz-border-radius: 35px; 
-webkit-border-radius: 35px; 
border: 7px solid #FFC1E0; 

}
/* Styler iste de liens --------------------- */
/*#liste_liens_epiphanie a{ text-decoration: none; 
}*/
.liste_liens_epiphanie p{ 
 height: 40px;
float:none; background-color: #FFF;
font-size: 16px; line-height: normal;
display:inline-block; margin:0px; padding-top:7px; padding-right:7px; padding-left:7px; padding-bottom:7px; vertical-align:middle; 
}
 
/*  #liste_liens_epiphanie p:nth-child(odd){ background:#FFD9FF;}
  #liste_liens_epiphanie p:nth-child(10){ background:#FFD9FF;} */
/* Styler la liste de liens  FIN ---------------------- */

 



 #comptines h1 {
	font:300% 'Rochester', cursive;
	}

.comptines p{
	font:250% 'Rochester', cursive;
	margin-bottom: 40px !important; margin-top:20px !important; margin-left:40px !important;
	}
	
.comptines h3{
	font:200% 'Rochester', cursive; color: #F00;
	margin-bottom: 20px !important; margin-top:30px !important; margin-left:0px !important; line-height:1 !important;
}


.poeme p{
	font:140% 'EB Garamond', serif;
	margin-bottom: 40px !important; margin-top:20px !important; margin-left:40px !important; text-indent:60px !important;
	}
	
	

	
.poeme h3{
	font:200% 'EB Garamond', serif; color: #F00;
	margin-bottom: 20px !important; margin-top:30px !important; margin-left:0px !important; line-height:1 !important;
}
.comptines span{ margin-bottom:30px;}
.poeme span{ margin-bottom:30px;}

.texte_mamie p{
	font:140% 'EB Garamond', serif;
	margin-bottom: 40px !important; margin-top:20px !important; margin-left:40px !important; text-indent:40px !important;
	}
	
	

	
.texte_mamie h3{
	font:200% 'EB Garamond', serif; color: #F00;
	margin-bottom: 20px !important; margin-top:30px !important; margin-left:0px !important; line-height:1 !important;
}

.texte_mamie span{ margin-bottom:30px;}



.auteur	p{ 
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-weight: normal; font-style: normal; font-size: 16px !important; line-height: 1;
}

.electrolize_24px {
	font-family: Electrolize, Verdana, Arial, Helvetica, sans-serif;
	font-size: 23px;
	font-style: normal;
	line-height: 32px;
	color: black;
	margin:15px; margin-left:30px; margin-bottom:5px;
	}
.electrolize_16px {
	font-family: Electrolize, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 20px;
	color: black;
	margin:15px;  margin-left:30px; margin-top:5px;
	}

.rochester_100 { display: table; width:200px; margin:auto; border:1px solid ;  border-color:#333; 
	font:100px 'Rochester', cursive; line-height:100px; 
	color: #060;
	font-weight:normal;
	text-align: center; background-color:#FFFFFF; margin-bottom:25px;
	} 

	
.image_left_0_20_40 img{ margin-top:0; margin-right:20px; margin-bottom:40px; float:left;
}	
.image_left_0_20_60 img{ margin-top:0; margin-right:20px; margin-bottom:60px; float:left;
}	
.image_90_pour_cent img { width:90%; max-width:300px; 
}	
.image_50_pour_cent img { width:50%; max-width:300px; 
}	

.bord_image{ border: solid ; border-color:#CCC; border-width:1px; 
}	
	
.image_left_0_20_20 img{ margin-top:0; margin-right:20px; margin-bottom:20px; float:left;	
}	

.grand_texte{
	font-size: 24px !important;
	}
.petit_texte{
	font-size: 12px !important;
	}