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

/*
@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: "Arial", "Helvetica";
	background: #e7e7e7;
	margin: 0;
	padding: 0;
	color: black;
}

/* 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: #2a3e7f;
}

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

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

a{ cursor: pointer; }
a:focus{ outline: none; }

.orange 	{ color: #F1662F; }
.bleu 		{ color: #6ea9d3; }
.bleu_fonce	{ color: #375a77; }
.bleu_clair	{ color: #38a0e9; }
.mauve 		{ color: #AAAECB; }
.pastel 	{ color: #E4E2EF; }
.gris-mauve{ color: #A0A4AE; }
.gris 		{ color: #848484; }
.rouge 		{ color: #E5443C; }
.blanc 		{ color: #ffffff; }
.noir 		{ color: #000000; }

.fond-header{ background-color: #ee3032; max-height: 360px; }
.webinar{ position: relative; top: -45px; right: 30px; float: right; font-size:20px; color: #FFF; }
.claim{ position: relative; top: -5px; right: 10px; float: right; color: #FFF; }
.titre{ position: relative; left: 50px; font-size: 25px; color: #FFF; }
.logo-mylan{ float: right; margin-top: -53px;}

.virgule-bleu{margin-top: -13px; margin-left: 150px;}
.virgule-rouge{margin-bottom: -13px; margin-right: 150px; float: right;}

.professor{font-size: 24px; font-weight: bold;}
.heure-programme{color: #ed2e31; font-weight: bold; font-size: 25px;}
.titreconf{font-weight: bold; font-size: 25px;}
.orateur{font-style: italic; font-size: 18px; font-weight: normal;}

.background-orange{ background-color: #F1662F !important; }
.background-bleu{ background-color: #38a0e9 !important; }

.bg-orange 		{ background-color: #F1662F; }
.bg-bleu 		{ background-color: #6ea9d3; }
.bg-rouge-fonce { background-color: #ed2e31; color: #FFF !important;}
.bg-bleu-fonce { background-color: #0070c0; color: #FFF !important;}
.bg-bleu-clair 	{ background-color: #38a0e9; }
.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: #E5443C; }
.bg-blanc 		{ background-color: #ffffff; }
.bg-noir 		{ background-color: #000000; }

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

.titre-xxl{ font-size: 25px; color: #b0757e; padding-top: 40px; text-align: center; font-weight: bold; }

.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-weight: bold; }
.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; }

.bt-arrondi{
	-moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.warning{
	font-size: 14px;
	font-style: italic;
}
/***********************************************************************************/
div.container-header{ background: #FFF; }

div#invitation{
	height: 153px;
	text-align: center;
	font-size: 34px;
	line-height: 36px;
	color: #153685;
	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{
	margin-top: 2px;
	margin-left: -15px;
	margin-right: -15px;
	border-radius: inherit;
	border: none;
}
div#menu-deploiement{
	padding-right: 0px;
	padding-left: 0px;
}
div#menu-deploiement ul{
	width: 100%;
	height: 60px;
}
div#menu-deploiement ul li{
	width: 20%;
	height: 100%;
	display: table;
	padding-left: 1px;
	padding-right: 1px;
}
div#menu-deploiement ul li a{
	padding: 0px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-color: #f57b7b;
	color: #000000;
	font-size: 20px;
}
div#menu-deploiement ul li a:hover{
	background-color: #ed2e31;
	color: #FFF;
}

div#menu-deploiement ul li.active a{
	background-image: none;
	background-color: #ed2e31;
	color: #FFF;
	cursor: default;
}
div#menu-deploiement ul li.active a:hover{
	background-color: #ed2e31;
	color: #FFF;
}

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: #AAAECB;
	color: #ffffff;
}
nav#menu button.navbar-toggle{
	background-color: #375a77;
	color: #FFF;
}
nav#menu button.navbar-toggle span.icon-bar{
	background-color: #ffffff;
}

nav#menu div.navbar-header a.navbar-brand{
	color: #ffffff;
	font-size: 24px;
}

/***********************************************************************************/
/* zone 2 : contenu */
div#contenu{
	/*width: 100%;*/
	padding-bottom: 30px;
}

div#contenu .viewevent{
	margin-top: -18px !important;
	margin-left: -15px !important;
    margin-right: -15px !important;
    margin-bottom: -60px !important;
}

.container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
div#accueil{  }
div#accueil .introduction{ text-align: center; line-height: 38px; }
div#accueil .explication{ color: black; font-size: 15px; line-height: 20px; font-style: italic; }
div#accueil .texte{ text-align: center; font-size: 19px; line-height: 23px; }
div#accueil .intervenants{ font-size: 17px; line-height: 18px; }
div#accueil .inter{ padding-top: 15px; }
div#accueil .inter1{ display: inline-block; padding: 20px 85px; background: url('../../images/x.png') top left no-repeat; background-position: 10px 0px;  }
div#accueil .inter2{ margin-top: -15px; display: inline-block; padding: 20px 85px; background: url('../../images/y.png') top right no-repeat; background-position: 415px 0px; }
div#accueil .inter3{ margin-top: -15px; display: inline-block; padding: 30px 85px; background: url('../../images/z.png') top left no-repeat; background-position: 0px 10px; }
div#accueil .bloc-normal{
	margin: 0px 30px; 
	padding: 20px; 
    font-size: 30px;
    }
