/* CUSTOM CSS */
/*Boulevard du Nord 2022*/

.intro-accueil {
	font-size: 1.5rem
}

/* Mobile menu */
.g-offcanvas-toggle {
	top: 1.3rem;
}
.g-offcanvas-toggle i.fa {
    font-size: 3rem;
}
.g-offcanvas-toggle i.fa:hover {
	opacity: 0.8;
}
.g-offcanvas-left #g-offcanvas {
    border-right: 1px solid #056b7b;
}

/* Actions */
body.homepage .icons,
body.homepage .jmodedit {
	display: none;
}

/* Navigation */
#g-navigation {
    border-bottom: 4px solid black;
	height: 93px;
    background-image: url('../../../images/logos/logo_trame.png');
    background-position: right center;
    background-repeat: no-repeat;
}
#g-navigation .g-grid {
    height: 100%;
}
#g-navigation .g-content {
    margin-top: 0;
	margin-bottom: 0;
    padding-top: 0;
	padding-bottom: 0;
}
#g-navigation p {
	margin: 0;
}
/* Navigation > logo site */
#g-navigation div.mod_logosite {
    position: absolute;
    left: calc( 50% - 119px );
	top: -3px;
}
/* g-above */
#g-above h2 {
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    color: white;
    background-color: #82c9d7;
}

/* #g-mainbar */
body.homepage #g-mainbar .g-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* #g-mainbar > Contenu (commun aux articles et composants) */
#g-mainbar h1 {
	font-size: 2.0rem;
	color: #252525;
	font-weight: normal;
	margin-top: 5px;
    margin-bottom: 15px;
}
.com_users.view-login #g-mainbar h1,
.com_users.view-reset #g-mainbar h1,
.com_users.view-remind #g-mainbar h1 {
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    color: white;
    background-color: #82c9d7;
}
#g-mainbar h2 {
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    color: white;
    background-color: #82c9d7;
}
#g-mainbar h3 {
	font-size: 1.7rem;
	color: #252525;
	font-weight: normal;
	border-bottom: 1px solid #008499;
	margin-top: 10px;
    margin-bottom: 15px;
	line-height: 125%;
}
#g-mainbar h4 {
	font-size: 1.4rem;
	color: #008499; 
	font-weight: normal;
	margin-top: 3px;
    margin-bottom: 5px;
}
#g-mainbar h5 {
	font-size: 1.2rem;
	color: #008499; 
	font-weight: normal;
	font-style: italic;
	margin-top: 2px;
    margin-bottom: 3px;
}
#g-mainbar .item-page img {
	box-shadow: 0px 0px 5px #333;
}
#g-mainbar .item-page figcaption {
    margin: 5px 0;
}
div[itemprop="articleBody"] {
   margin-bottom: 20px;
}
.com_users.view-registration #g-mainbar legend {
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    color: white;
    background-color: #82c9d7;
}

/* #g-mainbar > Accueil */
.homepage #g-mainbar .item-page h1,
.homepage #g-mainbar .item-page h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
	line-height: 100%;
	border: none;
}
.homepage #g-mainbar .item-page h1 {
    font-weight: 400;
    font-size: 2.6rem;
    color: #838383;
	letter-spacing: 0.2rem;
}
.homepage #g-mainbar .item-page h3 {
    font-weight: 400;
    font-size: 1.8rem;
	color: #008596;
	letter-spacing: 0.1rem;
}
/* #g-mainbar > Pager */
#g-mainbar .item-page ul.pager {
	margin-top: 50px;
}
#g-mainbar .item-page ul.pager.pagenav a {
    color: white !important;
    border: 2px solid transparent;
}
#g-mainbar .item-page ul.pager.pagenav a:hover {
    color: #64c4ce !important;
	border: 2px solid #64c4ce;
}
/* #g-mainbar > com_users > User Profile */
.com_users.view-profile #g-mainbar .g-content {
    margin-top: 0;
    padding-top: 0;
}
.com_users.view-profile #g-mainbar .g-grid:first-child .g-content {
    margin-top: 0.625rem;
    margin-bottom: 0.2rem;
    padding-bottom: 0;
    padding-top: 1.5rem;
}
.com_users.view-profile #g-mainbar dl {
    margin-top: 0.5rem;
}

/* #g-expanded */
#g-expanded {
    border-bottom: 4px solid black;
}
/* #g-expanded > .mod_icons */
body.homepage #g-expanded .mod_icons i {
    border: 5px solid #a9b6bf;
    padding: 35px;
    border-radius: 100%;
}
body.homepage #g-expanded .mod_icons i.fa-cogs {
    padding-left: 25px;
    padding-right: 25px;
}

