/* Projet : ÉcoBIM
 * Fichier CSS global
 * Version : 1.0
 * Dernières modifications : 18 février 2016
 * Auteurs : Annélie Gagnon et François Martel pour le projet "Rédiger un plan de communication"
 * Modifié par Marie-Josée Briand pour "EcoBIM"
 * Note : Les prefixes CSS sont gérés par prefixfree.js
 * Base : HTML5 Boilerplate v4.3.0
 * Table des matières
 * ==================================================
	typographies externes
	styles de base
	généraux
	typographie
	formulaire
	header (logo, menu secondaire, menu principal)
	pages : styles communs
	page : accueil
	page : contenu
	footer
	outils (classes utilitaires)
	media queries standards
	impression
	
 * Typographies Google Fonts (152 ko)
 * ==================================================
	Roboto Slab - Light - 300 (serif)
	Roboto Slab - Normal - 400 (serif)
	Roboto Slab - Bold - 700 (serif)
	Roboto - Thin - 100 (sans-serif)
	Roboto - Thin Italic - 100 (sans-serif)
	Roboto - Light - 300 (sans-serif)
	Roboto - Light Italic - 300 (sans-serif)
	Roboto - Normal - 400 (sans-serif)
	Roboto - Normal Italic - 400 (sans-serif)
	Roboto - Medium - 500 (sans-serif)
	Roboto - Medium Italic - 500 (sans-serif)
	Roboto Condensed - Light - 300 (sans-serif)
	Roboto Condensed - Light Italic - 300 (sans-serif)
	Roboto Condensed - Normal - 400 (sans-serif)
	Roboto Condensed - Normal Italic - 400 (sans-serif) */

/* ==================================================
 * styles de base
 * ================================================== */

html,
button,
input,
select,
textarea{
    color: #000;
}
html{
	counter-reset : cptAccSecs;
}
body{
	font: normal 100% 'Roboto', sans-serif; /* 16 */
	line-height: 1.4; /* 22.4/16 */
}
html, body{
	height: 100%;
	min-height: 100%;
}
.wrapper {
	min-height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection{
    background: #000;
    color: #fff;
	text-shadow: none;
}
::selection{
    background: #000;
	color: #fff;
    text-shadow: none;
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
img,
video{
    vertical-align: middle;
}
fieldset{
    border: 0;
    margin: 0;
    padding: 0;
}
textarea{
    resize: vertical;
}
.impression{
	display: none;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
}
.fondCouvre{
	width: 100%;
	background-size: cover;
}

/* ==================================================
 * généraux
 * ================================================== */

*,
*:before,
*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	background-repeat: no-repeat;
}

/* ==================================================
 * typographie
 * ================================================== */

body{
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	color: #000000;
	background-color: #ffffff;
}
body.dragging, body.dragging *{
	cursor: move !important;
}
a,
a:link,
a:visited{
	color: #000000;
	text-decoration: none;
}
a:active,
a:hover,
a:focus{
	text-decoration: underline;
}

/* ==================================================
 * formulaire
 * ================================================== */

/* ==================================================
 * zoneHautPage (logo, menu secondaire, menu principal)
 * ================================================== */

#zoneHautPage p{
	margin: 0px;
}

/* zoneIdentitaire */
#zoneIdentitaire{
	background: #489ff1;
    height: 40px;
}
#zoneIdentitaire .container{
	padding-left: 0;
	padding-right: 0;
}
#zoneIdentitaire #connexion{
	float: right;
	width: auto;
	padding: 12px 0px 13px 0px;
	text-align: right;
}

/* zoneIdentitaire : menuProfil */
.lstMenuProfil{
	float: left;
	width: auto;
	position: relative;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.875em; /* 14/16 */
	line-height: 1;
	list-style-type: none;
}
.lstMenuProfil li{
	position: relative;
}
.lstMenuProfil > li{
	display: inline-block;
	margin: 0px 0px 0px 15px;
	padding-left: 19px; /* 14px + 5px */
	background: url('../../img/icones/ecobim_ico_utilisateur.svg') no-repeat center left;
}
.no-svg .lstMenuProfil > li{
	background: url('../../img/icones/png/ecobim_ico_utilisateur.png') no-repeat center left;
}
.lstMenuProfil > li:first-child{
	margin-left: 0px;
}
.lstMenuProfil li a:link,
.lstMenuProfil li a:visited{
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	color: #ffffff;
}

/* zoneEntete */
#zoneEntete{
	background-image: url('../../img/structure/ecobim_bg_bandeau.jpg');
	width: 100%;
	background-size: cover;
	border-bottom: 1px solid #fff;
	background-position: right;
	background-color: #001941;
}
#zoneEntete .container{
	padding-left: 0;
	padding-right: 0;
}
#zoneEntete #titre{
	float: left;
	padding-top: 15px;
	padding-left: 15px;
}
#zoneEntete h1{
	display: block;
	margin: 0px 0px 0px 0px;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 2.125em; /* 34/16 */
	line-height: 1.1; /* 33/30 */
	color: #8c8c8c;
}
#zoneEntete h1 a,
#zoneEntete h1 a:link,
#zoneEntete h1 a:visited{
	color: #fff;
}
#zoneEntete h1 a:active,
#zoneEntete h1 a:hover,
#zoneEntete h1 a:focus{
	text-decoration: none;
}

/* zoneEntete : logo */
#zoneEntete #logo{
	float: left;
	width: auto;
	margin: 0px 10px 0 0;
}
/*#zoneEntete #logo a{
	display: block;
	width: 115px;
	height: 40px;
	background-image: url('https://www.teluq.ca/libimg/logo/logo_teluq_nb.svg');
}
.no-svg #zoneEntete #logo a{
	background-image: url('https://www.teluq.ca/libimg/logo/logo_teluq_nb.png');
}*/
#zoneEntete #logo a img{
	display: block;
	max-height: 70px;
}

/* zoneEntete : menuPrincipal */
#menuPrincipal{
	float: left;
	position: relative;
	padding-top: 31px;
	clear: both;
}
.toggleMenuPrincipal{
	display: none;
	float: right;
	height: 40px;
	width: 40px;
	padding: 0;
	text-align: center;
	background: none #FFF;
	border: 1px solid #FFF;
}
.toggleMenuPrincipal > span{
	display: inline-block;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	background: url('../../img/icones/png/ecobim_ico_menu_xs.png') no-repeat 0 0;
	overflow: hidden;
}
.no-svg .toggleMenuPrincipal > span{
	background-image: url('../../img/icones/png/ecobim_ico_menu_xs.png');
}
.toggleMenuPrincipal.ouvert > span{
	background-position: 0 -24px;
}
.lstMenuPrincipal{
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0.8125em; /* 13/16 */
	line-height: 1;
}
.lstMenuPrincipal > li{
	position: relative;
	float: left;
	display: block;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 12px 0px;
	/*counter-increment: step-counter;*/
}
/*.lstMenuPrincipal > li.itemActif{*/
.lstMenuPrincipal > li.current-menu-parent {
	padding: 0px 0px 6px 0px;
	border-bottom: solid 6px #ebebeb;
}
.lstMenuPrincipal li:first-child{
	margin-left: 0px;
}
.lstMenuPrincipal li a:link,
.lstMenuPrincipal li a:visited{
	display: block;
	padding: 0px 0px 5px 0px;
	color: #cccccc;
}
.lstMenuPrincipal > li > a{
	text-transform: uppercase;
}
/*
.lstMenuPrincipal > li > a:before{
	margin-right: 5px;
	content: counter(step-counter)"-";
	color: #cccccc;
}
*/
.lstMenuPrincipal li a:hover,
.lstMenuPrincipal li a:active,
.lstMenuPrincipal li a:focus{
	text-decoration: none;
}
.lstMenuPrincipal li.sansNum a:before{
	display: none;
}

/* zoneEntete : menuPrincipal : niveau 2 */
.lstMenuDeroulant .sub{
	position: absolute;
	width: 200px;
	left: 0;
	top: 24px;
	padding: 5px 10px 5px 10px;
	font-weight: 300;
	font-size: 1.076923076923077em; /* 14/13 */
	line-height: 1.357142857142857; /* 19/14 */
	background-color: #ebebeb;
	box-shadow: 0px 3px 7px #252525; /* browser support */
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
	z-index: 10000;
}
.ie8 #zoneEntete .lstMenuDeroulant .sub{
	border-bottom: solid 1px #bababa;
}
.lstMenuDeroulant .sub > ol,
.lstMenuDeroulant .sub > ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.lstMenuDeroulant .sub li{
	margin-top: 5px;
}
.lstMenuDeroulant .sub li:first-child{
	margin-top: 0px;
}
.lstMenuDeroulant .sub li a:link,
.lstMenuDeroulant .sub li a:visited{
	padding: 5px 0px 5px 0px;
	text-decoration: none;
	border-bottom: none;
	color: #333333;
}
.lstMenuDeroulant .sub li a:hover,
.lstMenuDeroulant .sub li a:active,
.lstMenuDeroulant .sub li a:focus{
	text-decoration: underline;
	color: #005d7b;
}
.lstMenuDeroulant .sub li.itemConsulte a{ /* Trace de l'usager */
	/*padding-left: 20px;
	background: url('../../img/icones/ecobim_ico_progres.svg') no-repeat 0px 8px; */
}
.no-svg .lstMenuDeroulant .sub li.itemConsulte a{
	background-image: url('../../img/icones/png/ecobim_ico_progres.png'); 
}
/*.lstMenuDeroulant .sub li.itemActif a{*/  /* Page en cours de visite */
.lstMenuDeroulant .sub li.current-menu-item a{
	text-decoration: underline;
	color: #005d7b;
}

/* particularités : menuProfil */
.lstMenuProfil .sub{
	width: 110px;
	top: 16px;
	background: #000000;
	box-shadow: 0px 3px 7px -3px #202020;
	text-align: left;
}
.lstMenuProfil .sub li a:link,
.lstMenuProfil .sub li a:visited{
	color: #ffffff;
}
.lstMenuProfil.lstMenuDeroulant .sub{
	font-size: 1em;
}

/* ==================================================
 * accueil : zoneIntro
 * ================================================== */

#zoneExtraInt{
	background-image: url('../../img/structure/ecobim_bg_accueil.jpg');
}
#zoneIntro{
	padding-top: 70px;
	padding-bottom: 70px;
}
#zoneMedia p.sansMarge{
	margin-bottom: 5px;
}
#zoneMedia strong{
	font-weight: 500;
}
#zoneAccroche .accroche{
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
	background-color: rgba(255,255,255, 0.70);
}
#zoneAccroche h1{
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.375em; /* 22/16 */
	line-height: 1.272727272727273; /* 28/22 */
	border-bottom: solid 1px #959595;
	color: #000000;
}
#zoneAccroche p,
#zoneAccroche span,
#zoneAccroche ul,
#zoneAccroche ol,
#zoneAccroche table,
#zoneAccroche label{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	color: #000000;
}
#zoneAccroche p,
#zoneAccroche ul,
#zoneAccroche ol,
#zoneAccroche table,
#zoneAccroche img,
#zoneAccroche figure{
	margin: 0px 0px 15px 0px;
}
#zoneAccroche a:link,
#zoneAccroche a:visited{
	text-decoration: underline;
	color: #005d7b;
}
#zoneAccroche a:hover,
#zoneAccroche a:active,
#zoneAccroche a:focus{
	text-decoration: none;
}
#zoneAccroche .accroche > :last-child{
	margin-bottom: 0px;
}
#zoneMedia > *{
	margin: 0;
	padding: 0;
}

/* ==================================================
 * accueil : zoneMilieuPage
 * ================================================== */
/*.accueil #zoneMilieuPage{
	padding-top: 100px;
	padding-bottom: 50px;
}*/
.accueil #zoneContenu #scsIntro{
	margin-bottom: 40px; /* Moins de marge sous l'intro de sections */
}
.accueil #zoneContenu section{ /* Applique une marge du haut à toute les sections de toute colonne */
	margin-top: 60px;
}
.accueil #zoneContenu section:first-child,
.accueil #zoneContenu section:first-of-type{ /* Annule la marge du haut pour la première section de toute colonne */
	margin-top: 0px;
}
.accueil #zoneContenu section:last-child > :last-child{ /* Retire la marge du bas du dernier élément de la dernière section de toute colonne */
	margin-bottom: 0px;
}
.accueil #zoneContenu .colonne section{ /* Agrandissement de la goutière sans modifier la grille */
	padding: 0px 0px 0px 10px;
}
.accueil #zoneContenu .colonne:first-child section{ /* Agrandissement de la goutière sans modifier la grille */
	padding: 0px 10px 0px 0px;
}
.accueil #zoneContenu .imgGuide{
	border: solid 5px #dcdcdc;
}

/* Sections : contenu */
.accueil #zoneContenu .titrePrincSecs:before{
	position: absolute;
	top: -13px;
	left: 44.09090909090909%; /* 50-((32.5/550)*100) */
	content: url('../../img/icones/ecobim_ico_acc_navsimp.svg');
}
.no-svg .accueil #zoneContenu .titrePrincSecs:before{
	content: url('../../img/icones/png/ecobim_ico_acc_navsimp.png');
}
.accueil #zoneContenu .titrePrincSecs{
	position: relative;
	padding: 72px 0px 0px 0px; /* (65-13)+20 */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.230769230769231; /* 32/26 */
	text-align: center;
	color: #555555;
}
.accueil #zoneContenu section{
	counter-increment: cptAccSecs;
}
.accueil #zoneContenu .titreSec:before{
	position: absolute;
	top: -13px;
	left: 47.63636363636364%; /* 50-((13/550)*100) */
	content: counter(cptAccSecs);
	width: 26px;
	height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1em; /* 17/17 */
	line-height: 1.529411764705882; /* 26/17 */
	text-align: center;
	background-color: #556975;
	border-radius: 50%;
	color: #ffffff;
}
.accueil #zoneContenu .titreSec{
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.235294117647059; /* 21/17 */
	text-align: center;
	color: #556975;
	border-top: solid 1px #556975;
}
.accueil #zoneContenu .logoOACIQ{
	margin: 8px 15px 8px 0px;
}
.accueil #zoneAnnexe{
	padding-top: 50px;
}
.accueil #zoneAnnexe .btDebutForm{
	margin: 0;
	text-align: center;
}
.accueil #zoneAnnexe .btDebutForm a:link,
.accueil #zoneAnnexe .btDebutForm a:visited{
	display: inline-block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #556975;
	color: #ffffff;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
