@charset "utf-8";
/* CSS Document 
essai pour la sauvegarde
*/



@font-face {font-family: 'Merriweather-Black';		
src: url('../fonts/Merriweather-Black.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-BlackItalic';		
src: url('../fonts/Merriweather-BlackItalic.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-Bold';		
src: url('../fonts/Merriweather-Bold.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-BoldItalic';		
src: url('../fonts/Merriweather-BoldItalic.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-Italic';		
src: url('../fonts/Merriweather-Italic.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-Light';		
src: url('../fonts/Merriweather-Light.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-LightItalic';		
src: url('../fonts/Merriweather-LightItalic.ttf') format('truetype');}

@font-face {font-family: 'Merriweather-Regular';		
src: url('../fonts/Merriweather-Regular.ttf') format('truetype');}

@font-face {font-family: 'PTC75F';		
src: url('../fonts/PTC75F.ttf') format('truetype');}


#back {
	margin-left: 10px;
	width:2.5%;
	padding-right:3.5%;
	margin-top: 1.4%;
}
#back img{
	width:100%;
}

/*#back a img {
	margin-top: 10px;
}*/
	#logo_horizon, #icone_2, #back, .row, .index_icone
{
	display: inline-block;
	vertical-align: top;
}

#logo_horizon {
	width: 51%;
	padding-right: 9%;
	padding-top: 1%;
}
#logo_horizon img{
	width: 100%;
}

#debut{
	/*width: 1427px;*/
	max-width: 100%;
	/*width: 100%;*/
	position:fixed;
	z-index:10;
background-color:white;
height:80px;
margin-top:-8px;

}


#logo img{
	/*max-width: 100%;*/
	width: 100%;
}
#icone_1 img {
	width: auto;
	display: inline-block;
	margin-left: 5px;
}

#icone_2 {
	/*margin-left: 5%;*/
	/*max-width: 100%;*/
	/*margin-left: 230px;*/
	margin-top: 4px;
	width: auto;
	float: right;
	margin-right: 12%;
}
#icone_2 img {
	width: 100%;
	display: inline-block;
	right: 100px;
	float: right;
}

#logo, #icone_2, #icone_1, #back, .row, .index_icone
{
	display: inline-block;
	vertical-align: top;
}


#portada {
/*    position: absolute;
    left: 100px;*/
    padding-top: 30px;
}

#portada img{
	width: 100%;
}

  #debut .row {
	vertical-align:top;
	padding-right:13.5%;
	margin-top:8px;
	width:10.8%;
	}

.row img{
	width:100%;
}
 .list {display:inline; }
 .show {display: none; }
 .hide:target + .show {display: inline; }
 .hide:target {display: none; }
 .hide:target ~ .list {display:inline; }
 

 
 ul {
	position: absolute;
	display: block;
	list-style-type: none;
	/*	background-color: #C0282A;*/
	float: right;
	z-index: 5;
	right: 20px;
	margin-top: 216px;
	width: 25%;
	height:auto;
}
  
ul li #menu_1 {
	margin-bottom: 0px;
}

ul li #menu_1 img {
	width: 100%;
	height:auto;
}

ul li #menu_2 {
	margin-bottom: 0px;
}

ul li #menu_2 img {
	width: 100%;
	height:auto;
}

ul li #menu_3 {
	margin-bottom: 0px;
}
ul li #menu_3 img {
	width: 100%;
	height:auto;
}
ul li #menu_4 {
	margin-bottom: 0px;
}
ul li #menu_4 img {
	width: 100%;
	height:auto;
}
ul li #menu_5 {
	margin-bottom: 0px;
	margin-left:0px;
}
ul li #menu_5 img {
	width: 12%;
	height:auto;
}



.row #hide1 {
	/*position: absolute;
	right: 20px;*/
	margin-top: 8%;
	width: 30%;
	float: right;
	margin-right: 10%;

}
#debut .row #hide1 img{width: 100%;}

