/* @LA_GRIFFE package

*  style.css

*

*  Feuille de style. Responsable de l'apparence de tout le site.' */



/* RESET RESET RESET RESET RESET RESET RESET */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 14px;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a, a:hover, a:active, a:visited {

	color: inherit;

	text-decoration: none;

}



/* GENERAL ------------------------------------------- */



body

{

	text-align: center;

	height: 100%;

	font-family: 'Rubik';

}



.wrap

{

	display: inline-block;

    width: 100%;

	max-width: 1200px;

}



#page-content

{

	margin: 30px 360px 30px 10px;

}



#page-sidebar 

{

	width: 340px;

	float: right;

	margin-top: 30px;

}



/* HEADER -------------------------------------------- */



#header-right, #header-right h2, #pub-h, #pub-h-img, #header-right-align, #header-left-align, .site-logo

{

    display: inline-block;

    vertical-align: middle;

}



#pub-h-img

{

	width: 180px;

    height: 90px;

    background-position: center;

	background-repeat: no-repeat;

	background-size: contain;

}



#header-left

{

    float: left;

	height: 100%;

	padding-left: 15px;

}



#header-right

{

    padding: 0 15px 0 0;

	height: 100%;

}



#header-right h2

{

    padding: 0 10px 0 0;

	color: rgb(10,38,90);

}



#header-content

{

	text-align: right;

	height: 110px;

}



#header-right-align, #header-left-align

{

	height: 100%;

	width: 10px;

}



#site-logo-mobile

{

    display: none;

}



#menu-mobile

{

    display: none;

    border-top: 3px solid rgb(10,38,90);

	border-bottom: 3px solid rgb(10,38,90);

    background-color: rgb(10,38,90);

	color: white;

}



#menu-mobile h2

{

    font-weight: bold;

}



nav

{

    width: 100%;

    background-color: rgb(10,38,90);

	font-size: 18px;

	color: white;

	position: relative;

}



#nav-wrap

{

	text-align: left;

	position: relative;

}



.nav-h2

{

    display: inline-block;

    padding: 20px 18px;

    font-weight: bold;

	text-transform: uppercase;

}



#nav-elts

{

	display: inline-block;

}



#nav-encours-group

{

	padding: 19.8px;

    float: right;

	cursor: pointer;

}



#nav-encours img

{

	margin-left: 10px;

}



#nav-encours-container

{

    border: 4px solid rgb(10,38,90);

	border-top: 0px solid black;

    background-color: rgba(210,210,210,0.69);

	position: absolute;

	right: 0px;

	top: 58px;

    width: 140px;

	display: none;

	z-index: 2;

}



#nav-encours-container h2

{

    color: rgb(10,38,90);

    font-weight: bold;

    text-align: center;

	margin: 0 10px;

	padding: 15px 0;

	border-bottom: 2px solid rgb(10,38,90);

}



#nav-encours-container h2:last-child

{

	border-bottom: 0px solid rgb(10,38,90);

}



@media all and (max-width: 550px)

{  

    #site-logo-big

    {

        display: none;

    }

    

    #site-logo-mobile

    {

        display: inline-block;

    }

    

    #header-right h2

    {

        display: block;

        text-align: left;

    }

	

	#header-right h2 br

	{

		display: none;

	}

	

	#header-right h2

	{

		padding: 0px;

		text-align: center;

	}

}



@media all and (max-width: 850px)

{

    #nav-encours-group, #menu-mobile, .nav-h2, #nav-elts

    {

        display: block;

    }

	

	#nav-group

	{

		display: none;

	}

	

	#nav-encours-group

	{

		float: none;

	}

	

	#nav-encours img

	{

		display: none;

	}

	

	#nav-encours-container

	{

		margin-top: 10px;

		display: block;

		position: static;

		background-color: transparent;

		border: 0px solid black;

		width: auto;

	}

	

	#nav-encours-container h2

	{

		color: white;

		border-bottom: 0px solid black;

		margin: 0px;

		padding: 5px 0;

		text-align: left;

	}

	

	.nav-h2

	{

		border-bottom: 1px solid white;

	}

    

    #menu-mobile h2

    {

        display: inline-block;

        margin: 18.5px 0 18.5px 15px;

    }

    

    #fleche-menu

    {

        float: right;

        margin: 18.5px 15px 18.5px 0;

    }

}





/* PREVIEW D'ARTICLES ------------------------- */



.a-preview-section

