/* fonts */
.font_futura{ font-family: 'Futura', sans-serif; }

@font-face {
    font-family: 'jostitalic';
    src: url('../fonts/jost-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/jost-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jostregular';
    src: url('../fonts/jost-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/jost-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face{
    font-family: 'verdana';
    src: url('../fonts/verdana.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face{
    font-family: 'alex';
    src: url('../fonts/alex.woff2') format('woff2'), url('../fonts/alex.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face{
    font-family: 'signika';
    src: url('../fonts/signika-semibold.woff2') format('woff2'), url('../fonts/signika-semibold.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face{
    font-family: 'helvet-neue';
    src: url('../fonts/helvetica-neue-lt-pro-th.woff2') format('woff2'), url('../fonts/helvetica-neue-lt-pro-th.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face{
    font-family: 'helvet-cond';
    src: url('../fonts/helvetica-condensed.eot');
    src: url('../fonts/helvetica-condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-condensed.woff') format('woff'),
         url('../fonts/helvetica-condensed.ttf') format('truetype'),
         url('../fonts/helvetica-condensed.svg#helvetica_condensedmedium') format('svg');
    font-weight: normal;font-style: normal;
}
@font-face{
    font-family: 'helvet-cond';
    src: url('../fonts/helvetica-condensed-bold.eot');
    src: url('../fonts/helvetica-condensed-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-condensed-bold.woff') format('woff'),
         url('../fonts/helvetica-condensed-bold.ttf') format('truetype'),
         url('../fonts/helvetica-condensed-bold.svg#helvetica_condensedbold') format('svg');
    font-weight: bold;font-style: normal;
}
*/

body{ 
	font-size: 15px;
	font-family: "jostregular", "Verdana", "Helvetica";
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 0;

}

/* RESET */
ul{ margin: 0; padding: 0; }
p{ margin: 0; padding: 0; }

h1{ font-size: 36px; }
h2{ font-size: 32px; }
h3{ font-size: 28px; }
h4{ font-size: 24px; }
h5{ font-size: 22px; }
h6{ font-size: 20px; }

h1, h2, h3, h4, h5, h6{ 
	color: #efbe2d;
}

h4, h5, h6{ font-weight: bold; }

hr{
    height: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
}

a{ color: #efbe2d; cursor: pointer; }
a:focus{ color: #efbe2d; outline: none; }
a:hover{ color: #efbe2d; }
a:link{ color: #efbe2d; }
a:visited{ color: #efbe2d; }

.orange 	{ color: #f8b233; }
.bleu 		{ color: #50aebb; }
.bleu_fonce	{ color: #5098d2; }
.bleu_clair	{ color: #289bd4; }
.mauve 		{ color: #AAAECB; }
.pastel 	{ color: #E4E2EF; }
.gris-mauve{ color: #A0A4AE; }
.gris 		{ color: #848484; }
.rouge 		{ color: #ca5038; }
.blanc 		{ color: #ffffff; }
.noir 		{ color: #000000; }
.jaune		{ color: #fede0f; }

.background-orange{ background-color: #F1662F !important; }
.background-bleu{ background-color: #00aae9 !important; }

.bg-orange 		{ background-color: #ef6624; }
.bg-bleu 		{ background-color: #0a3f4f; }
.bg-bleu-fonce 	{ background-color: #2a3e7f; }
.bg-bleu-clair 	{ background-color: #c7ecfa; }
.bg-bleuvert	{ background-color: #4eafb9; color: #FFF !important; }
.bg-jaune		{ background-color: #efbe2d; color: black !important; }
.bg-mauve 		{ background-color: #AAAECB; }
.bg-pastel 		{ background-color: #E4E2EF; }
.bg-gris-mauve	{ background-color: #A0A4AE; }
.bg-gris 		{ background-color: #848484; }
.bg-rouge 		{ background-color: #ca5038; }
.bg-blanc 		{ background-color: #ffffff; }
.bg-noir 		{ background-color: #27272a; }

.font-m  { font-size: 12px; }
.font-l  { font-size: 19px; }
.font-xl { font-size: 25px; }
.font-xxl{ font-size: 38px; }

.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }

.f-right{ float: right; }
.f-left{ float: left; }

.strong{ font-weight: bold; }
.no_strong{ font-weight: normal; }
.no_padding{ padding: 0; }

.error{ color: red; font-size: 12px; }
.succes{ color: green; font-weight: bold; }
.center{ text-align: center !important; }
.center p{ text-align: center !important; }

.erreur_form{ margin-top: 10px; font-size: 0.80em; }

.espace10{min-height: 10px;}

.no-padding{ padding: 0 !important; }

.padding-20{ padding: 20px; }
.padding-top-20{ padding-top: 20px; }
.padding-bottom-20{ padding-bottom: 20px; }
/***********************************************************************************/
div.container-header{ background: #000; }

div#invitation{
	height: 153px;
	text-align: center;
	font-size: 34px;
	line-height: 36px;
	color: #fff;
	display: table;
	width: 100%;
}
div#invitation div{
	display: table-cell;
	vertical-align: middle;
}
div#invitation span{
	display: block;
}

/* zone 1 : head */
div#head{
	/*height: 159px;*/
	display: block;
	/*background: url('../../images/bg-head.png') no-repeat center right;*/
}
div#head .texte{
	font-size: 33px;
	line-height: 35px;
	padding-top: 48px;
	padding-left: 167px;
}

/***********************************************************************************/
/* zone 2 : menu */
nav#menu{
	text-transform: uppercase;
	margin-left: -15px;
	margin-right: -15px;
	border-radius: inherit;
	border: none;
}

/* Entre les boutons du menu (couleur) */
div#menu-deploiement{
	padding-right: 0px;
	padding-left: 0px;
	background-color: #000401;
}
div#menu-deploiement ul{
    margin-top: 2px;
	margin-bottom: 2px;
    padding: 0;
    height: 48px; /* Hauteur du menu */
	width: 100%;
}
div#menu-deploiement ul li{
	width: 25%;
	height: 100%;
	display: table;
	padding-left: 1px;
	padding-right: 1px;
}

div#menu-deploiement ul li a{
    text-decoration: none; /* Supprime le soulignement */
	padding: 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-color: #6f6f6f;
	/*background-image: url('../../images/fond_bouton_rouge.png');*/
    background-repeat: repeat; /* Répète l'image en X et Y */
	color: #FFF;
	font-size: 20px;
}
div#menu-deploiement ul li a:hover{
	background-color: #efbe2d;
	color: #000;
	font-size: 20px;
	//font-weight: bolder;
}

div#menu-deploiement ul li.active a{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	background-image: none;
	background-color: #efbe2d;
	/*background-image: url('../../images/fond_bouton_orange.png');*/
    background-repeat: repeat; /* Répète l'image en X et Y */
	cursor: default;
}
div#menu-deploiement ul li.active a:hover{
	background-color: #efbe2d;
	/*background-image: url('../../images/fond_bouton_orange.png');*/
    background-repeat: repeat; /* Répète l'image en X et Y */
	color: #000;
	font-size: 20px;
	//font-weight: bolder;
}

div#menu-deploiement ul li a span.menu-etape{
	font-size: 50px;
	font-weight: bold;
	color:rgba(255,255,255,0.5);
}

div#menu-deploiement ul li a span{
	vertical-align: middle;
	display: inline-block;
	text-align: center;
}

nav#menu div.navbar-header{
	background-color: #ca5038;
	color: #ffffff;
}
nav#menu button.navbar-toggle{
	background-color: #ca5038;
}
nav#menu button.navbar-toggle span.icon-bar{
	background-color: white;
}

nav#menu div.navbar-header a.navbar-brand{
	font-weight: bold;
	color: white;
	font-size: 25px;
	padding-top: 35px;
	padding-left: 50px;
}

/***********************************************************************************/
/* zone 2 : contenu */
div#contenu{
	/*width: 100%;*/
	margin-top: -20px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #27272a;

}

.btn-gris {
	/*background-image: url('../../images/fond_bouton_orange.png');*/
	background-color: #efefef;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
	border-color: rgba(0,0,0,0);
    display: inline-block;
    padding: 10px 20px;
    color: #27272a;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    transition: all 0.3s;
}

.btn-gris:hover {
    color: #666666;
}

.btn-gris i {
    margin-left: 15px; /* espace entre le texte et l'icône */
	color: #efbe2d;
}

a.btn-gris {
	color: #013d5a;
	text-decoration: none;

}

a.btn:hover {
    color: #666666 !important; /* Et blanc au survol */
	text-decoration: none;
}

.btn-rouge {
	/*background-image: url('../../images/fond_bouton_rouge.png');*/
	background-color: #ca5038;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
	border-color: #013d5a;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    transition: all 0.3s;
}

.btn-rouge:hover {
    color: #FFF;
}

.btn-rouge i {
    margin-left: 15px; /* espace entre le texte et l'icône */
	color: #FFF;
}

a.btn-rouge {
	color: #fff;
	text-decoration: none;

}

.btn-jaune {
	/*background-image: url('../../images/fond_bouton_rouge.png');*/
	background-color: #efbe2d;
	text-transform: uppercase;
	font-size: 20px;
	padding-left: 30px;
	padding-right: 30px;
	border-color: #013d5a;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    font-weight: bold;
    transition: all 0.3s;
}

.btn-jaune:hover {
    color: #FFF;
}

.btn-jaune i {
    margin-left: 15px; /* espace entre le texte et l'icône */
	color: #FFF;
}

a.btn-jaune {
	color: #fff;
	text-decoration: none;

}

.live-banner {
	margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px; /* espace entre rectangle et texte */
}

.live-icon {
    width: 20px;
    height: 20px;
    background-color: #ca5038; /* rouge foncé */
    display: inline-block;
}

.live-text {
    color: #ca5038;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 25px;
}

.titre-rouge{
	margin-top: 20px;
	color: #ca5038;
    //font-weight: bold;
	font-size: 40px;
}

.titre-bleu{
	margin-top: 20px;
	color: #013d5a;
	//font-weight: bold;
	font-size: 40px;
}

.orateurs{
	margin-top: 20px;
	color: #013d5a;
	//font-weight: bold;
	font-size: 20px;
}

.texte-orateurs{
	font-size: 18px;
	font-style: italic;
}

.texte-titre{
	color: #000;
	font-size: 25px;
}

.quote-box {
	position: relative;
	padding: 60px;
	max-width: 900px;
	margin: 50px auto;
	font-family: Arial, sans-serif;
}

.corner {
	position: absolute;
	width: 60px;
	height: auto;
}

.top-left {
	top: 0;
	left: 0;
}

.bottom-right {
	bottom: 0;
	right: 0;
}

.quote-content p {
	font-size: 20px;
	line-height: 1.6;
	color: black;
}

.quote-content strong {
	font-weight: bold;
}

.highlight {
	font-size: 22px;
}

.prog{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #000;
	font-size: 25px;
	font-weight: bold;
}


div#accueil{  }
div#accueil .introduction{ padding-left: 30px; padding-right: 30px; text-align: left; line-height: 40px; }

div#accueil .explication{ text-align: center; font-size: 21px; line-height: 25px; }
div#accueil .texte{ text-align: center; font-size: 19px; line-height: 23px; }
div#accueil .intervenants{ text-align: center; font-size: 15px; line-height: 18px; }
div#accueil .inter1{ display: inline-block; padding: 20px 85px; background: url('../../images/thomas.png') top left no-repeat; background-position: 10px 0px;  }
div#accueil .inter2{ margin-top: -15px; display: inline-block; padding: 20px 85px; background: url('../../images/berlin.png') top right no-repeat; background-position: 415px 0px; }
div#accueil .inter3{ margin-top: -15px; display: inline-block; padding: 30px 85px; background: url('../../images/aubin.png') top left no-repeat; background-position: 0px 10px; }

.verticalj1 { border-left: 12px solid #3c6284; height: 100%; display: inline-block;}
.verticalj2 { border-left: 12px solid #b32a65; height: 100%; display: inline-block;}

p.day{ font-size: 45px; color: #315880; padding-top: 35px;}
.circle{display: block; width: 20px; height: 20px; border-radius: 10px; background: #d7662b; }

.btnsandoz{ border-radius: 20px; font-size: 15px; color: #FFF; padding-left: 30px; padding-right: 30px; background: #004f89;}
.btnsandoz:hover{ border-radius: 20px; font-size: 15px; color: #FFF; padding-left: 30px; padding-right: 30px; background: #479fd8;}

div#accueil .programme{ padding-left: 30px; padding-right: 30px; }
div#accueil .horaire{ color: #0062b2; float: middle; padding-right: 20px; font-size: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 10px; line-height: 20px; padding-bottom: 40px;}
div#accueil .titreprog{ color: #0062b2; font-size: 15px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; line-height: 20px;}
div#accueil .orateur{ color: #000; font-size: 15px; }
div#accueil .italique{ color: #000; font-size: 15px; font-style: italic;}
div#accueil .strong{ font-weight: bolder;}


/* Conteneur global de la timeline */
.timeline-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch; /* Étire les colonnes pour avoir la même hauteur */
}

/* Colonne médiane contenant la ligne */
.timeline {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Positionne le contenu (le point) en haut */
    position: relative;
}

/* Ligne verticale */
.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0; /* Étend la ligne sur toute la hauteur de la colonne */
    left: 50%; /* Centrer dans la colonne */
    transform: translateX(-50%);
    width: 3px; /* Largeur de la ligne */
    background-color: #479fd8; /* Couleur de la ligne */
    z-index: 1; /* Derrière les points */
}

/* Point fixé en haut */
.point {
    position: absolute; /* Position absolue pour fixer le point */
    top: 10px; /* Toujours en haut de la colonne */
    left: 50%; /* Centrer horizontalement */
    transform: translateX(-50%);
    width: 15px; /* Diamètre du point */
    height: 15px; /* Diamètre du point */
    background-color: #479fd8; /* Couleur du point */
    border-radius: 50%; /* Forme circulaire */
    z-index: 2; /* Devant la ligne */
}

div#accueil .jour1{ }
div#accueil .jour2{ }
div#accueil .horairej1{ color: #3a6082; font-size: 20px;}
div#accueil .horairej2{ color: #FFF; font-size: 20px;}
div#accueil .sessionj1{ color: #215d85; font-weight: bold; }
div#accueil .sessionj2{ color: #b8216e; font-weight: bold; }
div#accueil .titresessionj1{ }
div#accueil .titresessionj2{ }

div#accueil .orateurj1{font-weight: bold; color: #0f6f94;}
div#accueil .orateurj2{font-weight: bold; color: #d71b70;}

div#accueil .comite{font-size: 20px;}
div#accueil .comitescientifique{margin: -30px; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #f3f3f3;}

/***********************************************************************************/
/* zone 4: congrès réservé aux pros */
div#congres-pro{
	padding: 15px 5px 30px 5px;
	text-align: center;
	font-size: 19px;
	line-height: 22px;
}
div#congres-pro li{
	margin-top: 15px;
	font-size: 15px;
	line-height: 17px;
}
div#congres-pro li::after{ display: block; }
div#congres-pro li.ecran-live::after{ content: url('../../images/ecran-live.png'); }
div#congres-pro li.ecran-diff::after{ content: url('../../images/ecran-diff.png'); }

div#congres-pro-right{    
	padding-top: 25px;
	margin-bottom: 70px;
}

/* zone 4-bis : "inscrivez-vous dès maintenant" */
div#inscrivez-vous{
	text-align: center;
	padding: 10px;
	line-height: 20px;
}

/***********************************************************************************/
/* zone 5 : lien "s'inscrire" */
#date_conf_masterpage{
	font-size: 20px;
}
/* ... */

/***********************************************************************************/
/* zone 6: ... et pour tous les congressistes sur place */
div#congres-tous{
	font-size: 17px;
	line-height: 19px;
	padding: 30px 0 0 0;
	text-align: center;
}

div#congres-tous li{
	margin-top: 10px;
	font-size: 13px;
}

/***********************************************************************************/
/* zone 7 : footer */

div.container-footer .container .footer{ 
	color: #fff;
	background-color: #27272a;
	background-size: auto;
	width: 100%;
	height: 200px;
	/*min-height: 200px;*/
}
div.container-footer .bloc-lien { 
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: center;
}
div.container-footer .bloc-lien u a{ 
	color: #fff; 
	text-transform: uppercase;
	font-size: 14px;
}
div#footer .bloc-texte {
	margin-top: 8px;
	margin-bottom: 8px;
}
div#footer .bloc-texte .texte-footer{
	font-size: 16px;
}
div#footer .texte-footer a{
	color: #fff; 
}

.ligne-bleu {
	height: 2px;
	width: 100%;
	background-color: #003e5e;
}

/***********************************************************************************/
/* zone 8 : footer droite */
div#footerdroite{
	/*font-family: "helvet-neue";*/
	font-weight: bold;
	text-align: center;
	margin: 20px 0px;
	font-size: 13px;
}
/***********************************************************************************/
/* Prechoix - formulaire */
div.prechoix_intro_size{
	font-size: 14px;
}

div.prechoix_size{
	/*font-size: 25px;*/
	margin-left: 0px;
	margin-right: 0px;
}

div.prechoix_marge{
	margin-top: 25px;   
	margin-left: 0px;
}

div#code_pro{
	display:none;
}

#infosDonneesPerso{
	float: right;
    cursor: pointer;
	font-style: italic;
    text-decoration: underline;
}

/***********************************************************************************/
/* formulaire */
select#specialite{
	width: 373px;
    height: 27px;
}

#form_prechoix input[type=text], #form_inscription input[type=text], #form_inscription input[type=password]{
	color: #000;
    text-align: left;
    outline: none;
    background-color: #fff;
    padding-left: 7px;
    border-width: 1px;
}

/* Inputs/textarea en readonly : grisés + curseur interdit */
.readonly, input[readonly], textarea[readonly] {
  background-color: lightgrey !important; /* gris clair */
  color: #6b7280 !important;            /* gris texte */
  cursor: not-allowed !important;
  /* optionnel : */
  /* border-color: #e5e7eb !important;  */
  /* opacity: 0.9;                      */
}

/* Optionnel: on empêche aussi le drop/drag */
.readonly, input[readonly], textarea[readonly] {
  pointer-events: auto; /* on garde les événements (pour le focus), mais curseur “interdit” */
}

#form_inscription select{
	color: #000;
	height: 28px;
    text-align: left;
    outline: none;
    background-color: #fff;
    padding-left: 7px;
    border-width: 1px;
}

div.input_inscription input[type=text], div.input_inscription input[type=password], div.input_inscription select, div.input_inscription select:focus {
	color: #000;
	width: 100%;
	border-radius: 5px;   /* Coins arrondis de 10 pixels */
	border: 2px solid black; /* Bord rouge de 2 pixels */
}

div.input_error input[type=text], div.input_error input[type=password], div.input_error select, div.input_error select:focus {
	width: 100%;
	border: 2px solid red; /* Bord rouge de 2 pixels */
	border-radius: 5px;   /* Coins arrondis de 10 pixels */
	display: inline-block; /* Affichage en bloc */
}

div.input_error input[type=checkbox] {
	outline: 2px solid red;
}

.cadre_recevoir{ border: 2px solid #2a3e7f; color: #00aae9; text-transform: uppercase; font-size: 30px; text-align: center; margin: 0 auto 20px auto; padding: 0 10px; display: inline-block; font-weight: bold; }
.mailing::before{ content: inherit; } 

/*#form_inscription input[type=submit]{ display: block; margin: auto; padding: 0; border: 0; font-size: 0; background: url(../../images/2016/valider.jpg) center no-repeat; width: 230px; height: 47px; }*/


/***********************************************************************************/
/* connexion */

#accueil #form_connexion{ margin-top: 32px;  }
#accueil .connexion_attente{ padding-top: 50px; margin: auto; font-size: 1.3em; }
#accueil .bas_connexion{ padding-top: 5px; padding-bottom: 10px; }
#accueil .connexion_termine{ width: 920px; height: 459px; background: url(../../images/bg/bg_micro.jpg) top left no-repeat; padding-top: 20px; }
#accueil #form_connexion{ /*padding-left: 430px;*/ text-align: center; }
#accueil #form_connexion_live{ padding-left: 619px; margin-top: -20px; }
#accueil #form_connexion_live input[type=submit]{ height: 100%; width:100%; background-color: #323a45; border: none; color:#000; font-size: 13px; font-weight: bold}
#accueil #form_connexion_live input[type=text]{ width: 300px; }
.connexion_attente p{ text-align: center; display: block; margin: 0 0 10px 0; }
/*.connexion_attente div{ text-align: center; display: block; }*/
p.bas_connexion.size14{ color: #a0a4a7; font-size: 0.80em; font-style: italic; }
.connexion_attente p span{ font-size: 0.8em; }

.form_attente{ margin-right: -30px; margin-top: -70px; padding-left: 30px; padding-right: 30px; }
.form_attente p{ font-size: 0.95em; }

#accueil form .big_input{ width: 155px; height: 26px; background-color: #f2f1f1; outline: none; text-align: center; border-top: 1px solid #d3d6db; border-left: 1px solid #d3d6db; padding-left: 3px; font-size: 14px; }
#accueil form .btn_ok{ width: 43px; height: 29px; border: none !important; font-size: 0; vertical-align: top; background: url(../../images/2017/boutonok.jpg) center no-repeat; }

/*#contenu .code_perdu{ text-align: center; display: block; margin: 5px 0; }*/
#contenu .code_perdu_rejoindreconf{ text-align: center; display: block; margin: 5px 0; width: 50%;}
.code_perdu a{ color: #9da6ad !important; text-decoration: underline; font-size: 0.90em; font-style: italic; padding-left: 60px;}
.code_perdu_rejoindreconf a{ color: #9da6ad !important; font-size: 0.90em; font-style: italic; padding-left: 60px;}

form#password_lost{ text-align: center; margin: 20px 0; }
form#password_lost label{ font-size: 0.80em; }
div.connexion_attente.password{ background: #FFF !important; padding-top: 0 !important; text-align: left !important; }
.password h3{ text-align: left; }
.password p{ text-align: left; font-size: 0.80em; margin: 0; }
.connexion_attente.password{ margin-top: 60px !important; }

.afficheprog{font-size: 25px;}
/***********************************************************************************/
/* questionnaire */
#contenu .inscription_close{ height: 479px; }
#contenu .inscription_close p{ font-size: 40px; text-align: center; padding-top: 200px; }

/***********************************************************************************/
/* donnees utilisateur */
.donneesutilisateurs a#collapse_accordion{ display: block; }
.donneesutilisateurs span.f-right{ position: relative; top: -15px; }
.donneesutilisateurs .content ul li{ background: none; list-style-type: disc; margin-left: 30px; color: #848484;}
.donneesutilisateurs .liste_question_aide{ margin-top: 15px; cursor: pointer;}
.donneesutilisateurs .texte_aide{ font-size: 17px; }
.donneesutilisateurs .fleche_blanche_aide{ float:right; width:16px; }
.donneesutilisateurs div#accordion{ margin-top: 10px; border-color: #FFF;}
.donneesutilisateurs div#accordion div.panel-body{color: #848484;}
.donneesutilisateurs div#accordion div.panel-default{ margin-bottom: 20px; border-radius: 0; }
.donneesutilisateurs div#accordion div.panel-heading{ background-color: #FFF !important; background-image: none;  border-radius: 0; color: #000; }
.donneesutilisateurs div#accordion div.panel-heading h4{ font-size: 17px; }

div#programmelive div.textezoom{padding-top: 40px; padding-bottom: 20px; font-size: 24px; font-weight: bold; }
/***********************************************************************************/
/* aide */
a#collapse_accordion{ display: block; }
span.f-right{ position: relative; top: -15px; }
.content ul li.aide{ background: none; list-style-type: disc; margin-left: 20px; }
.liste_question_aide{ margin-top: 15px; cursor: pointer;}
.texte_aide{ font-size: 17px; }
.fleche_blanche_aide{ float:right; width:16px; }

div#accordion{ margin-top: 10px; }
div#accordion div.panel-default{ margin-bottom: 20px; border-radius: 5px; }
div#accordion div.panel-heading{ background-color: #efbe2d !important; background-image: none; border-radius: 5px; color: #000; }
div#accordion div.panel-heading a{ background-color: #efbe2d !important; background-image: none; border-radius: 5px; color: #000; }
div#accordion div.panel-heading h4{ font-size: 18px; font-weight: normal;}
div#accordion div.panel-body{ background-color: #efbe2d; }


/***********************************************************************************/
/* Intervenants */

div#intervenants .card {

	width: 70%;
	height: 250px;
	border: 3px solid #0060ad;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-end;
	position: relative;
}
div#intervenants .overlay {
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	padding: 10px;
	text-align: center;
	border-radius: 0 0 15px 15px;
}
div#intervenants .name {
	font-weight: bold;
	color: #0060ad;
}
div#intervenants .title {
	font-style: italic;
	color: #555;
}

/***********************************************************************************/
/* mentions legales */
.mentions_legales p{ padding-top: 5px; padding-bottom: 5px;}
.mentions_legales h4{  font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
.mentions_legales h5{  font-weight: bold; margin-top: 20px; margin-bottom: 10px; }


/***********************************************************************************/
/* divers */

.titrevideo{
	font-size: 18px;
	color: #f16728;
}

div#colonne-droite{
	box-shadow: inset 3px 0px 20px rgba(0,0,0,0.20);
}
.ombre-interieure-gauche{
	-webkit-box-shadow: inset 26px 0px 28px -10px rgba(0,0,0,0.2);
    box-shadow: inset 26px 0px 28px -10px rgba(0,0,0,0.2);
}

div span.bouton{
	display: inline-block;
    font-size: 25px;
    color: #fff;
    padding: 8px 40px;
    width: 100%;
}

button.bouton,
input[type="submit"].bouton,
a.bouton{
	display: inline-block;
	font-size: 25px;
	color: #fff;
	padding: 8px 40px;
	border: none;
	border-radius: 6px;
	text-decoration: none;
}
button.bouton::before,
//input[type="submit"].bouton::before,
a.bouton::before{
	content: "\e072";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin-right: 3px;
}
.agenda a.bouton{ padding: 1px 15px; }

button.bouton:hover,
input[type="submit"].bouton:hover,
a.bouton:hover{
    background-image:url(../../images/opa-blanc-15.png);
}

button.bouton-pleine-largeur,
input[type="submit"].bouton-pleine-largeur,
a.bouton-pleine-largeur{
	border-radius: 0px;
	width: 100%;
	text-align: center;
}

a.bouton#ignorer_autorisation_submit::before{
	content: "\e014";
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	margin-right: 3px;
}
.bouton_ignorer::before{ 
	content: '\e083' !important;
}

.sans-padding{
	padding:0;
}

.programme-title{
	border-top-left-radius: 20px;
	height: 40px;
	line-height: 37px;
	color: #fff;
	background-color: #00aae9;
	font-size: 20px;
	padding-left: 24px;
	margin-right: -30px;
}
.programme-title::after{
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	margin-left: 10px;
	font-size: 14px;
}

.programme-item{
	font-size: 18px;
	font-weight: bold;
	margin: 7px;
	margin-left: 7px;
	text-indent: -22px;
	margin-left: 30px;
}
.programme-item::before{
	color: #00aae9;
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	margin-right: 5px;
	font-size: 14px;
}

.programme-title-right{
    height: 41px;
    line-height: 17px;
    font-size: 32px;
}
.programme-item-right{ 
	font-size: 16px;
	line-height: 19px;
	font-weight: bold;
	margin: 10px 0 15px 0;
	text-indent: -18px;
	margin-left: 18px;
}

.programme-item-right::before{
	color: #00aae9;
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	margin-right: 5px;
	font-size: 12px;
}

/* modal */
.modal-backdrop{
	background-color: #AAAECB;
	top: 159px;
}
.modal-dialog{
	margin-top: 235px;
}
#modal-infosDonneesPerso{
	margin-top: 10px;    
	width: 50%;
}
.text-modal-infos-donnees-perso{
	margin-bottom: 12px;
}
.modal-content{
	border-radius: 0px;
	font-size: 20px;
}

.modal-header{
	font-weight: bold;
	color: #00aae9;
}
.modal-title{
	font-weight: bold;
}

.modal-body{
	color: #848484;
	padding:40px;
}
.modal-body li{
	margin-left: 40px;
}


.modal-content button.close{
	font-size: 50px;
	opacity: 1;
	margin-top: -39px;
	margin-right: -41px;
	color: #00aae9;
	background-color: #fff;
	border-radius: 25px;
	height:50px;
}
.modal-content button.close:hover{
	color: #00aae9;
}
.modal-content button.close span.glyphicon{
	top: 2px;
}

.modal-footer button{
	border: 3px solid #d7652a; 
	font-size: 18px; 
	font-weight: bold; 
	color: #d7652a; 
	padding-left: 30px; 
	padding-right: 30px; 
	padding-bottom: 10px; 
	padding-top: 10px; 
	background: #f3f4ef;
	background-image: none;

}
.modal-footer button:hover{
	border: 3px solid #d7652a; font-size: 18px; font-weight: bold; color: #d7652a; padding-left: 30px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; background: #e1e1e1;
}

/* forms */
.form-group{
	border-bottom: 1px solid #ccc;
	padding-bottom: 13px;
}
.form-horizontal .form-group{
	margin-left: 0px;
	margin-right: 0px;
}
.form-group:last-child{
	border-bottom: none;
	padding-bottom: 13px;
}
.form-horizontal .control-label{
	text-align: left;	
	color: #9DA5B0;
	font-size: 17px;
	font-weight: normal;
	padding-top: 5px;
	padding-left:25px;
}
label{
    color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.g-recaptcha{
	padding: 0 0 30px 10px;
}
.donnees{
	padding: 30px 25px;
	font-size: 14px;
	color: #9DA5B0;
}
label.connaissance::before{
	content: inherit;
}


label.obligatoire::before{
	content: '* ';
	color: #F1662F;
}
.obligatoire{
	margin-top: 30px;
	color: #9DA5B0;
}
.form-control{
	border-radius: 16px;
	background-color: #F1F1F1;
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
  	font-family: "helvet-cond";
  	font-size: 17px;
}

select.form-control{
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

}

.form-control:focus{
  border-color: #00aae9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(75, 83, 146, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(75, 83, 146, 0.6);
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{
    padding-top: 1px;
}




/***********************************************************************************/
/* Responsive **********************************************************************/
@media (min-width: 1600px){
	.container{
		width: 1300px;
	}
	.video{
		width: 850px;
		height: 478px;
	}
	.diapo{
		width: 900px;
		height: 550px;
	}
	.bloc_frame{
		height: 750px;
	}
}

@media (max-width: 1600px){
	/*.bg-blanc{ background: green; }*/
	
	div#invitation{
		height: 137px;
	}
	.video{
		width: 760px;
		height: 427px;
	}
	.diapo{
		width: 820px;
		height: 501px;
	}
	.bloc_frame{
		height: 750px;
	}
}

@media (max-width: 1200px){
	/*.bg-blanc{ background: red; }*/

    div#invitation{
		font-size: 25px;
		height: 114px;
	}
	div#menu-deploiement ul li a span.menu-etape{ font-size: 25px; }
	div#menu-deploiement ul li a{ font-size: 20px; }

	#date_conf_masterpage{
		font-size: 17px !important;
	}
	.framevideo{
		width: 660px !important;
	}
	.video{
		width: 560px;
		height: 314px;
	}
	.diapo{
		width: 630px;
		height: 385px;
	}
	.bloc_frame{
		height: 450px;
	}
}

@media (max-width: 992px){
	/*.bg-blanc{ background: blue; }*/

	nav#menu div.navbar-header a.navbar-brand{
		font-size: 22px;
		padding-left: 12px;
	}

	div#colonne-droite{
		box-shadow: inset 0px 20px 100px rgba(0,0,0,0.1);
	}
		
	br.hidden-mobile{ display: none; content: ' '; }
	br.hidden-mobile:after{ display: none; content: ' '; }

	.ombre-interieure-gauche{
		-webkit-box-shadow: none;
	    box-shadow: none;
	}
	.bloc_frame{
		height: 400px;
	}
}

@media (max-width: 767px){
	/*.bg-blanc{ background: pink; }*/

	br.hidden-mobile-menu{ display: none; content: ' '; }
	br.hidden-mobile-menu:after{ display: none; content: ' '; }

	.font-m  { font-size: 10px; }
	.font-l  { font-size: 17px; }
	.font-xl { font-size: 21px; }
	.font-xxl{ font-size: 33px; }

	div#head{
		/*height: 120px;*/
		padding-left: 0px;
		font-size: 30px;
		/*padding-top: 22px;*/
		line-height: 38px;
	}
	div#head .onze{
		font-size:100px;
		background-color: #fff;
		border-bottom-right-radius: 25px;
		line-height: 100px;
		margin-top:-22px;
	}
	div#head .onze sup{
		font-size:16px;
		top: -4.0em;
	}

	nav#menu.navbar-default{
		background-image: none;
		background-color: #AAAECB;
	}

	nav#menu div.navbar-header a.navbar-brand{
		padding-top: 12px;
		padding-left: 20px;
	}
	
    div#invitation{
		font-size: 25px;
		height: inherit;
		padding: 10px;
	}

    div#invitation span{
		display: inline;
	}

	div#menu-deploiement ul{
		width: 100%;
		height: inherit;
		margin:0px;
	}
	div#menu-deploiement ul li{
		width: 100%;
		display: inline-block;
		padding-left: 0px;
		padding-right: 0px;
	}
	div#menu-deploiement ul li a{
		width: 100%;
		display: inline-block;
		padding:17px 30px;
		text-align: left;
		display: inline-block;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	div#menu-deploiement ul li a span.menu-etape{font-size:inherit;}

	.modal-backdrop{
		top: 120px;
	}

	.modal-dialog{
		margin-top: 127px;
	}

	.modal-content button.close{
		margin-top: -4px;
		margin-right: -2px;
		height: 30px;
		font-size: 36px;
	}

	.framevideo{
		width: 100% !important;
	}
	.video{
		width: 450px;
		height: 253px;
	}
	.diapo{
		width: 570px;
		height: 348px;
	}
	.bloc_frame{
		height: 300px;
	}
	div.input_inscription input[type=text], div.input_inscription input[type=password] {
		width: 353px;
	}

}

