/* Projet : Gestion de projet
 * Fichier CSS global
 * Version : 1.0
 * Dernières modifications : 18 février 2016
 * Auteurs : Annélie Gagnon et François Martel
 * 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)
 * ==================================================
	Raleway - Medium - 500 (sans-serif)
	Raleway - Medium Italic - 500 (sans-serif)
	Raleway - Semi Bold - 600 (sans-serif)
	Raleway - Semi Bold Italic - 600 (sans-serif)
	Raleway - Extra Bold - 800 (sans-serif)
	Raleway - Extra Bold Italic - 800 (sans-serif)*/

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

html,
button,
input,
select,
textarea{
    color: #000;
}
html{
	counter-reset : cptAccSecs;
}
body{
	font: normal 100% 'Open Sans', sans-serif; /* 16 */
	line-height: 1.4; /* 22.4/16 */
}
html, body{
	height: 100%;
	min-height: 100%;
}
.wrapper {
	min-height: 100%;
	margin: 0 auto -160px; /* 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;
	width: 100%;
}
.impression{
	display: none;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
}
.fondCouvre{
	width: 100%;
	background-size: cover;
}
.nopadding {
   padding: 0 !important;
}

/* ==================================================
 * 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: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	color: #182940;
	background-color: #0a111a;
}
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;
}

/* ==================================================
 * wrapper
 * ================================================== */
.wrapper:before{
    content: "";
    background: url("../../img/structure/adm1450_fond.svg") no-repeat top center; /*fixed*/
    display: block;
    left: 0;
    position: absolute;
    top: 0;
	width: 100%;
	min-height:1200px;
	/*-webkit-background-size: cover;
    background-size: cover;*/
}
.no-svg .wrapper:before{
    background-image: url("../../img/structure/png/adm1450_fond.png");
}

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

#zoneHautPage p{
	margin: 0px;
}

/* zoneIdentitaire */
#zoneIdentitaire{
    background: #000;
    z-index: 2000;
    position: relative;
    font-size: .8125em;
    font-weight: 500;
}

#zoneIdentitaire #connexion{
	float: right;
	width: auto;
	padding: 6px 0 5px;
	text-align: right;
	color:#fff;
}
/* zoneIdentitaire : menuProfil */
#zoneIdentitaire #connexion a:link,
#zoneIdentitaire #connexion a:visited{
	text-decoration: none;
	color: #fff;
}

/* zoneEntete */
#zoneEntete h1{	
	margin: 0;
}
#zoneEntete h1 a,
#zoneEntete h1 a:link,
#zoneEntete h1 a:visited{
	width:100%;
	height:203px;
    background: url("../../img/structure/adm1450_titre.svg") no-repeat bottom left; /*fixed*/
	display:block;
}

.no-svg #zoneEntete h1 a,
.no-svg #zoneEntete h1 a:link,
.no-svg #zoneEntete h1 a:visited{
	background-image: url("../../img/structure/png/adm1450_titre.png")
}

#zoneEntete h1 a:active,
#zoneEntete h1 a:hover,
#zoneEntete h1 a:focus{
	text-decoration: none;
}

/* zoneEntete : logo */
#zoneEntete #logo{
	width: auto;
	margin-top: 10px;
}
#zoneEntete #logo >p{
	text-align: right;
}

#zoneEntete #logo a img{
	display: inline-block;
	max-height: 45px;
}

/* zoneEntete : menuPrincipal */

#zoneMilieuContainer,
#breadcrumb{
	background-color: #fff;
	background-color: rgba(255,255,255, .94);
    position: relative;
}

#zoneMilieuContainer.row{
	margin:0;
}

#breadcrumb{
	padding: 40px 0 0 40px;
	font-family: "Raleway", sans serif;
	font-size: .7875em;
}

#menuPrincipal{
	padding:30px 40px;
}

#zoneMilieuPage #menuPrincipal .menu ul{
	margin-bottom:0;
}