.row #show1 {
	margin-top: 8%;
	width: 30%;
	float: right;
	margin-right: 10%;
}

#debut .row #show1 img{width: 100%;}

.index_icone{
margin-top:17px;
width: 3.3%;
}

.index_icone img{
	width: 100%;
	}
	
	
#menu_cabezal {
	padding-top: 30px;
}

#menu_cabezal img{
	width: 70%;
	height:auto
}

#menu_reciente {
	padding-top: 30px;
}

#menu_reciente_nouv {
	padding-top: 85px;
}

#menu_reciente_nouv img{
	width: 70%;
	height:auto
}

#menu_reciente img{
	width: 70%;
	height:auto
}

#menu_musica_gauche {
	margin-top: -5px;
}

#menu_musica_gauche img{
	width: 50%;
	height:auto
}

#menu_musica_droit {
	margin-top: -5px;
	padding-left: 50%;
	
}

#menu_musica_droit img{
	width: 100%;
	height:auto
}


.page_reciente{
	width:85%;
	padding-left:6.4%;
}

.nouv
{
	width: 70%;
	height: 100%;
	background-color: "white";
	/*outline: 1px dashed red;*/
}


.img_vert img
{
	width: 98%;
	margin-top: 10px;
	margin-left: 12px;
	}

.texte_auteur
{
	width: 92%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: small-caps;
	font-size: 35px; /*2.5em; */
	word-wrap: break-word;	
	color: grey;
	/*border-right-style: solid;
	border-color: grey;*/
	line-height: 30px;
	padding-top: 10px;
}
.texte_titre
{
	width: 92%;
	margin-left: 12px;
	padding-left: 12px ;	
	padding-right: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 35px; /*4em; */
	word-wrap: break-word;
	/*border-right-style: solid;
	border-color: grey;	*/
}

.texte_titre_2
{
	width: 92%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;	
	/*border-right-style: solid;
	border-color: grey;*/
}

.texte_debut
{
	width: 92%; 
	margin-left: 12px;
	padding-top: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 25px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;/*2em; */
	line-height: 30px;
	word-wrap: break-word;	
	color: #585858;
	/*border-right-style: solid;
	border-color: grey;*/
}


/* unvisited link */
a:link {
    /*color: #FFFFFF;*/
	color: black ;
	text-decoration: none;
}

/* visited link */
a:visited {
    /*color: #FFFFFF;*/
	color: black ;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    /*color: #FF00FF;*/
	color: black;
	text-decoration: none;
}

/* selected link */
a:active {
    /*color: #0000FF;*/
	color: black;
	text-decoration: none;
}


.texte_auteur_hori
{
	width: 96%; 
	margin-left: 12px;
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: small-caps;
	font-size: 35px; /*2.5em; */
	word-wrap: break-word;	
	color: grey;
}

.texte_titre_hori
{
	width: 96%;
	margin-left: 12px;
	padding-left: 12px ;	
	padding-right: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 35px; /*4em; */
	word-wrap: break-word;	
}

.texte_titre_2_hori
{
	width: 96%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;	
}

.texte_titre_2_hori_court
{
	width: 96%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px; /*3em; */
	line-height: 30px;
	word-wrap: break-word;	
}

.texte_debut_hori
{
	width: 96%; 
	height:auto;
	margin-top: 0px;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;/*2em; */
	line-height: 30px;
	word-wrap: break-word;	
	color: #585858;
}



#vertical_1
{
/*	width: 100%;*/
}

#vertical_2
{
/*	width: 100%;*/
}


.vertical_1, .vertical_2, .vertical_3
{
	display: inline-block;
	vertical-align: top;
	/*width: 550px;*/
	width: 32.5%;
	/*outline: 1px dashed red;*/

}
.horizon_1
{
	width: 33%;
	/*outline: 1px dashed red;*/
}
.horizon_2
{
	width: 66%;
}


