/* ############################################################################################# */
/* ## PARTIE HAUTE PAGE D'ACCUEIL
/* ############################################################################################# */
#inform { font-size: 0; background: #075CB3; }

#inform #actus { position: relative; display: block; width: 100%; }
#inform #actus #actusSlider .slide { position: relative; }
#inform #actus #actusSlider .slide figure img { display: block; }
#inform #actus #actusSlider .slide figure figcaption { position: absolute; bottom: 20px; left: 30px; }
#inform #actus #actusSlider .slide figure figcaption h3 span { display: inline-block; font-family: 'Einstellung-Bold'; font-weight: 100; font-size: 14px; color: #000000; text-transform: uppercase; padding: 11px; background: #FFFFFF; }
#inform #actus #actusSlider .slide figure figcaption p { width: 100%; font-family: 'DINPro-Regular'; font-weight: 100; font-size: 11px; line-height: 16px; color: #FFFFFF; padding: 11px; background: rgba(74,71,72,.8); }
#inform #actus #actusSlider .slide figure figcaption p strong { font-family: 'DINPro-Black'; font-weight: 100; font-size: inherit; color: inherit; text-transform: uppercase; }
#inform #actus #actusSlider .slide figure figcaption p a { display: block; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; }
#inform #actus #actusSlider .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; height: 12px; text-align: center; }
#inform #actus #actusSlider .owl-dot { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 3px; }
#inform #actus #actusSlider .owl-dot:before { content: ''; position: absolute; top: 2px; left: 2px; bottom: 2px; right: 2px; opacity: .5; -webkit-border-radius: 8px; border-radius: 8px; background: #5CC4FF; }
#inform #actus #actusSlider .owl-dot.active:before { opacity: 1; }
#inform #actus #actusTextes { position: absolute; top: 30px; left: 30px; z-index: 1; }
#inform #actus #actusTextes h2 span { display: inline-block; font-family: 'Einstellung-Bold'; font-weight: 100; font-size: 14px; color: #FFFFFF; text-transform: uppercase; padding: 11px; background: #075CB3; }

#inform #prest { position: relative; display: inline-block; width: 50%; }
#inform #prest img { display: block; width: 100%; height: auto; }
#inform #prest .context { position: absolute; top: 30px; left: 30px; right: 30px; }
#inform #prest .context h2 span { display: inline-block; font-family: 'Einstellung-Bold'; font-weight: 100; font-size: 14px; color: #FFFFFF; text-transform: uppercase; padding: 11px; background: #075CB3; }
#inform #prest .context p { width: 50%; font-family: 'DINPro-Regular'; font-weight: 100; font-size: 11px; line-height: 16px; color: #FFFFFF; padding: 11px; margin-top: -1px; background: rgba(74,71,72,.8); }
#inform #prest .context p a { display: block; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; }

#inform #moyen { position: relative; display: inline-block; width: 50%; }
#inform #moyen img { display: block; width: 100%; height: auto; }
#inform #moyen .context { position: absolute; top: 30px; left: 30px; right: 30px; }
#inform #moyen .context h2 span { display: inline-block; font-family: 'Einstellung-Bold'; font-weight: 100; font-size: 14px; color: #FFFFFF; text-transform: uppercase; padding: 11px; background: #075CB3; }
#inform #moyen .context p { width: 50%; font-family: 'DINPro-Regular'; font-weight: 100; font-size: 11px; line-height: 16px; color: #FFFFFF; padding: 11px; margin-top: -1px; background: rgba(74,71,72,.8); }
#inform #moyen .context p a { display: block; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; }


@media screen and (max-width: 800px) {
	#inform #actus #actusSlider { display: block; height: 300px; }
	#inform #actus #actusSlider .slide { height: 300px; overflow: hidden; }
	#inform #actus #actusSlider .slide figure img { position: relative; left: 0; display: block; width: auto; height: 360px; }
	#inform #actus #actusSlider .slide figure figcaption { position: absolute; bottom: 20px; left: 30px; }
	#inform #actus #actusSlider .slide figure figcaption h3 span { font-size: 14px; padding: 6px; }
	#inform #actus #actusSlider .slide figure figcaption p a { display: block; color: #5CC4FF; }
	#inform #actus #actusSlider .owl-dots { bottom: 10px; }
	#inform #actus #actusTextes h2 span { font-size: 14px; padding: 6px; }
	#inform #prest { display: inline-block; width: 50%; max-height: 300px; overflow: hidden; }
	#inform #prest .context p { width: 75%; font-size: 11px; line-height: 16px; padding: 11px; }
	#inform #prest .context p a { color: #5CC4FF; }
	#inform #moyen { display: inline-block; width: 50%; max-height: 300px; overflow: hidden; }
	#inform #moyen .context p { width: 75%; font-size: 11px; line-height: 16px; padding: 11px; }
	#inform #moyen .context p a { color: #5CC4FF; }
}