.toggleMenuPrincipal{
	display: none;
	float: right;
	height: 40px;
	width: 40px;
	padding: 0;
	text-align: center;
	background: none #000;
	border: 1px solid #ccc;
}
.no-svg .toggleMenuPrincipal{
	border: none;
}
.toggleMenuPrincipal > span{
	display: inline-block;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	background: url('../../img/icones/ico_menu_mobile.svg') no-repeat 0 0;
	overflow: hidden;
}
.no-svg .toggleMenuPrincipal > span{
	background-image: url('../../img/icones/png/ico_menu_mobile.png');
	height: 40px;
	width: 40px;
}
.toggleMenuPrincipal.ouvert > span{
	background-position: 0 -24px;
}
.no-svg .toggleMenuPrincipal.ouvert > span{
	background-position: 0 -40px;
}
#zoneMilieuPage ol.lstMenuPrincipal,
.lstMenuPrincipal{
	position: relative;
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: .875em; /* 14/16 */
	line-height: 1;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}
.lstMenuPrincipal > li{
	position: relative;
	display: block;
	padding: 0;
}

.lstMenuPrincipal li:first-child{
	margin-left: 0px;
}
.lstMenuPrincipal li a:link,
.lstMenuPrincipal li a:visited{
	display: block;
	padding: 0 0 5px;
	color: #ccc;
}
.lstMenuPrincipal > li > a:link,
.lstMenuPrincipal > li > a:visited{
	color: #000;
	padding: 10px 5px 8px;
	text-transform: uppercase;
	font-weight: 800;
}

.lstMenuPrincipal >li.menu-item-has-children >a:after{
	content: "[+]";
	margin-left: 10px;
	font-weight: 500;
	font-size: 1.0714em;
	letter-spacing: 1px;	
}
.lstMenuPrincipal >li.current-menu-ancestor >a:after,
.lstMenuPrincipal >li.current-menu-parent >a:after,
.lstMenuPrincipal >li.menu-item-has-children.active >a:after{
	content: "[-]";	
}

.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 */
#zoneMilieuPage .lstMenuDeroulant ol.sub{
	margin: 0 20px 0 0;
	padding: 0!important;
	list-style-type: none;
	font-weight: 300;
	line-height: 1.357142857142857; /* 19/14 */
}

.ie8 #zoneEntete .lstMenuDeroulant .sub{
	border-bottom: solid 1px #bababa;
}

.lstMenuDeroulant .menu-item-has-children + .menu-item-has-children{
	margin-top: 10px;
}

.lstMenuDeroulant .sub li{
	position:relative;
}

.lstMenuDeroulant .sub li a:link,
.lstMenuDeroulant .sub li a:visited{
	color: #0f990f;
	display: inline-block;
	padding: 2px 5px;
	position:relative;
	text-decoration: none;
}

.lstMenuDeroulant .sub li a:active,
.lstMenuDeroulant .sub li a:hover,
.lstMenuDeroulant .sub li a:focus{
	color: #4c73bf;
}

.lstMenuDeroulant .sub li.current_page_item a:link,
.lstMenuDeroulant .sub li.current_page_item a:visited{
	background: #789bd2;
	color: #fff;
}

.lstMenuDeroulant .sub li.current_page_item a:link:after,
.lstMenuDeroulant .sub li.current_page_item a:visited:after{
    content: "";
    position: absolute;
    right: -13px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-left: 13px solid #789bd2;
    border-bottom: 11px solid transparent;
}

.lstMenuDeroulant .sub li a[href^="#"],
.lstMenuDeroulant .sub li a[href^="#"]:link,
.lstMenuDeroulant .sub li a[href^="#"]:visited{
	text-transform: uppercase;
	color: #000;
	cursor: pointer;
	font-weight: 500;
}


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

/* zoneContenu */
#zoneContenu article,
#zoneContenu #contenu{
	min-height: 260px;
	padding: 35px 100px 35px 30px;
}
#zoneContenu article >:last-child,
#zoneContenu #contenu >:last-child{
	margin-bottom: 0px;
}
#zoneContenu article #zoneTexte,
#zoneContenu #contenu #zoneTexte{
	font-size: .875em;
}