@media (max-width: 580px){
	/*.bg-blanc{ background: orange; }*/

	div#head{
		font-size: 20px;
		font-weight: bold;
	}
	div#head .onze{
		font-weight: normal;
	}
	div#footer{
		font-family: "Arial";
	}
	.diapo{
		width: 500px;
	}
	.bloc_frame{
		height: 300px;
	}

	div.input_inscription input[type=text], div.input_inscription input[type=password] {
		width: 353px;
	}
}

@media (max-width: 480px){
	/*.bg-blanc{ background: black; }*/

	div#head{
		/*background: url('../../images/opa-blanc-50.png'), url('../../images/bg-head.jpg') no-repeat center right;*/
		/*background-position: center, -520px 0px;*/
		/*padding-top: 14px;*/
		line-height: 30px;
	}
	div#head .onze{
		margin-top:-14px;
		box-shadow: 0px 0px 1px #AAAECB;
	}

	div#intervenants .card {
		margin-bottom: 20px;
	}

	div.libelle_inscription{
		width: 90%;
	}	
	div.input_inscription input[type=text], div.input_inscription input[type=password] {
		width: 300px;
	}
	.video{
		width: 320px;
		height: 179px;
	}
	.diapo{
		width: 320px;
	}
	.bloc_frame{
		height: 250px;
	}
}

@media (max-width: 360px){
	/*.bg-blanc{ background: yellow; }*/

	div#head{
		font-size: 16px;
		line-height: 30px;
	}
	.video{
		width: 300px;
		height: 168px;
	}
	.diapo{
		width: 300px;
	}
	.bloc_frame{
		height: 250px;
	}

}

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