@media screen and (max-width: 668px) {
	#inform #actus #actusSlider { display: block; height: 200px; }
	#inform #actus #actusSlider .slide { height: 200px; overflow: hidden; }
	#inform #actus #actusSlider .slide figure img { position: relative; left: 0; display: block; width: auto; height: 240px; }
	#inform #actus #actusSlider .owl-dots { bottom: 10px; }
	#inform #actus #actusTextes { top: 10px; bottom: auto; left: 10px; right: 10px; }
	#inform #actus #actusTextes h2 { position: absolute; top: 0px; }
	#inform #actus #actusTextes h2 span { font-size: 12px; padding: 6px; }
	#inform #actus #actusTextes h3 { margin-top: 100px; }
	#inform #actus #actusTextes h3 span { font-size: 12px; padding: 6px; }
	#inform #actus #actusTextes p { width: 85%; font-size: 8px; line-height: 12px; padding: 6px; }
	#inform #actus #actusTextes p a { display: inline-block; color: #5CC4FF; }
	#inform #prest { display: block; width: 100%; max-height: 300px; overflow: hidden; }
	#inform #prest .context { position: initial; }
	#inform #prest .context h2 { position: absolute; top: 20px; left: 20px; }
	#inform #prest .context p { position: absolute; bottom: 20px; left: 20px; width: 75%; font-size: 8px; line-height: 12px; padding: 11px; }
	#inform #prest .context p a { color: #5CC4FF; }
	#inform #moyen { display: block; width: 100%; max-height: 300px; overflow: hidden; }
	#inform #moyen .context { position: initial; }
	#inform #moyen .context h2 { position: absolute; top: 20px; left: 20px; }
	#inform #moyen .context p { position: absolute; bottom: 20px; left: 20px; width: 75%; font-size: 8px; line-height: 12px; padding: 11px; }
	#inform #moyen .context p a { color: #5CC4FF; }
}


@media screen and (max-width: 420px) {
	#inform #actus #actusSlider { display: block; height: 355px; }
	#inform #actus #actusSlider .slide { height: 355px; overflow: hidden; }
	#inform #actus #actusSlider .slide figure img { position: relative; left: -100%; display: block; width: auto; height: 355px; }
	#inform #actus #actusSlider .slide figure figcaption { position: absolute; bottom: 30px; left: 10px; }
	#inform #actus #actusSlider .slide figure figcaption h3 { margin-top: 180px; }
	#inform #actus #actusSlider .slide figure figcaption h3 span { font-size: 14px; padding: 11px; }
	#inform #actus #actusSlider .slide figure figcaption p { width: 100%; font-size: 11px; line-height: 16px; padding: 11px; }
	#inform #actus #actusSlider .slide figure figcaption p a { color: #5CC4FF; }
	#inform #actus #actusTextes { top: 10px; bottom: auto; left: 10px; }
	#inform #actus #actusTextes h2 { position: absolute; top: 0px; }
	#inform #actus #actusTextes h2 span { font-size: 14px; padding: 11px; }
	#inform #prest { display: block; width: 100%; }
	#inform #prest .context { position: initial; }
	#inform #prest .context h2 { position: absolute; top: 20px; left: 20px; }
	#inform #prest .context p { position: absolute; bottom: 20px; left: 20px; width: 75%; font-size: 11px; line-height: 16px; padding: 11px; }
	#inform #prest .context p a { color: #5CC4FF; }
	#inform #moyen { display: block; width: 100%; }
	#inform #moyen .context { position: initial; }
	#inform #moyen .context h2 { position: absolute; top: 20px; left: 20px; }
	#inform #moyen .context p { position: absolute; bottom: 20px; left: 20px; width: 75%; font-size: 11px; line-height: 16px; padding: 11px; }
	#inform #moyen .context p a { color: #5CC4FF; }
}