/* 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: 16px; line-height: 1; position: relative; -webkit-font-smoothing: antialiased; }

.gras {font-weight: bold;}
.noir { color: #000 !important;}
.gris { color: #666!important;}

.violet { color: #F0F !important;}
.rouge { color: #F00 !important;}
.left{ text-align:left !important;}
.right{ text-align:right !important;}
.center{ text-align:center !important;}
.margin_top_15{ margin-top:15px!important;}
.margin_top_25{ margin-top:25px!important;}
.margin_bottom_15{ margin-bottom:15px!important;}
.margin_bottom_25{ margin-bottom:25px!important;}

.gris_lien { 

font:130% "'Gill Sans'","Trebuchet MS",Verdana,Sans-serif;
	color: #333;
	font-weight:normal;
	text-align: left;
	margin-bottom: 0px; padding-bottom:7px;
	
	}

.border_top_lien{ 
border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC; padding-top:10px;
}
.border_bottom_lien{ 
border-bottom:thin; border-left:0px; border-right:0px; border-top:0px; border-style:solid; border-color: #CCC;
padding-bottom:10px;
}

.border_top_lien_mobile{ 
border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC; padding-top:10px;
}
.border_bottom_lien_mobile{ 
border-bottom:thin; border-left:0px; border-right:0px; border-top:0px; border-style:solid; border-color: #CCC;
padding-bottom:10px;
}

/* 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 ul { 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; }





/* 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: 17px; }

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

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


h1 {
	font:140% 'Rochester', cursive;
	
	
	color: #F00;
	font-weight:normal;
	text-align: center;
	 margin-top:15px;
	 margin-bottom:20px;
}

h2 {
	font:150% "'Gill Sans'","Trebuchet MS",Verdana,Sans-serif;
	color: #F00;
	font-weight:normal;
	text-align: left !important; 
	margin-bottom: 0px;
}



.small{
	font:100% "'Gill Sans'","Trebuchet MS",Verdana,Sans-serif;
	color: #000;
	font-weight:normal;
	text-align: left !important;
	margin-bottom: 25px;
}
.texte_normal{
	font:"'Gill Sans'","Trebuchet MS",Verdana,Sans-serif;
	font-size:80% !important;
	color: #000;
	font-weight:normal !important;
	
}

.petit_texte_liens p{
	font-size:80% !important;
	color: #000;
	line-height:1.3 !important;
	margin-bottom:30px; 
	}
.petit_texte_liens a{ text-decoration:none;}

h3 {
	font:130% "'Gill Sans'","Trebuchet MS",Verdana,Sans-serif;
	color: #000;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
h4 { font:250% 'Rochester', cursive;}

h5 { font-size: 17px; }

h6 { font-size: 14px; }

.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;
	} 
	
	/* Styler la liste de liens des dates ---------------------- */ 
 #liste_liens_date_paques { 
display: table; max-width:100%;
margin: auto;
padding:0px; padding-top:20px;padding-bottom:20px;
background: #FFF;


}
/* Styler la liste de liens des dates ---------------------- */
#liste_liens_date_paques a{ text-decoration: none; 
}
#liste_liens_date_paques p{ 
 height: 60px;
float:none; background-color: #FFF;
font-size: 16px; line-height: 60px;
display: table; margin:0px; padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px; vertical-align:middle;
 border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC;
}

 #liste_liens_date_paques p:last-child{ border-bottom:thin;border-style:solid; border-color: #CCC;}
 
/*  #liste_liens_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 des dates ACCUEIL---------------------- */ 
 #liste_liens_date_epiphanie_accueil, #liste_liens_date_fete_PERES, #footer { 
display:table; max-width:100%; 
margin: auto;
padding:0px; padding-top:20px;padding-bottom:20px;
background: #FFF;
}

 #liste_liens_lateraux{ 
display:table; max-width:100%; 
margin: auto;
padding:0px; padding-top:20px;padding-bottom:20px;
background: #FFF;
 }
#liste_liens_lateraux a{ 
text-decoration: none; 
 }
 #liste_liens_lateraux p{ 
height: 60px; width:300px ; max-width:90%;
float:none; background-color: #FFF;
font-size: 16px; 
display:table; margin:0px; padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px; vertical-align:middle;
 border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC;
 }
 
  #liste_liens_lateraux p:last-child{ 
 border-bottom:thin;border-style:solid; border-color: #CCC;
 }
 


