/* design privatebook */

/* couleurs
bleu fort		#014f73;
rose			#e9516a;
bleuclair		#39aed1;
vert			#19ac92;
orange			#d4522e;
bleupale		#deeef5;
bleuvert		#39aed1;
*/
*	{
box-sizing: border-box;
}
a	{
text-decoration: none;
border: 0px;
color: inherit;
}
a:hover	{
color: #d4522e;
}
sup	{
line-height: 70%;
}
p	{
margin: 0px;
}
hr	{
background-color: #e9516a;
border: 0px;
height: 1px;
margin-top: 0px;
margin-bottom: 2px;
}

/* ############################## */
/* css min-width = 960px ############## */
/* ############################## */

@media screen and (min-width: 960px) {

body	{
width:98%;
max-width: 1280px;
margin-left:auto;
margin-right:auto;
font-family: 'ExoRegular';
background-color: #ffffff;
color:#014f73;
}
header {
width: 100%;
text-align: left;
}
	#img_header {
	width: 50%;
	max-width: 500px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	}
	#slogan {
	font-family: 'ExoExtraLightItalic';
	font-size: 18pt;
	width: 38%;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	color: #39aed1;
	}
nav {
width: 100%;
text-align: right;
margin-top: -10px;
}
	ul	{
	list-style-position: inside;
	list-style: none;
	padding: 0px;
	display: inline-block;
	vertical-align: middle;
	}
	a li	{
	width: 95px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	background-color: #014f73;
	padding-top: 4px;
	font-family: 'ExoBold';
	text-align: center;
	font-size: 9pt;
	color: #ffffff;
	}
	a li:hover	{
	background-color: #39aed1;
	color: #ffffff;
	transform: skewX(-15deg);
	}
	
#global
{
	width:100%;
	min-height:400px;
}
aside
{
	width:29%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
}
main
{
	width:54%;
	display:inline-block;
	vertical-align:top;
	margin-bottom: 10px;
	margin-right:2%;
}
#sideright
{
	width:12.1%;
	display: inline-block;
	vertical-align:top;
}
#date_heure	{
	height: 21px;
	font-size : 8pt;
	color : #014f73;
	margin-bottom: 3px;
	}
footer
{
	text-align:right;
	margin-top:20px;
	margin-bottom:100px;
	font-size: 8pt;
}

/* formulaires ------------------------------------------------------------- */

fieldset {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #39aed1;
margin-bottom: 5px;
}
.fieldsetrouge {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #e9516a;
margin-bottom: 5px;
}
legend {
font-family: 'shareregular';
font-size: 10pt;
color: #39aed1;
}
.legendrouge {
font-family: 'shareregular';
font-size: 10pt;
color: #e9516a;
}

