/*
Bleu roi : #263681
Turquoise : #15b2b9
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300i,400,700,900,900i');
/*
300i Light Italic
400 Regular
700 Bold
900 Black
900i Black Italic
*/

body { color:#333333; background-color:#FFFFFF; font-family:'Lato', sans-serif; }

body, document, html { height:100%; width:100%; margin:0px; padding:0px; font-size:14px; }

* { font-family:'Lato', sans-serif; }

a { text-decoration:none; font-family:'Lato', sans-serif; font-weight:normal; color:#333333; }
a:hover, a:focus, a:active { text-decoration:none; color:#15b2b9; }

img { border:none; }

/* Header */

header { /*min-height:660px;*/ }
header.interieur { /*min-height:390px;*/ }
header .navbar { height:50px; margin-bottom:0px; border-radius:0px; z-index:101; }

header .navbar ul.nav > li > a:focus, header .navbar ul.nav > li > a:hover { background:none; }

header .navbar .langue a { opacity:0.5; font-size:12px; }
header .navbar .langue a img { margin-right:5px; }
header .navbar .langue a:hover, header .navbar .langue a.selected { opacity:1; }

header .navbar .recherche {}
header .navbar .recherche form { margin-top:10px; width:186px; }
header .navbar .recherche form input { width:150px; }
header .navbar .recherche form button, header .navbar .recherche form button:active, header .navbar .recherche form button:hover { color:#fff; background-color:#15b2b9; border-color:#15b2b9; }

header .navbar-brand { position:absolute; left:50px; padding:0px; }
header .navbar-brand img { background-color:#FFF; padding:13px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; }

header button.navbar-toggle { background-color:#263681; }
header button.navbar-toggle span { background-color:#fff; }

header .navbar .navbar-right { margin-right:0px; }


header .row-diaporama { height:460px; }
header.interieur .row-diaporama { height:270px; }

header .row-diaporama .colonne-gauche { /*padding-right:0px;*/ }
header .row-diaporama .colonne-gauche .head { position:absolute; top:0px; width:calc(100% - 15px); background-color:rgba(255, 255, 255, 0.8); z-index:100; padding:20px 20px 20px 235px; text-align:center;; } /* si j'enleve le deuxiemen point virgule ca fait un décalage */
@media (max-width: 768px) {
	header .row-diaporama .colonne-gauche .head { display:none;/* bottom:0px; top:inherit; padding:20px; left:0px; right:0px; width:100%; */}
}

header .row-diaporama .colonne-gauche .bx-viewport { height:460px !important; }
header.interieur .row-diaporama .colonne-gauche .bx-viewport { height:270px !important; }

header .row-diaporama .colonne-gauche .slider { height:460px; }
header.interieur .row-diaporama .colonne-gauche .slider { height:270px; }
header .row-diaporama .colonne-gauche .slider .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; height:100%; }

@media (max-width: 768px) {
	header .row-diaporama .colonne-gauche { padding:0px; }
}



header .row-diaporama .colonne-droite { padding-left:0px; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat { background-color:#15b2b9; padding:20px 30px; height:190px; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat h3 { margin:0px 0px 15px 0px; font-size:12px; font-weight:700; color:#FFF; text-transform:uppercase; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat input { background-color:rgba(255, 255, 255, 0.8); border:none; font-size:12px; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat button { font-size:12px; color:#FFF; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat button.btn-default { font-size:12px; color:#333333; }
header .row-diaporama .colonne-droite .connexion-serveur-resultat a { font-size:11px; color:#FFF; text-decoration:underline; }


header .row-diaporama .colonne-droite .connexion-serveur-resultat .info { padding:0px; margin:0px;}
header .row-diaporama .colonne-droite .connexion-serveur-resultat .utilisateur { font-weight:bold; padding:0px; margin:0px; }


header .row-diaporama .colonne-droite .espace-actualite { background-color:#FFF; position:relative; height:430px; overflow:hidden; }
header.interieur .row-diaporama .colonne-droite .espace-actualite { height:270px; }
header .row-diaporama .colonne-droite .espace-actualite h2.bloc-title { margin: 15px 0 0 0; border-bottom: 1px solid #52C5CA; color: #52C5CA; }
header .row-diaporama .colonne-droite .espace-actualite .bx-controls-direction { position:absolute; top:45%; width:100%; }
header .row-diaporama .colonne-droite .espace-actualite .bx-controls-direction > * { display:block; width:20px; height:20px; background-color:#333333; color:#FFF; text-align:center; }
header .row-diaporama .colonne-droite .espace-actualite .bx-controls-direction * { color:#FFF; }
header .row-diaporama .colonne-droite .espace-actualite .bx-controls-direction > .bout-prev { float:left; }
header .row-diaporama .colonne-droite .espace-actualite .bx-controls-direction > .bout-next { float:right; }

header .row-diaporama .colonne-droite .espace-actualite .slide { padding:20px 30px; }
header .row-diaporama .colonne-droite .espace-actualite .slide h2 { font-size:18px; font-weight:900; color:#263681; padding:0px; margin:0px 0px 20px 0px; }
header .row-diaporama .colonne-droite .espace-actualite .slide time { color:#15b2b9; font-weight:900; }
header .row-diaporama .colonne-droite .espace-actualite .slide p { font-size:14px; color:#263681; padding:0px; margin:5px 0px 0px 0px; overflow-wrap: break-word; }
header .row-diaporama .colonne-droite .espace-actualite .slide .voir-tout { background-color:#333333; color:#FFF; font-size:12px; padding:3px 10px; margin-top:15px; display:inline-block; }

@media (max-width: 768px) {
	height { height:241px; }
}

header .barre-menu { position:relative; background-color:#263681; min-height:150px; border-bottom-left-radius:27px; border-bottom-right-radius:27px; padding:20px 30px 0px 30px; z-index:99; }
header .nav-menu { padding:0px; margin:0px; }
header .nav-menu > li > a { color:#FFF; font-size:18px; text-align:center; padding:0px; }
header .nav-menu > li > a:focus, header .nav-menu > li > a:hover { background: none; }
header .nav-menu a img { height:58px; }
header .nav-menu a h4 { line-height:26px; padding:0px 12px; }
header .nav-menu a:hover h4 { background-color:#15b2b9; }

header .submenu { position:absolute; bottom:0px; visibility:hidden; opacity:0; left:0px; width:100%; background-color:#dfe0e2; border-radius:27px; z-index:97; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; overflow:hidden; }
header .submenu.open { bottom:-56px; visibility:visible; opacity:1; }
header .submenu li { text-align:center; padding:15px; }
header .submenu a { padding:0px; font-size:18px; font-weight:700; display:inline-block; }
header .submenu a:before { background-image:url("../../images/acceder.png"); content:""; width:25px; height:25px; margin-right:10px; float:left; }
header .submenu a:focus, header .submenu a:hover { background-color:#15b2b9; color:#FFF; border-top-left-radius:13px; border-bottom-left-radius:13px; }

@media (max-width: 768px) {
	header .barre-menu { display:none; }
}

.menu-navbar-collapse { background-color:#263681; border-bottom-left-radius:27px; border-bottom-right-radius:27px; }
.menu-navbar-collapse ul { padding:0px; margin:0px; list-style:none; }
.menu-navbar-collapse ul li { padding:0px; margin:0px; list-style:none; text-align:center; }
.menu-navbar-collapse a { color:#FFF; display:block; padding:7px; }
.menu-navbar-collapse > ul > li { border-bottom:1px solid #FFF; }
.menu-navbar-collapse > ul > li > a { font-size:18px; }
.menu-navbar-collapse > ul > li > a:hover { background-color:#15b2b9; }
.menu-navbar-collapse > ul > li ul { display:none; }
.menu-navbar-collapse > ul > li:not(.langues):hover > a { background-color:#15b2b9; }
.menu-navbar-collapse > ul li:hover > ul { display:block; }

.menu-navbar-collapse > ul > li > ul > li > a { font-weight:bold; }
.menu-navbar-collapse > ul > li > ul > li > a:hover { color:#15b2b9; }

.menu-navbar-collapse > ul > li > ul > li > ul > li > a { color:#CCC }

.menu-navbar-collapse > ul > li.langues a { display:inline-block; }
.menu-navbar-collapse > ul > li.recherche { padding:7px 25px; }
.menu-navbar-collapse > ul > li.recherche input { border-radius:15px !important; }
.menu-navbar-collapse > ul > li.recherche button { border:none; background:none; color:#FFF; }

@media (min-width: 768px) {
	.menu-navbar-collapse { display:none !important; }
}



/* Menu gauche */
.left-menu ul { margin:0px; padding:0px; list-style:none; }
.left-menu > ul { }
.left-menu > ul > li { background-color:#f4f5f9; margin-bottom:3px; }
.left-menu > ul > li > span { font-size:14px; font-weight:700; color:#333333; line-height:47px; padding:15px; cursor:pointer; }
.left-menu > ul > li > span::after { content:"\f0d7"; font-family:"FontAwesome"; font-size:20px; float:right; margin-right:15px; }
.left-menu > ul > li.open > span::after { content:"\f0d8"; font-family:"FontAwesome"; font-size:20px; float:right; margin-right:15px; }
.left-menu > ul > li > ul { }
.left-menu > ul > li > ul > li { }
.left-menu > ul > li > ul > li > a { border:1px solid #dcdde1; padding:10px 15px; display:block; }
.left-menu > ul > li > ul > li > a::after { content:"\f111"; font-family:"FontAwesome"; font-size:7px; float:right; margin-right:2px; line-height:20px; }
.left-menu > ul > li > ul > li > a:hover, .left-menu > ul > li > ul > li > a.selected { border:1px solid #129ca3; background-color:#15b2b9; color:#FFF; }

/* Fil d'Ariane */
.breadcrumb { background-color: transparent; border-radius: 0px; padding:13px 0px; }
.breadcrumb > li + li::before { padding: 0 3px; color: #ccc; }
.breadcrumb li a, .breadcrumb li.active { color:#999999; }


/* Footer */
footer { margin-top:40px; background-color:#000; padding:10px 0px; }
footer ul { margin-bottom:0px; }
footer ul li { padding:0px !important; }
footer ul li:after { content:"|"; color:#15b2b9; }
footer ul li:last-child:after { content:""; }

footer ul li a { color:#FFF; line-height:40px; padding:0px 15px; }
footer ul li a:hover, footer ul li a:active, footer ul li a:focus { color:#FFF; text-decoration:underline; }


/* flex-video */
.flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
	.flex-video { padding-top: 0; }
}


/* formulaire */
.formError, .formError * { font-size:11px !important; }
.formError .formErrorContent { min-width:150px; background-color: #15b2b9; }
.formError .formErrorArrow div { background-color: #15b2b9; }


#message-formulaire { font-size:16px; margin-bottom:0px; }


/* divers */
.transition { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.transition-opacity { -webkit-transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; }
.transition-color { -webkit-transition: color 0.2s ease-in; -moz-transition: color 0.2s ease-in; -o-transition: color 0.2s ease-in; transition: color 0.2s ease-in; }
.transition-bgcolor { -webkit-transition: background-color 0.2s ease-in; -moz-transition: background-color 0.2s ease-in; -o-transition: background-color 0.2s ease-in; transition: background-color 0.2s ease-in; }


/* bootstrap */
.btn-primary, .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {
	color:#fff;
	background-color:#263681;
	border-color:#263681;
}

.btn-link {
    text-decoration:underline;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #333333;
}
.btn-link:hover, .btn-link:active, .btn-link:focus {
    text-decoration:underline;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #15b2b9;
}

.form-control:focus {
	border-color:#15b2b9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(21,178,185,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(21,178,185,.6);
}


label.required:after { color:red; content:"*"; font-weight:bold; margin-left:5px; }



@media(max-width:1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
}