/* CSS Document */
/* Bleu #00517F
Bleu clair #0081A9
Orange #F7B032
*/
#popin #close, #popcontact #close {z-index:10003;}
#popin, #popcontact {z-index:10002;}
.pardessus {z-index:10001;}
#inform-and-ask, #cookie-banner {z-index:10000;}
.btn-group.open, .ui-front, .navbar {z-index:9999;}
#divformrecherche, #divtop {z-index:8888;}
section {z-index:1111;}
#cookie-banner {z-index:100;}

html, body {font-family: 'Trebuchet MS', 'Open Sans', sans-serif;min-height:1600px;}
body {position:relative;font-size: 12px;}
h2 {color:#0081A9;}
h3 {font-size:18px;text-transform: uppercase;}
form {margin-bottom: 20px;}
input[type=submit] {outline:none;}
input[type=text] {min-width:300px;}
section {
	box-sizing:content-box;
	position: relative;
}
footer {padding-top: 20px;padding-bottom:10px;margin-top:10px;}
.footertel {font-size:36px;}
#cookie-banner {
	width:80%;
	background-color:#FFFFFF;
	padding:5px 5%;
	font-size:12px;
	margin:0 5%;
	border:1px solid #F7B032;
	text-align:center;
	color:#00517f ;
}
#inform-and-consent, #inform-and-ask {
	color:#00517f ;
}
#cookie-banner a {
	color:#F7B032;
}
#cookie-banner a.fermer {
	display:block;
	float:right;
}

.pardessus {
	display:none;
	padding:0;
	overflow:hidden;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	margin:0;
	background-color:rgba(0,0,0,0.8);
}