/* #g-bottom */
#g-bottom {
    border-bottom: 4px solid black;
}
/* #g-bottom > mod_icons */
body.homepage #g-bottom .mod_icons i {
    border: 4px solid #ffffff;
    padding: 12px 50px 18px;
    border-radius: 100%;
}

/* Footer */
#g-footer {
    margin: 0;
    padding: 0;
}
#g-footer .g-content {
    margin: 0;
    padding: 0.75rem 1.5rem 0.4rem;
}
#g-footer p {
    margin: 0;
}
/* Footer > Footer C */
#footer-c .g-content {
    display: flex;
    justify-content: right;
}
#footer-c .g-content .platform-content {
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* ************* RESPONSIVITY ************* */
@media screen and (min-width: 816px) and (max-width: 940px) {
	.mod_paleo_lastdocuments .document { margin: 15px 10px; }
	.mod_paleo_lastdocuments .document img { width: 120px; height: 120px; }
	body.homepage #g-bottom .mod_icons i { font-size: 500%; width: 125px; height: 125px; padding-left: 0px; padding-right: 0px; }
	.com_paleo.view_documents #documentList { font-size: 0.8rem; }
}
@media screen and (min-width: 0px) and (max-width: 815px) {
	.mod_paleo_lastdocuments .document { margin: 15px 10px; }
	.mod_paleo_lastdocuments .document img { width: 120px; height: 120px; }
	body.homepage #g-bottom .mod_icons i { font-size: 500%; width: 125px; height: 125px; padding-left: 0px; padding-right: 0px; }
	.com_paleo.view_documents #documentList { font-size: 0.8rem; }
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(5) { display: none; } /* doctype */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(6) { display: none; } /* doctype */
	#g-expanded > .g-grid > div { flex-basis: 50%; }
	#g-expanded > .g-grid > div > .g-content { margin: 0; padding: 10px 0 20px; }
	#g-bottom .g-content { margin: 0; padding: 0; }
	#g-bottom .g-content:first-child { padding-top: 1rem; }
	body.homepage #g-expanded .mod_icons i { margin-bottom: 10px; }
	#g-footer { text-align: center; }
	#footer-c .g-content { justify-content: center; }
	.com_paleo.view_documents form#adminForm .input-append { margin-right: 0; }
}
@media screen and (min-width: 0px) and (max-width: 710px) {
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(2) { display: none; } /* theme */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(3) { display: none; } /* theme */
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(3) { display: none; } /* period */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(4) { display: none; } /* period */
}
@media screen and (min-width: 0px) and (max-width: 550px) {
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(4) { display: none; } /* doclanguage */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(5) { display: none; } /* doclanguage */
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(7) { display: none; } /* pages */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(8) { display: none; } /* pages */
}
@media screen and (min-width: 0px) and (max-width: 380px) {
	.com_paleo.view_documents #documentList thead > tr > th:nth-child(6) { display: none; } /* level */
	.com_paleo.view_documents #documentList tbody > tr > td:nth-child(7) { display: none; } /* level */
	.com_paleo.view_documents #documentList tbody > tr > td.docthumbnail img { display: none; } /* thumbnail */
	.com_paleo.view_documents #documentList tbody > tr > td.docthumbnail { width: 0; min-width: 0; padding-left: 0; }
	.com_paleo.view_documents #documentList tbody > tr > td.docname { padding-left: 0; }
}

.accueil-titre h1 {
font-weight: 400;
font-size: 2.6rem;
color: #838383;
letter-spacing: 0.2rem;
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 0;
line-height: 100%;
border: none;
text-rendering: optimizeLegibility;
font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.accueil-sous-titre h3 {
font-weight: 400;
font-size: 1.8rem;
color: #008596;
letter-spacing: 0.1rem;
text-transform: uppercase;
margin: 0;
padding: 0;
line-height: 100%;
border: none;
text-align: center;
font-family: "sourcesanspro", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.icone {
	margin-top: 15px;
    margin-bottom: 15px;
	margin-left: 10px;
    margin-right: 10px;
	border: 3px solid #bfbfbf;
    padding: 55px;
    border-radius: 50%;
}
.icone-white {
	margin-top: 15px;
    margin-bottom: 15px;
	margin-left: 10px;
    margin-right: 10px;
	border: 0px solid #008499;
    padding: 55px;
    border-radius: 50%;
	background-color:#ffffff;
}