.horizon_1, .horizon_2
{
	display: inline-block;
	vertical-align: top;
/*	outline: 1px dashed red;*/
}

.horizon_special, .horizon_4
{
	display: inline-block;
	vertical-align: top;
/*	outline: 1px dashed red;*/
}

.menu_img_hori {
padding-top: 10px;
	padding-left: 10px;
}

.menu_img_hori img{
	width: 98%;
	height:auto
}

.menu_img_hori_court {
padding-top: 10px;
	padding-left: 10px;
}

.menu_img_hori_court img{
	width: 66%;
	height:auto
}

#menu_img_receta {
	padding-top: 10px;
	padding-left: 33%;
}

#menu_img_receta img{
	width: 100%;
	height:auto;
	}

.horizon_receta {
	float: left;
	width: 68%;
	/*padding-top: 10px;
	padding-right: 12px;*/
}


.texte_auteur_receta
{
	margin-left: 12px;
 	padding-left: 50%;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: small-caps;
	font-size: 35px; /*2.5em; */
	word-wrap: break-word;	
	color: grey;
}

.texte_titre_receta
{
	margin-left: 12px;
	padding-left: 50% ;	
	padding-right: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 35px; /*4em; */
	word-wrap: break-word;	
}

.texte_titre_2_receta
{
	margin-left: 12px;
 	padding-left: 50%;
	padding-right: 12px;
	padding-top: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;
}

.texte_debut_receta
{
 	margin-left: 12px;
 	padding-top: 20px; 
	padding-left: 50%;
	padding-right: 12px;
	padding-bottom: 35px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;/*2em; */
	line-height: 30px;
	word-wrap: break-word;	
	color: #585858
}

.texte_debut_special
{
 	margin-left: 00px;
 	padding-top: 00px; 
	padding-left: 00%;
	padding-right: 00px;
	padding-bottom: 35px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;/*2em; */
	line-height: 30px;
	word-wrap: break-word;	
	color: #585858
}


.horizon_3 {
	float: right;
	width: 67%;
	padding-top: 10px;
	padding-right: 12px;
}

.horizon_special
	{
	float: left;
	width: 67%;
	padding-top: 10px;	
		
	/*padding-top: 10px;
	padding-right: 12px;*/
}


.horizon_4 {
	float: right;
	width: 29%;
	padding-top: 00px;
	padding-right: 12px;
			
}


.texte_auteur_hori_3
{
	width: 95%; 
	margin-left: 12px;
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: small-caps;
	font-size: 35px; /*2.5em; */
	word-wrap: break-word;	
	color: grey;
}

.texte_titre_hori_3
{
	width: 95%;
	margin-left: 12px;
	padding-left: 12px ;	
	padding-right: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 35px; /*4em; */
	word-wrap: break-word;	
}

.texte_titre_2_hori_3
{
	width: 100%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;	
}

.texte_debut_hori_3
{
	width: 95%; 
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 4%;
	padding-right: 12px;
	height:auto;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;/*2em; */
	line-height: 30px;
	word-wrap: break-word;	
	color: #585858;
}

/*
footer {
	background-color: #121313;
	color: #FFFFFF;
	font-family: "Merriweather-Light";
	font-size: 9px;
	max-width: 100%;
	height: 36px;	
	margin-top: -5px;	
	
	
}

#copyright, #mail_nepantla, #index
{
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}

#copyright, #mail_nepantla_gen, #index
{
	display: inline-block;
	vertical-align: top;
	padding-top: 10px;
}



#copyright
{
	width: 40%;
	left: auto;
	padding-left: 30px;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;
}

#mail_nepantla_gen
{
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: white;
}

#mail_nepantla
{
	width: 30%;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;
}


#index
{
	width: 10px;
	padding-top: 10px;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;
}
*/

footer {background-color: #121313;
	color: #FFFFFF;
	font-family: "Merriweather-Light";
	font-size: 9px;
	max-width: 100%;
	height: 40px;}