#popin, #popcontact {
	position: fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	bottom:0;
	right:0;
}
#popin .contpopin {
	position: relative;
	width: 400px;
	height:225px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%);
}
#popcontact .contpopcontact {
	position: relative;
	width: 350px;
	height:420px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%);
	background-color: #FFFFFF;
	padding:10px;
}
#popin .contpopin img {
	max-width: 100%;
	height: auto;
}
#popin #close, #popcontact #close {
	position: absolute;
	right: 0;
	top:0;
	font-size: 24px;
	color:#FFFFFF;
	text-shadow: 0 0 3px #000000;
}
.contactdirect {cursor:pointer;}
.btnrv, .btnrv:hover, .btnrv, .btnrv:focus {
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	text-align: center;
	color:#ffffff;
	border-radius: 1.21em;
	background-color:  #00517F;
	position: fixed;
	z-index: 999998;
	bottom: 50px;
	right: 0;
	text-decoration: none;
	line-height: 100%;
	text-transform: uppercase;
}
.btnrv:hover { background-color: #ff9900;}
/* _________________________________________________ HAUT DE PAGE _________________________________________________ */
#divtop {
	height:158px;
	box-sizing: border-box;
	background-color: #FFFFFF;
}
div.logo {
	width:249px;
	height: 119px;
	float: left;
	margin-top: 29px;
}
div.logo img {width:100%;max-width: 249px;height:auto;}
div.question {
	width:200px;
	float: right;
	background-color: #F7B032;
	color:#FFFFFF;
	height: 48px;
	font-size: 18px;
	padding-top: 20px;
}
div.question a {color:#FFFFFF !important;}
div.questiontriangle {width: 200px; height: 22px;float: right;clear: right;background-image:url(/picstruc/triangle_orange.png);}
div.reseauxsociaux {
	float:right;
	clear: right;
	width:auto;
	margin-top:50px;
}
div.reseauxsociaux img {
	margin:0 10px;
	float:left;
}
#divtop.affix-top {position:static;top:-60px;}
#divtop.affix {height:60px;top:0;width: 100%; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#divtop.affix div.logo {width:105px;height:50px;margin-top:5px;}
#divtop.affix div.question {padding-top:15px;height:60px;padding-bottom:15px;}
#divtop.affix div.questiontriangle {display:none;}
#divtop.affix div.reseauxsociaux {margin-top:15px;clear: none;}
.navbar {
	border:0;
	width:100%;
	min-height: 40px;
	background: #00517F;
	border-radius: 0;
	font-size: 14px;
	margin-bottom:0;
	border-bottom:20px solid #FFFFFF;
	padding-top: 11px;
	padding-bottom: 11px;
}
.navbar.affix-top {
    position: static;
    top:0;
}
.navbar.affix {
    top: 60px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	border-bottom:8px solid #FFFFFF;
}
.navbar-default .navbar-nav > li > a {color:#FFFFFF;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {color: #00517F;background-color: #FFFFFF;}
.navbar-nav > li > a {padding-top:0px; padding-bottom: 0px;border-right:1px solid #FFFFFF;}
.navbar-nav > li > a {padding-right:30px; padding-left: 31px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFF;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #F7B032;}
.navbar-default .navbar-toggle {border-color: #FFF;}
.dropdown-menu {font-size: 12px;background-color:#F4F4F4;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}
.navbar .dropdown-menu > li > a {color: #FFF;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: #FFFFFF;color: #00517F;}
.navbar-nav .open .dropdown-menu {background-color:#F4F4F4;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background-color: #FFFFFF;color: #333;}
.navbar-nav > li > .dropdown-menu {border-radius: 0;}
.navbar-nav > li > a.mnutact {border-right:none;}
#divformrecherche {width: 100%;}
#divformrecherche.affix-top {
      position: static;
      top:0;
}
#divformrecherche.affix + section {
      padding-top: 350px;
}
#divformrecherche.affix {
      top: 110px;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
}
#formrecherche .fdbleuclair {padding-bottom: 10px;}
#formrecherche .fdbleuclair .container .multiselect-native-select:nth-child(1) .btn-group .multiselect {width:300px;overflow:hidden;}
#formrecherche .fdbleuclair .container .multiselect-native-select:nth-child(2) .btn-group .multiselect {width:170px;overflow:hidden;}
#formrecherche .fdbleuclair .container .multiselect-native-select:nth-child(3) .btn-group .multiselect {width:300px;overflow:hidden;}

.formsubmit {
	text-align:center;
	color: #FFFFFF;
	background: url(/picstruc/formsubmit.png) center top no-repeat;
	height: 38px;
	position: relative;
}
.formsubmit #Rechercher {
	background:none;
	position: absolute;
	bottom:10px;
	left: 0;
	border: 0;
	width: 100%;
	margin: 0 auto;
	font-size: 16px;
}
.titrecherche {margin:0 auto;width:200px;color: #FFFFFF;text-transform: uppercase;background: #00517F;text-align: center;padding: 3px 0;font-size: 18px;cursor:pointer;}
.titrecherche p {margin: 0;}
.ui-selectmenu-button {border-radius:0;color:#000000;margin: 10px;outline: none;}
.ui-selectmenu-button:hover, .ui-selectmenu-button:focus, .ui-selectmenu-button-open {color:#000000;}

.btn.multiselect {padding:4px 10px;border-radius:0;margin:10px 10px 0 10px;}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
	background:#fdf5ce url("../picstruc/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    border-color: #fbcb09;
    color: #c77405;
}
.multiselect-container > li > a > label {
    padding: 1px 5px 1px 20px;
}
.multiselect-container .checkbox input[type="checkbox"], .multiselect-container .checkbox-inline input[type="checkbox"] {
    margin-left: -17px;
}
.multiselect-container input[type="checkbox"] {
    line-height: normal;
    margin: 2px 0 0;
}

/* _________________________________________________ fin HAUT DE PAGE _________________________________________________ */

/* _________________________________________________ HOME _________________________________________________ */
.accueil h1{font-size: 26px;text-align: center;line-height: 2em;}
.accueil h1 span {padding:0.4em 10px;}
.accueil h1 span.fdorange {color:#FFFFFF;background-color:#f7b032;}
.homeh300 {
	height:300px;
	border:10px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
#divvideo {
	border-top:10px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
}
video {
	width: 100%;
	height: auto;
}
#homebloc1, #homebloc2, #homebloc3, #homebloc4 {
	background-position: center bottom;
	background-repeat: no-repeat;
}
#homebloc1 {background-image: url(/picstruc/fd_homebloc1.jpg);background-size: contain;}
#homebloc2 {background-image: url(/picstruc/fd_homebloc2.jpg);}
#homebloc3 {background-image: url(/picstruc/fd_homebloc3.jpg);}
#homebloc4 {background-image: url(/picstruc/fd_homebloc4.jpg);}
#homebloc1 h2, #homebloc2 h2, #homebloc3 h2, #homebloc4 h2 {margin:15px 40px;color:#000000;}
.homebloc, .homebloc:focus, .homebloc:active {color:#000000;}
.homebloc:hover {color:#00517F;}
#homeactu {min-height:300px;}
.div1actuhome {width:50%; min-height: 300px;box-sizing: border-box;padding: 0 5px; float: left;}
.div1actuhome p:first-child, .dattyp {text-align:right; color: #0081A9; font-style: italic;}
.div1actuhome p.tit {text-transform:uppercase;font-size: 1.1em;font-weight: bold;}
.div1actuhome a, a.suite {width:80%; text-align: center; display: block;margin: 0 auto; padding: 10px 20px; background:#0081A9; color: #FFFFFF; }
.div1actuhomeimg {height:150px;background-position: center center; background-repeat: no-repeat;background-size: contain;}

#homepart, #homeactu, .fdgris {background-color: #F7F7F7;}
#homepart {border:none;}
#homepart h2 {margin:0;padding-top:20px;padding-bottom: 10px;box-sizing: border-box;height: 80px;color:#000000;}
#carousel-partinstit {height:220px;}
.carousel-indicators li {
    background-color: #9B9797;
    border:none;
    margin: 0px;
}
.carousel-indicators {bottom:0;margin-bottom: 3px;}
.carousel-indicators .active {background-color: #F7B032;width:10px; height: 10px;}
.carousel-control.right, .carousel-control.left {background:none;}
.carousel-control {color:#9B9797;text-shadow:none;}
.carousel-control:hover, .carousel-control:focus {color:#F7B032;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 50px;
    height: 50px;
    margin-top: -20px;
    width: 20px;
}
.carousel-inner {height:190px;}
.carousel-inner .item {line-height:190px;white-space:nowrap;}
.carousel-inner .item img {margin:0 auto; max-height:100%; width:auto; vertical-align: middle;}
#homepub {
	background-color: #E1E1E1;
	padding: 0 ;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 145px;
}
#homeorientation {height:210px;}
#homeinfo {height:160px;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {width:555px !important;}


/* _________________________________________________ fin HOME _________________________________________________ */
.div1formation {margin-bottom: 10px;}
.div1formation h2 {text-align: center;margin:0 10px 10px 10px;}
.header img {width:100%;height: auto;}
.div1part {margin-bottom:10px;}
.div1part h3 {margin:0;}
.divpartimg {height:191px;}
.divpartimg img {width:100%;height: auto; max-width:190px;max-height: 190px; margin-right: auto; margin-left: auto;}
.divpartimg p {line-height:190px;white-space:nowrap;margin: 0;}
.div1pays {margin-bottom: 10px;min-height: 110px;}
.div1pays h2 {margin:0;font-size: 18px;}
.div1pays h3 {margin:0;font-size: 14px;}
.div1actu {margin-bottom: 10px;min-height: 90px;}
.div1actu h2 {margin:0;font-size: 18px;}
.ui-checkboxradio-icon {display:none;}
.ui-button {border-radius: 0;}
.abtn {font-size:1.5em;display: inline-block; padding: 5px 10px; background-color: #F7B032;border-radius: 0;color:#FFFFFF;}
.abtn:hover, .abtn:focus {color:#FFFFFF;}
.bordbleu {border:2px solid #0081A9;}
.actu .bordbleu {padding:0 10px 10px 10px;}
.readmore {display:inline-block;border:1px solid #CCCCCC;padding:5px 10px;cursor:pointer;}
.more {display:none;padding:10px 0;margin:0;}
.guillemeth{
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	background: url(/pics/guillemeth.gif) center center no-repeat;
	background-size: contain;
	margin: -5px 5px 5px -5px;
}
.guillemetb{
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	background: url(/pics/guillemetb.gif) center center no-repeat;
	background-size: contain;
	margin: 5px -5px -5px 5px;
}

.triangle-bas {
	width: 0;
	height: 0;
	border-left: 28px solid transparent;
	border-right: 28px solid transparent;
	border-top: 28px solid #0081A9;
	margin: 0 auto;
}
.italicpet {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}
.fdbleufonce {background-color:#00517F;}
.fdbleuclair {background-color:#0081A9;}
.fdbleufonce, .fdbleuclair, .fdbleufonce a, .fdbleuclair a, .fdbleufonce a:hover, .fdbleuclair a:hover {color:#FFFFFF;}
.txtorange {color:#F7B032;}
.txtbleufonce {color:#00517F;}
.potdemiel {display:none;}
.spacer {width:100%;height:0;clear:both;}

@media (min-width:768px){
	.navbar-collapse {padding-left:0;padding-right: 0;}
}
@media (max-width:1199px){
	.navbar-nav > li > a {padding-right:17px; padding-left: 18px;}
	#homepub {height: 120px;}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {width:545px !important;}
}
@media (max-width:991px){
	.navbar-nav > li > a {padding-right:4px; padding-left:5px;}
	#homebloc3 {background-size:contain;}
	#homepub {height:93px;}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {width:345px !important;}
}
@media (max-width:767px){
	#divtop {height:60px;}
	div.logo {width:105px;height:50px;margin-top:5px;}
	div.question {width:auto;height:auto;padding:2px 5px;font-size: 14px;}
	#divtop.affix div.question {padding-top:2px;height:auto;padding-bottom:2px;}
	div.questiontriangle {display: none;}
	div.reseauxsociaux {margin-top:7px;}
	#divtop.affix div.reseauxsociaux {margin-top:7px;clear: right;}
	div.reseauxsociaux img {width:20px; height: 20px;}
	.navbar {border-bottom:3px;padding-bottom: 0; padding-top: 0;}
	.navbar.affix {border-bottom:3px;}
	.navbar-nav > li > a {border-right:none;}
	.affix {width:100%;}
	#divformrecherche.affix {top: 110px;}
	#homebloc1, #homebloc2 {background-size: cover;}
	#homebloc1 {background-position: center top;}
	.div1pays {min-height: 126px;}
	.div1actu {min-height: 60px;}
	#homepub {background-size:contain;}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe {width:100% !important;}
	.affix, .affix-top {position:static;}
	section {padding-top: 0 !important;}
}
@media (max-width:600px){
	.col-xxs-12 {width:100%;}
}