{

	margin-bottom: 40px;

}



.a-preview-right

{

	border: 2px solid rgb(10,38,90);

	height: 166px;

    margin-left: 280px;

	text-align: left;

	color: rgb(10,38,90);

	min-height: 160px;

}



.a-preview-right-container

{

	padding: 15px 10px;

	font-size: 16px;

}



.a-preview-left

{

	float: left;

	width: 280px;

	height: 100%;

	background-size: cover;

	background-position: center;

}



.a-preview-title

{

	text-transform: uppercase;

	font-size: 22px;

	margin-bottom: 15px;

	font-weight: bold;

}



.a-preview-desc

{

	font-size: 16px;

	font-family: 'Montserrat';

}



.a-preview-box

{

	height: 170px;

	width: 100%;

	margin: 5px 0px;

	min-height: 160px;

}



.a-preview-align, .a-preview-right-container

{

	display: inline-block;

	vertical-align: middle;

}



.a-preview-align

{

	height: 100%;

}



.asection-preview-title

{

	text-transform: uppercase;

	font-weight: 300;

	color: rgb(10,38,90);

	font-size: 28px;

	text-align: left;

	margin-bottom: 20px; 

}



@media screen and (max-width: 1000px) and  (min-width: 780px), (max-width: 680px)

{

	.a-preview-left

    {

		width: 200px;

	}

	

	.a-preview-right

	{

		margin-left: 200px;

	}

	

	.a-preview-desc

	{

		display: none;

	}

	

	.a-preview-title

	{

		margin-bottom: 0px;

	}

}



@media screen and (max-width: 450px)

{

	.a-preview-box, .a-preview-right

	{

		min-height: 80px;

	}

	

	.a-preview-left

    {

		width: 150px;

	}

	

	.a-preview-right

	{

		margin-left: 150px;

	}

	

	.a-preview-title

	{

		font-size: 18px;

	}

	

	.asection-preview-title

	{

		font-size: 24px;

		margin-bottom: 15px;

	}

}



@media screen and (max-width: 375px)

{

	.a-preview-title

	{

		font-size: 16px;

	}

}



@media screen and (max-width: 350px)

{

	.a-preview-title

	{

		font-size: 14px;

	}

	

	.a-preview-left

    {

		width: 130px;

	}

	

	.a-preview-right

	{

		margin-left: 130px;

	}

}







/* ARTICLE SEUL ---------------------------- */



#single-article h1

{

    text-align: left;

    font-weight: bold;

    font-size: 40px;

	margin-bottom: 5px;

}



#single-article > h3

{

	font-style: italic;

	text-align: left;

	font-size: 20px;

	font-family: 'Montserrat';

}



#article-banner

{

	padding: 5px 6px;

    background-color: rgb(10,38,90);

    margin: 20px 0 5px 0;

	text-align: left;

}



#article-banner-l, #article-banner-r

{

    display: inline-block;

	width: 50%;

}



#article-banner-l

{

	text-align: left;

}



#article-banner-r

{

    text-align: right;

}



#article-banner h3

{

    color: white;

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

}



#photo-auteur-cercle

{

    display: inline-block;

	vertical-align: middle;

    height: 60px;

    width: 60px;

    border-radius: 30px;

    background-color: white;

    margin: 7px;

	background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

}



#banner-auteur-role

{

    display: inline-block;

	vertical-align: middle;

    margin: 12px 7px 12px 0;

    text-align: left;

}



#article-auteur

{

    font-weight: bold;

    padding-bottom: 5px;

}



#banner-auteur-role h2

{

    display: block;

}



#article-img img

{

	width: 100%;

}



#intro-article-p1 /* !!! */

{

    font-weight: bold;

}



#article-text

{

	border-top: solid 5px rgb(10,38,90);

	border-bottom: solid 5px rgb(10,38,90);

	margin-bottom: 30px;

}



#article-text p

{

	text-align: justify;

    font-size: 18px;

    color: black;

    margin: 25px 0 25px 0;

	font-family: 'montserrat';

	line-height: 1.3;

}



#article-text p a

{

	color: rgb(10,38,90);

	font-style: italic;

}



#article-text p a:hover

{

	text-decoration: underline;

}



.slide-img

{

	width: 100%;

	display: block;

	opacity: 0;

}



#article-slider

{

	width: 100%;

	margin-bottom: 6px;

}



#article-slide

{

	position: relative;

}



#slider-arrow-left

