@font-face { font-family: 'roboto'; src: url('../fonts/Roboto-Regular.ttf');}
@font-face { font-family: 'Opensans'; src: url('../fonts/OpenSans-CondLight.ttf');}
@font-face { font-family: 'Opensans-b'; src: url('../fonts/OpenSans-CondBold.ttf');}
body { background: #066A52 url(../img/bg.jpg) no-repeat center top }

.bg { min-height: 100px; margin-bottom: 6px; padding-right: 4px !important; padding-left: 4px !important; }

/*section { padding: 0 105px; margin-top: 54px }*/
section {margin-top: 54px; }
section .portail { border-radius: 9px; padding: 35px 22px 0 0; height: 470px; background: url(../images/portail2.png) no-repeat 0% 0%; }
section .bg .col-sm-12 { padding-left: 0 !important; padding-right: 0 !important }
section .portail .title { text-align: center; text-transform: uppercase; color: #fff }
section .portail .title h3 { /*background: url(../img/underline.png) no-repeat center bottom; padding-bottom: 20px;*/ font-size: 19px; font-family: 'Opensans'; }
section .portail .title h1 { margin-top: -4px; font-size: 16px; font-family: 'opensans-b'; }
section .portail .title h6 { font-family: 'roboto'; font-size: 12px; text-align: center; font-weight: 100; color: #fff; text-transform: initial; }
section .portail a.link { position: relative; bottom: -189px; color: rgb(54, 54, 54); font-family: opensans-b; background: linear-gradient(to top, rgb(198, 198, 198), rgb(255, 255, 255)); background: -o-linear-gradient(to top, rgb(198, 198, 198), rgb(255, 255, 255)); background: -moz-linear-gradient(to top, rgb(198, 198, 198), rgb(255, 255, 255)); background: -webkit-linear-gradient(to top, rgb(198, 198, 198), rgb(255, 255, 255)); padding: 13px 26px; border-radius: 5px; font-size: 23px; text-shadow: 1px 2px 1px rgb(255, 255, 255); }
section .portail a.link:hover { color: #01795E; text-decoration: none; background: linear-gradient(to bottom, rgb(198, 198, 198), rgb(255, 255, 255)); background: -o-linear-gradient(to bottom, rgb(198, 198, 198), rgb(255, 255, 255)); background: -moz-linear-gradient(to bottom, rgb(198, 198, 198), rgb(255, 255, 255)); background: -webkit-linear-gradient(to bottom, rgb(198, 198, 198), rgb(255, 255, 255)); }
section .portail a.link:focus { outline: none; color: #01795E; text-decoration: none; background: #fff; text-shadow: 1px 2px 1px #ddd; }

.title-minjec {
	position: relative;
	right: 16px;
}

.title-minjec-text {
    position: relative;
    left: 20px;
}

.container-portail {
	position: relative;
	top: 40px;
}

.but-portail {
	padding: 30px 2px 2px 22px;
    position: relative;
    top: 47px;
    background-color: forestgreen;
    left: 10.5px;
}

.after-title {
    position: relative;
    top: 30px;
}



















header { margin-top: 10px; padding: 0 160px; height: 180px }

header h6 { font-family: 'robotor'; font-size: 13px; text-align: center; font-weight: 100; }
header .langue { text-align: center; word-spacing: -4px; }
header span.lang { font-family: 'Oswaldl'; font-weight: bold; font-size: 14px; color: rgba(255, 255, 255, 0.5); }
header a:hover span:hover { color: #fff; text-decoration: none }
header a span.lang  { background: #565656; padding: 4px 16px 5px; border-radius: 0 8px 8px 0;  }  
header a span.lang.active { background: rgb(16, 153, 122); padding: 4px 16px 5px; border-radius: 8px 0px 0px 8px; } 


section .bloc { border-radius: 7px; background: #fff; height: 111px; margin-bottom: 8px; text-align: center; padding-top: 12px; position: relative; overflow-x: hidden; }
section .bloc .title { transition: all 0.5s ease; position: absolute; bottom: 0; background: #00604a; height: 32px; padding-top: 9px; text-align: center; left: 0; right: 0; overflow: hidden; transition: height 0.5s ease }
section a:hover .bloc .title { transition: all 0.3s ease; height: 131px; padding-top: 40px; }
section .bloc h2 { color: #fff; font-family: 'calibri'; font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0 }
section .bloc span { border: 1px solid #fff; background: rgba(255, 255, 255, 1); position: relative; top: 15px; font-size: 12px; font-weight: bold; padding: 6px 12px; border-radius: 3px; }
section .bloc span:hover { background: rgba(255, 255, 255, 0.5); }
footer { z-index: -1; text-align: center; color: #fff; font-weight: bold; font-size: 10px; position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 17px; }

@media (max-width: 1200px) {
	section .portail .title h3 { font-size: 16px; }
	section .portail .title h1 { font-size: 20px; }
	section .portail .title h6 { font-size: 11px; }
	section .portail a.link { font-size: 19px; padding: 11px 23px; }
	section .portail { height: 514px; }
	section .bloc { height: 122px }
}

@media (max-width: 991px) {
	section { padding: 0 }
	header { height: 223px; padding: 0 90px }
	/*section .bloc .title { height: 48px }*/
}

@media (max-width: 768px) {
	section .portail .logo { text-align: center }

	header { height: 229px; margin-top: 10px; padding: 0 }
	header .title h3 { font-size: 8px }
	header .title h1 { font-size: 12px }
	section .col-sm-3 { width: 280px; margin: 0 auto; }
	footer { position: initial; margin-bottom: 55px; }
}

@media (max-width: 410px) {
	section { padding: 0; }
}