div#accueil .bloc-bleu{
	background-color: #203864; 
	color: #FFF; 
	margin: 10px 30px; 
	padding: 20px; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
    }
div#accueil .bloc-gris{ 
	background-color: #d9d9d9; 
	margin: 10px 30px; 
	padding: 20px; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
	}
div#accueil .bloc-rouge{ 
	background-color: #ed2e31; 
	color: #FFF; 
	margin-top: 58px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px; 
	padding: 20px; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 30px;
	}

.programme{ 
	background-color: #ed2e31; 
	color: #FFF; 
	margin: 20px 25px 20px -15px;  
	padding: 20px;
	padding-right: -15px !important;
    font-size: 25px;
	}

/***********************************************************************************/
/* 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{ background: #ee3032; color: #FFF; }
div.container-footer a{ color: #FFF; }
div#footer{
	/*font-family: "helvet-neue";*/
	font-weight: bold;
	text-align: justify;
	margin: 20px 0px;
	font-size: 13px;
}
div#footer img{
	float: left;
	margin-right: 20px;
}
div#footer span{
	display: inline-block;
	width: calc(100% - 125px);
	float: left;
}

/***********************************************************************************/
/* zone 8 : footer droite */
div#footercentre{
	/*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]{
    border-radius: 65px;
    text-align: left;
    outline: none;
    background-color: #f2f1f1;
    padding-left: 7px;
}

#form_inscription select{
    border-radius: 65px;
    text-align: left;
    outline: none;
    background-color: #f2f1f1;
    padding-left: 7px;
}

div.input_inscription input[type=text]{	
	width: 373px;
}

div.input_inscription input[type=password]{	
	width: 373px;
}

.cadre_recevoir{ border: 2px solid #2a3e7f; color: #38a0e9; 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 */
#contenu .connexion_attente {color: white; }
#contenu .connexion_attente input{color: black; }
#contenu .fond-connexion{ background: url('../../images/fond-connexion.jpg'); }

#contenu #form_connexion{ margin-top: 32px;  }
#contenu .connexion_attente{ padding-top: 50px; margin: auto; font-size: 1.3em; }
#contenu .bas_connexion{ padding-top: 5px; padding-bottom: 10px; }
#contenu .connexion_termine{ width: 920px; height: 459px; background: url(../../images/bg/bg_micro.jpg) top left no-repeat; padding-top: 20px; }
#contenu #form_connexion{ /*padding-left: 430px;*/ text-align: center; }
#contenu #form_connexion_live{ padding-left: 619px; margin-top: -20px; }
#contenu #form_connexion_live input[type=submit]{ height: 100%; width:100%; background-color: #323a45; border: none; color:white; font-size: 13px; font-weight: bold}
#contenu #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 p{ font-size: 0.95em; }

#contenu 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; }
#contenu 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; }


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



/***********************************************************************************/
/* 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: 0; }
div#accordion div.panel-heading{ background-color: #375a77 !important; background-image: none; border-radius: 0; color: #FFF; }
div#accordion div.panel-heading h4{ font-size: 18px; }

/***********************************************************************************/
/* mentions legales */
.mentions_legales p{ color: #848484; }
.mentions_legales h4{ font-size: 20px; font-weight: normal; margin-bottom: 5px; }
.liste{
	color: #848484;
	padding-left: 15px;
}

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

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: 0px;
	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: #38a0e9;
	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: #38a0e9;
	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: #38a0e9;
	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: #38a0e9;
}
.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: #38a0e9;
	background-color: #fff;
	border-radius: 25px;
	height:50px;
}
.modal-content button.close:hover{
	color: #38a0e9;
}
.modal-content button.close span.glyphicon{
	top: 2px;
}


.modal-footer button{
	background-image: none;
	color: #fff;
	background-color: #38a0e9;
	border-radius: 0;
	border:none;
	font-size: 18px;
	font-weight: bold;
}
.modal-footer button:hover{
	background: #38a0e9;
	color: #fff;
}

/* 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: #000;
	font-size: 16px;
	font-weight: normal;
}
.g-recaptcha{
	padding: 0 0 30px 10px;
}
.donnees{
	padding: 30px 25px;
	font-size: 14px;
	color: #9DA5B0;
}
.privacy-policy{
	padding: 30px 25px;
	font-size: 14px;
	color: #9DA5B0;
}
label.connaissance::before{
	content: inherit;
}
label::before{
	content: '- ';
	color: #fff;
}
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: #38a0e9;
  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: 550px;
	}
}

@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: 550px;
	}
}

@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: 400px;
	}
}

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

	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: 350px;
	}
}

@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;
	}

    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: 350px;
	}
}

@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: 350px;
	}
}

@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.libelle_inscription{
		width: 90%;
	}	
	div.input_inscription{
		width: 100%;
    	text-align: center;
	}
	.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){
    
}