/* zoneContenu : titres */
#zoneContenu h1{
	margin: 0 0 .5em;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 2.8571em;
	line-height: 1.133333333333333; /* 34/30 */
	color: #182940;
}
#zoneContenu h2{
    margin: 1.25em 0 .35em;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 2.15em;
    line-height: 1.230769230769231;
    color: #182940;
}
#zoneContenu h3{
	margin: 2em 0 .35em;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.4285em;
	line-height: 1.28; /* 32/25 */
	color: #182940;
}
#zoneContenu h4{
	margin: 35px 0px 10px 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.1875em; /* 19/16 */
	line-height: 1.263157894736842; /* 24/19 */
	color: #182940;
}
#zoneContenu h5{
	margin: 35px 0px 10px 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 1em; /* 19/16 */
	line-height: 1.263157894736842; /* 24/19 */
	color: #182940;
}
#zoneContenu h6{
	margin: 35px 0px 10px 0px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.0625em; /* 17/16 */
	line-height: 1.235294117647059; /* 21/17 */
	color: #182940;
}

/* zoneContenu : titres spéciaux */
#contenu .activite{
	position: relative;
    margin-left: 40px;
    padding-left: 30px;
    border-left: 1px solid #18293f;
	min-height: 33px;
}

#contenu .activite:before{
    content: "";
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    left: -41px;
}
#contenu .activite.lecture:before{
	background: url('../../img/icones/icone_lecture.svg') no-repeat;
}

.no-svg #contenu .activite.lecture:before{
	background: url('../../img/icones/png/icone_lecture.png') no-repeat;
}

#contenu .activite.tn:before{
	background: url('../../img/icones/icone_activitenotee.svg') no-repeat;
}

.no-svg #contenu .activite.tn:before{
	background: url('../../img/icones/png/icone_activitenotee.png') no-repeat;
}

#contenu .activite.project:before{
	background: url('../../img/icones/icone_project.svg') no-repeat;
}

.no-svg #contenu .activite.project:before{
	background: url('../../img/icones/png/icone_project.png') no-repeat;
}

#contenu .activite.quiz:before{
	background: url('../../img/icones/icone_quiz.svg') no-repeat;
}

.no-svg #contenu .activite.quiz:before{
	background: url('../../img/icones/png/icone_quiz.png') no-repeat;
}

#contenu .activite.video:before{
	background: url('../../img/icones/icone_video.svg') no-repeat;
}

.no-svg #contenu .activite.video:before{
	background: url('../../img/icones/png/icone_video.png') no-repeat;
}


#zoneContenu .interTitre{
	display: block;
}

/* zoneContenu : contenu général */
#zoneMilieuPage p,
#zoneMilieuPage span,
#zoneMilieuPage ul,
#zoneMilieuPage ol,
#zoneMilieuPage table,
#zoneMilieuPage label{
	/*font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: inherit;
	line-height: 1.533333333333333;
	color: #333333;*/
}
#zoneMilieuPage p,
#zoneMilieuPage ul,
#zoneMilieuPage ol,
#zoneMilieuPage table,
#zoneMilieuPage img{
	margin: 0 0 15px;
}
#zoneMilieuPage p.sansMarge,
#zoneMilieuPage ul.sansMarge,
#zoneMilieuPage ol.sansMarge,
#zoneMilieuPage table.sansMarge,
#zoneMilieuPage img.sansMarge,
#zoneMilieuPage .sansMarge{
	margin-bottom: 5px;
}
#zoneMilieuPage strong a span{
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
}
/*
#zoneMilieuPage a:active,
#zoneMilieuPage a:hover,
#zoneMilieuPage a:focus{
	text-decoration: none;
}*/
#zoneMilieuPage .note,
#zoneMilieuPage .source{
	font-size: .875em; /* 14/16 */
	line-height: 1.357142857142857; /* 19/14 */
	color: #828282;
}
#zoneMilieuPage strong{
	font-weight: 700;
}
#zoneMilieuPage strong em,
#zoneMilieuPage em strong{
	font-weight: 800;
}
#zoneMilieuPage figcaption{
	margin: 0 0 10px;
	font-weight: 300;
	font-size: .875em; /* 14/16 */
	line-height: 1.357142857142857; /* 19/14 */
	color: #828282;
}

#zoneMilieuPage p.text-center{
	text-align:center;
}

#zoneMilieuPage blockquote p{
	color:#5d5758;
}