.accueil #zoneAnnexe .btDebutForm a:hover,
.accueil #zoneAnnexe .btDebutForm a:active,
.accueil #zoneAnnexe .btDebutForm a:focus{
	background-color: #3d3d3d;
}

/* ==================================================
 * zoneMilieuPage
 * ================================================== */

#zoneExtraMP{
	position: absolute;
	background-position: right;
	background-image: url('../../img/structure/ecobim_bg_accueil.jpg'); /* Par défaut */
	min-height: 400px;
}
.accueil #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_accueil.jpg'); }
.equipe #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_equipe.jpg'); }
.evenements #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_evenements.jpg'); }
.projets #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_projets.jpg'); }
.publications #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_publications.jpg'); }
.formation #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_formation.jpg'); }
.emploisStages #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_emplois.jpg'); }
.general #zoneExtraMP{ background-image: url('../../img/structure/ecobim_bg_general.jpg'); }

/* background cover pour IE8 */
.accueil #zoneExtraMP, .equipe #zoneExtraMP, .evenements #zoneExtraMP, .projets #zoneExtraMP, .publications #zoneExtraMP, .formation #zoneExtraMP, .emploisStages #zoneExtraMP, .general #zoneExtraMP {

  }
 
/* zoneContenu */
/*.page */#zoneContenu{
	margin-top: 100px;
	margin-bottom: 35px;
}
#zoneContenu article,
#zoneContenu #contenu{
	min-height: 360px;
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
	background-color: rgba(255,255,255, 0.90);
}
#zoneContenu article >:last-child,
#zoneContenu #contenu >:last-child{
	margin-bottom: 0px;
}

/* zoneContenu : titres */
#zoneContenu h1{
	margin: 0px 0px 15px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 1.875em; /* 30/16 */
	line-height: 1.133333333333333; /* 34/30 */
	text-transform: uppercase;
	color: #333333;
}
#zoneContenu h2{
	margin: 0px 0px 15px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 1.625em; /* 26/16 */
	line-height: 1.230769230769231; /* 32/26 */
	color: #333333;
}
#zoneContenu h3{
	margin: 35px 0px 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.5625em; /* 25/16 */
	line-height: 1.28; /* 32/25 */
	color: #333333;
}
#zoneContenu h4{
	margin: 35px 0px 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.1875em; /* 19/16 */
	line-height: 1.263157894736842; /* 24/19 */
	color: #333333;
}
#zoneContenu h5{
	margin: 35px 0px 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.1875em; /* 19/16 */
	line-height: 1.263157894736842; /* 24/19 */
	color: #333333;
}
#zoneContenu h6{
	margin: 35px 0px 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.235294117647059; /* 21/17 */
	color: #828282;
}

/* zoneContenu : titres spéciaux */
#zoneContenu .titreIco{
	line-height: 40px;
}
#zoneContenu .titreIco img{
	float: left;
	margin: 0px 10px 0px -20px;
}
#zoneContenu .titreJouer,
#zoneContenu .titreJouer img{
	border-bottom: solid 1px #477e96;
}
#zoneContenu .titreEtVous,
#zoneContenu .titreEtVous img{
	border-bottom: solid 1px #a3555e;
}
#zoneContenu .titreAction,
#zoneContenu .titreAction img{
	border-bottom: solid 1px #728780;
}
#zoneContenu .titreSavoirPlus,
#zoneContenu .titreSavoirPlus img{
	border-bottom: solid 1px #695b52;
}
#zoneContenu .titreVisionner,
#zoneContenu .titreVisionner img{
	border-bottom: solid 1px #35505c;
}
#zoneContenu .interTitre{
	display: block;
}
#zoneContenu .interTitre.figure,
#zoneContenu .interTitre.tableau,
#zoneContenu .interTitre.video,
#zoneContenu .interTitre.general{
	margin: 25px 0px 10px 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.235294117647059; /* 21/17 */
	color: #333333;
}
.accueil #zoneContenu h2 img{
	margin: 0px auto 15px auto;
}

/* zoneContenu : contenu général */
#zoneMilieuPage p,
#zoneMilieuPage span,
#zoneMilieuPage ul,
#zoneMilieuPage ol,
#zoneMilieuPage table,
#zoneMilieuPage label{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	color: #333333;
}
#zoneMilieuPage p,
#zoneMilieuPage ul,
#zoneMilieuPage ol,
#zoneMilieuPage table,
#zoneMilieuPage img,
#zoneMilieuPage figure{
	margin: 0px 0px 15px 0px;
}
#zoneMilieuPage p.sansMarge,
#zoneMilieuPage ul.sansMarge,
#zoneMilieuPage ol.sansMarge,
#zoneMilieuPage table.sansMarge,
#zoneMilieuPage img.sansMarge,
#zoneMilieuPage .sansMarge{
	margin-bottom: 5px;
}
#zoneMilieuPage a:link,
#zoneMilieuPage a:visited{
	color: #005d7b;
	text-decoration: underline;
}
#zoneMilieuPage a:active,
#zoneMilieuPage a:hover,
#zoneMilieuPage a:focus{
	text-decoration: none;
}
#zoneMilieuPage .note,
#zoneMilieuPage .source{
	font-size: 0.875em; /* 14/16 */
	line-height: 1.357142857142857; /* 19/14 */
	color: #828282;
}
#zoneMilieuPage strong{
	font-weight: 500;
}
#zoneMilieuPage strong em,
#zoneMilieuPage em strong{
	font-weight: 700;
}
#zoneMilieuPage figcaption{
	margin: 0px 0px 10px 0px;
	font-weight: 300;
	font-size: 0.875em; /* 14/16 */
	line-height: 1.357142857142857; /* 19/14 */
	color: #828282;
}

/* zoneContenu : images */
#zoneMilieuPage img.alignCentre{
	margin-left: auto;
	margin-right: auto;
}
#zoneMilieuPage img.alignGauche{
	float: left;
	width: auto;
	margin: 0px 15px 15px 0px;
}
#zoneMilieuPage img.alignDroite{
	float: right;
	width: auto;
	margin: 0px 0px 15px 15px;
}
#zoneMilieuPage img.encadree{
	border: 1px solid #dcdcdc;
}
/* Images de la section Membres */
img.alignleft {
    float: left;
    margin: 0 1em 0 0!important;
}
/* zoneContenu : listes */
#zoneMilieuPage ul,
#zoneMilieuPage ol{
	padding-left: 20px;
}
#zoneMilieuPage ul li,
#zoneMilieuPage ol li{
	margin-bottom: 5px;
}
#zoneMilieuPage ul ul,
#zoneMilieuPage ol ol,
#zoneMilieuPage ul ol,
#zoneMilieuPage ol ul{
	margin-bottom: 5px;
}
#zoneMilieuPage ul{
	list-style-type: disc;
}
#zoneMilieuPage ul ul{
	list-style-type: none;
}
#zoneMilieuPage ul ul li{
	text-indent: -15px;
}
#zoneMilieuPage ul ul li:before{
	content: "–";
	text-indent: -5px;
	margin-right: 5px;
}
#zoneMilieuPage ul.sansPuce,
#zoneMilieuPage ol.sansNum,
#zoneMilieuPage ul.dialogue{
	list-style-type: none;
}
#zoneMilieuPage ul.sansPuce,
#zoneMilieuPage ol.sansNum{
	padding-left: 0px;
}
#zoneMilieuPage ul.sansPuce.indent,
#zoneMilieuPage ol.sansNum.indent{
	padding-left: 20px;
}
#zoneMilieuPage ol.lstLettre{
	list-style-type: lower-alpha;
}
#zoneMilieuPage ul.dialogue li:before,
#zoneMilieuPage p.dialogue:before{
	content: "—";
	display: block;
	float: left;
	width: auto;
	margin-left: -20px;
}
#zoneMilieuPage p.dialogue{
	margin-left: 20px;
}
#zoneMilieuPage ul ul,
#zoneMilieuPage ul ol,
#zoneMilieuPage ol ol,
#zoneMilieuPage ol ul,
#zoneMilieuPage ul p,
#zoneMilieuPage ol p,
#zoneMilieuPage ul span,
#zoneMilieuPage ol span,
#zoneMilieuPage ul label,
#zoneMilieuPage ol label{
	font-size: 1em; /* 15/15 */
}

/* zoneContenu : tableaux */
#zoneMilieuPage table{
	width: 100%;
	text-align: left;
	border: solid 1px #9c9c9c;
}
#zoneMilieuPage table.lgDemi{
	width: 50%
}
#zoneMilieuPage table.lgTroisQuarts{
	width: 75%
}
#zoneMilieuPage table tr,
#zoneMilieuPage table th,
#zoneMilieuPage table td{
	vertical-align: top;
	border: solid 1px #9c9c9c;
}
#zoneMilieuPage table th,
#zoneMilieuPage table td{
	padding: 5px 5px 5px 5px;
}
#zoneMilieuPage table th{
	font-weight: 500;
	text-align: center;
	background-color: #d1d2d4;
}
#zoneMilieuPage table th.alignGauche{
	text-align: left;
}
#zoneMilieuPage table .alignCentre{
	text-align: center;
}
#zoneMilieuPage table .alignHaut{
	vertical-align: top;
}
#zoneMilieuPage table .lgDemi{
	width: 50%
}
#zoneMilieuPage table .lgTier{
	width: 33%
}
#zoneMilieuPage table .lgQuart{
	width: 25%
}
#zoneMilieuPage table .lgVingtieme{
	width: 20%
}
#zoneMilieuPage table .lgDixieme{
	width: 10%
}
#zoneMilieuPage table p,
#zoneMilieuPage table span,
#zoneMilieuPage table ul,
#zoneMilieuPage table ol,
#zoneMilieuPage table label{
	font-size: 1em; /* 15/15 */
}

/* zoneContenu : tableau échéancier */
#contenu table.echeancier td{
	width: 25px;
	padding: 5px 0px;
	text-align: center;
	background: #ffffff;
}
#contenu table.echeancier th.titreCol{
	background: #eeeeee;
}
#contenu table.echeancier th.titreCol:first-child{
	background: #9c9c9c;
}
#contenu table.echeancier th.titreRow{
	background: #ffffff;
}
#contenu table.echeancier td.fond{
	background: #d1d2d4;
}

/* zoneContenu : tableau évaluation */
#contenu table.evaluation,
#contenu table.evaluation tr,
#contenu table.evaluation th,
#contenu table.evaluation td{
	border: none;
}
#contenu table.evaluation th,
#contenu table.evaluation td{
	padding: 0px 10px 10px 0px;
}
#contenu table.evaluation th{
	background: none;
}
#contenu table.evaluation ul{
	margin: 0px;
}

/* Navigation entres les pages */
#navPageForm{
	margin: 55px 0px 0px 0px;
	padding: 45px 0px 20px 0px;
}
#navPageForm ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navPageForm ul li{
	position: relative;
	float: left;
	width: 33.33333333333333%;
	height: 18px;
	margin: 0;
	color: #333333;
}
#navPageForm ul li span{
	font-weight: 400;
	font-size: 0.8666666666666667em; /* 13px/15px */
	line-height: 1.384615384615385; /* 18px/13px */
	display: block;
	vertical-align: middle;
	height: 18px;
}
#navPageForm ul li.alignGauche{
	text-align: left;
}
#navPageForm ul li.alignCentre{
	text-align: center;
}
#navPageForm ul li.alignDroite{
	text-align: right;
}
#navPageForm ul li a:link,
#navPageForm ul li a:visited{
	display: inline-block;
	height: 18px;
	text-transform: lowercase;
	text-decoration: none;
	color: #333333;
}
#navPageForm ul li.itemPrec a{
	padding: 0px 0px 0px 30px;
	background: url('../../img/icones/ecobim_ico_navpage_prec.svg') no-repeat left top;
}
.no-svg #navPageForm ul li.itemPrec a{
	background-image: url('../../img/icones/png/ecobim_ico_navpage_prec.png');
}
#navPageForm ul li.itemSuiv a{
	padding: 0px 30px 0px 0px;
}
#navPageForm ul li.itemSuiv a{
	background: url('../../img/icones/ecobim_ico_navpage_suiv.svg') no-repeat right top;
}
.no-svg #navPageForm ul li.itemSuiv a{
	background-image: url('../../img/icones/png/ecobim_ico_navpage_suiv.png');
}
#navPageForm ul li a:hover span{
	color: #767676;
}
#navPageForm ul li.itemPrec a:hover{
	background-position: left -18px;
}
#navPageForm ul li.itemHaut a:hover,
#navPageForm ul li.itemSuiv a:hover{
	background-position: right -18px;
}

/* Bouton haut de page */
#zoneMilieuPage .btHautPage{
	text-align: center;
	margin: 55px 0px 0px 0px;
	padding: 45px 0px 15px 0px;
}
#zoneMilieuPage .btHautPage a:link,
#zoneMilieuPage .btHautPage a:visited{
	display: inline-block;
	height: 18px;
	text-transform: lowercase;
	text-decoration: none;
	color: #333333;
	font-weight: 400;
	font-size: 0.8666666666666667em; /* 13px/15px */
	line-height: 1.384615384615385; /* 18px/13px */
}
#zoneMilieuPage .btHautPage a:hover{
	color: #767676;
}

