@import url("/css/gabaritSipea.css");
@font-face {
	font-family: 'Pancarte';
	font-style: normal;
	font-weight: 400;
	src: url(/Fonts/Cookie-Regular.woff2) format('woff2');
	}

/* ++ COULEURS GENERALES ++ */
hr {	border-top: 1px solid #39C;	}
/* -- COULEURS GENERALES -- */

/* ++ HEADER ++ */
header {	
	background-color: #39C;	
	}
#bandeauHaut #zoneLogo { 
	height: auto;
	max-height: unset;
	}
#bandeauHaut #zoneLogo img { 
	padding: 20px;
	}
#bandeauHaut:hover > ul > li {	
	border-bottom: 2px solid #333;	
	}

#bandeauHaut ul li ul a li:after, li.bckOuvert:after, li.bckFerme:after  { 
	background-color: #333;
	}	
	
.bckFormation:hover {	color: #ccb95c !important;	}
.bckCollecte:hover {	color: #EEE !important;	}
.bckObservatoire:hover{	color: #cc3795 !important;	}
.bckPropolice:after {	}

#bandeauHaut #zoneLogo {
	border-left: 1px solid #39C; 
	border-right: 1px solid #39C; 
	}

#bandeauHaut > ul > li:hover {	
	border-bottom: 2px solid #333;
	}

/* ++ SURCHARGES SPECIFIQUES ++ */
#bandeauHaut ul li ul a li.nouveaute:before {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	margin: 0 3px 0 0;
	background-color: #EE3;
	content: "";
	mask-image: url(/imgs/marqueurEtoile.svg);
	-webkit-mask-image: url(/imgs/marqueurEtoile.svg);
	}
	
/* -- HEADER -- */

/* ++ FOOTER ++ */
footer a {	color: #39C;	}
/* -- FOOTER -- */

/* ++ CONTENUS ++ */
/* -- CONTENUS -- */

/* ++ PAGE PRINCIPALE ++ */

#pagePrincipale {
	box-shadow: 0 0 3px 0 #333;
	padding: 1em;
	}

#pagePrincipale > ul {
    font-size: 1.3em;
    line-height: 1.25em;
    margin: 1em 4em;
    text-align: left;
	}

#pagePrincipale > ul a {
	color: #268;
	}

#pagePrincipale > ul a:hover {
	color: #39C;
	}
	
#pagePrincipale > ul > li:before {
	content: "- ";
    }	
#pagePrincipale > ul > li span.datesNews {
	font-size: 0.8em;
	font-style: italic;
    }
#pagePrincipale > ul > li span.datesNews:before {		content: "(";	}
#pagePrincipale > ul > li span.datesNews:after {		content: ")";	}



/* -- PAGE PRINCIPALE -- */

table, table th {
	margin: auto;
	background-color: rgba(0,0,0,0.25);
	border-collapse: collapse;
	text-align: center;
	}
table th, table td {
	padding: 0.5em;
	}
table td {
	text-align: left;
	}
	

/* ++ MESSAGES ++ */
.rapport {
	margin: 1em 0;
	padding: 0.5em;
	border: 1px solid #333;
	background: rgba(0,0,0,0.1);
	list-style: none;
	border-radius: 0.5em;
	}
.rapport li:first-child {
	font-weight: bold;
	}
.rapportMessages {
	background: rgba(102,187,204,0.5);
	}
.rapportErreurs {
	background: rgba(221,119,119,0.5);
	}
.rapport  legend {
	font-weight: bold;
	color: #000;
	}
.alerteSipea {
	font-size: 0.8em;
	width: 75%;
	margin: auto;
	position: relative;
	}
.alerteSipea * {
	margin: 0.5em;
	}
.alerteSipea {
	font-size: 0.8em;
	width: 75%;
	margin: auto;
	position: relative;
	}
.alerteSipea .signature {
	border-top: 1px solid #666;
	font-style: italic;
	margin-top: 1em;
	width: 10em;
	text-align: left;
	display: inline-block;
	position: relative;
	left: 50%;
	}
.alerteSipea p {
	font-size: 1.0rem !important;
	}
/* -- MESSAGES -- */
		
#pagePrincipale .blocInfo h2 {
	line-height: 1.25rem;
	font-size: 1.25rem;
	display: block;
	border-radius: inherit;
	}

p+h2,p+h3,p+h4 {
	margin-top: 2em;
	}	

p a > span {
	font-size: 1.1em;
	background: rgba(255,255,255,0.75);
	padding: 0em 0.5em;
	border-radius: 0.5em;
	vertical-align: middle;
	white-space: nowrap;
	}