/* Styler la liste de liens des dates ---------------------- */
#liste_liens_date_epiphanie_accueil a,#liste_liens_date_fete_PERES a,#liste_liens_date_fete_PERES_belgique a ,#footer a{ text-decoration: none; 
}
#liste_liens_date_epiphanie_accueil p, #liste_liens_date_fete_PERES p, #liste_liens_date_fete_PERES_belgique p{ 
 height: 60px; width:300px ; max-width:90%;
float:none; background-color: #FFF;
font-size: 16px; line-height: 60px;
display:table; margin:0px; padding-top:0px; padding-right:0px; padding-left:0px; padding-bottom:0px; vertical-align:middle;
 border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC;
}

#footer p{ 
 height: 80px; width:300px ; max-width:90%;
float:none; background-color: #FFF;
font-size: 16px; line-height: 20px; 
display:table; margin:0px; padding-top:20px; padding-right:0px; padding-left:0px; padding-bottom:0px; vertical-align:middle;
 border-top:thin; border-left:0px; border-right:0px; border-bottom:0px; border-style:solid; border-color: #CCC;
}

#footer p:last-child{font-size: 12px !important; line-height: 12px;text-align:center !important; margin-top:0 !important; margin-bottom:-60px !important; padding-top:20px !important;}


 #liste_liens_date_epiphanie_accueil p:last-child,#liste_liens_date_fete_PERES_belgique p:last-child ,#liste_liens_date_fete_PERES p:last-child{ border-bottom:thin;border-style:solid; border-color: #CCC;}
 
/*  #liste_liens_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 ---------------------- */

.petit_texte{
	font-size:80% !important;
	color: #000;
	line-height:1.2 !important; font-weight:normal !important;
	
	}

.image_left_0_20_20 img{ margin-top:0; margin-right:20px; margin-bottom:20px; float:left; 
}	

.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_90_pour_cent_totale img { width:90%; max-width:300px; 
}	
.image_50_pour_cent img{ width:70%; max-width:300px; 
}
.image_50_pour_cent_totale img{ width:70%; max-width:300px; 
}


.image_30_pour_cent img { width:30%; max-width:300px; 
}

.image_40_pour_cent img { width:40%; max-width:300px; 
}	
	
.image_20_pour_cent img { width:20%; max-width:300px; 
}	
.image_10_pour_cent img { width:30%; max-width:300px;  }	
.image_10_pour_cent_texte img { width:10%; max-width:300px; 
}



/* Styler la liste de liens footer ---------------------- */	
/*#footer p {font-size: 9px !important;*/	

/* #footer p:nth-child(1){font-size: 20px !important;
 margin-bottom:30 px !important }*/
#footer p:nth-child(2){ display:none;
}  
/* Styler la liste de liens  FIN ---------------------- */

.bord_image{
	background: #F0F0F0; margin-left:20px !important; margin-right:20px !important; margin-top:0px !important; margin-bottom:10px !important; 
	padding-bottom:5px; padding-top:10px;padding-left:5px;padding-right:5px; 
	
	border:solid 1px #999999;
	
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Mozilla Firefox */ -moz-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Proposed W3C Markup */ box-shadow: 3px 5px 8px 0px #B3B3B3;
	}
	
	.grand_texte{
	font-size:140% !important;
	}
	
	.champs_texte{
	font-size: 14px !important; max-width:100%;
	}	
	
	.bord_image_texte{
	background: #FFF; margin-left:20px !important; margin-right:20px !important; margin-top:0px !important; margin-bottom:10px !important; 
	padding-bottom:5px; padding-top:10px;padding-left:5px;padding-right:5px; 
	
	border:solid 1px #999999;
	
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Mozilla Firefox */ -moz-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Proposed W3C Markup */ box-shadow: 3px 5px 8px 0px #B3B3B3;
	}.bord_image_texte{
	background: #FFF; margin-left:20px !important; margin-right:20px !important; margin-top:0px !important; margin-bottom:10px !important; 
	padding-bottom:5px; padding-top:10px;padding-left:5px;padding-right:5px; 
	
	border:solid 1px #999999;
	
	/* Webkit (Safari/Chrome) */ -webkit-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Mozilla Firefox */ -moz-box-shadow: 3px 5px 8px 0px #B3B3B3;
	/* Proposed W3C Markup */ box-shadow: 3px 5px 8px 0px #B3B3B3;
	}