/* Schéma : 8 étapes */
#contenu .schemaHuitEtapes{
	margin-bottom: -15px;
}
#contenu .schemaHuitEtapes ol{
	padding-left: 0;
}
#contenu .schemaHuitEtapes li{
	width: 25%;
	display: block;
	float: left;
	padding: 20px;
	height: 160px;
	border-right: solid 1px #ffffff;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
	list-style-type: none;
	counter-increment: cptSchema;
	line-height: 1.2; /* 17/15 */
	background-color: #e3e3e3; /* fallback */
}
.ie8 #contenu .schemaHuitEtapes li{
	border-right: solid 20px #ffffff;
	margin-bottom: 20px;
}
#contenu .schemaHuitEtapes li:nth-child(1){
	background-color: #e3e3e3;
	z-index: 8;
}
#contenu .schemaHuitEtapes li:nth-child(2){
	background-color: #d9d9d9;
	z-index: 7;
}
#contenu .schemaHuitEtapes li:nth-child(3){
	background-color: #cecece;
	z-index: 6;
}
#contenu .schemaHuitEtapes li:nth-child(4){
	background-color: #b9b9b9;
	z-index: 5;
}
#contenu .schemaHuitEtapes li:nth-child(5){
	background-color: #b1b1b1;
	z-index: 4;
}
#contenu .schemaHuitEtapes li:nth-child(6){
	background-color: #a2a2a2;
	z-index: 3;
}
#contenu .schemaHuitEtapes li:nth-child(7){
	background-color: #959595;
	z-index: 2;
}
#contenu .schemaHuitEtapes li:nth-child(8){
	background-color: #8e8e8e;
	z-index: 1;
}
#contenu .schemaHuitEtapes li.itemActif{
	background-color: #a2c5cb;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(1){
	background-color: #ccdbdd;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(2){
	background-color: #b9d0d2;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(3){
	background-color: #a2c5cb;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(4){
	background-color: #99c1c6;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(5){
	background-color: #84abb4;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(6){
	background-color: #79a7b3;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(7){
	background-color: #6e9dac;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(8){
	background-color: #528ea8;
}
#contenu .schemaHuitEtapes li .texte{
	font-size: 1em; /* 16/16 */
	line-height: 1.2; /* 17/15 */
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
#contenu .schemaHuitEtapes li .texte:before{
	display: block;
	content: counter(cptSchema)".";
	font-size: 1.0625em; /* 17/16 */
	font-weight: 700;
	text-align: center;
}
#contenu .schemaHuitEtapes li.itemActif .texte{
	font-weight: 700;
}
#contenu .schemaHuitEtapes li .fleche{
	display: block;
	position: absolute;
	width: 20px;
	right: -20px;
	top: 0;
	bottom: 0;
	background-image: url('../../img/structure/ecobim_schemahuitetapes.svg');
	background-position: -40px center; /* fallback */
}
.no-svg #contenu .schemaHuitEtapes li .fleche{
	background-image: url('../../img/structure/png/ecobim_schemahuitetapes.png');
}
#contenu .schemaHuitEtapes li:nth-child(1) .fleche{
	background-position: -20px center;
}
#contenu .schemaHuitEtapes li:nth-child(2) .fleche{
	background-position: -40px center;
}
#contenu .schemaHuitEtapes li:nth-child(3) .fleche{
	background-position: -60px center;
}
#contenu .schemaHuitEtapes li:nth-child(4) .fleche{
	background-position: -80px center;
}
#contenu .schemaHuitEtapes li:nth-child(5) .fleche{
	background-position: -100px center;
}
#contenu .schemaHuitEtapes li:nth-child(6) .fleche{
	background-position: -120px center;
}
#contenu .schemaHuitEtapes li:nth-child(7) .fleche{
	background-position: -140px center;
}
#contenu .schemaHuitEtapes li.itemActif .fleche{
	background-position: 0px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(1) .fleche{
	background-position: -160px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(2) .fleche{
	background-position: -180px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(3) .fleche{
	background-position: -200px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(4) .fleche{
	background-position: -220px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(5) .fleche{
	background-position: -240px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(6) .fleche{
	background-position: -260px center;
}
#contenu .schemaHuitEtapes.couleur li:nth-child(7) .fleche{
	background-position: -280px center;
}

/* Schéma : 2 étapes */
#contenu .schemaDeuxEtapes ol{
	padding-left: 0;
	margin: 0;
}
#contenu .schemaDeuxEtapes li{
	width: 150px;
	display: inline-block;
	padding: 22px 25px 25px 25px;
	border-right: solid 1px #ffffff;
	position: relative;
	list-style-type: none;
	counter-increment: cptSchema;
	line-height: 1.2; /* 17/15 */
	background: #cacaca;
	text-align: left;
}
.ie8 #contenu .schemaDeuxEtapes li{
	width: 175px;
	border-right: solid 20px #ffffff;
	background: #d8d8d8;
}
#contenu .schemaDeuxEtapes li.itemActif{
	background: #a2c5cb;
}
#contenu .schemaDeuxEtapes li:first-child{
	z-index: 2;
	margin-right: -4px;
}
#contenu .schemaDeuxEtapes li .texte{
	font-size: 1em; /* 16/16 */
	line-height: 1.2; /* 17/15 */
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
#contenu .schemaDeuxEtapes li .texte:before{
	display: inline-block;
	content: counter(cptSchema)".";
	margin-right: 5px;
}
#contenu .schemaDeuxEtapes li.itemActif .texte{
	font-weight: 700;
}
#contenu .schemaDeuxEtapes li .fleche{
	display: block;
	position: absolute;
	width: 19px;
	right: -19px;
	top: 0;
	bottom: 0;
	background-image: url('../../img/structure/ecobim_schemadeuxetapes.svg');
	background-position: left center;
}
.no-svg #contenu .schemaDeuxEtapes li .fleche{
	background-image: url('../../img/structure/png/ecobim_schemadeuxetapes.png');
}
#contenu .schemaDeuxEtapes li.itemActif .fleche{
	background-position: right center;
}

/* Schéma : cycle */
#contenu .schemaCycle{
	margin-bottom: 30px;
}
#contenu .schemaCycle.sansMarge{
	margin-bottom: 0;
}
#contenu .schemaCycle ul{
	padding-left: 0px;
	margin: 0;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
#contenu .schemaCycle li{
	width: 150px;
	display: inline-block;
	background-color: #cacaca;
	border: solid 2px #cacaca;
	padding: 17px 20px 20px 20px;
	position: relative;
}
.ie8 #contenu .schemaCycle li{
	background-color: #d8d8d8;
	border: solid 2px #d8d8d8;
}
#contenu .schemaCycle li:first-child{
	margin-right: 20px;
}
#contenu .schemaCycle li.itemActif{
	background-color: #a2c5cb;
	font-weight: 700;
}
#contenu .schemaCycle li .fleche{
	display: block;
	width: 19px;
	height: 28px;
	position: absolute;
	background-image: url('../../img/structure/ecobim_schemacycle.svg');
}
.no-svg #contenu .schemaCycle li .fleche{
	background-image: url('../../img/structure/png/ecobim_schemacycle.png');
}
#contenu .schemaCycle li.gauche .fleche{
	right: -19px;
	bottom: 10px;
	background-position: left top;
}
#contenu .schemaCycle li.gauche.itemActif .fleche{
	background-position: left bottom;
}
#contenu .schemaCycle li.droite .fleche{
	left: -19px;
	top: 10px;
	background-position: right top;
}
#contenu .schemaCycle li.droite.itemActif .fleche{
	background-position: right bottom;
}

/* Schéma : plan de communication */
#contenu .schemaPlanCommunication ul{
	padding-left: 0px;
	list-style: none;
}
#contenu .schemaPlanCommunication ul li{
	display: block;
	float: left;
	padding: 0px 10px;
	margin: 0px;
}
#contenu .schemaPlanCommunication ul li:nth-child(1){
	padding-left: 0px;
	width: 20%;
}
#contenu .schemaPlanCommunication ul li:nth-child(2){
	width: 20%;
}
#contenu .schemaPlanCommunication ul li:nth-child(3){
	width: 18%;
}
#contenu .schemaPlanCommunication ul li:nth-child(4){
	width: 18%;
}
#contenu .schemaPlanCommunication ul li:nth-child(5){
	padding-right: 0px;
	width: 24%;
}
#contenu .schemaPlanCommunication ul li p{
	padding: 22px 10px 25px;
	margin: 0px;
	text-align: center;
	font-size: 1em; /* 15/16 */
	line-height: 1.2; /* 17/15 */
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	position: relative;
	background: #b9d0d2; /* fallback */
}
#contenu .schemaPlanCommunication ul li:nth-child(1) p{
	background: #ccdbdd;
}
#contenu .schemaPlanCommunication ul li:nth-child(2) p{
	background: #b9d0d2;
}
#contenu .schemaPlanCommunication ul li:nth-child(3) p{
	background: #99c1c6;
}
#contenu .schemaPlanCommunication ul li:nth-child(4) p{
	background: #79a7b3;
}
#contenu .schemaPlanCommunication ul li:nth-child(5) p{
	background: #528ea8;
}
#contenu .schemaPlanCommunication ul li p .fleche{
	position: absolute;
	display: block;
	width: 15px;
	height: 25px;
	background-image: url('../../img/structure/ecobim_schemaplancom.svg');
}
.no-svg #contenu .schemaPlanCommunication ul li p .fleche{
	background-image: url('../../img/structure/png/ecobim_schemaplancom.png');
}
#contenu .schemaPlanCommunication ul li p .fleche.gauche{
	top: 10px;
	left: -15px;
	background-position: -15px center; /* fallback */
}
#contenu .schemaPlanCommunication ul li p .fleche.droite{
	bottom: 10px;
	right: -15px;
	background-position: -30px center; /* fallback */
}
#contenu .schemaPlanCommunication ul li:nth-child(1) p .fleche.droite{
	background-position: 0px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(2) p .fleche.gauche{
	background-position: -15px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(2) p .fleche.droite{
	background-position: -30px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(3) p .fleche.gauche{
	background-position: -45px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(3) p .fleche.droite{
	background-position: -60px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(4) p .fleche.gauche{
	background-position: -75px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(4) p .fleche.droite{
	background-position: -90px center;
}
#contenu .schemaPlanCommunication ul li:nth-child(5) p .fleche.gauche{
	background-position: -105px center;
}

/* Schéma : publics cibles */
#contenu .schemaPublicsCibles{
	border: none;
	border-collapse: separate;
	background-color: #ffffff;
}
#zoneMilieuPage .schemaPublicsCibles th,
#zoneMilieuPage .schemaPublicsCibles td{
	padding: 0px;
}
#contenu .schemaPublicsCibles th{
	border: none;
	background-color: #ffffff;
	vertical-align: middle;
	position: relative;
	font-size: 1em; /* 16/16 */
	line-height: 1.25;/* 20/16 */
}
#contenu .schemaPublicsCibles #header_publicscibles{
	vertical-align: middle;
	text-align: left;
}
#contenu .boiteQuiz .retro .schemaPublicsCibles #header_publicscibles,
#contenu .boiteQuiz .retro .schemaPublicsCibles #header_butsobjectifs{
	font-size: 1.066666666666667em; /* 16/15 */
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
#contenu .schemaPublicsCibles th.faible,
#contenu .schemaPublicsCibles th.eleve{
	font-size: 0.8125em; /* 13/16 */
	position: relative;
}
#contenu .boiteQuiz .retro .schemaPublicsCibles th.faible,
#contenu .boiteQuiz .retro .schemaPublicsCibles th.eleve{
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
#contenu .schemaPublicsCibles th.gauche.eleve,
#contenu .schemaPublicsCibles th.gauche.faible{
	padding-right: 15px;
	border-right: solid 1px #212121;
}
#contenu .schemaPublicsCibles th.gauche.eleve{
	vertical-align: top;
	text-align: right;
}
#contenu .schemaPublicsCibles th.gauche.faible{
	vertical-align: bottom;
	text-align: right;
}
#contenu .schemaPublicsCibles th.bas.faible,
#contenu .schemaPublicsCibles th.bas.eleve{
	padding-top: 12px;
	border-top: solid 1px #212121;
}
#contenu .schemaPublicsCibles th.bas.faible{
	text-align: left;
}
#contenu .schemaPublicsCibles th.bas.eleve{
	text-align: right;
}
#contenu .schemaPublicsCibles .pixel{
	display: block;
	background-color: #212121;
	width: 1px;
	height: 1px;
	position: absolute;
	right: -1px;
	bottom: -1px;
}
#contenu .schemaPublicsCibles .fleche{
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	background-image: url('../../img/structure/ecobim_echelle_fleches.svg');
}
.no-svg #contenu .schemaPublicsCibles .fleche{
	background-image: url('../../img/structure/png/ecobim_echelle_fleches.png');
}
#contenu .schemaPublicsCibles th.gauche .fleche{
	right: -6px;
	top: 0;
	background-position: top;
}
#contenu .schemaPublicsCibles th.bas .fleche{
	right: 0px;
	top: -6px;
	background-position: bottom;
}
#contenu .schemaPublicsCibles td{
	border: none;
}
#contenu .schemaPublicsCibles td.haut.gauche,
#contenu .schemaPublicsCibles td.haut.droite,
#contenu .schemaPublicsCibles td.bas.gauche,
#contenu .schemaPublicsCibles td.bas.droite{
	padding: 15px;
	width: 40%;
	height: 175px;
}
#contenu .schemaPublicsCibles td.haut.gauche{
	background-color: #a3c6cc;
	border-left: solid 15px #ffffff;
	border-bottom: solid 7px #ffffff;
}
#contenu .schemaPublicsCibles td.haut.droite{
	background-color: #518ea8;
	border-left: solid 7px #ffffff;
	border-bottom: solid 7px #ffffff;
}
#contenu .schemaPublicsCibles td.bas.gauche{
	background-color: #ccdbdd;
	border-left: solid 15px #ffffff;
	border-bottom: solid 15px #ffffff;
}
#contenu .schemaPublicsCibles td.bas.droite{
	background-color: #79a8b5;
	border-left: solid 7px #ffffff;
	border-bottom: solid 15px #ffffff;
}
#contenu .boiteQuiz .retro .schemaPublicsCibles td li{
	font-size: 0.9333333333333333em; /* 14/15 */
	line-height: 1.214285714285714;/* 17/14 */
	font-family: 'Roboto', sans-serif;
}

/* Boîtes spécialisées */
#contenu .boite{
	margin: 0px 0px 15px 0px;
}
#contenu .boite.emphase{
	padding: 20px 20px 20px 20px;
	background-color: #d1d2d4;
}
#contenu .boite.emphase > :last-child{
	margin-bottom: 0px;
}
#contenu .boite.note > *,
#contenu .boite.source > *{
	font-size: 1em;
}

