*{
margin : 0; 
padding:0;
}

html {font-size: 100%;}
body {font-size:1em;}
body.cover{
	margin : 0; 
	text-align:center;
	}

/***********************************Typos******************************************/
@font-face {
	font-family : "Futura";
	font-style : normal;
	font-weight : normal;
	src : url("../Fonts/FuturaStd-CondensedLight.otf");
}

@font-face {
	font-family : "Futuramedium";
	font-style : normal;
	font-weight : normal;
	src : url("../Fonts/Futura-Medium.ttf");
}

@font-face {
	font-family : "Futuralight";
	font-style : normal;
	font-weight : normal;
	src : url("../Fonts/FuturaStd-Light.otf");
}

@font-face {
	font-family : "Caneletter";
	font-style : normal;
	font-weight : normal;
	src : url("../Fonts/CaneletterScriptPersonalUse.otf");
}

@font-face {
	font-family : "Helvetica";
	font-style : normal;
	font-weight : normal;
	src : url("../Fonts/HelveticaNeueLTStd-Lt.otf");
}

/***********************************Texte******************************************/
h1.titre{
	text-align : center;
	margin-top:2em;
	font-weight : normal;
}

h3.titre{
font-family : "Caneletter";
text-align : center;
font-size : 2.8em;
padding-top: 0.3em;
padding-bottom: 0.2em;
width: 65%;
margin: 0 auto;
margin-bottom: 0.5em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-weight : normal;
}

h2.titre{
font-family : "Caneletter";
text-align : center;
font-size : 2.8em;
padding-top: 0.3em;
padding-bottom: 0.2em;
width: 80%;
margin: 0 auto;
margin-bottom: 0;
font-weight : normal;
}

.titre{
font-family : "Helvetica";
text-align : left;
font-size : 1.8em;
-webkit-hyphens: none;
hyphens: none;
margin-top:0.5em;
margin-bottom:0.2em;
}

h4.titrerecette{
font-family : "Caneletter";
text-align : center;
font-size : 2.6em;
padding-top: 0.3em;
padding-bottom: 0.2em;
width: 50%;
margin: 0 auto;
margin-bottom: 0.5em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-weight : normal;
}

h4.titre2{
font-family : "Caneletter";
text-align : center;
font-size : 2.6em;
padding-top: 0.3em;
padding-bottom: 0.2em;
width: 50%;
margin: 0 auto;
margin-bottom: 0.9em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-weight : normal;
}

h4.variante2{
font-weight : bold;
text-align:center;
font-size : 1.1em;
margin: 0 auto;
width:45%;
font-family : "Garamond", serif;
font-weight : normal;
}

.ss-titre{
font-family : "Futura";
text-align : left;
font-size : 1.4em;
-webkit-hyphens: none;
hyphens: none;
margin-bottom:0;
}

.auteur{
font-family : "Futura";
text-align : center;
font-size : 1.2em;
}
.auteur sup{
font-size : 60%;
}

p{
font-family : "Garamond", serif;
	text-align : left;
margin-bottom: 0.5em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;

}

.caneletter{
font-family : "Caneletter";
font-size : 1.4em;
}

.textencadre{
font-family : "Futuramedium";
margin-bottom: 0.3em;
}
.titre_chiffre{
font-family : "Garamond", serif;
}

.titre-fond{
font-family : "Futura";
text-align : left;
font-size : 1.6em;
padding: 0.4em 0.4em 0.2em 0.4em;
width: 40%;
margin-left: 0;
margin-bottom: 0.3em;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
}

.chapo{
font-weight : bold;
text-align:center;
font-size : 1em;
}

.ingdts{
margin-bottom: 0.6em;
width: 50%;
}

.margin{
margin-top: 1em;
}

.variante{
font-weight : bold;
text-align:center;
font-size : 1.1em;
margin: 0 auto 0.3em auto;
width:45%;
}

h3.titre + h4.titre2
{margin-bottom: 0;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}

ul.margin + div.avoid
{
margin-top: 1em;

}