/* zoneContenu : images */
#zoneMilieuPage img.alignCentre{
	margin-left: auto;
	margin-right: auto;
}
#zoneMilieuPage img.alignGauche{
	float: left;
	width: auto;
	margin: 0 15px 15px 0;
}
#zoneMilieuPage img.alignDroite{
	float: right;
	width: auto;
	margin: 0 0 15px 15px;
}
#zoneMilieuPage img.encadree{
	border: 1px solid #dcdcdc;
}

/* 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: 0;
}
#zoneMilieuPage ul.sansPuce.indent,
#zoneMilieuPage ol.sansNum.indent{
	padding-left: 20px;
}
#zoneMilieuPage ol.lstLettre{
	list-style-type: lower-alpha;
}

#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;
}
#zoneMilieuPage table.lgDemi{
	width: 50%
}
#zoneMilieuPage table.lgTroisQuarts{
	width: 75%
}
#zoneMilieuPage table tbody th,
#zoneMilieuPage table tbody td{
	vertical-align: top;
	border: 1px solid #0b121a;
}
#zoneMilieuPage table th,
#zoneMilieuPage table td{
	padding: .85em .75em;
}
#zoneMilieuPage table p{
	margin: 0;
}

#zoneMilieuPage table thead th{
	background-color: #0b121a;
	color:#fff;
	font-weight: 500;
	text-transform: uppercase;
}
#zoneMilieuPage table td.noborder{
    border: none;
	background: none;
}
#zoneMilieuPage table td.fond_actif,
#zoneMilieuPage table td.fond_noir{
	vertical-align: bottom;
}
#zoneMilieuPage table td.fond_actif:after,
#zoneMilieuPage table td.fond_noir:after{
	content: "";
	background: #789bd2;
	width:100%;
	height: 20px;
	display: block;
}
#zoneMilieuPage table td.fond_noir:after{
	background: #f00;
}

#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 */
}


#zoneMilieuPage table p + p{
	margin-top: 15px;
}
#zoneMilieuPage table.froute {
	border-right: 1px solid #0b121a;
}
#zoneMilieuPage table.froute.petit{
	border-left: 1px solid #0b121a;
}

#zoneMilieuPage table.froute tbody th{
	border-left: none;
	border-top: none;
	padding: 1.5em .75em .5em 0;
	text-align: left;
}
#zoneMilieuPage table.froute.petit tbody th{
	padding: 1.5em .75em .5em;
}

#zoneMilieuPage table.froute thead th{
	padding: .85em .5em;
}
#zoneMilieuPage table.froute tr.meme_largeur th{
	min-width: 32px;
    width: 4.666%;
	text-align: center;
	vertical-align: middle;
	padding: .85em .5em;
	/*background-color: #0b121a;
    color: #fff;*/
	font-weight: 500;	
}

#zoneMilieuPage table.froute td{
	padding: 0;
	border-left: none;
	border-right: none;
}

#zoneMilieuPage table.froute td.odd{
	background: #fff!important;
}

.ie8 #zoneMilieuPage table.froute td.odd{
	background: #F0F0F0!important;
}

#contenu a:link,
#contenu a:visited{
	color: #0f990f;
    font-weight: 600;
	text-decoration: none;
    word-break: break-word;
}

#contenu a:active,
#contenu a:hover,
#contenu a:focus{
	color: #4c73bf;
	text-decoration: underline;
}

/* Accordéons */
#contenu .accordeon{
	margin: 15px 0 40px;
}
#contenu .accordeon .toggler,
#contenu .accordeon .toggler.disabled:hover{
    position: relative;
    padding: 5px 85px 5px 10px;
    font-weight: 600;
    border: 1px solid #0f990f;
    color: #0a111a;
    cursor: pointer;
    text-transform: uppercase;
    background: none;
}

#contenu .accordeon .toggler.disabled:focus{
	outline: none;
}

#contenu .accordeon .toggler:hover{
    background-color: #4c73bf;
    color: #fff;
}

#contenu .accordeon .toggler:first-child{
	margin-top: 0;
}
#contenu .accordeon .toggler span,
#contenu .accordeon .toggler.disabled:hover span{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 13px;
	background: url('../../img/icones/icone_fleche.svg') no-repeat 0 -17px;
    text-indent: -5000px;
}