{

	position: absolute;

	left: 10px;

	top: 250px;

	z-index: 1;

}

#slider-arrow-right

{

	position: absolute;

	right: 10px;

	top: 250px;

}





@media all and (max-width: 1100px)

{

	#banner-auteur-role

	{

		max-width: 200px;

	}

}



@media all and (max-width: 980px)

{

	#banner-auteur-role

	{

		max-width: 200px;

	}

	

	#article-banner-l, #article-banner-r

	{

		display: block;

		width: auto;

	}

	

	#article-banner-r

	{

		text-align: left;

		border-top: 2px solid white;

	}

}



@media all and (max-width: 780px)

{

	#article-text

	{

		padding-top: 20px;

	}

}



@media all and (max-width: 445px)

{

    #single-article h1

    {

        font-size: 35px;

    }

	

	#article-text p

	{

		text-align: left;

		font-size: 16px;

		margin: 25px 10px;

	}

}



@media all and (max-width: 320px)

{

    #single-article h1

    {

        font-size: 25px;

    }

    

    #article-text

    {

        font-size: 14px;

    }

}



/* ARTICLE EN VEDETTE ------------------------ */



#main-slider-container

{

	border-bottom: solid 7px rgb(10,38,90);

	background-color: black;

	position: relative;

	overflow: hidden;

}



#main-slider-wrap

{

    width: 100%;

	background-position: center;

	background-size: cover;

    height: 500px;

}



#main-slider-content

{

    text-align: left;

	text-shadow: 3px 3px 3px black;

}



#main-article-text

{

    color: white;

    font-size: 30px;

	padding: 0 10px;

}



#main-article-title

{

    font-weight: bold;

    text-decoration: underline;

    font-size: 48px;

    color: white;

	margin-bottom: 10px;

	padding: 0 10px;

}



#main-slider-align, #main-slider-content

{

	display: inline-block;

	vertical-align: bottom;

}



#main-slider-align

{

	height: 90%;

}



#main-slider-arrow-left

{

    left: -23px;

}



#main-slider-arrow-right

{

    right: -23px;

}



#main-slider-arrow-right, #main-slider-arrow-left

{

	opacity: 0;

	position: absolute;

	top: 226.5px;

	z-index: 2;

}



@media all and (max-width: 1300px)

{	

	.main-slide-it

	{

		display: block;

		padding: 0 10px;

	}

	

	#main-slider-align

    {  

	    height: 95%;

    }

}



@media all and (max-width: 1000px)

{

	#main-slider-wrap

	{

		height: 400px;

	}

	

	#main-slider-arrow-right, #main-slider-arrow-left

	{

		top: 176.5px;

	}

	

	#main-article-text

	{

		font-size: 26px;

	}

	

	#main-article-title

	{

		font-size: 42px;

	}

}



@media all and (max-width: 800px)

{

	#main-article-text

	{

		font-size: 22px;

	}

	

	#main-article-title

	{

		font-size: 36px;

	}

}



@media all and (max-width: 500px)

{

	#main-article-text

	{

		display: none;

	}

	

	#main-article-title

	{

		font-size: 35px;

	}

}



@media all and (max-width: 350px)

{

	#main-article-text

	{

		display: none;

	}

	

	#main-article-title

	{

		font-size: 30px;

	}

}



/* CALENDRIER ------------------------- */



#calendar-content

{

    text-align: left;

	margin: 20px 0 40px 0;

}



.calendar-day

{

    background-color: rgb(10,38,90);

	margin: 8px 0;

	padding: 3px;

}



.calendar-title

{

    font-weight: bold;

    font-size: 30px;

	color: rgb(10,38,90);

	text-align: left;

}



.calendar-date

{

    float: left;

    font-size: 20px;

    height: 100%;

    width: 70px;

    color: white;

    background-color: rgb(10,38,90);

    text-align: center;

}



.calendar-date-content, .calendar-date-align

{

    display: inline-block;

    vertical-align: middle;

}



.calendar-date-align

{

    height: 100%; 

}



.calendar-weekday

{

    text-transform: uppercase;

}



.calendar-numdate

{

    font-weight: bold;

    font-size: 22px;

	margin-top: 5px;

}



.calendar-event-group

{

	background-color: white;

    color: rgb(10,38,90);

	height: 100%;

	min-height: 65px;

	margin-left: 76px;

}



.calendar-event-align, .calendar-event-group-content

{

    display: inline-block;

    vertical-align: middle;

}



