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

h3.titre{
font-family : "Caneletter";
text-align : center;
font-size : 2.4em;
padding: 0.3em;
width: 70%;
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.2em;
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.4em;
-webkit-hyphens: none;
hyphens: none;
margin-top:0.5em;
margin-bottom:0.2em;
}

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

.titre2{
font-family : "Caneletter";
text-align : center;
font-size : 2.2em;
padding: 0.3em;

width: 80%;
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;
}
h4{
font-weight : normal;
}
.auteur{
font-family : "Futura";
text-align : center;
font-size : 1.3em;
}

p{
font-family : "Garamond", serif;
	text-align : left;
margin-bottom: 0.5em;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
color : #000000;
}
.ss-titre{
font-family : "Futura";
text-align : left;
font-size : 1.5em;
-webkit-hyphens: none;
hyphens: none;
margin-bottom:0em;
}

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

.textencadre{
font-family : "Futuramedium";
margin-bottom: 0.3em;
}

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

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

.ingdts{
margin-bottom: 0.5em;
width: 65%;
}

.margin{
margin-top: 1em;
}

.variante{
font-weight : bold;
text-align:center;
font-size : 1.1em;
margin: 0 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-bottom: 0;
margin-bottom:0;
}

div.avoid + div.avoid
{

margin-top:1.2em;
}

.variante + .ingdts
{

margin-top:0.7em;
}
.smallcaps{
font-variant: small-caps;
}

/**********************************Images*****************************************/
.image{
text-align:center;
margin:0 auto 0 auto;
padding-top:0.5em;
width:100%;
}

.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.3em;
margin: 1em auto;
text-align:left;
page-break-inside:avoid;
overflow:auto;
}
div.encadre p.ss-titre{
margin-top:0;
padding-top:0;
}

/**********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*****************************************/
.fondrose{
background-color: #f286a8;
}
.fondrose_clair{
background-color: #fbe4f0
}
.fondvert{
background-color: #57c2b1;
}

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

.fondvert2{
background-color: #9cbe8d;
}

.fondjaune{
background-color: #f5b529;
}

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

.fondviolet{
background-color: #b75f9d;
}

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

.borderose{
border: 4px dotted #f286a8;
}

.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;
}

.bordervert2{
border: 4px dotted #9cbe8d;
}

.borderviolet{
border: 4px dotted #b75f9d;
}

.bordermarron{
border: 4px dotted #a3615d;
}

.borderorange{
border: 4px dotted #f58f83;
}

.marron{
color: #a3615d;
}

.rouge{
color: #f05260;
}

.borderouge{
border: 4px dotted #f05260;
}

.fondrouge{
background-color: #f05260;
}


.orange{
color: #f58f83;
}

.fondorange{
background-color: #f58f83;
}

.fondmarron{
background-color: #a3615d;
}

.blanc{
color: #ffffff;
}
.violet{
color: #b75f9d;
}

.gazon{
color: #9fbf30;
}

.bordernoir{
border: 4px dotted #000000;
}

.noir{
color: #000000;
}

.vert{
color: #57c2b1;
}

.vert2{
color: #9cbe8d;
}

.jaune{
color: #f5b529;
}

.bleu{
color: #79b3bf;
}

.rose{
color: #f286a8;
}

/*****************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 : 1em;
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;
}