.no-svg #contenu .accordeon .toggler span{	
	background-image: url('../../img/icones/png/icone_fleche.png');
}

#contenu .accordeon .toggler:hover span{
	background-position: 0 0;	
}

#contenu .accordeon .toggler.active span{
	background-position: 0 -32px;
}

#contenu .accordeon .toggler.active:hover span{
	background-position: 0 -45px;
}

#contenu .accordeon > div{
    margin: 15px 0 0 0;
    padding: 0 0 0 20px;
    border-left: 1px solid #0f990f;
}

#autoevaluation{
	margin-top: 40px;
}

#autoevaluation label + label{
	margin-left: 5px;
}

#autoevaluation input[type="checkbox"],
#autoevaluation input[type="radio"]{
	margin-right: 5px;
}
 
/* 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: #fff;
	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 0 10px;
	padding: 20px 0 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .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: 0;
	border: none;
}
#contenu .animVideoPlaylist.liste a.active{
	text-decoration: none;
}

/* Liste à numéros */
#contenu ol.lstParentheseNum{
	counter-reset: list;
}
#contenu ol.lstParentheseNum > li {
	list-style: none;
}
#contenu ol.lstParentheseNum > li:before{
	content: counter(list, decimal) ") ";
	counter-increment: list;
	margin-left: -1.5em;
	float:left;
}
#contenu ol.lstParentheseNum.strong{
	font-weight:600;
}


/* 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 0 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 dl{
	margin: 0;
}

#contenu dt{
	font-weight: 600;
	margin-bottom: .15em;
}

#contenu dd + dt{
	margin-top: 1em;
}

#contenu dd{
	font-weight: 500;
	margin-left: 0;
}

#zoneMedia{
	margin-bottom: 10px;
}

.page-plan #contenu a[href^="#"],
.page-plan #contenu a[href^="#"]:link,
.page-plan #contenu a[href^="#"]:visited{
	color: #000;
	cursor: default;
	text-decoration: none;
}

/* ==================================================
 * zoneBasPage
 * ================================================== */
#zoneExtraBP{
	background-color: #0a111a;
}

#zoneBasPage, .push{
	height: 160px; /* .push must be the same height as .footer */
}
#zoneBasPage{
	font-family: 'Raleway', sans-serif;
	font-size: .875em; /* 14/16 */
	font-weight: 500;
	float:none!important;
	text-align: center;
	padding-top: 60px;
}

/* zoneCredits */
#zoneCredits{
	margin:0 auto;
}
#zoneCredits p{
	margin: 0;
	color: #fff;
}
#zoneBasPage ul{
	padding-left: 0;
	margin: 0;
}
#zoneBasPage ul li{
	display:inline-block;
}

#zoneBasPage ul li a:link,
#zoneBasPage ul li a:visited{
	color: #fff;
	margin: 0 1em;
}

#zoneBasPage ul li + li{
	border-left: 1px solid #fff;
}