/* Boîte : étude de cas */
#contenu .boiteEtudeCas{
	border-top: dotted 1px #333333;
	border-bottom: dotted 1px #333333;
	padding: 10px 0px 10px 0px;
	margin-bottom: 20px;
}
#contenu .boiteEtudeCas.sansFilet{
	border-top: none;
}
#contenu .boiteEtudeCas ol,
#contenu .boiteEtudeCas div{
	margin-left: 55px;
	padding: 0;
	list-style-type: none;
}
#contenu .boiteEtudeCas li,
#contenu .boiteEtudeCas div{
	min-height: 175px;
	counter-increment: cptEtudeCas;
}
#contenu .boiteEtudeCas li{
	margin: 20px 0px 0px 0px;
}
#contenu .boiteEtudeCas.sansImage div{
	padding: 5px 0px 0px 0px;
}
#contenu .boiteEtudeCas li:first-child,
#contenu .boiteEtudeCas div{
	margin-top: 0px;
}
#contenu .boiteEtudeCas li p:first-child:before{
	margin-right: 5px;
	content: counter(cptEtudeCas)".";
	font-weight: 500;
	color: #333333;
}
#contenu .boiteEtudeCas h4{
	margin-top: 15px;
}
#contenu .boiteEtudeCas img{
	float: right;
	margin: 0px 0px 0px 10px;
}
#contenu .boiteEtudeCas p{
	color: #685a51;
}

/* Boîte : trucs du métier */
#contenu .boiteTrucsMetier{
	border: solid 1px #564e58;
	margin: 0px 0px 15px 0px;
	padding: 20px 20px 20px 40px;
	position: relative;
}
#contenu .boiteTrucsMetier .icone{
	position: absolute;
	left: -21px;
	top: 15px;
}

/* Boîte : autres contextes possibles */
#contenu .autresContextes .indentation{
	margin-left: 10px;
}
#contenu .autresContextes p{
	color: #577795;
}

/* Boîte : questions */
#contenu .boiteQuiz{
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #eeeeee;
}
#contenu .boiteQuiz .lstQuestions,
#contenu .boiteQuiz .lstChReponses,
#contenu .controles .navigation ul{
	padding-left: 0px;
	list-style-type: none;
}
#contenu .boiteQuiz .lstQuestions{
	margin: 0px 0px 30px 0px;
}
#contenu .boiteQuiz .lstQuestions li{
	position: relative;
}

/* Boîte : questions : texte */
#contenu .boiteQuiz .txtQuestion{
	padding-left: 25px;
}
#contenu .boiteQuiz .txtQuestion:before{
	position: absolute;
	left: 0;
	content: attr(data-numero) ".";
	font-weight: 500;
}
.ie8 #contenu .boiteQuiz .txtQuestion:before{
	content: "";
}
#contenu .boiteQuiz .txtQuestion p,
#contenu .boiteQuiz .txtQuestion span,
#contenu .boiteQuiz .txtQuestion ul,
#contenu .boiteQuiz .txtQuestion ol{
	font-weight: 500;
}
#contenu .boiteQuiz .txtQuestion table p,
#contenu .boiteQuiz .txtQuestion table span,
#contenu .boiteQuiz .txtQuestion table ul,
#contenu .boiteQuiz .txtQuestion table ol{
	font-weight: 300;
}
#contenu .boiteQuiz .txtQuestion > ul,
#contenu .boiteQuiz .txtQuestion > ol,
#contenu .boiteQuiz .txtQuestion div > ul,
#contenu .boiteQuiz .txtQuestion div > ol{
	margin-bottom: 15px;
}
#contenu .boiteQuiz .txtQuestion.imgPosDroite{
	min-height: 175px;
	padding-right: 190px; /* 175(lg)+15(mg) */
	margin-bottom: 15px; /* assure une marge même si le contenu est plus petit que l'image */
}
#contenu .boiteQuiz .txtQuestion .posDroite{
	position: absolute;
	top: 0;
	right: 0;
}
#contenu .boiteQuiz .txtQuestion .miseEnSituation{
	padding-right: 25px;
}
#contenu .boiteQuiz .txtQuestion .miseEnSituation p,
#contenu .boiteQuiz .txtQuestion .miseEnSituation ul,
#contenu .boiteQuiz .txtQuestion .miseEnSituation ol{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

/* Boîte : questions : choix de réponses */
#contenu .boiteQuiz .lstChReponses li{
	margin: 15px 0px 0px 0px;
	padding-left: 26px; /* Largeur + 15px de marge */
}
#contenu .boiteQuiz .lstChReponses li:first-child{
	margin-top: 0px;
}
.boiteQuiz input.custom[type="checkbox"],
.boiteQuiz input.custom[type="radio"]{
	display: none;
}
.ie8 .boiteQuiz input.custom[type="checkbox"],
.ie8 .boiteQuiz input.custom[type="radio"]{
	display: inline-block;
}
.boiteQuiz input.custom[type="checkbox"] + label:before{
	position: absolute;
	top: 5px; /* Ajustement au line-height */
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: "";
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #959595;
}
.boiteQuiz input.custom[type="checkbox"]:checked + label:before{
	background-color: #959595;
	background: url('../../img/icones/ecobim_ico_crochet.svg') center center #ffffff no-repeat;
}
.no-svg .boiteQuiz input.custom[type="checkbox"]:checked + label:before{
	background-image: url('../../img/icones/png/ecobim_ico_crochet.png');
}
.boiteQuiz input.custom[type="radio"] + label:before{
	position: absolute;
	top: 5px; /* Ajustement au line-height */
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	content: "";
	cursor: pointer;
	font-size: 16px;
	line-height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #959595;
}
.boiteQuiz input.custom[type="radio"]:checked + label:before{
    border: 3px solid #ffffff;
	background-color: #959595;
}
.ie8 .boiteQuiz input.custom[type="checkbox"] + label:before,
.ie8 .boiteQuiz input.custom[type="radio"] + label:before{
	display: none;
}
.boiteQuiz label{
	cursor: pointer;
}
.boiteQuiz input.custom[type="checkbox"] + label,
.boiteQuiz input.custom[type="radio"] + label{}

/* Boîte : questions : choix de réponses (ordre) */
#contenu .boiteQuiz .ordre li{
	display: block;
	width: 75%;
	padding: 0px 15px 0px 15px;
	background-color: #d6cace;
	border: solid 1px #959595;
	cursor: pointer;
}
#contenu .boiteQuiz .ordre p{
	margin: 5px 0px 5px 0px;
}
#contenu .boiteQuiz li.placeholder{
	position: relative;
	margin: 0;
    padding: 0;
    border: none;
}
#contenu .boiteQuiz li.placeholder:before{
	position: absolute;
	content: "";
	width: 0;
    height: 0;
	margin-top: 0px;
	left: -6px;
	top: 1px;
	border: 6px solid transparent;
	border-left-color: #333333;
	border-right: none;
}
#contenu .boiteQuiz li.placeholder:first-child:before{
	top: -14px;
}
#contenu .boiteQuiz li.dragged:first-child + li.placeholder:before{
	top: -14px;
}
#contenu .boiteQuiz li.dragged{
	position: absolute;
	background-color: #ebe7e9;
	z-index: 2000;
}

/* Boîte : questions répondues */
#contenu .boiteQuiz .qRepondue .lstChReponses{
	opacity: 0.6;
}
#contenu .boiteQuiz .qRepondue input.custom[type="checkbox"] + label:before,
#contenu .boiteQuiz .qRepondue input.custom[type="radio"] + label:before,
#contenu .boiteQuiz .qRepondue label{
	cursor: default;
}
#contenu .boiteQuiz .qRepondue .ordre li{
	cursor: default;
}

/* Boîte : questions : contrôles */
#contenu .boiteQuiz .controles{
	display: table;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
#contenu .boiteQuiz .controles > div{
	display: table-cell;
	vertical-align: bottom;
}
#contenu .boiteQuiz .validation{
	text-align: left;
	width: 35%;
}
#contenu .boiteQuiz .status{
	text-align: center;
}
#contenu .boiteQuiz .navigation{
	text-align: right;
	width: 35%;
}
#contenu .boiteQuiz .controles div > *{
	margin: 0px;
}
#contenu .boiteQuiz .validation button{
	padding: 0px 15px 0px 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 2; /* 30/15 */
	background-color: #555555;
	color: #ffffff;
}
#contenu .boiteQuiz .status p{
	font-size: 0.875em; /* 14/16 */
	line-height: 1;
	color: #828282;
}
#contenu .boiteQuiz .navigation li{
	display: inline-block;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
#contenu .boiteQuiz .navigation a:link,
#contenu .boiteQuiz .navigation a:visited{
	display: block;
	width: 30px;
	height: 30px;
	background-color: #555555;
	background-position: center center;
	background-repeat: no-repeat;
}
#contenu .boiteQuiz .navigation li.prec a{ background-image: url('../../img/icones/ecobim_ico_quizbt_prec.svg'); }
#contenu .boiteQuiz .navigation li.suiv a{ background-image: url('../../img/icones/ecobim_ico_quizbt_suiv.svg'); }
.no-svg #contenu .boiteQuiz .navigation li.prec a{ background-image: url('../../img/icones/png/ecobim_ico_quizbt_prec.png'); }
.no-svg #contenu .boiteQuiz .navigation li.suiv a{ background-image: url('../../img/icones/png/ecobim_ico_quizbt_suiv.png'); }
#contenu .boiteQuiz .navigation a:hover,
#contenu .boiteQuiz .navigation a:active,
#contenu .boiteQuiz .navigation a:focus,
#contenu .boiteQuiz .validation button:hover{
	background-color: #005d7b;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#contenu .boiteQuiz .validation button:focus{
	outline: none;
}

/* Boîte : questions : rétroactions */
#contenu .boiteQuiz .retro{
	margin: 15px 0px 0px 0px;
	padding: 10px 10px 0px 40px;
	background-color: #ffffff;
}
#contenu .boiteQuiz .retro *{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}
#contenu .boiteQuiz .retro th,
#contenu .boiteQuiz .retro strong{
	font-weight: 600; /* Insérer font */
}
#contenu .boiteQuiz .retro > ul,
#contenu .boiteQuiz .retro > ol,
#contenu .boiteQuiz .retro div > ul,
#contenu .boiteQuiz .retro div > ol{
	margin-bottom: 15px;
}
#contenu .boiteQuiz .retro > ul li,
#contenu .boiteQuiz .retro > ol li,
#contenu .boiteQuiz .retro > ul p,
#contenu .boiteQuiz .retro > ol p{
	margin: 0px 0px 5px 0px;
}
#contenu .boiteQuiz .retro .lib{
	display: block;
}
#contenu .boiteQuiz .retro.correcte{
	border: solid 1px #5d756a;
	background-image: url('../../img/icones/ecobim_ico_quizretro_correct.svg');
	background-repeat: no-repeat;
	background-position: top left;
}
.no-svg #contenu .boiteQuiz .retro.correcte{
	background-image: url('../../img/icones/png/ecobim_ico_quizretro_correct.png');
}
#contenu .boiteQuiz .correcte .lib{
	color: #5d756a;
}
#contenu .boiteQuiz .retro.incorrecte{
	border: solid 1px #b92025;
	background-image: url('../../img/icones/ecobim_ico_quizretro_incorrect.svg');
	background-repeat: no-repeat;
	background-position: top left;
}
.no-svg #contenu .boiteQuiz .retro.incorrecte{
	background-image: url('../../img/icones/png/ecobim_ico_quizretro_incorrect.png');
}
#contenu .boiteQuiz .incorrecte .lib{
	color: #b92025;
}
#contenu .boiteQuiz .retro.neutre{
	border: solid 1px #5f5b7b;
	background-image: url('../../img/icones/ecobim_ico_quizretro_neutre.svg');
	background-repeat: no-repeat;
	background-position: top left;
}
.no-svg #contenu .boiteQuiz .retro.neutre{
	background-image: url('../../img/icones/png/ecobim_ico_quizretro_neutre.png');
}
#contenu .boiteQuiz .neutre .lib{
	color: #5f5b7b;
}
#contenu .boiteQuiz .lstChReponses .retro{
	margin-top: 15px;
}
#contenu .boiteQuiz .retro .interTitre.figure{
	font-size: 1.133333333333333em; /* 17/15 */
}

/* Boîte : questions : états */
#contenu .boiteQuiz .etats{
	margin: 0;
	padding: 0;
	text-align: center;
}
#contenu .boiteQuiz ul.msg{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: 500;
}
#contenu .boiteQuiz ul.msg.erreur{
	color: #ba2025;
}
#contenu .boiteQuiz ul.msg li{
	margin: 5px 0px 0px 0px;
}

/* Accordéons */
#contenu .accordeon{
	margin: 0px 0px 15px 0px;
}
#contenu .accordeon .toggler{
	position: relative;
	margin: 15px 0px 0px 0px;
	padding: 2px 85px 2px 10px; /* 85px = 65px (lg plus grand mot) + 20px (marge) */
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.294117647058824; /* 22/17 */
	background-color: #b3c3ce;
	cursor: pointer;
}
#contenu .accordeon .toggler:first-child{
	margin-top: 0px;
}
#contenu .accordeon .toggler span{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	padding: 0px 21px 0px 0px; /* 16px + 5px */
	height: 16px; /* hauteur de l'icône */
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.8125em; /* 13/16 */
	line-height: 1.230769230769231; /* 16/13 */
	background: url('../../img/icones/ecobim_ico_accordeon.svg') no-repeat top right;
	color: #000000;
}
.no-svg #contenu .accordeon .toggler span{
	background: url('../../img/icones/png/ecobim_ico_accordeon.png') no-repeat top right;
}
#contenu .accordeon .toggler.active span{
	background-position: right -16px;
	color: #ffffff;
}
#contenu .accordeon .toggler.active{
	background-color: #6c6670;
	color: #ffffff;
	
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#contenu .accordeon > div{
	padding: 15px 0px 0px 15px;
	border-left: solid 1px #6c6670;
}

