*{
padding:0;
margin:0;
}


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

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

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

@font-face {
  font-family: "BradonOne";
font-weight:normal;
font-style:normal;
  src: url(../Fonts/BrandonPrinted-One.ttf);
}

@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);
}


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

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

.titre{
font-family: "TrashHand", Sans-Serif;
font-weight:normal;
font-style:normal;
font-size:1.7em;
text-align:left;
padding-bottom:0.2em;
}

.intro{
font-family: "BradonOne", Sans-Serif;
font-weight:normal;
font-style:normal;
font-size:1.8em;
text-align:center;
}

.ss-titre{
font-family: "BradonOne", Sans-Serif;
font-size:0.9em;
text-align:left;
padding-bottom:0.2em;
padding-top: 0.4em;
}

p{
font-family: "Rockwell", helvetica, Sans-Serif;
	margin-top: 0.4em;
	text-align : left;
hyphens:none;
-webkit-hyphens:none;
-moz-hyphens:none;

}
.ss-titre + p{
margin-top: 0em;
}
.italic{
  font-family: "RockwellItal";
font-style:italic;
}

.auteur{
font-family: "TrashHand", Sans-Serif;
font-size:1.3em;
text-align:center;
padding-bottom:0.3em;
padding-top:0.3em;
}

.cap{
text-transform: uppercase;
}

.bold{
  font-family: "RockwellBold";
}

.trash{
font-family: "TrashHand", Sans-Serif;
}

.legende{
font-family: "RockwellItal", Sans-Serif;
font-style:italic;
font-size:0.85em;
text-align:center;
max-width:70%;
margin:0 auto;
}

.petit{
font-size:0.9em;
}

.underline{
text-decoration:underline;
}

/**********encadres**************/
table.encadre{
width:90%;
padding:0.5em;
margin: 0 auto;
margin-top: 0.8em;
margin-bottom: 1em;
text-align:left;
page-break-inside:avoid;
table-layout: auto;
}
div.encadre{
clear:both;
width:90%;
padding:0.5em;
margin: 0 auto;
margin-top: 0.8em;
margin-bottom: 1em;
text-align:left;
page-break-inside:avoid;
overflow:auto;
}

div.encadre_conseil{
clear:both;
width:60%;
padding:0.5em;
margin: 0 auto;
margin-top: 0.6em;
margin-bottom: 1em;
text-align:left;
page-break-inside:avoid;
overflow:auto;
}

td.gauche {
	width: 32%;
	text-align: center;
margin:0 auto;
margin-bottom:0;
padding:0.3em;
vertical-align:top;
}

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

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

ul{
margin-top:0.2em;
}

li {
	font-family: "Rockwell", Sans-Serif;
	font-weight : normal;
    font-style : normal;
	list-style-type: disc;
	margin : 0 1em;
	list-style-position: outside;
font-size:0.9em;
text-align:left;
}

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

.cover {
	width: 100%; 
	
	text-align: center;
	margin : 0;
	padding : 0;
}

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

.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 {
max-width:100%;
}

/**********couleurs**************/
.marron{
color:#6d534a;
}

.canard{
color:#006a6d;
}

.border_canard{
 border:5px double #006a6d;
}

.brown{
color:#ba611f;
}

.border_brown{
 border:5px double #ba611f;
}

.dark{
color:#1d1d1b;
}

.border_dark{
 border:5px double #1d1d1b;
}

.kaki{
color:#628933;
}

.border_kaki{
 border:5px double #628933;
}

.chesnut{
color:#c38c18;
}

.border_chesnut{
 border:5px double #c38c18;
}

.rouge{
color:#bd3e34;
}

.border_rouge{
 border:5px double #bd3e34;
}

.green{
color:#529f83;
}

.border_green{
 border:5px double #529f83;
}

.noir{
color:#000000;
}

.blanc{
color:#ffffff;
}

/*****************copyright************************************/
a{color: #006a6d;
text-decoration:underline;
}

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

h2.copyright {
    font-family: "Sunrise", Sans-Serif;
font-weight:normal;
font-style:normal;
font-size:2.3em;
text-align:center;
margin:0 auto;
padding-bottom:0.6em;
padding-top: 0.5em;
color:#40b384;
text-transform: uppercase; 
	}

.copyright{
	font-family: "Garamond", 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;
}

.clear {
	clear: both;
}

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

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

.center {
text-align : center;
}
h2.center{
width:100%;
}
h2.center img{
max-width:100%;
}
.margin{
margin-top:2em;
}
/***********Toc***************/
div.sgc-toc-level-1 {
    margin-left: 0em;
margin-top:1em;
color:#006a6d;
font-family: "BradonOne", Sans-Serif;
}
div.sgc-toc-level-1 a{
text-decoration:none;
color:inherit;
}
div.sgc-toc-level-2 {
    margin-left: 2em;
	color:#000;
font-family: "Rockwell", helvetica, Sans-Serif;
}

div.sgc-toc-level-3 {
    margin-left: 2em;
}/****************** 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;
}

.left2 {
	float: left;
	width: 80%;
	text-align: center;
}

.right2 {
	float: right;
	width: 20%;
	text-align: center;
}