/* ==================================================
 * 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 h1 a, 
	#zoneEntete h1 a:link, 
	#zoneEntete h1 a:visited{
    	background-size: contain;
	}	
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */	
	/* menuPrincipal */
	#menuPrincipal{
		position: absolute;
		top: 40px;
		right: 40px;
		width: 220px;
		z-index: 5000;
		padding: 0;
	}
	
	.toggleMenuPrincipal{
		display: block;
	}
	#zoneMilieuPage ol.lstMenuPrincipal,
	.lstMenuPrincipal{
		display: none;
		width: 100%;
		position: absolute;
		top: 39px;
		right: 1px;
		line-height: 1.461538461538462;
		background: #fff;
		box-shadow: 0 3px 7px #252525;
		box-shadow: 0 3px 7px rgba(0, 0, 0, .35);
		z-index: 500;
		padding:0;
	}
	
	.lstMenuPrincipal > li > a:link,
	.lstMenuPrincipal > li > a:visited{
		background: #000;
		color:#fff;
		padding: 12px 13px 12px 8px;
		border-left: 5px solid #000;
	}
	.lstMenuPrincipal > li.active > a:link,
	.lstMenuPrincipal > li.active > a:visited,
	.lstMenuPrincipal > li.current-menu-ancestor > a:link,
	.lstMenuPrincipal > li.current-menu-ancestor > a:visited{
		border-left: 5px solid #789bd2;
	}
	
	.lstMenuPrincipal > li > a:before{
		content: "";
		color: #333;
	}
	
	.lstMenuPrincipal > li.menu-item-has-children > a:after{
		display: inline-block;
		width: 12px;
		height: 10px;
		margin-left: 12px;
		content: "";
		background: url('../../img/icones/ico_fleche_menu-mobille.svg') no-repeat 0 0;
	}
	.no-svg .lstMenuPrincipal > li.menu-item-has-children > a:after{
		background-image: url('../../img/icones/png/ico_fleche_menu-mobille.png');
	}
	.lstMenuPrincipal > li.active > a:after{
		content: ""!important;
		background-position: 0 -10px;
	}
	.lstMenuDeroulant .sub li.current_page_item a:link:after,
	.lstMenuDeroulant .sub li.current_page_item a:visited:after{
		display:none;
	}
	
	.lstMenuDeroulant ol.sub{
		margin: 0!important;
	}

	.lstMenuDeroulant .sub li a:link,
	.lstMenuDeroulant .sub li a:visited{
		padding: 11px 20px;
		display: block;
	}	
	
	.lstMenuDeroulant .sub li a[href^="#"],
	.lstMenuDeroulant .sub li a[href^="#"]:link,
	.lstMenuDeroulant .sub li a[href^="#"]:visited{
		padding: 2px 13px;
	}
	
	.lstMenuDeroulant .sub li.current-menu-parent >a[href^="#"],
	.lstMenuDeroulant .sub li.current-menu-parent >a[href^="#"]:link,
	.lstMenuDeroulant .sub li.current-menu-parent >a[href^="#"]:visited{
		color:#4c73bf;
	}	
	
	.lstMenuDeroulant >.sub >.menu-item-has-children,
	.lstMenuPrincipal li:first-child{		
		margin: 10px 0;
	}

	#zoneContenu article, 
	#zoneContenu #contenu{
		padding: 10px;
	}
}




/* Mobile portrait/paysage (767px et moins) */
@media only screen and (max-width: 767px){	
	#zoneEntete h1 a,
	#zoneEntete h1 a:link,
	#zoneEntete h1 a:visited{
		height: 130px;
	}
	
	/* zoneIdentitaire */
	#zoneIdentitaire,
	#breadcrumb{
		display: none;
	}

	/* zoneEntete : logo */
	#zoneEntete #logo{
		position: absolute;
		margin-top: 0px;
		top: 0px;
		right: 10px;
	}
	#zoneEntete #logo a img{
		max-width: 40px;
		max-height: inherit;
	}		
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	#menuPrincipal {
		top: 10px;
		right: 10px;
	}	
	
	
	/* zoneContenu */
	#zoneContenu article,
	#zoneContenu #contenu{
		padding: 60px 30px;
	}
	#contenu .activite{
		margin: 40px 0 40px 40px;
	}
}

@media only screen and (max-width: 600px){	
	#zoneMilieuPage table.froute.petit{
		font-size: 80%;
	}
	#zoneMilieuPage table.froute tr.meme_largeur th{
		min-width: 0;
		width: 4.666%;
	}
	#zoneMilieuPage table td.fond_actif:after,
	#zoneMilieuPage table td.fond_noir:after{
		height: 15px;
	}
}

/* Mobile petit écran (480px et moins) */
@media only screen and (max-width: 480px){
	/* ==================================================
	 * styles de base
	 * ================================================== */
	/*body{
		font-size: 85%;
		line-height: 1.1;
	}
	.wrapper:before{
		height: 230px;
	}*/	
}
/* Mobile petit écran (360px et moins) */
@media only screen and (max-width: 360px){
	/* ==================================================
	 * styles de base
	 * ================================================== */
	#zoneMilieuPage table.froute.petit{
		margin-left: -20px;
		margin-right: -20px;
	}
}