.module_saisie {
width: 100%;
margin-bottom: 8px;
}
.div_label	{
	width:18%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'shareregular';
	color: #014f73;
	font-size: 10pt;
}
.div_input	{
	width:81%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
}
.input	{
	width:100%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.inputcourt	{
	width:40%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.reset	{
	width: 100px;
	height: 22px;
	background-color: #e9516a;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.reset:hover	{
		background-color : #d4522e;
	}
.submit	{
	width: 120px;
	height: 22px;
	background-color: #39aed1;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.submit:hover	{
		background-color : #014f73;
	}
.clair	{
	width: 100%;
	height: 22px;
	border: none;
	text-align: right;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.clair:hover	{
		color : #014f73;
	}
.button	{
	width: 100%;
	height: 22px;
	background-color: #deeef5;
	border: none;
	font-family: 'exoregular';
	color: #014f73;
	font-size: 8pt;
	padding-top: 3px;
	margin-top: 3px;
	}
	.button:hover	{
		background-color : #014f73;
		color: #ffffff;
	}

.encart
{
	width:30%;
	display:inline-block;
	vertical-align:top;
	background-color: #39aed1;
	margin-right:2%;
	padding:1%;
	border-radius: 10px 0px 10px 0px;
}

/* ######## typo ########## */
h1 {
font-family: 'exoLight';
font-weight: normal;
font-size: 20pt;
margin-top: 0px;
margin-bottom: 3px;
color: #014f73;
}
h2 {
font-family: 'exoBold';
font-weight: normal;
font-size: 16pt;
margin-top: 0px;
margin-bottom: 3px;
color: #39aed1;
}
h3 {
font-family: 'sharebold';
font-weight: normal;
font-size: 15pt;
margin-top: 0px;
margin-bottom: 3px;
color: #e9516a;
}
.rubrique {
width: 100%;
height: 27px;
padding: 3px;
background-color: #39aed1;
margin-bottom: 10px;
font-family: 'sharebold';
font-weight: normal;
font-size: 14pt;
color: #ffffff;
}
.chapo {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 12pt;
color: #d4522e;
}
.texte {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.textebold {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.texteital {
font-family: 'ExoRegularItalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.comment {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #39aed1;
}
.auteur_content {
width: 100%;
height: 23px;
vertical-align: middle;
background-color: #deeef5;
margin-top: 5px;
margin-bottom: 2px;
padding: 5px;
}
	.auteur {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: left;
	font-size: 8pt;
	color: #014f73;
	}
		.auteurgras {
		font-family: 'ExoBold';
		font-size: 8pt;
		color: #014f73;
		}
	.date {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: right;
	font-size: 8pt;
	color: #014f73;
	}
.note {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #e9516a;
}
.noteital {
font-family: 'shareitalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
}
.techrouge {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #e9516a;
}
.techbleu {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #39aed1;
}
.technuit {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
}

}









/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */




/* ############################## */
/* css min-width = 620px ############## */
/* ############################## */

@media screen and (min-width: 620px) and (max-width: 959px) {

body	{
width:98%;
margin-left:auto;
margin-right:auto;
font-family: 'ExoRegular';
background-color: #ffffff;
color:#014f73;
}
header {
width: 100%;
text-align: left;
}
	#img_header {
	width: 50%;
	max-width: 500px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	}
	#slogan {
	font-family: 'ExoExtraLightItalic';
	font-size: 14pt;
	width: 45%;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
	color: #39aed1;
	}
nav {
width: 100%;
text-align: right;
margin-top: -10px;
}
	ul	{
	list-style-position: inside;
	padding: 0px;
	}
	a li	{
	width: 95px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	background-color: #014f73;
	padding-top: 3px;
	font-family: 'ExoBold';
	text-align: center;
	font-size: 0.8em;
	color: #ffffff;
	}
	a li:hover	{
	background-color: #39aed1;
	color: #ffffff;
	transform: skewX(-15deg);
	}
	
#global
{
	width:100%;
	min-height:400px;
}
aside
{
	width:35%;
	display:inline-block;
	vertical-align:top;
	margin-right:2%;
}
main
{
	width:62%;
	display:inline-block;
	vertical-align:top;
	margin-bottom: 10px;
}
#sideright
{
	width:12.1%;
	/* display: inline-block;
	vertical-align:top; */
	display: none;
}
#date_heure	{
	height: 21px;
	font-size : 8pt;
	color : #014f73;
	margin-bottom: 3px;
	}
footer
{
	text-align:right;
	margin-top:20px;
	margin-bottom:100px;
	font-size: 8pt;
}

/* formulaires ------------------------------------------------------------- */

fieldset {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #39aed1;
margin-bottom: 5px;
}
.fieldsetrouge {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #e9516a;
margin-bottom: 5px;
}
legend {
font-family: 'shareregular';
font-size: 10pt;
color: #39aed1;
}
.legendrouge {
font-family: 'shareregular';
font-size: 10pt;
color: #e9516a;
}

.module_saisie {
width: 100%;
margin-bottom: 8px;
}
.div_label	{
	width:18%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'shareregular';
	color: #014f73;
	font-size: 10pt;
}
.div_input	{
	width:81%;
	display: inline-block;
	vertical-align: middle;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
}
.input	{
	width:100%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.inputcourt	{
	width:40%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.reset	{
	width: 100px;
	height: 22px;
	background-color: #e9516a;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.reset:hover	{
		background-color : #d4522e;
	}
.submit	{
	width: 120px;
	height: 22px;
	background-color: #39aed1;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.submit:hover	{
		background-color : #014f73;
	}
.clair	{
	width: 100%;
	height: 22px;
	border: none;
	text-align: right;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
	.clair:hover	{
		color : #014f73;
	}
.button	{
	width: 100%;
	height: 22px;
	background-color: #deeef5;
	border: none;
	display:inline-block;
	vertical-align:top;
	font-family: 'exoregular';
	color: #014f73;
	font-size: 8pt;
	padding-top: 3px;
	margin-top: 3px;
	}
	.button:hover	{
		background-color : #014f73;
		color: #ffffff;
	}

.encart
{
	width:30%;
	display:inline-block;
	vertical-align:top;
	background-color: #39aed1;
	margin-right:2%;
	padding:1%;
	border-radius: 10px 0px 10px 0px;
}

/* ######## typo ########## */
h1 {
font-family: 'exoLight';
font-weight: normal;
font-size: 20pt;
margin-top: 0px;
margin-bottom: 3px;
color: #014f73;
}
h2 {
font-family: 'exoBold';
font-weight: normal;
font-size: 16pt;
margin-top: 0px;
margin-bottom: 3px;
color: #39aed1;
}
h3 {
font-family: 'sharebold';
font-weight: normal;
font-size: 15pt;
margin-top: 0px;
margin-bottom: 3px;
color: #e9516a;
}
.rubrique {
width: 100%;
height: 27px;
padding: 3px;
background-color: #39aed1;
margin-bottom: 10px;
font-family: 'sharebold';
font-weight: normal;
font-size: 14pt;
color: #ffffff;
}
.chapo {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 12pt;
color: #d4522e;
}
.texte {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.textebold {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.texteital {
font-family: 'ExoRegularItalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.comment {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #39aed1;
}
.auteur_content {
width: 100%;
height: 23px;
vertical-align: middle;
background-color: #deeef5;
margin-top: 5px;
margin-bottom: 2px;
padding: 5px;
}
	.auteur {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: left;
	font-size: 8pt;
	color: #014f73;
	}
		.auteurgras {
		font-family: 'ExoBold';
		font-size: 8pt;
		color: #014f73;
		}
	.date {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: right;
	font-size: 8pt;
	color: #014f73;
	}
.note {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #e9516a;
}
.noteital {
font-family: 'shareitalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
}
.techrouge {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #e9516a;
}
.techbleu {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #39aed1;
}
.technuit {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
}

}










/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */
/* ############################## */




/* ############################## */
/* css min-width = 320px ############## */
/* ############################## */

@media screen and (min-width: 320px) and (max-width: 619px) {

body	{
width:98%;
margin-left:auto;
margin-right:auto;
font-family: 'ExoRegular';
background-color: #ffffff;
color:#014f73;
}
header {
width: 100%;
text-align: left;
}
	#img_header {
	width: 100%;
	}
	#slogan {
	font-family: 'ExoExtraLightItalic';
	font-size: 14pt;
	width: 100%;
	text-align: left;
	color: #39aed1;
	}
nav {
width: 100%;
text-align: center;
margin-top: -10px;
}
	ul	{
	list-style-position: inside;
	list-style: none;
	padding: 0px;
	}
	a li	{
	width: 55px;
	height: 55px;
	background-color: #014f73;
	display: inline-block;
	vertical-align: middle;
	padding-top: 3px;
	font-family: 'ExoBold';
	text-align: center;
	font-size: 8pt;
	color: #ffffff;
	margin-bottom: 3px;
	}
#global
{
	width:100%;
	min-height:300px;
}
aside
{
	width:100%;
}
main
{
	width:100%;
	margin-bottom: 10px;
}
#sideright
{
	width:12.1%;
	/* display: inline-block;
	vertical-align:top; */
	display: none;
}
#date_heure	{
	height: 21px;
	font-size : 8pt;
	color : #014f73;
	margin-bottom: 3px;
	}
footer
{
	text-align:right;
	margin-top:20px;
	margin-bottom:100px;
	font-size: 8pt;
}

/* formulaires ------------------------------------------------------------- */

fieldset {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #39aed1;
margin-bottom: 5px;
}
.fieldsetrouge {
border-radius: 5px 5px 5px 5px;
border-width: 1px;
border-color: #e9516a;
margin-bottom: 5px;
}
legend {
font-family: 'shareregular';
font-size: 10pt;
color: #39aed1;
}
.legendrouge {
font-family: 'shareregular';
font-size: 10pt;
color: #e9516a;
}

.module_saisie {
width: 100%;
margin-bottom: 8px;
}
.div_label	{
	width:100%;
	font-family: 'shareregular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 3px;
}
.div_input	{
	width:100%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
}
.input	{
	width:100%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.inputcourt	{
	width:40%;
	font-family: 'ExoRegular';
	color: #014f73;
	font-size: 10pt;
	margin-bottom: 5px;
}
.reset	{
	width: 100px;
	height: 22px;
	background-color: #e9516a;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
.submit	{
	width: 120px;
	height: 22px;
	background-color: #39aed1;
	border: none;
	display:inline-block;
	vertical-align:middle;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
.clair	{
	width: 100%;
	height: 22px;
	border: none;
	text-align: right;
	font-family: 'exoregular';
	color: #ffffff;
	font-size: 8pt;
	padding-top: 3px;
	}
.button	{
	width: 100%;
	height: 22px;
	background-color: #deeef5;
	border: none;
	font-family: 'exoregular';
	color: #014f73;
	font-size: 8pt;
	padding-top: 3px;
	margin-top: 3px;
	}
.encart
{
	width:30%;
	display:inline-block;
	vertical-align:top;
	background-color: #39aed1;
	margin-right:2%;
	padding:1%;
	border-radius: 10px 0px 10px 0px;
}

/* ######## typo ########## */
h1 {
font-family: 'exoLight';
font-weight: normal;
font-size: 20pt;
margin-top: 0px;
margin-bottom: 3px;
color: #014f73;
}
h2 {
font-family: 'exoBold';
font-weight: normal;
font-size: 16pt;
margin-top: 0px;
margin-bottom: 3px;
color: #39aed1;
}
h3 {
font-family: 'sharebold';
font-weight: normal;
font-size: 15pt;
margin-top: 0px;
margin-bottom: 3px;
color: #e9516a;
}
.rubrique {
width: 100%;
height: 27px;
padding: 3px;
background-color: #39aed1;
margin-bottom: 10px;
font-family: 'sharebold';
font-weight: normal;
font-size: 14pt;
color: #ffffff;
}
.chapo {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 12pt;
color: #d4522e;
}
.texte {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.textebold {
font-family: 'ExoBold';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.texteital {
font-family: 'ExoRegularItalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 10pt;
color: #014f73;
}
.comment {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #39aed1;
}
.auteur_content {
width: 100%;
height: 23px;
vertical-align: middle;
background-color: #deeef5;
margin-top: 5px;
margin-bottom: 2px;
padding: 5px;
}
	.auteur {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: left;
	font-size: 8pt;
	color: #014f73;
	}
		.auteurgras {
		font-family: 'ExoBold';
		font-size: 8pt;
		color: #014f73;
		}
	.date {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	font-family: 'ExoRegular';
	text-align: right;
	font-size: 8pt;
	color: #014f73;
	}
.note {
font-family: 'ExoRegular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
padding-left: 5px;
border-left: 1px solid #e9516a;
}
.noteital {
font-family: 'shareitalic';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 8pt;
color: #014f73;
}
.techrouge {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #e9516a;
}
.techbleu {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #39aed1;
}
.technuit {
font-family: 'shareregular';
text-align: left;
margin-top: 2px;
margin-bottom: 2px;
font-size: 9pt;
color: #014f73;
}

/* couleurs
bleu fort		#014f73;
rose			#e9516a;
bleuclair		#39aed1;
vert			#19ac92;
orange			#d4522e;
bleupale		#deeef5;
bleuvert		#39aed1;
*/

}