/* Playlists (vidéos) */
#contenu .animVideoPlaylist.visionneuse{
	margin-bottom: 15px;
}
#contenu .animVideoPlaylist.visionneuse figure{
	margin-bottom: 0;
}
#contenu .animVideoPlaylist.visionneuse ul{
	padding: 0;
	margin-top: -5px;
}
#contenu .animVideoPlaylist.visionneuse ul li{
	list-style: none;
	display: block;
	width: 50%;
	float: left;
	margin: 0;
	padding-top: 3px;
}
.ie8 #contenu .animVideoPlaylist.visionneuse ul li{
	padding: 1px;
}
#contenu .animVideoPlaylist.visionneuse ul li:nth-child(odd){
	padding-right: 3px;
}
#contenu .animVideoPlaylist.visionneuse ul li:only-child{
	width: 100%;
	padding-right: 0;
}
#contenu .animVideoPlaylist.visionneuse ul li a{
	display: inline-block;
	width: 100%;
	padding: 0 5px;
	min-height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background: #5d6678;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 1em; /* 16/16 */
}
#contenu .animVideoPlaylist.visionneuse ul li a:hover{
	background: #3d3d3d;
}
#contenu .animVideoPlaylist.visionneuse ul li a.active{
	background: #3d3d3d;
	cursor: default;
}
#contenu .animVideoPlaylist.liste h3{
	margin: 20px 0px 10px 0px;
	padding: 20px 0px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	text-transform: uppercase;
	border-top: solid 1px #959595;
	color: #333333;
}
#contenu .animVideoPlaylist.liste h3:first-of-type{
	margin-top: 35px;
	padding-top: 0px;
	border: none;
}
#contenu .animVideoPlaylist.liste a.active{
	text-decoration: none;
}

/* Progression : barre */
#contenu .etatSuivi{
	width: 57.27272727272727%; /* 630/1100 */
	margin: 50px auto 75px auto;
	text-align: center;
}
#contenu .pourcentSuivi{
	display: block;
	margin: 0px 0px 10px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1; /* 15/15 */
	text-transform: uppercase;
}
#contenu .barreSuivi{
	padding: 1px;
	border: solid 1px #959595;
}
#contenu .barreSuivi .remp{
	width: 0;
	background-color: #f67441;
}
#contenu .consignesSuivi{
	margin: 0px 0px 35px 0px;
}

/* Progression : liste  */
#contenu ol.lstSuivi,
#contenu ol.lstSuivi ol{
	margin: 0;
	padding: 0;
}
#contenu ol.lstSuivi > li{
	display: block;
	float: left;
	width: 33.33333333333333%;
	margin: 0px 0px 35px 0px;
	padding: 0px 0px 0px 90px;
	text-transform: uppercase;
	counter-increment: cptLstSuivi;
}
.ie8 #contenu ol.lstSuivi > li{
	padding: 0px;
}
#contenu ol.lstSuivi > li:before{
	margin-right: 5px;
	content: counter(cptLstSuivi)"-";
	color: #333333;
}
#contenu ol.lstSuivi > li:first-child{
	padding-left: 0px;
	padding-right: 90px;
}
#contenu ol.lstSuivi > li:nth-child(3n+2){
	padding-left: 45px;
	padding-right: 45px;
}
#contenu ol.lstSuivi > li:nth-child(4n){
	padding-left: 0px;
	padding-right: 90px;
	clear: left;
}
#contenu ol.lstSuivi li{
	list-style-type: none;
}
#contenu ol.lstSuivi li a:link,
#contenu ol.lstSuivi li a:visited{
	display: block;
	padding: 0px 0px 5px 0px;
}

/* Progression : liste : niveau 2 */
#contenu ol.lstSuivi > ol{
	list-style-type: none;
}
#contenu ol.lstSuivi ol li{
	margin-top: 5px;
	line-height: 1.266666666666667; /* 19px/15px (identique au menu principal) */
	text-transform: none;
}
#contenu ol.lstSuivi ol li:first-child{
	margin-top: 10px;
}
#contenu ol.lstSuivi ol li a:link,
#contenu ol.lstSuivi ol li a:visited{
	padding: 5px 0px 5px 20px;
	text-decoration: none;
	border-bottom: none;
}
#contenu ol.lstSuivi ol li a:hover,
#contenu ol.lstSuivi ol li a:active,
#contenu ol.lstSuivi ol li a:focus{
	text-decoration: underline;
	color: #005d7b;
}
#contenu ol.lstSuivi ol li.itemConsulte a{ /* Trace de l'usager */
	background: url('../../img/icones/ecobim_ico_progres.svg') no-repeat 0px 8px; 
}
.no-svg #contenu ol.lstSuivi ol li.itemConsulte a{ /* Trace de l'usager */
	background-image: url('../../img/icones/png/ecobim_ico_progres.png'); 
}

/* Évaluation en ligne */
#contenu #minuterie{
	position: fixed;
	top: 285px;
	right: 0px;
	padding: 20px 20px 40px 20px;
	background-color: rgba(255,255,255, 0.90);
	font-weight: 500;
	font-size: 0.9375em;
	z-index: 99;
}
#contenu div.mlw_qmn_timer{
	background: transparent;
	top: 327px;
	right: 0px;
	padding: 0px 20px;
	color: #333333;
	text-align: left;
	width: auto;
	z-index: 99;
}
#contenu #btCommencerEval{
	text-align: center;
	margin-top: 50px;
}
#contenu #btCommencerEval a:link,
#contenu #btCommencerEval a:visited{
	display: inline-block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #556975;
	color: #ffffff;
	/* Transition/animation */
	transition: all 0.3s ease-out;
}
#contenu #btCommencerEval a:hover,
#contenu #btCommencerEval a:active,
#contenu #btCommencerEval a:focus{
	background-color: #3d3d3d;
}
#contenu .quiz_section{
	padding: 0px;
}
#contenu .mlw_qmn_question h3{
	font-weight: 400;
	font-size: 1.1875em; /* 19/16 */
	line-height: 1.263157894736842; /* 24/19 */
}
#contenu .mlw_qmn_question p{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.235294117647059; /* 21/17 */
}
#contenu .qmn_mc_answer_wrap{
	margin-bottom: 20px;
	padding-left: 38px;
}
#contenu div.mlw_qmn_quiz input[type=radio]{
	margin-left: -38px;
	margin-right: 5px;
}
#contenu .mlw_qmn_quiz br{
	display: none;
}
#contenu div.mlw_qmn_quiz input[type=submit]{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 2; /* 30/15 */
	background-color: #555;
	border: none;
	color: #fff;
	padding: 0px 15px;
	margin: 30px 0px 0px 0px;
	cursor: pointer;
}
#contenu div.mlw_qmn_quiz input[type=submit]:active,
#contenu div.mlw_qmn_quiz input[type=submit]:hover,
#contenu div.mlw_qmn_quiz input[type=submit]:focus{
	background-color: #005d7b;
}
#contenu .qmn_error_message{
	margin: 20px 0px;
	padding: 5px 10px 5px 45px;
	min-height: 35px;
	background: url('../../img/icones/ecobim_ico_msgerreurs.svg') no-repeat top left;
	border: solid 1px #959595;
	color: #ba2025;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
}
#contenu .qmn_error .mlw_qmn_question h3,
#contenu .qmn_error .mlw_qmn_question p{
	color: #ba2025;
}
#contenu #mlw_error_message_bottom{
	margin: 25px 0px 0px 0px;
}

/* Questionnaire d'appréciation */
#contenu .ninja-forms-cont{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
#contenu .ninja-forms-cont .ninja-forms-required-items{
	margin: 0px 0px 20px 0px;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	color: #333333;
}
#contenu .ninja-forms-cont .ninja-forms-error-msg p{
	padding: 5px 10px 5px 45px;
	min-height: 35px;
	background: url('../../img/icones/ecobim_ico_msgerreurs.svg') no-repeat top left;
	border: solid 1px #959595;
	color: #ba2025;
}
#contenu .ninja-forms-cont .ninja-forms-req-symbol{
	font-weight: 500;
}
#contenu .ninja-forms-cont .hp-wrap,
#contenu .ninja-forms-cont .honeypot-wrap{
	display: none;
}

/* Questionnaire d'appréciation : questions */
#contenu .ninja-forms-cont .field-wrap{
	margin: 0px 0px 20px 0px;
}
#contenu .ninja-forms-cont .field-wrap > label{
	display: inline-block;
	margin: 0px 0px 5px 0px;
}
#contenu .ninja-forms-cont .field-wrap input[type="radio"]{
	margin-right: 5px;
}
#contenu .ninja-forms-cont .field-wrap .ninja-forms-field-error{
	font-size: 0.875em; /* 14/16 */
	line-height: 1;
	color: #ba2025;
}
#contenu .ninja-forms-cont .ninja-forms-error > label,
#contenu .ninja-forms-cont .ninja-forms-error .ninja-forms-req-symbol{
	color: #ba2025;
}

/* Questionnaire d'appréciation : choix de réponses */
#contenu .ninja-forms-cont .list-radio-wrap ul{
	margin: 0;
	padding: 0;
}
#contenu .ninja-forms-cont .list-radio-wrap ul li{
	list-style-type: none;
}
#contenu .ninja-forms-cont .list-radio-wrap ul li label{
	cursor: pointer;
}

/* Questionnaire d'appréciation : zones de texte */
#contenu .ninja-forms-cont .textarea-wrap textarea{
	width: 100%;
	min-height: 150px;
}
#contenu .ninja-forms-cont .textarea-wrap textarea,
#contenu .ninja-forms-cont .textarea-wrap .input-counter{
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	color: #333333;
}

/* Questionnaire d'appréciation : bouton envoyer */
#contenu .ninja-forms-cont .submit-wrap input[type=submit]{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 0.9375em; /* 15/16 */
	line-height: 2; /* 30/15 */
	background-color: #555;
	border: none;
	color: #fff;
	padding: 0px 15px;
	cursor: pointer;
}
#contenu .ninja-forms-cont .submit-wrap input[type=submit]:active,
#contenu .ninja-forms-cont .submit-wrap input[type=submit]:hover,
#contenu .ninja-forms-cont .submit-wrap input[type=submit]:focus{
	background-color: #005d7b;
}

/* Recherches */
#lstResultatsRech{
	margin: 0px 0px 15px 0px;
}
#lstResultatsRech h3{
	margin: 0px 0px 10px 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
}
#lstResultatsRech h3 a:link,
#lstResultatsRech h3 a:visited{
	text-decoration: none;
	color: #333333;
}
#lstResultatsRech h3 a:hover,
#lstResultatsRech h3 a:active,
#lstResultatsRech h3 a:focus{
	text-decoration: underline;
	color: #005d7b;
}
#lstResultatsRech > div{
	padding: 15px 0px 0px 0px;
	border-top: solid 1px #959595;
}
#lstResultatsRech > div:first-child{
	border-top: none;
}
#navResultatsRech ul{
	margin: 0px 0px 15px 0px;
	padding: 0;
	list-style-type: none;
}
#navResultatsRech ul li.alignGauche{
	float: left;
	width: auto;
}
#navResultatsRech ul li.alignDroite{
	float: right;
	width: auto;
}
#lstResultatsRech mark{
	background-color: #d1d2d4;
	color: inherit;
}

/* zoneSecondaire */
#zoneSecondaire{
	margin-top: 400px;
	padding-bottom: 30px;
}
#zoneSecondaire .infosConnexes{
	padding-top: 30px;
}
#zoneSecondaire h2{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 5px 0px;
	font-weight: 500;
	font-size: 0.9375em; /* 15/16 */
	line-height: 1.533333333333333; /* 23/15 */
	border-bottom: dotted 1px #6c6670;
	color: #6c6670;
}
#zoneSecondaire ul{
	margin-bottom: 25px;
	padding: 0;
	list-style-type: none;
}
#zoneSecondaire ul li,
#zoneSecondaire ol li{
	margin-bottom: 10px;
	line-height: 1.4; /* 21/15 */
}
#zoneSecondaire .infosConnexes :last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/* zoneSecondaire : Documentation */

#zoneDocumentations {
	width: 73.77049%; /* 270/366 */
}
/* zoneSecondaire : Babillard */
#zoneBabillard {
	background: url('../../img/structure/ecobim_bg_babillard.png');
	margin-top: 30px;
	padding: 30px;
}
#zoneBabillard .contenuBabillard {
	background: rgb(255, 255, 255);
	filter: alpha(opacity=90);
	/*opacity: 0.9;*/
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
}
#zoneBabillard .contenuBabillard h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #02549b;
	border-bottom: none;
	text-transform: uppercase;
	margin-top: 0;
}
#zoneBabillard .contenuBabillard h2 {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 14px;
	color: #3372ae;
	border-bottom: none;
	margin-bottom: 0;
}
#zoneBabillard .contenuBabillard p {
    line-height: 20px;
}
#zoneBabillard .contenuBabillard:last-child {
    padding-bottom: 20px;
}
/* zoneSecondaire : etatSuiviMinimal */
#etatSuiviReduit{
	padding-top: 30px;
	margin-bottom: 10px;
}
#zoneSecondaire #etatSuiviReduit h2{
	margin-bottom: 15px;
}
#etatSuiviReduit .barreSuivi{
	height: 25px;
	padding: 2px;
	border: solid 1px #959595;
	position: relative;
}
#etatSuiviReduit .barreSuivi .pourcentSuivi{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}
#etatSuiviReduit .barreSuivi .remp{
	width: 0;
	height: 19px;
	background-color: #f67441;
}

/* zoneSecondaire : zoneConseil */
#zoneConseil blockquote{
	position: relative;
	min-height: 25px;
	margin: 0;
	padding: 0px 35px 0px 35px;
}
#zoneConseil blockquote:before,
#zoneConseil blockquote:after{
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 25px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#zoneConseil blockquote:before{
	top: 5px;
	left: 0;
	background-image: url('../../img/icones/ecobim_ico_citationouvert.svg');
}
.no-svg #zoneConseil blockquote:before{
	background-image: url('../../img/icones/png/ecobim_ico_citationouvert.png');
}
#zoneConseil blockquote:after{
	bottom: 5px;
	right: 0;
	background-image: url('../../img/icones/ecobim_ico_citationferme.svg');
}
.no-svg #zoneConseil blockquote:after{
	background-image: url('../../img/icones/png/ecobim_ico_citationferme.png');
}
#zoneConseil p{
	margin: 5px 0px 0px 0px;
	font-weight: 300;
	font-size: 1.125em; /* 18/16 */
	line-height: 1.277777777777778; /* 23/18 */
	color: #6c6670;
}
#zoneConseil p:first-child{
	margin-top: 0;
}
#zoneConseil p.auteur{
	padding: 0px 35px 0px 35px;
}