#copyright, #mail_nepantla, #index, #facebook, #twitter, #instagram, #pinterest
{display: inline-block;
	vertical-align: top;
	}

#copyright, #mail_nepantla, #index
{	padding-top: 15px;}
	
#facebook, #twitter, #instagram, #pinterest
{	padding-top: 0px;}
	
#copyright
{width: 40%;
	left: auto;
	padding-left: 30px;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;}

#mail_nepantla
{width: 30%;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;

	}
	
#mail_nepantla_gen
{
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;
	background-color: white;
}	
	
#index
{width: 10px;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 9px;}

 #pinterest, #instagram, #twitter,#facebook 
{float: right;

}



#autor_1, #autor_2 { 
	display: inline-block;
	vertical-align: top;
	
}
#autor_1 {
	
/*	margin-bottom: 20px;*/
	margin-top: 5px;
	width: 49.3%;
	margin-right: 0.5%;
	
	
	
}
#autor_1 img {
	width: 100%;
}
#autor_2 {
/*	margin-bottom: 20px;*/
	margin-top: 5px;
	width: 49.3%;
	margin-left: 0%;
}
#autor_2 img {
	width: 100%;
}
/*
#autor_1, #autor_2, #autor_3, #autor_4, #menu_general
{
	display: inline-block;
	vertical-align: top;
	
}
#autor_1 {
	
	margin-bottom: 20px;
margin-top: 20px;
		width: 24.2%;
	margin-right: 0.4%;
}
#autor_1 img {
	width: 100%;
}
#autor_2 {
	margin-right: 0.4%;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 24.2%;
}
#autor_2 img {
	width: 100%;
}
#autor_3 {
	margin-right: 0.4%;
	margin-bottom: 20px;
margin-top: 20px;
		width: 24.2%;
}
#autor_3 img {
	width: 100%;
}
#autor_4 {
	
	margin-bottom: 20px;
margin-top: 20px;
		width: 24.2%;
}
#autor_4 img {
	width: 100%;
}
*/

#menu_ver {
	margin-top: 15px;
	padding-left: 0%;
	
}

#menu_ver img{
	width: 100%;
	height:auto
}

#pinterest_2
{ float: right;
padding-top: 4px;
padding-right: 3px;
}

.texte_titre_2pour1
{
	width: 92%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;	
	/*border-right-style: solid;
	border-color: grey;*/
}

#trad
{ float: right;
padding-top: 4px;
//padding-right: 10px;

}

#trad2
{ float: right;
padding-top: 4px;
padding-right: 15px;

}

.texte_auteur_hori, #trad3
{
	display: inline-block;
}
#trad3
{ 
float: right;
padding-top: 4px;
padding-left: 15px;

}

#trad3 img
{ 
width: 60%;
padding-top: 4px;
padding-left: 15px;

}

.texte_titre_chroni
{
width: 100%; 
	margin-top: 0px;
	margin-left: 12px;
	padding-top: 10px;
	padding-bottom: 00px;
	padding-left: 12px;
	padding-right: 12px;
	height:auto;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: normal;
	font-size: 35px; /*4em; */
	word-wrap: break-word;	
}

.texte_auteur_chroni
{
	width: 96%; 
	margin-left: 12px;
	margin-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
margin-bottom: 0px;
	background-color: white;
	font-family: Merriweather-Light;
	font-style: normal;
	font-variant: small-caps;
	font-size: 35px; /*2.5em; */
	word-wrap: break-word;	
	color: grey;
line-height: 33px;
}

.texte_titre_2_chroni
{
	width: 92%; 
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
padding-bottom: 18px;
	background-color: white;
	font-family: Merriweather-LightItalic;
	font-style: normal;
	font-variant: normal;
	font-size: 25px; /*3em; */
	word-wrap: break-word;	
	/*border-right-style: solid;
	border-color: grey;*/
}