/* 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 */
		
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	/* zoneContenu */
	/*.page #zoneContenu{
		margin-top: 90px;
	}*/
	#zoneContenu article,
	#zoneContenu #contenu{
		min-height: 170px;
	}
	
	#zoneContenu article #zoneTexte, 
	#zoneContenu #contenu #zoneTexte {
		padding: 23px 35px 0;
	}	
}


/* 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)
	 * ================================================== */
	.wrapper:before{
		height:390px
	}
	
	/* ==================================================
	 * zoneMilieuPage
	 * ================================================== */
	
	/* zoneContenu */
	/*.page #zoneContenu{
		margin-top: 110px;
	}*/
	#zoneContenu article,
	#zoneContenu #contenu{
		min-height: 230px;
		padding: 33px 10px;
	}
	#zoneContenu article #zoneTexte, 
	#zoneContenu #contenu #zoneTexte {
		width: 83%;
	}
	
	
	/* ==================================================
	 * zoneBasPage
	 * ================================================== */
	
	footer{
		font-size: .8125em; /* 13/16 */
		line-height: 3.15;
	}
	#zoneCredits{
		width: 83%;
	}
}



/* Ordinateur SD et Ordinateur HD (992px et plus) */
@media only screen and (min-width: 992px){
	/* ==================================================
	 * zoneHautPage (logo, menu secondaire, menu principal)
	 * ================================================== */
	.wrapper:before{
		top:30px;
	}	
	#zoneEntete .container:after{
		clear:none;
	}
	/* zoneEntete : menuPrincipal */
	.lstMenuPrincipal{
		display: block!important; /* Reset l'affichage (si toggle mobile effectué) */
	}
	.is-table-row {
        display: table;
		width: 100%;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

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

}

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

@media print{
	/* Général */
    *{
        color: #000 !important; /* Black prints faster: h5bp.com/s */
		background: transparent !important;
    }
    body{
		font-size: 80%;
		-webkit-print-color-adjust: exact;
	}
    a,
    a:visited{
        text-decoration: underline;
    }
    thead{
        display: table-header-group; /* h5bp.com/t */
    }
    img{
        max-width: 75% !important;
    }
    @page{
        margin: .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 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 */
    .accordeon .visuallyhidden{
    	width: 100%;
    	height: auto;
    	margin: 0;
    	position: static;
    }
	

	/* À ne pas afficher à l'impression */
	#zoneIdentitaire,
	#menuPrincipal,
	#contenu .accordeon .toggler span,
	#wpadminbar,
	#breadcrumb,
	.wrapper:before,
	#zoneBasPage ul{
		display: none;
	}

	/* Divers */
	body{
		margin-left: 50pt;
		margin-right: 50pt;
	}
	
	#zoneEntete h1{
		font-size: 16pt;
	}
	#zoneEntete h1 a,
	#zoneEntete h1 a:link,
	#zoneEntete h1 a:visited{
		height: 60px;
		color: #000;
		overflow:visible!important;
	}
	.ir:before{
		display: none;
	}
	
	#zoneContenu article,
	#zoneContenu #contenu{
		padding: 0;
	}
	#zoneMilieuPage table,
	#zoneMilieuPage table th,
	#zoneMilieuPage table td,
	#zoneMilieuPage table.froute td{
		border: 1px solid #bababa!important;
	}
	#zoneMilieuPage table th,
	#zoneMilieuPage table td,
	#zoneMilieuPage table.froute td{
		padding: 5px 10px;
	}
	#zoneMilieuPage table td.fond_actif:after{
		background-color: #999!important;
	}
	#zoneMilieuPage table td.fond_noir:after{
		background-color: #000!important;
	}
	#zoneMilieuPage table.froute td.odd{
		background: transparent!important;
	}
	
	#zoneMilieuPage img.alignDroite{
		max-width: 25% !important;
	}
	#contenu .accordeon .toggler{
		padding: 5px;
		margin-bottom: 15px;
		border: solid 1px #000;
	}
	#contenu .accordeon > div{
		padding: 0 25px 0 25px;
		border-left: none;
	}
	#contenu .accordeon .toggler.disabled + div{
		display: none;
	}
	
	.col-md-offset-1{
		margin-left: 0;
	}
	.col-md-3{
		width: 100%;
	}
}