/* zoneSecondaire : zoneDocumentations */
#zoneDocumentations ul.listePDF,
#zoneDocumentations ul.listeDocs,
#zoneDocumentations ul.listeExcel{
	min-height: 50px;
	padding-left: 55px;
}
#zoneDocumentations ul.listePDF{
	background: url('../../img/icones/ecobim_ico_pdf.svg') 0px 0px no-repeat;
}
.no-svg #zoneDocumentations ul.listePDF{
	background: url('../../img/icones/png/ecobim_ico_pdf.png') 0px 0px no-repeat;
}
#zoneDocumentations ul.listeDocs{
	background: url('../../img/icones/ecobim_ico_word.svg') 0px 0px no-repeat;
}
.no-svg #zoneDocumentations ul.listeDocs{
	background: url('../../img/icones/png/ecobim_ico_word.png') 0px 0px no-repeat;
}
#zoneDocumentations ul.listeExcel{
	background: url('../../img/icones/ecobim_ico_excel.svg') 0px 0px no-repeat;
}
.no-svg #zoneDocumentations ul.listeExcel{
	background: url('../../img/icones/png/ecobim_ico_excel.png') 0px 0px no-repeat;
}

/* zoneSecondaire : zoneReferences */
#zoneReferences ul{
	min-height: 40px;
	padding-left: 55px;
	background: url('../../img/icones/ecobim_ico_reference.svg') 0px 0px no-repeat;
}

/* ==================================================
 * zoneBasPage
 * ================================================== */

#zoneExtraBP{
	background-color: #3d3d3d;
}
footer, .push{
	height: 50px; /* .push must be the same height as .footer */
}
footer{
	font-family: 'Roboto', sans-serif;
	font-size: 0.875em; /* 14/16 */
	line-height: 3.571428571428571; /* 50/14 */
}

/* zoneCredits */
#zoneCredits{
	float: left;
	width: auto;
}
#zoneCredits p{
	margin: 0px 0px 0px 0px;
	color: #cccccc;
}

/* zoneUtilitaire */
#zoneUtilitaire{
	display: table;
	float: right;
	width: auto;
}

/* zoneUtilitaire : menu utilitaire */
#zoneUtilitaire ul{
	margin: 0px 25px 0px 0px;
	padding: 0px;
}
#zoneUtilitaire li{
	display: inline-block;
	padding: 0px 15px 0px 15px;
	line-height: 1;
	border-left: solid 1px #ffffff;
}
#zoneUtilitaire li:first-child{
	padding-left: 0px;
	border-left: none;
}
#zoneUtilitaire li a:link,
#zoneUtilitaire li a:visited{
	color: #ffffff
}
#zoneUtilitaire li.current-menu-item a{
	text-decoration: underline;
}

/* zoneUtilitaire : recherche */
#zoneUtilitaire form{
	display: table-cell;
	vertical-align: middle;
}
#zoneUtilitaire input[type="text"]{
	float: left;
	width: 175px;
	height: 30px;
	margin: auto 0px auto 0px;
	padding: 0px 5px 0px 5px;
	color: #333333;
	border: solid 1px #959595;
}
#zoneUtilitaire button[type="submit"]{
	float: left;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	/* Pour IE8 */
	background: #959595 url('../../img/icones/png/ecobim_ico_recherche.png') center center no-repeat;
	/* ******** */
	/*background: #959595 url('../../img/icones/ecobim_ico_recherche.svg') center center no-repeat;*/
	border: none;
}
#zoneUtilitaire button[type="submit"]:hover,
#zoneUtilitaire button[type="submit"]:focus{
	background-color: #005d7b;
}
#zoneUtilitaire .toggleRecherche{
	display: none;
	height: 40px;
	width: 40px;
	padding: 0;
	line-height: 1;
	text-align: center;
	background-color: #959595;
	border: none;
}
#zoneUtilitaire .toggleRecherche > span{
	display: inline-block;
	height: 28px;
	width: 28px;
	line-height: 1;
	vertical-align: middle;
	background: url('../../img/icones/ecobim_ico_recherche_xs.svg') no-repeat 0 0;
	overflow: hidden;
}
.no-svg #zoneUtilitaire .toggleRecherche > span{
	background-image: url('../../img/icones/png/ecobim_ico_recherche_xs.png');
}
#zoneUtilitaire .toggleRecherche.ouvert > span{
	background-position: 0 -28px;
}

/* ==================================================
 * pages : styles communs
 * ================================================== */

/* ==================================================
 * outils (classes utilitaires)
 * ================================================== */

/* Image replacement */
.ir{
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before{
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden{
    display: none !important;
    visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible{
    visibility: hidden;
}

/* clearfix : clear selon la manière actuelle (idéale) */
.clearfix:before,
.clearfix:after{
    content: " ";
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}

/* clearbase : clear selon la manière traditionnelle */
.clearbase{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* ==================================================
 * media queries standards
 * résolution par défaut : 1200px et plus (pour IE 8)
 * ajustements ci-dessous pour les résolutions plus basses
 * basées sur les media queries de Bootstrap v3.3.2
 
 * Mobile portrait/paysage : 767px et moins
 * Tablette portrait : 768px et plus
 * Ordinateur SD et tablette paysage : 992px et plus
 * Ordinateur HD : 1200px et plus (résolution par défaut)
 * ================================================== */

/* http://css-tricks.com/snippets/html/responsive-meta-tag/ */
@-ms-viewport{
	width: device-width;
}

/* Ordinateur SD et moins (991px et moins) */
@media only screen and (max-width: 991px){
	/* ==================================================
	 * styles de base
	 * ================================================== */
	
	.wrapper{
		overflow: hidden; /* Cache l'excédant du fond de zoneSecondaire */
	}
	
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */

	/* zoneIdentitaire */
	#zoneIdentitaire #connexion{
		padding: 7px 0 8px 0;
	}

	/* zoneEntete : logo */
	#zoneEntete #logo a img{
		max-height: 40px;
	}
	
	/* zoneEntete : menuPrincipal */
	#menuPrincipal{
		padding: 10px 0px 10px 0px;
	}
	.toggleMenuPrincipal{
		display: block;
	}
	.lstMenuPrincipal{
		display: none;
		position: absolute;
		top: 50px;
		right: 0;
		width: 81.42857142857143%; /* 285/350 */
		line-height: 1.461538461538462; /* 19/13 */
		background: #ffffff;
		box-shadow: 0px 3px 7px #252525; /* browser support */
		box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35);
		z-index: 500;
	}
	.lstMenuPrincipal > li{
		float: none;
		width: auto;
		margin: 0;
		border-top: solid 1px #959595;
	}
	.lstMenuPrincipal > li,
	.lstMenuPrincipal > li.itemActif{
		padding: 0;
		border-bottom: none;
	}
	.lstMenuPrincipal li a:link,
	.lstMenuPrincipal li a:visited{
		padding: 10px 0px 10px 20px;
		border-bottom: none;
		color: #333333;
	}
	.lstMenuPrincipal > li > a{
		position: relative;
	}
	.lstMenuPrincipal > li.itemActif > a{
		border-left: solid 6px #000000;
		padding-left: 14px;
	}
	.lstMenuPrincipal > li > a:before{
		color: #333333;
	}
	.lstMenuPrincipal > li > a:after{
		display: inline-block;
		width: 12px;
		height: 10px;
		margin-left: 10px;
		content: "";
		background: url('../../img/icones/ecobim_ico_sousmenu_xs.svg') no-repeat 0 0;
	}
	.no-svg .lstMenuPrincipal > li > a:after{
		background-image: url('../../img/icones/png/ecobim_ico_sousmenu_xs.png');
	}
	.lstMenuPrincipal > li.active > a:after{
		background-position: 0 -10px;
	}
	.lstMenuPrincipal > li.sansSousMenu > a:after{
		width: 0;
		height: 0;
		background: none;
	}
	
	/* zoneEntete : menuPrincipal : niveau 2 */
	.lstMenuDeroulant .sub.visuallyhidden{
		position: absolute;
	}
	.lstMenuDeroulant .sub{
		position: inherit;
		top: 0;
		left: 0!important; /* Reset la position en JS */
		width: auto;
	}
	
	/* particularités : menuPrincipal */
	.lstMenuPrincipal .sub{
		box-shadow: none;
		padding-left: 20px;
	}
	
	/* particularités : menuProfil */
	.lstMenuProfil .sub{
		position: absolute;
		width: 110px;
		top: 16px;
	}
	
	/* ==================================================
	 * accueil : zoneIntro
	 * ================================================== */
	
	#zoneIntro{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#zoneAccroche .accroche{
		padding: 10px 10px 10px 10px;
	}
	#zoneAccroche h1{
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 10px 0px;
		font-size: 1.25em; /* 20/16 */
		line-height: 1.15; /* 23/20 */
	}
	#zoneAccroche p,
	#zoneAccroche span,
	#zoneAccroche ul,
	#zoneAccroche ol,
	#zoneAccroche table,
	#zoneAccroche label{
		font-size: 0.9375em; /* 15/16 */
		line-height: 1.333333333333333; /* 20/15 */
	}
	#zoneMedia{
		margin-bottom: 10px;
	}
	
	/* ==================================================
	 * accueil : zoneMilieuPage
	 * ================================================== */
	
	.accueil #zoneMilieuPage{
		/*padding-top: 40px;
		padding-bottom: 40px;*/
	}
	.accueil #zoneContenu section:first-child{ /* Annule l'application par défaut */
		margin-top: 60px;
	}
	.accueil #zoneContenu .colonne:first-child section:first-child{  /* Retire la marge du haut de la première section de la première colonne */
		margin-top: 0px;
	}
	.accueil #zoneContenu section:last-child > :last-child{ /* Annule l'application par défaut */
		margin-bottom: 15px;
	}
	.accueil #zoneContenu .colonne:last-child section:last-child > :last-child{ /* Retire la marge du bas du dernier élément de la dernière section de la dernière colonne */
		margin-bottom: 0px;
	}
	.accueil #zoneContenu .colonne section,
	.accueil #zoneContenu .colonne:first-child section{ /* Annule l'application par défaut */
		padding: 0px;
	}
	.accueil #zoneAnnexe{
		padding-top: 40px;
	}
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	/* Accordéons */
	#contenu .accordeon .toggler{
		padding: 9px 108px 9px 15px; /* 108px = 78px (lg plus grand mot) + 30px (marge) */
	}
	#contenu .accordeon .toggler span{
		right: 15px;
		padding: 0px 34px 0px 0px; /* 24px + 10px */
		height: 24px; /* hauteur de l'icône */
		line-height: 1.846153846153846; /* 24/13 */
		background: url('../../img/icones/ecobim_ico_accordeon.svg') no-repeat top right;
		background-size: 24px;
	}
	#contenu .accordeon .toggler.active span{
		background-position: right -24px;
	}

	/* Playlists (vidéos) */
	#contenu .animVideoPlaylist.visionneuse ul{
		margin-top: -4px;
	}

	/* Évaluation en ligne */
	#contenu #minuterie{
		position: absolute;
		top: 20px;
		left: auto;
		right: 30px;
		background: transparent;
		border: solid 1px #cccccc;
		padding: 5px 10px 25px 10px;
		/*top: 232px;
		left: auto;
		right: 0px;*/
	}
	#contenu div.mlw_qmn_timer{
		position: absolute;
		top: 45px;
		left: auto;
		right: 30px;
		padding: 0px 10px;
		/*top: 274px;
		left: auto;
		right: 0px;*/
	}
	
	/* zoneSecondaire */
	#zoneSecondaire{
		margin-top: 0px;
		background-color: #eeeeee;
		overflow: visible; /* Émulation du fond pleine largeur pour un conteneur avec une largeur définie */
	}
	#zoneSecondaire:before,
	#zoneSecondaire:after{
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: #eeeeee; /* Couleur de fond identique à celle de zoneSecondaire */
		
	}
	#zoneSecondaire:before{
		left: 100%;
	}
	#zoneSecondaire:after{
		right: 100%;
	}
	#zoneDocumentations {
		width: 100%;
	}
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	footer{
		font-size: 0.8125em; /* 13/16 */
	}
	
	/* zoneUtilitaire : recherche */
	#zoneUtilitaire form{
		display: none;
		position: absolute;
		right: 0;
		bottom: 100%;
		width: 100%;
	}
	#zoneUtilitaire input[type="text"]{
		width: 100%;
		height: 50px;
		padding: 0px 10px 0px 38px; /* 18(lg icône) + 20(marge) */
		background: #ffffff url('../../img/icones/ecobim_ico_recherchech_xs.svg') no-repeat 10px center;
	}
	#zoneUtilitaire form button{
		display: none;
	}
	#zoneUtilitaire .toggleRecherche{
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -20px;
	}
}