.calendar-event-align

{

    height: 100%; 

}



.calendar-event-group-content

{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

	padding: 10px 0;

}



.calendar-day-event h4

{

	margin: 0 40px 0 15px;

	display: inline-block;

}





.calendar-day-event

{

	position: relative;

    width: 100%;

	margin: 5px 0;

}



.calendar-desc-opener

{

    position: absolute;

	top: 0px;

	right: 15px;

	cursor: pointer;

}



.calendar-desc-it

{

	margin: 0 40px 0 25px;

	font-style: italic;

	font-size: 14px;

	font-weight: normal;

	margin-top: 2px;

}



#calendar-last-day-1

{

    margin: 0 0 50px 0;

}



#calendar-last-day-2

{

    margin: 0 0 50px 0;

}



#calendar-last-day-3

{

    margin: 0 0 50px 0;

}



.calendar-day-sub-event

{

	margin: 8px 0;

	font-size: 15px;

	font-weight: bold;

}



/* Chuck's SIDEBAR ----------------------------- */



.sb-widget-top

{

	height: 45px;

    width: 100%;

    border-bottom: solid 2px white;

}



.sb-widget-box

{

    background-color: rgb(10,38,90);

	color: white;

	display: inline-block;

	width: 300px;

}



.sb-widget

{

	margin: 15px 0;

}



.sb-widget:first-child

{

	margin-top: 0px;

}



.sb-widget-pubconseil 

{

	border: 4px solid rgb(10,38,90);

	display: inline-block;

	width: 292px;

}



.sb-widget-pubconseil img

{

	width: 100%;

	height: auto;

	display: block;

}



.sb-widget-main

{

	padding: 20px;

	font-size: 16px;

}



.sb-widget-title

{

    font-size: 18px;

    font-weight: bold;

    color: white;

    padding: 13.5px 0 13.5px 10px;

    text-align: left;

}



#sb-social-box

{

	margin-top: 20px;

}



.sb-facebook, .sb-twitter, .sb-instagram

{

	display: inline-block;

	vertical-align: middle;

	margin: 0 5px;

	cursor: pointer;

}



.sb-sondage-answers

{

    padding: 10px 0 0 0;

}



.sb-sondage-answers form

{

	text-align: left;

}



.sb-sondage-send

{

	border: 2px solid white;

	background-color: rgb(10,38,90);

	color: white;

	padding: 3px 8px 4px 8px;

	margin: 0px;

	font-size: 14px;

	border-radius: 4px;

	cursor: pointer;

}



.sb-sondage-answers-left, .sb-sondage-answers-right

{

	display: inline-block;

	vertical-align: top;

	width: 50%;

}



.sb-sondage-answer-it

{

	margin: 10px 5px 5px 0;

}



.sb-sondage-send:hover

{

	border: 3px solid white;

	font-weight: bold;

	padding: 2px 5px 3px 5px;

}



#pic-du-moment

{

	width: 100%;

	cursor: pointer;

}



#sb-messages-list li

{

	text-align: left;

	margin: 15px 0;

	font-size: 18px;

}



#sb-messages-list li:first-child

{

	margin-top: 0px;

}



#sb-messages-list li:last-child

{

	margin-bottom: 0px;

}



.sb-widget-main h5

{

	text-align: left;

	margin-bottom: 15px;

}



.sb-widget-main h6

{

	text-align: right;

	margin-right: 20px;

}



.sb-widget-suggest

{

	margin-top: 15px;

	background-color: white;

	color: rgb(10,38,90);

	font-weight: bold;

	padding: 5px 10px;

	display: inline-block;

	border-radius: 5px;

	cursor: pointer;

}



.sb-widget-suggest:hover

{

	background-color: rgb(225,225,225);

}



.sb-sondage-submit

{

	text-align: center;

}



.sb-pic-plus-container

{

	display: none;

	position: fixed;

	top: 0px;

	right: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.5);

	z-index: 3;

}



.sb-pic-plus

{

	width: 80%;

	height: 90%;

	padding: 20px;

	background-color: rgb(4,18,51);

}



.sb-pic-plus-align, .sb-pic-plus

{

	display: inline-block;

	vertical-align: middle;

}



.sb-pic-plus-align

{

	height: 100%;

}



.sb-pic-plus-img

{

	width: 100%;

	height: 90%;

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

}



.sb-pic-plus-img img

{

	height: 100%;

	width: 100%;

}



.sb-pic-plus-title