p + div.avoid
{
margin-top: 1em;

}


p.center + div.image
{
padding-top: 0;
margin-bottom:0;
}

div.avoid + div.avoid
{

margin-top:1.2em;
}

.variante + .ingdts
{

margin-top:0.5em;
}

.bold + .ingdts
{

margin-top:0.5em;
}

/**********************************Images*****************************************/
.image{
text-align:center;
margin:0.5em auto;

width:98%;
}

.image img{
max-width:100%;
}

div.image + div{
margin-top:0.5em;
}

a {
font-style: italic;
text-decoration: none;
color: #000000;
}

/**********encadres**************/

div.encadre{
clear:both;
width:90%;
padding:0.7em;
margin: 1em auto;
text-align:left;
page-break-inside:avoid;
overflow:auto;
}

/**********listes**************/

ul{
margin-top:0.2em;
margin-left:0.3em;
}

li{
	list-style-type: disc;
	list-style-position: outside; 
text-align : left;
margin : 0 0.8em;
margin-bottom: 0.5em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-family : "Garamond", serif;
color: #000000;
}

/**********************************Couleurs*****************************************/

.fondvert{
background-color: #57c2b1;
}

.fondgazon{
background-color: #9fbf30;
}

.fondvert2{
background-color: #84cec1;
}

.fondjaune{
background-color: #f5b529;
}

.fondturc{
background-color: #00a99a;
}

.fondbleu{
background-color: #79b3bf;
}

.borderbleu{
border: 4px dotted #79b3bf;
}

.bordergazon{
border: 4px dotted #9fbf30;
}

.bordergazon2{
border: 3px solid #9fbf30;
}

.borderbleu2{
border: 3px solid #79b3bf;
}

.borderjaune{
border: 4px dotted #f5b529;
}

.borderjaune2{
border: 3px solid #f5b529;
}


.borderbottombleu{
border-bottom: 3px dotted #79b3bf;
}

.borderbottomjaune{
border-bottom: 3px dotted #f5b529;
}

.borderbottomgazon{
border-bottom: 3px dotted #9fbf30;
}

.borderbottomvert{
border-bottom: 3px dotted #57c2b1;
}

.bordervert{
border: 4px dotted #57c2b1;
}

.blanc{
color: #ffffff;
}

.gazon{
color: #9fbf30;
}

.noir{
color: #000000;
}

.vert{
color: #57c2b1;
}

.jaune{
color: #f5b529;
}

.bleu{
color: #79b3bf;
}

/*****************copyright************************************/

div.copyright p {
	text-indent: 0;
}

h2.copyright {
    font-size: 2.7em;
    font-family : "AW",Georgia, serif;
    text-align: center;
	margin:0 auto;
	}

.copyright{
	font-family: "Garamond",Georgia, serif;
	font-size: 1.1em;
	text-align: center;
	margin: 0 auto;
	padding:0.5em 0em;
}

div.copyright{
margin-top:0.5em;
text-align:center;
}

/****************** Page Collection************************************/
.vignette {
	padding-bottom : 0.5em;
text-align: center;}

.vignette img {
	max-width : 100%;
}

.div_collection2 {
	text-align: center;
	padding : 1em 0;
}

.div_collection2 img {
	padding-bottom: 0.25em;}

.div_vignettes {
	text-align: left;
	}

.left {
	float: left;
	width: 48%;
	text-align: center;
}
.right {
	float: right;
	width: 48%;
	text-align: center;
}


/*****************Contenu fin*****************/

.break {
	page-break-after: always;
}

div.avoid{
page-break-inside:avoid;
}

.clear {
	clear: both;
	height: 1px;
}

.bold{
	font-style : normal;	
	font-weight : bold;
margin-bottom:0.1em;
font-family : "Garamond", serif;
}

.semi-bold
{font-family : "Futuralight", serif;
	font-style : normal;	
	font-weight : normal;
margin-top: 0.5em;
}

.droite{
text-align:right;
}

.italic{
	font-style : italic ;
}

.center{
text-align:center;
}