/* Mobile portrait/paysage (767px et moins) */
@media only screen and (max-width: 767px){
	/* ==================================================
	 * styles de base
	 * ================================================== */
	
	.wrapper {
		margin: 0 auto -60px; /* Un peu plus haut vu que le contenu du footer est sur deux lignes */
	}
	
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */

	/* zoneIdentitaire */
	#zoneIdentitaire{
		display: none;
	}
	
	/* zoneEntete */
	#zoneEntete #titre{
		padding : 8px 55px 15px 0px; /* Inclus la largeur du bt menu */
	}
	#zoneEntete h1{
		max-width: 360px;
		font-size: 1.875em; /* 30/16 */
		line-height: 1.2; /* 24/20 */
	}

	/* zoneEntete : logo */
	#zoneEntete #logo{
		position: absolute;
		margin-top: 0px;
		top: 0px;
		right: 10px;
	}
	#zoneEntete #logo a img{
		max-width: 65px;
		max-height: inherit;
		margin-top:	10px;
	}
	
	/* zoneEntete : menuPrincipal */
	#menuPrincipal{
		position: absolute;
		top: 50px;
		right: 20px;
		width: 262px; /* Largeur fixe pour ne pas que le menu soit trop grand */
	}
	.lstMenuPrincipal{
		right: 0;
		width: 90%;
	}
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	#zoneExtraMP{
		min-height: 170px;
	}
	
	/* zoneContenu */
	.page #zoneContenu{
		margin-top: 50px;
	}
	#zoneContenu article,
	#zoneContenu #contenu{
		min-height: inherit;
	}
	
	/* zoneContenu : contenu général */
	#zoneMilieuPage .note,
	#zoneMilieuPage .source{
		font-size: 0.8125em; /* 13/16 */
		line-height: 1.153846153846154; /* 15/13 */
	}
	
	/* zoneContenu : titres spéciaux */
	#zoneContenu .titreIco{
		line-height: 30px;
	}
	#zoneContenu .titreIco img{
		width: 30px;
	}
	
	/* Schéma : 8 étapes */
	#contenu .schemaHuitEtapes{
		margin-bottom: 0px;
	}
	#contenu .schemaHuitEtapes li{
		width: 100%;
		float: none;
		padding: 10px;
		height: auto;
		border-bottom: solid 1px #ffffff;
		margin-bottom: 0;
	}
	#contenu .schemaHuitEtapes li .texte:before{
		display: inline;
		font-weight: 400;
		font-size: 1em; /* 16/16 */
		margin-right: 5px;
	}
	#contenu .schemaHuitEtapes li.itemActif .texte:before{
		font-weight: 700;
	}
	#contenu .schemaHuitEtapes li .fleche{
		width: auto;
		height: 10px;
		left: 0;
		right: 0;
		top: auto;
		bottom: -10px;
		background-image: url('../../img/structure/ecobim_schemahuitetapes_xs.svg');
		background-position: center -20px; /* fallback */
	}
	.no-svg #contenu .schemaHuitEtapes li .fleche{
		background-image: url('../../img/structure/png/ecobim_schemahuitetapes_xs.png');
	}
	#contenu .schemaHuitEtapes li:nth-child(1) .fleche{
		background-position: center -10px;
	}
	#contenu .schemaHuitEtapes li:nth-child(2) .fleche{
		background-position: center -20px;
	}
	#contenu .schemaHuitEtapes li:nth-child(3) .fleche{
		background-position: center -30px;
	}
	#contenu .schemaHuitEtapes li:nth-child(4) .fleche{
		background-position: center -40px;
	}
	#contenu .schemaHuitEtapes li:nth-child(5) .fleche{
		background-position: center -50px;
	}
	#contenu .schemaHuitEtapes li:nth-child(6) .fleche{
		background-position: center -60px;
	}
	#contenu .schemaHuitEtapes li:nth-child(7) .fleche{
		background-position: center -70px;
	}
	#contenu .schemaHuitEtapes li.itemActif .fleche{
		background-position: center 0px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(1) .fleche{
		background-position: center -80px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(2) .fleche{
		background-position: center -90px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(3) .fleche{
		background-position: center -100px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(4) .fleche{
		background-position: center -110px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(5) .fleche{
		background-position: center -120px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(6) .fleche{
		background-position: center -130px;
	}
	#contenu .schemaHuitEtapes.couleur li:nth-child(7) .fleche{
		background-position: center -140px;
	}

	/* Schéma : plan de communication */
	#contenu .schemaPlanCommunication ul li{
		float: none;
		padding: 0px;
		margin-bottom: 12px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(1),
	#contenu .schemaPlanCommunication ul li:nth-child(2),
	#contenu .schemaPlanCommunication ul li:nth-child(3),
	#contenu .schemaPlanCommunication ul li:nth-child(4),
	#contenu .schemaPlanCommunication ul li:nth-child(5){
		width: 100%;
	}
	#contenu .schemaPlanCommunication ul li p{
		padding: 10px 10px 12px 10px;
	}
	#contenu .schemaPlanCommunication ul li p br{
		display: none;
	}
	#contenu .schemaPlanCommunication ul li p .fleche{
		width: 23px;
		height: 10px;
		background-image: url('../../img/structure/ecobim_schemaplancom_xs.svg');
	}
	.no-svg #contenu .schemaPlanCommunication ul li p .fleche{
		background-image: url('../../img/structure/png/ecobim_schemaplancom_xs.png');
	}
	#contenu .schemaPlanCommunication ul li p .fleche.gauche{
		top: -10px;
		left: 42%;
		background-position: center -10px; /* fallback */
	}
	#contenu .schemaPlanCommunication ul li p .fleche.droite{
		bottom: -10px;
		right: 42%;
		background-position: center -20px; /* fallback */
	}
	#contenu .schemaPlanCommunication ul li:nth-child(1) p .fleche.droite{
		background-position: center 0px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(2) p .fleche.gauche{
		background-position: center -10px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(2) p .fleche.droite{
		background-position: center -20px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(3) p .fleche.gauche{
		background-position: center -30px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(3) p .fleche.droite{
		background-position: center -40px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(4) p .fleche.gauche{
		background-position: center -50px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(4) p .fleche.droite{
		background-position: center -60px;
	}
	#contenu .schemaPlanCommunication ul li:nth-child(5) p .fleche.gauche{
		background-position: center -70px;
	}

	/* Schéma : publics cibles */
	#contenu .schemaPublicsCibles th.gauche{
		padding-right: 10px;
	}
	#contenu .schemaPublicsCibles th.bas{
		padding-top: 5px;
	}
	#contenu .schemaPublicsCibles td.haut.gauche,
	#contenu .schemaPublicsCibles td.haut.droite,
	#contenu .schemaPublicsCibles td.bas.gauche,
	#contenu .schemaPublicsCibles td.bas.droite{
		padding: 10px;
		height: 125px;
	}
	#contenu .schemaPublicsCibles td.haut.gauche{
		border-left: solid 10px #ffffff;
		border-bottom: solid 5px #ffffff;
	}
	#contenu .schemaPublicsCibles td.haut.dDroite{
		border-left: solid 5px #ffffff;
		border-bottom: solid 5px #ffffff;
	}
	#contenu .schemaPublicsCibles td.bas.gauche{
		border-left: solid 10px #ffffff;
		border-bottom: solid 10px #ffffff;
	}
	#contenu .schemaPublicsCibles td.bas.droite{
		border-left: solid 5px #ffffff;
		border-bottom: solid 10px #ffffff;
	}

	/* Boîte : étude de cas */
	#contenu .boiteEtudeCas img{
		float: none;
		margin: 0px 0px 10px 0px;
	}

	/* Boîte : trucs du métier */
	#contenu .boiteTrucsMetier .icone{
		width: 30px;
	}

	/* Boîte : questions : texte */
	#contenu .boiteQuiz .txtQuestion .miseEnSituation img{
		float: none;
		margin: 0px 0px 20px 0px;
	}

	/* Boîte : questions : contrôles */
	#contenu .boiteQuiz .validation{
		width: 50%;
	}
	#contenu .boiteQuiz .status{
		text-align: right
	}
	#contenu .boiteQuiz .navigation{
		width: 90px;
	}

	/* Playlists (vidéos) */
	#contenu .animVideoPlaylist.visionneuse ul li{
		width: 100%;
	}
	#contenu .animVideoPlaylist.visionneuse ul li:nth-child(odd){
		padding-right: 0;
	}

	/* Progression : liste  */
	#contenu ol.lstSuivi > li{
		width: 50%;
	}
	#contenu ol.lstSuivi > li:nth-child(odd){
		padding-left: 0px;
		padding-right: 15px;
		clear: left;
	}
	#contenu ol.lstSuivi > li:nth-child(even){
		padding-left: 15px;
		padding-right: 0px;
	}
	#contenu ol.lstSuivi > li:nth-child(4n){
		clear: none;
	}
	
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	footer{
		line-height: 1; /* 19/13 */
	}
	footer, .push{
		height: 60px; /* .push must be the same height as .footer */
	}
	footer > div,
	footer > div > div{
		height: 100%;
	}
	#zoneCredits{
		float: none;
		width: 100%;
		padding: 10px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	#zoneUtilitaire{
		position: absolute;
		left: 0;
		bottom: 0;
		display: inherit;
		float: none;
		width: 100%;
		height: 100%;
	}
	#zoneUtilitaire ul{
		position: absolute;
		left: 10px;
		bottom: 10px;
		margin: 0px;
	}
	
	/* zoneUtilitaire : recherche */
	#zoneUtilitaire .toggleRecherche{
		right: 10px;
	}
}

/* Mobile petit écran (480px et moins) */
@media only screen and (max-width: 480px){
	/* ==================================================
	 * styles de base
	 * ================================================== */
	body{
		font-size: 85%;
		line-height: 1.1;
	}

	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */

	/* zoneEntete */
	#zoneEntete #titre{
		padding : 10px 0px 10px 0px;
	}
	#zoneEntete h1{
		font-size: 1.5em; /* 24/16 */
		line-height: 1.1;
		width: 160px;
	}

	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */

	 /* zoneContenu : titres */
	#zoneContenu h3,
	#zoneContenu h4,
	#zoneContenu h5,
	#zoneContenu h6{
		margin: 25px 0px 10px 0px;
	}
	 /* zoneContenu : contenu général */
	#zoneMilieuPage p,
	#zoneMilieuPage ul,
	#zoneMilieuPage ol,
	#zoneMilieuPage table,
	#zoneMilieuPage img,
	#zoneMilieuPage figure{
		margin: 0px 0px 10px 0px;
	}
	#zoneMilieuPage p.sansMarge,
	#zoneMilieuPage ul.sansMarge,
	#zoneMilieuPage ol.sansMarge,
	#zoneMilieuPage table.sansMarge,
	#zoneMilieuPage img.sansMarge,
	#zoneMilieuPage .sansMarge,
	#zoneMilieuPage ul li,
	#zoneMilieuPage ol li{
		margin-bottom: 3px;
	}
	/* zoneContenu : images */
	#zoneMilieuPage img.alignGauche,
	#zoneMilieuPage img.alignDroite{
		float: none;
		margin: 0px 0px 10px 0px;
	}

	/* Navigation entres les pages */
	#navPageForm{
		margin: 35px 0px 0px 0px;
		padding: 25px 0px 0px 0px;
	}

	/* Schéma : 2 étapes */
	#contenu .schemaDeuxEtapes li{
		width: 50%;
		max-width: 120px;
		padding: 12px 10px 15px 22px;
	}

	/* Schéma : cycle */
	#contenu .schemaCycle li{
		width: auto;
		padding: 10px 15px 10px 15px;
	}
	#contenu .schemaCycle li:first-child{
		margin-right: 17px;
	}
	#contenu .schemaCycle li.gauche .fleche{
		bottom: 5px;
	}
	#contenu .schemaCycle li.droite .fleche{
		top: 5px;
	}

	/* Schéma : plan de communication */
	#contenu .schemaPlanCommunication ul li p .fleche.gauche{
		top: -10px;
		left: 38%;
	}
	#contenu .schemaPlanCommunication ul li p .fleche.droite{
		bottom: -10px;
		right: 38%;
	}

	/* Schéma : publics cibles */
	#contenu .schemaPublicsCibles td.haut.gauche,
	#contenu .schemaPublicsCibles td.haut.droite,
	#contenu .schemaPublicsCibles td.bas.gauche,
	#contenu .schemaPublicsCibles td.bas.droite{
		height: 75px;
	}
	#contenu .boiteQuiz .retro .schemaPublicsCibles td li{
		font-size: 0.8666666666666667em; /* 13/15 */
	}

	/* Boîte : étude de cas */
	#contenu .boiteEtudeCas ol,
	#contenu .boiteEtudeCas div{
		margin-left: 35px;
	}
	#contenu .boiteEtudeCas img{
		max-width: 100%;
	}

	/* Boîte : trucs du métier */
	#contenu .boiteTrucsMetier{
		margin: 0px 0px 10px 0px;
		padding: 10px 10px 10px 20px;
		position: relative;
	}

	/* Boîte : questions */
	#contenu .boiteQuiz{
		margin: 0px 0px 10px 0px;
	}
	#contenu .boiteQuiz .lstQuestions{
		margin: 0px 0px 20px 0px;
	}
	/* Boîte : questions : texte */
	#contenu .boiteQuiz .txtQuestion{
		padding-left: 20px;
	}
	/* Boîte : questions : choix de réponses */
	.boiteQuiz input.custom[type="checkbox"] + label:before,
	.boiteQuiz input.custom[type="radio"] + label:before{
		width: 13px;
		height: 13px;
	}
	/* Boîte : questions : contrôles */
	#contenu .boiteQuiz .controles > div{
		display: inline-block;
		vertical-align: middle;
	}
	#contenu .boiteQuiz .validation{
		width: 100%;
		margin-bottom: 10px;
	}
	#contenu .boiteQuiz .status{
		float: left;
		text-align: left;
		width: 50%;
		height: 30px;
	}
	#contenu .boiteQuiz .status p{
		line-height: 30px;
	}
	#contenu .boiteQuiz .navigation{
		width: 50%;
	}
	#contenu .boiteQuiz .validation button{
		padding: 5px 25px 5px 25px;
		width: 100%;
	}

	/* Playlists (vidéos) */
	#contenu .animVideoPlaylist.visionneuse ul{
		margin-top: -3px;
	}
	#contenu .animVideoPlaylist.visionneuse ul li a{
		font-size: 0.9375em; /* 15/16 */
		line-height: 1.2; /* 18/15 */
		padding: 15px;
		min-height: auto;
	}

	/* Progression : barre */
	#contenu .etatSuivi{
		width: 100%;
		margin: 40px auto 30px auto;
	}
	#contenu .consignesSuivi{
		margin: 0px 0px 30px 0px;
	}

	/* Progression : liste  */
	#contenu ol.lstSuivi > li{
		width: 100%;
		float: none;
		margin: 0px 0px 25px 0px;
	}
	#contenu ol.lstSuivi > li:nth-child(odd),
	#contenu ol.lstSuivi > li:nth-child(even){
		padding-left: 0px;
		padding-right: 0px;
	}
	#contenu ol.lstSuivi ol li{
		margin-top: 0px;
	}
	#contenu ol.lstSuivi ol li:first-child{
		margin-top: 3px;
	}
	#contenu ol.lstSuivi ol li.itemConsulte a{
		padding: 5px 0px 1px 20px;
	}

	/* zoneSecondaire */
	#zoneSecondaire{
		padding-bottom: 20px;
	}
	#zoneSecondaire .infosConnexes{
		padding-top: 20px;
	}
	/* zoneSecondaire : etatSuiviMinimal */
	#etatSuiviReduit{
		margin-bottom: 5px;
	}
	#etatSuiviReduit .barreSuivi .pourcentSuivi{
		top: 2px;
	}
	/* zoneSecondaire : zoneConseil */
	#zoneConseil blockquote:before,
	#zoneConseil blockquote:after{
		background-size: 24px;
		width: 24px;
	}
	#zoneConseil blockquote:after{
		bottom: 0px;
	}
	/* zoneSecondaire : zoneDocumentations */
	#zoneDocumentations ul.listePDF,
	#zoneDocumentations ul.listeDocs,
	#zoneDocumentations ul.listeExcel{
		background-size: 30px;
		padding-left: 45px;
	}
	
	/* Babillard */
	#zoneBabillard .contenuBabillard h1 {
		font-size: 16px;
	}
}