{

	color: white;

	font-size: 30px;

	font-weight: bold;

	padding: 0 0 10px 5px;

	text-align: left;

}

.sb-pic-plus-title div

{

	float: right;

	cursor: pointer;

	font-size: 24px;

	padding-right: 10px;

}





.mobile-widget

{

	display: none;

	margin: 0 0 30px 0;

}



.sb-palmares

{

    margin: 0 0 20px 0;

    text-align: left;

}



.sb-palmares:last-child

{

    margin: 0 0 0 0;

}



.sb-palmares-text

{

    margin-left: 60px;

}



.sb-palmares-img

{

	float: left;

    height: 45px;

    width: 50px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

}



.sb-palmares-title

{

    margin: 0 0 7px 0;

	font-weight: 400;

	font-size: 18px;

}



.sb-palmares-artist

{

	font-weight: 300;

	font-size: 14px;

}



.sb-pub-it

{

	height: 250px;

    width: 300px;

	display: inline-block;

	border: 1px solid black;

	background-position: center;

	background-repeat: no-repeat

}



.affichez-ici-text, .affichez-ici-align

{

	display: inline-block;

	vertical-align: middle;

}



.affichez-ici

{

	background-image: url('/img/ecole.jpg');

	background-size: cover;

}



.affichez-ici-in

{

	height: 100%;

	width: 100%;

	background-color: rgba(255,255,255,0.6);

}



.affichez-ici-align

{

	height: 100%;

}



.affichez-ici-text

{

	width: 90%;

}



.affichez-ici-text h2

{

	font-weight: bold;

	font-size: 35px;

	margin-bottom: 10px;

}



.affichez-ici-text h3

{

	text-transform: uppercase;

	color: rgb(10,38,90);

	text-decoration: underline;

}



.affichez-ici-fullw

{

	background-image: url('/img/ecole.jpg');

	background-size: 30% auto;

	background-repeat: no-repeat;

	background-position: 0% 80%;

	text-align: right;

	

}



.affichez-ici-fullw-m

{

	background-image: url('/img/ecole.jpg');

	background-size: cover;

	background-position: center;

}



.affichez-ici-fullw-text

{

	padding-right: 20px;

}



.affichez-ici-fullw-text h2

{

	font-size: 32px;

}



.affichez-ici-fullw-m-text h2

{

	font-size: 26px;

}



@media all and (max-width: 780px)

{

	#page-sidebar

	{

		display: none;

	}

	

	.mobile-widget

	{

		display: block;

	}

	

	#page-content

	{

		margin-right: 10px;

	}

	

	.sb-widget-box

	{

		width: 100%;

	}

}



/* SONDAGES RESULTATS ---------------- */



.sondage-results-container

{

	position: fixed;

	top: 0px;

	right: 0px;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.5);

	z-index: 1;

}



.sondage-results, .sondage-results-align

{

	display: inline-block;

	vertical-align: middle;

}



.sondage-results-top

{

	text-align: left;

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 20px;

}



.sondage-results-x

{

	float: right;

	cursor: pointer;

}



.sondage-results-question

{

	font-size: 20px;

}



.sondage-results-align

{

	height: 100%;

}



.sondage-results

{

	background-color: rgb(4,18,51);

	color: white;

	padding: 20px;

	width: 80%;

	max-width: 800px;

	height: 80%;

}





.sondage-results-graphic table

{

	height: 100%;

	border-collapse: collapse;

}



.sondage-results-graphic

{

	height: 80%;

}



.sondage-results-graphic-in

{

	display: inline-block;

	margin-top: 20px;

	height: 100%;

}



.sondage-results-graphic tr:last-child

{

	border-top: 1px solid white;

	height: 50px;

}



.sondage-results-graphic td

{

	overflow: hidden;

}



.results-white-banner

{

	width: 50%;

	background-color: white;

	display: inline-block;

}



.results-graph

{

	vertical-align: bottom;

	text-align: center;

	font-size: 0px;

}

.results-nb

{

	width: 50px;

	padding: 3px;

	text-align: right;

	border-top: 1px solid white;

	border-right: 1px solid white;

}



#results-nb-last

{

	border-right: 0px solid white;

}



.results-name

{

	padding: 5px;

	width: 160px;

}



.sondage-results-question h5

{

	font-size: 13px;

	font-style: italic;

	margin-top: 10px;

	color: red;

}



@media all and (max-width: 900px)

