*{
padding:0;
margin:0;
}

body.cover {
	margin : 0; 
	padding : 0;
	text-align:center;
	}

body.titre {
	padding : 5% 5% 0;
	margin : 0;
}

/**********TYPOS**************/

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

@font-face {
  font-family: "Rockwellbold";
font-weight:bold;
font-style:normal;
  src: url(../Fonts/RockwellStd-Bold.otf);
}

@font-face {
  font-family: "Rockwellital";
font-weight:normal;
font-style:italic;
  src: url(../Fonts/RockwellStd-Italic.otf);
}

@font-face {
  font-family: "Rockwellboldital";
font-weight:bold;
font-style:italic;
  src: url(../Fonts/RockwellStd-BoldItalic.otf);
}

@font-face {
  font-family: "Jape";
font-weight:normal;
font-style:normal;
  src: url(../Fonts/Japestyle-Plain.ttf);
}

/**********TEXTE**************/

h1, h2, h3{
-webkit-hyphens:none;
hyphens:none;
page-break-after:avoid;
font-weight:normal;
}

h2.titre{
font-family: "Rockwellbold", serif;
font-style:normal;
font-size:2.4em;
text-align:left;

margin-top:0.2em;
margin-bottom:0.3em;
}

h3.titre{
font-family: "Rockwell", serif;
font-style:normal;
font-size:2.4em;
text-align:left;
margin-top:0.2em;
margin-bottom:0;
}

p{
font-family: "Rockwell", serif;
	margin: 0.6em;
	text-align : left;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
}
p a {
color:inherit;
}

.auteur{
font-family: "Rockwellbold", serif;
	text-align : left;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-size:2em;
}

.personne{
font-family: "Jape", serif;
	margin-top: 0.2em;
margin-bottom: 0.3em;
	text-align : left;
font-size:1.3em;
}

.anecdote{
font-family: "Jape", serif;
	margin-top: 0.2em;
margin-bottom: 0.3em;
	text-align : left;
font-size:1.1em;
}

p.ingdts{
font-family: "Rockwell", serif;
	text-align : left;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
font-size:1em;
margin-bottom:0.8em;
margin-top:0.2em;
}

.align_left {
text-align : left;
float: left;
width:45%;
}

 .align_right {
float: right;
width:35%;
margin-top:0.3em;
text-align: center;
}

.ital{
 font-family: "Rockwellital";
font-style:italic;
}

.marge {
margin: 2em auto;
}

.bold{
font-weight:bold;
font-family: "Rockwellbold", serif;
margin-top: 0.2em;
margin-bottom: 0.2em;
font-size:1em;
}

.ss-titre{
font-weight:bold;
font-family: "Rockwellbold", serif;
margin-top: 0;
margin-bottom: 0.1em;
margin:0 auto;
font-size:1.5em;
text-align:left;
}

.chapo{
font-style:italic;
font-family: "Rockwellital", serif;
margin-top: 1em;
}

.clear {
	clear: both;
}

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

div.avoid{
page-break-inside:avoid;
margin-top:0.8em;
}

.margin{
margin-top:2em;
}

body.ingredients{
	background-image: url("../Images/ingredients.jpg");}

body.habitudes{
	background-image: url("../Images/habitudes.jpg");
background-color:#006635;
padding:0.8em;}

body.bases{
	background-image: url("../Images/bases.jpg");}

body.boulange{
	background-image: url("../Images/boulange.jpg");}

body.bricks{
	background-image: url("../Images/bricks.jpg");}

body.chlada{
	background-image: url("../Images/chlada.jpg");}

body.street{
	background-image: url("../Images/street.jpg");}

body.couscousfond{
	background-image: url("../Images/couscousfond.jpg");}

body.poissons{
	background-image: url("../Images/poissons.jpg");}

body.viandes{
	background-image: url("../Images/viandes.jpg");}

body.gateau{
	background-image: url("../Images/gateau.jpg");}

body.adresses{
	background-image: url("../Images/adresses.jpg");
	background-color:#0b5197;padding:0.8em;}

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

div.encadre{
clear:both;
width:90%;
padding:0.6em;
margin: 1em auto;
text-align:left;
page-break-inside:avoid;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
}

div.encadre-auteur{
clear:both;
width:60%;
padding:0.6em;
margin: 0.6em auto;
text-align:left;
page-break-inside:avoid;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
}

div.encadreprepa{
clear:both;
width:50%;
padding:0.3em;
margin-left: 0;
margin-top: 0.5em;
margin-bottom: 0.6em;
text-align:left;
page-break-inside:avoid;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
border: 2px solid #000000;
border-radius: 0.8em;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
}

div.encadreanecdote{
clear:both;
width:80%;
padding:0.5em;
margin: 0 auto;
margin-top: 0.5em;
margin-bottom: 0.6em;
text-align:left;
page-break-inside:avoid;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
border: 2px solid #000000;
border-radius: 0.8em;
-webkit-border-radius: 0.8em;
-moz-border-radius: 0.8em;
}

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

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

li{
	list-style-type: disc;
	list-style-position: outside; 
text-align : left;
margin : 0;
font-family: "Futuramed", serif;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;
color:#4b8489;
}


/**********images**************/

.cover {
	max-width: 95%; 
	max-height: 95%;
	text-align: center;
	margin : 0;
	padding : 0;
}

div.cover img {
	padding : 0;
	margin : 0;
	max-width : 95%;
}

.image {
width:100%;
text-align : center;
margin: 0 auto;
page-break-inside:avoid;
}

.image_center {
width:100%;
text-align:center;
margin: 0 auto;
margin-top: 1em;
page-break-inside:avoid;
}

.imgvide {
	width: 100%;
	margin : 2em auto;
	text-align : center;
}

.cover img, div.cover img img, .imgvide img, .image img, .align_right img, .image_center img, .wrapper img {
max-width:100%;
}

/**********couleurs**************/
.bordernoir {
border: 2px solid #000000;
}

.bleu{
color:#009199;
}

.jaune{
color:#fecc00;
}

.rouge{
color:#e2001a;
}

.blanc{
color:#ffffff;
}

.gris{
color:#636466;
}

.fondblanc{
background-color:#ffffff;
}

.trait {
 border:2.2px solid #000000;
margin:0.5em auto;
 }

.traitbleu {
 border:1.5px solid #009199;
margin-bottom:0.8em;
width : 60%;
 }

.trait2 {
 border:6px solid #fecc00;
margin-top:-0.6em;
margin-left:-0.6em;
margin-right:-0.6em;
margin-bottom:0.6em;
 }



/*****************copyright************************************/
.lien_interne{
color : #a8b2c4;
text-decoration:underline;
}

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

h2.copyright {
    font-size: 2.5em;
    font-family : "Coconlight";
    text-align: center;
    color: #003055;
	margin:0 auto;
	padding : 0.3em 0;
	}

.copyright{
	font-family: "Coconlight", serif;
	font-size: 1em;
	text-indent: 0em;
	text-align: left;
	color: #000000;
	margin: 0em;
	padding:1em 0em;
}

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

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


.vignette a {
	text-decoration: none;
}

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

.center {
text-align : center;
}