/* Tablette portrait (entre 768px et 991px)
 * Contenu : 720px
 * 1 colonne : 41.656px */
@media only screen and (min-width: 768px) and (max-width: 991px){
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */
	
	/* zoneEntete */
	#zoneEntete #titre{
		width: 60%/*51.38888888888889%*/; /* 370/720 */
		padding : 6px 0px 15px 0px;
	}
	#zoneEntete #logo {
		position: absolute;
		margin-top: 0px;
		top: 10px;
		right: 10px;
	}
	
	#zoneEntete #logo a img{
		max-width: 95px;
		max-height: inherit;
		margin-top:	0px;
	}
	
	/* zoneEntete : menuPrincipal */
	#menuPrincipal{
		width: 48.61111111111111%; /* 350/720 */
		
		position: absolute;
		top: 60px;
		right: 20px;
		/*width: 262px;*/ /* Largeur fixe pour ne pas que le menu soit trop grand */
	}
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	#zoneExtraMP{
		min-height: 260px;
	}
	
	/* zoneContenu */
	.page #zoneContenu{
		margin-top: 90px;
	}
	#zoneContenu article,
	#zoneContenu #contenu{
		min-height: 170px;
	}
	
	/* zoneSecondaire */
	#zoneSecondaire .infosConnexes{
		width: 45%/*40.03888888888889%*/; /* 288.28/720 */
		z-index: 1;
	}
	#etatSuiviReduit,
	#zoneReferences{
		float: left;
	}
	#zoneDocumentations {
		float: right;
		/*width: 73.77049%; *//* 270/366 */
	}
	#zoneConseil{
		float: right;
		min-height: 150px;
	}
	
	/* zoneBabillard */
	#zoneBabillard {
		float: left;
	}
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	footer{
		line-height: 3.846153846153846; /* 50/13 */
	}
	#zoneCredits{
		width: 51.38888888888889%; /* 370/720 */
	}
	#zoneUtilitaire{
		position: relative;
		display: inherit;
		width: 48.61111111111111%; /* 350/720 */
	}
	#zoneUtilitaire ul{
		float: right;
		margin: 0px 55px 0px 0px; /* Inclus le bouton de recherche (40+15) */
	}
}

/* Ordinateur SD et tablette paysage (entre 992px et 1199px)
 * Contenu : 940px
 * 1 colonne : 59.984px */
@media only screen and (min-width: 992px) and (max-width: 1199px){
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */
	
	/* zoneEntete : menuPrincipal */
	.lstMenuPrincipal{
		font-size: 0.71875em; /* 11.5/16 */
	}
	
	/* zoneEntete : menuPrincipal : niveau 2 */
	.lstMenuDeroulant .sub{
		top: 23px;
		font-size: 1.130434782608696em; /* 13/11.5 */
	}
	
	/* particularités : menuProfil */
	.lstMenuProfil .sub{
		width: 110px;
		top: 16px;
	}
	
	#zoneEntete #logo a img{
		height: 60px;
	}
	
	/* ==================================================
	 * accueil : zoneIntro
	 * ================================================== */
	
	#zoneIntro{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#zoneAccroche .accroche{
		padding: 15px 15px 15px 15px;
	}
	#zoneAccroche h1{
		font-size: 1.1875em; /* 19/16 */
		line-height: 1.210526315789474; /* 23/19 */
	}
	#zoneAccroche p,
	#zoneAccroche span,
	#zoneAccroche ul,
	#zoneAccroche ol,
	#zoneAccroche table,
	#zoneAccroche label{
		font-size: 0.9375em; /* 15/16 */
		line-height: 1.333333333333333; /* 20/15 */
	}
	
	/* ==================================================
	 * accueil : zoneMilieuPage
	 * ================================================== */
	
	.accueil #zoneMilieuPage{
		/*padding-top: 40px;
		padding-bottom: 40px;*/
	}
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	#zoneExtraMP{
		min-height: 340px;
	}
	
	/* zoneContenu */
	.page #zoneContenu{
		margin-top: 110px;
	}
	#zoneContenu article,
	#zoneContenu #contenu{
		min-height: 230px;
	}
	
	/* zoneSecondaire */
	#zoneSecondaire{
		margin-top: 340px;
	}
	#zoneDocumentations {
		width: 100%; 
	}
	/* Schéma : 8 étapes */
	#contenu .schemaHuitEtapes li{
		height: 130px;
	}

	/* Schéma : plan de communication */
	#contenu .schemaPlanCommunication ul li{
		padding: 0px 6px;
	}
	#contenu .schemaPlanCommunication ul li p{
		font-size: 0.875em; /* 15/16 */
	}
	#contenu .schemaPlanCommunication ul li p .fleche.gauche{
		top: 6px;
		left: -10px;
	}
	#contenu .schemaPlanCommunication ul li p .fleche.droite{
		bottom: 6px;
		right: -10px;
	}

	/* Playlists (vidéos) */
	#contenu .animVideoPlaylist.visionneuse ul li a{
		font-size: 0.9375em; /* 15/16 */
		min-height: 40px;
		line-height: 40px;
	}
	
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	footer{
		font-size: 0.8125em; /* 13/16 */
		line-height: 3.846153846153846; /* 50/13 */
	}
}

/* Ordinateur SD et Ordinateur HD (992px et plus) */
@media only screen and (min-width: 992px){
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */
	
	/* zoneEntete : menuPrincipal */
	.lstMenuPrincipal{
		display: block!important; /* Reset l'affichage (si toggle mobile effectué) */
	}
	
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	/* zoneUtilitaire : recherche */
	#zoneUtilitaire form{
		display: table-cell!important; /* Reset l'affichage (si toggle recherche effectué) */
	}
}

/* Ordinateur HD (1200px et plus)
 * Résolution par défaut (voir les styles avant cette section) */
@media only screen and (min-width: 1200px){
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */

	/* Schéma : publics cibles */
	#contenu .boiteQuiz .retro .schemaPublicsCibles td li{
		font-size: 1em; /* 15/15 */
	}

	/* Évaluation en ligne */
	#contenu #minuterie{
		top: 313px;
	}
	#contenu div.mlw_qmn_timer{
		top: 355px;
	}
}

/* ==================================================
 * impression
 * ================================================== */

@media print{
	/* Général */
    *{
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    body{
		font-size: 80%;
	}
    a,
    a:visited{
        text-decoration: underline;
    }
    thead{
        display: table-header-group; /* h5bp.com/t */
    }
    img{
        max-width: 75% !important;
    }
    @page{
        margin: 0.5cm;
    }
    p,
    h2,
    h3{
        orphans: 3;
        widows: 3;
    }
	
	/* Affichages des liens */
    a[href]:after{
        content: " (" attr(href) ")";
        font-size: 7pt;
    }
    abbr[title]:after{
        content: " (" attr(title) ")";
        font-size: 7pt;
    }
    #zoneEntete #titre a[href]:after,
    #zoneSecondaire a[href]:after{
    	display: block;
    	margin-top: 5px;
    }
	
    /* Non-affichage des liens */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after{
        content: "";
    }

	/* Page breaks */
    pre,
    blockquote,
    tr,
    img{
        page-break-inside: avoid;
    }
    h2,
    h3{
    	page-break-after: avoid;
    }

    /* À afficher à l'impression */
    #contenu .boiteQuiz .lstQuestions > li{
    	display: block !important;
    }
    .accordeon .visuallyhidden{
    	width: 100%;
    	height: auto;
    	margin: 0;
    	position: static;
    }
	
	/* À ne pas afficher à l'impression */
	#zoneIdentitaire,
	#menuPrincipal,
	#navPageForm,
	#zoneUtilitaire,
	#etatSuiviReduit,
	#zoneMedia,
	#contenu .animVideoPlaylist figure,
	#contenu .animVideoPlaylist.liste .figure,
	#contenu .accordeon .toggler span,
	#contenu .boiteQuiz .controles{
		display: none;
	}

	/* Divers */
	body{
		margin-left: 50pt;
		margin-right: 50pt;
	}
	.page #zoneContenu,
	#zoneSecondaire{
		margin-top: 0;
	}
	#zoneEntete #logo{
		float: none;
	}
	#zoneEntete #titre{
		margin-bottom: 35pt;
	}
	#zoneIntro{
		padding-top: 0;
		padding-bottom: 0;
	}
	#zoneAccroche .accroche{
		padding: 0;
	}
	#zoneContenu article,
	#zoneContenu #contenu{
		padding: 0;
	}
	#contenu .boite.emphase{
		border: solid 1px #bababa;
	}
	#zoneMilieuPage table,
	#zoneMilieuPage table tr,
	#zoneMilieuPage table th,
	#zoneMilieuPage table td{
		border: solid 1px #bababa;
	}
	#zoneMilieuPage img.alignDroite,
	#contenu .boiteEtudeCas img{
		max-width: 25% !important;
	}
	#contenu .schemaHuitEtapes{
		margin-bottom: 0;
	}
	#contenu .schemaHuitEtapes li,
	#contenu .schemaDeuxEtapes li{
		display: block;
		float: none;
		width: 50%;
		height: auto;
		text-align: left;
		padding: 5px;
		border: solid 1px #bababa;
		margin-right: 1px;
		margin-bottom: 5px;
	}
	#contenu .schemaHuitEtapes li.itemActif,
	#contenu .schemaDeuxEtapes li.itemActif{
		border: solid 1px #000;
	}
	#contenu .schemaHuitEtapes li .texte:before,
	#contenu .schemaDeuxEtapes li .texte:before{
		display: inline-block;
		margin-right: 5px;
	}
	#contenu .schemaCycle ul{
		text-align: left;
	}
	#contenu .schemaCycle li{
		text-align: center;
		padding: 5px;
		border: solid 1px #bababa;
		width: 20%;
	}
	#contenu .schemaCycle li:first-child{
		margin-right: 15px;
	}
	#contenu .schemaCycle li.itemActif{
		border: solid 1px #000;
	}
	#contenu .schemaCycle li.gauche:after{
		content: ">";
	}
	#contenu .schemaCycle li.droite:before{
		content: "<";
	}
	#contenu .schemaPublicsCibles{
		width: 60%;
	}
	#contenu .schemaPublicsCibles td.haut.gauche,
	#contenu .schemaPublicsCibles td.haut.droite,
	#contenu .schemaPublicsCibles td.bas.gauche,
	#contenu .schemaPublicsCibles td.bas.droite{
		border-top: solid 1px #bababa;
		border-bottom: none;
		border-left: none;
		border-right: solid 1px #bababa;
		height: 100px;
	}
	#contenu .accordeon .toggler{
		padding: 5px;
		margin-bottom: 15px;
		border: solid 1px #000;
	}
	#contenu .accordeon > div{
		padding: 0 25px 0 25px;
		border-left: none;
	}
	#contenu .boiteQuiz{
		padding: 0;
	}
	#contenu .boiteQuiz .lstQuestions > li{
		margin-bottom: 30px;
	}
	#contenu .boiteQuiz .lstChReponses li{
		margin-top: 5px;
	}
	.boiteQuiz input.custom[type="checkbox"] + label:before,
	.boiteQuiz input.custom[type="radio"] + label:before{
		width: 12px;
		height: 12px;
	}
	#contenu .animVideoPlaylist.visionneuse ul li{
		width: 100%;
	}
	#contenu .animVideoPlaylist.visionneuse ul li a{
		text-align: left;
		float: none;
		padding: 0;
		min-height: auto;
		line-height: 1;
	}
	#contenu .animVideoPlaylist.liste a{
		text-decoration: none;
		font-weight: 500;
	}
	#contenu ol.lstSuivi > li{
		width: 100%;
		padding: 0 !important;
	}
	#contenu ol.lstSuivi ol li a:link,
	#contenu ol.lstSuivi ol li a:visited{
		padding: 0;
	}
	.col-md-offset-1{
		margin-left: 0;
	}
	.col-md-3{
		width: 100%;
	}
	#zoneConseil{
		padding: 15px 10% !important;
		border-top: solid 1px #bababa;
		border-bottom: solid 1px #bababa;
	}
	#zoneConseil blockquote{
		padding: 0 !important;
		text-align: center;
	}
	#zoneConseil blockquote p{
		display: inline;
		margin: 0 5px;
	}
	#zoneConseil blockquote:before,
	#zoneConseil blockquote:after{
		position: static;
		display: inline;
		width: auto;
		height: auto;
	}
	#zoneConseil blockquote:before{
		content: "«";
	}
	#zoneConseil blockquote:after{
		content: "»";
	}
	#zoneConseil p.auteur{
		padding: 0;
		text-align: right;
		text-align: center;
	}
	#zoneSecondaire h2{
		border-bottom: none;
		margin-bottom: 5px;
	}
	#zoneDocumentations ul.listePDF,
	#zoneDocumentations ul.listeDocs,
	#zoneDocumentations ul.listeExcel{
		padding-left: 0;
		min-height: auto;
		margin-bottom: 15px;
	}
}