{

	.sondage-results

	{

		height: 60%;

	}

	

	.sondage-results-question

	{

		font-size: 18px;

	}

	

	.sondage-results-top

	{

		font-size: 20px;

	}

}



/* ARCHIVES -------------------------- */



#archives

{

	text-align: left;

}



#archives h2

{

	font-size: 30px;

	font-weight: bold;

	color: rgb(10,38,90);

	margin-bottom: 20px;

}



#archives-search

{

	background-color: rgb(10,38,90);

	color: white;

	padding: 15px;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

}



#archives-search-send

{

	background-color: transparent;

	border: 1px solid white;

	color: white;

	font-size: 15px;

	border-radius: 4px;

	margin-left: 10px;

	padding: 4px 8px;

}

#archives-search-send:hover

{

	cursor: pointer;

	background-color: rgb(79,88,122)

}



#search-text

{

	width: 50%;

	font-size: 18px;

	font-family: 'Rubik';

}



#archives-search-top

{

	margin-top: 15px;

}



#archives-search h3

{

	font-weight: bold;

	font-size: 20px;

	margin-bottom: 8px;

}



#filtre-categorie-group, #filtre-scat-group

{

	display: inline-block;

	margin-bottom: 10px;

}



#filtre-categorie-group

{

	margin-right: 20px;

}



#filtre-scat-group

{

	opacity: 0.6;

}



#filtres-label-date

{

	margin-right: 10px;

}



.filtre-scat-choices

{

	display: none;

}



#archives-results

{

	margin-top: 20px;

}



/* FULL-WIDTH ADS --------------------------- */



.mobile-full-width-ad-img

{

	display: none;

	border: 1px solid black;

	width: 318px;

	height: 100px;

}



.full-width-ad-img

{

	display: inline-block;

	border: 1px solid black;

	width: 728px;

	height: 90px;

}



#page-welcome .full-width-ad

{

	margin-top: 20px;

}



@media all and (max-width: 730px)

{

	.mobile-full-width-ad-img

	{

		display: inline-block;

	}

	

	.full-width-ad-img

	{

		display: none;

	}

}



/* FOOTER ----------------------------------- */



footer

{

	background-color: rgb(10,38,90);

    color: white;

    margin-top: 20px;

}



#footer-content

{

    padding: 20px 0;

}



.footer-section h3

{

    font-size: 18px;

    color: white;

}



.footer-section

{

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 33%;

}



.footer-social-media-logos

{

    display: inline-block;

    vertical-align: middle;

	margin: 0 3px;

}



.footer-section-text

{

	padding: 0 20px;

}



#footer-social-media-logo-group

{

    margin-top: 20px;

}



#footer-section-m-text h3

{

    margin-bottom: 10px;

}



#footer-section-thanks, #footer-logo-mariste

{

    display: inline-block;

    vertical-align: middle;

}



#footer-section-thanks

{

    width: 140px;

	text-align: center;

	margin-right: 10px;

}



#footer-section-apropos-text

{

	font-weight: normal;

	font-size: 16px;

}



#equipe-griffe

{

	text-decoration: underline;

}



#footer-site-mariste

{

    margin-top: 15px;

	text-decoration: underline;

	text-align: right;

}



#footer-section-r-upper-part

{

	text-align: right;

}



#footer-section-legal

{

    border-top: solid 2px white;

    margin-top: 10px;

    padding: 15px 0 15px 0;

    font-weight: bold;

}



#footer-copyright-maristes, #footer-poweredby-darrtech, #footer-legal-barre

{

    display: inline-block;

    vertical-align: middle;

}



#footer-legal-barre

{

    margin: 0 7.5px;

}



@media all and (max-width: 1200px)

{

	#footer-site-mariste, #footer-section-r-upper-part

	{

		text-align: center;

	}

	#footer-section-thanks

	{

		margin: 0 0 10px 0;

		width: 95%;

	}

}



@media all and (max-width: 700px)

{

    .footer-section

    {

        display: block;

        padding: 20px 0;

        width: 100%;

        border-bottom: solid 1.5px white;

    }

    

    .footer-section:last-child

    {

        border-bottom: solid 3px white;

    }

    

    #footer-section-legal

    {

        display: block;

        padding: 20px 0;

        width: 100%;

        border-top: solid 0px white;

        margin-top: 0;

    }

    

    

    #footer-legal-barre

    {

        display: none;    

    }

    

    #footer-content

    {

        padding: 0 0;

    }

}