/* Carousel - Code permettant de corriger un bug de grandeur dans internet explorer */
.ie11 .img_wrapper{
	margin-bottom: 14px;
}
.message-warning{
	position:fixed;
	/*text-align: center;*/
	left:25%;
	width:50%;
}

/* texte Slider */
body #wrapper section.testimonials-section div.container div.row div.col-sm-4 div.white-box table.table-condensed tbody tr td em {
    background:none;
    color:#000;
}
body #wrapper section.testimonials-section div.container div.row div.col-sm-4 div.white-box table.table-condensed tbody tr{
    background:none;
}
/* texte Slider */
.flex-h3-plani{
    color:rgba(244, 140, 50, 1);
    font-weight: bold;
}
/* Partie inscription et Contact - Gérer la couleur des boutons */
.btn-primary{
    background-color:rgba(244, 119, 33, 0.8);
    border:1px solid rgba(255,255,255,0);
}
.btn-primary:hover{
    background-color:rgba(250, 133, 37, 1);
    border:1px solid rgba(255,255,255,0);
}
/*Fonctionnalité*/
.content-title{
	padding-top:20px;
	/*font-size:18px;*/
	/*text-align: center;*/
	/*color: #000000;*/
	/*!*background-color: #adadad;*!*/
	/*padding: 10px 0px 10px 0px;*/
	/*margin-bottom: 25px;*/
}
section.functionnality{
	min-height: 700px;
}
/*section {*/
	/*box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.2);*/
/*}*/

@media (min-width: 768px)
{
	.all-center{
		display:flex;
		justify-content:center;
		align-items:center;
	}
}
@media (max-width: 767px)
{
	.all-center-mobile {
		display:flex;
		justify-content:center;
		align-items:center;
	}
}
.message-error.all-center{
	display:flex;
	justify-content:center;
	align-items:center;
}
@media (max-width: 768px)
{
	/*.content-title h2{*/
		/*font-size: 1.6em!important;*/
		/*line-height: 20px!important;*/
	/*}*/
	.funct-content{
		font-size: 14px!important;
		line-height: 20px!important;
	}
	.funct-content h4{
		font-size: 1.1em!important;
	}
	.ClassMessage{
		padding: 15px!important;
		width:90%!important;
		margin:auto;
		/*padding-right:30px;*/
	}
}
.funct-img {
	height:100%;
	vertical-align: center;
}
.faq_content,
.funct-content,
.funct-img {
	padding:20px;
}
.funct-img img{
	border: 1px solid black;/*À enlever quand on a la vrai img*/
}
.funct-img .shadow{
	box-shadow: -16px 18px 1px 0px #adadad;
}
.funct-content{
	height:100%;
	/*font-size: 16px;*/
	line-height: 20px;
}
.funct-content h4{
	margin-bottom:0px;
	margin-top:5px;
	color:#f47721;
	/*font-size: 1.2em;*/
	/*font-weight: 900;*/
	/*line-height: 18px;*/
}
/*faq*/
.orange-question{
	color: #f47721;
}
/*Normes*/
.plan-features img{
	height: 300px;
	width:240px;
}
/*Anchor menu*/
div.anchor{
	display: block;
	position: relative;
	/*top: -115px;*/
	visibility: hidden;
}

/*Citation*/
.bg-size{
	background-size: 30% 70%;
}

.case-pad-top{
	padding-top: 30px;
}
.balise_quotes,
.quotes_from{
	font-style: italic;
}
.quotes
{
	color: #414141 !important;
}

.quotes.odd-color{
	color: #6e6e6e !important;
}


/* Produits - centrer le titre */
.ex-grid{
   background-color:#444; 
}
.ex-grid h2{
    color: #fff;
    font-size:22px;
    font-weight: bold;
    line-height:52px;
    margin: 0 0 0 20px;
}
.section_titre_plani{
    font-size:50px;
    margin:0 auto 40px;
    text-align: center;
}
.section_titre_plani:after{
    margin:0 auto -5px;
    position:relative;
    text-align: center;
}
.col_produit_plani{
    margin:0 10%;
    width:80%;
}

/* Rectifier le cadrage du rsi/roi */
.col_plani_h3{
    text-align: center;
}
input[type=radio], input[type=checkbox]{
    margin:4px 5px 0 0;
}
.col_plani_rsi_text{
    text-align:center;
}
@media (min-width:768px)
{
	.col_plani_rsi{
		margin-left:5%;
		width:90%;
	}
}
.col_plani_rsi_button{
	margin-left:33%;
	width:67%;
}
@media (min-width:768px)
{
	.col_plani_rsi_button{
		margin-left:45%;
		width:55%;
	}
}

.border-round-form
{
	background-color: rgba(244, 119, 33, 0.20)!important;
	border-radius:70px;
	padding:20px;
	border: 2px solid rgba(102, 102, 102, 0.35);

}
.rsi_button_show {
	background-color: rgba(244, 119, 33, 0.8);
	color: #ffffff;
	font-size:26px;
	border-bottom-right-radius: 16px;
	border-top-left-radius: 16px;
	display:flex;
	justify-content:center;
	align-items:center;
	height:70px;
	text-align:center;
}
.rsi_button_show:hover {
	background-color: rgba(244, 119, 33, 1);
	cursor:pointer;
}
.rsi_button_show:active{
	background-color: rgba(244, 119, 33, 0.95);
}
.rsi_button_show:active span{
	padding-top: 3px;
}
.rsi-section form{
	margin-top:20px;
}
.rsi-section .g-recaptcha{
	padding-bottom:15px;
}
@media (min-width:768px)
{
	.rsi-section .g-recaptcha{
		margin-left:-152px;
		padding-left:50%;
	}
	.reset-pwd-section .g-recaptcha{
		margin-left:-152px;
		padding-left:50%;
	}
}
@media (min-width:992px)
{
	.rsi-section .no-padding-left{
		padding-left:0px;
	}
}
@media (max-width:767px)
{
	.col_plani_rsi{
		padding:0px;
		padding-top:20px;
	}
}

/* bar d'identification */

.top-bar{
    background:#262626;
}

.top-bar .topbar-info{
    margin-left:10px;
}

.top-bar .form {
    padding:0px;
}

/* la transparence dans le select d inscription */
    /**/
/*.contact-section .form select{*/
    /*color: #fff;*/
    /*background: transparent ;*/
    /*border: solid 1px #212121;*/
    /*border-radius:2px;*/
/*}*/

/* le style dans *option* d inscription */
            
.contact-section .form select option{
    color: #000;
    background:none;
    border: solid 1px #fff;
    border-radius:2px;
}
		
		
/* Gérer les nouvelles icones */

	.contact-section .has-success .form-control {
		border:1px solid rgba(244, 119, 33, 0.8) !important;
	}
	.alert-form.success{
		background-color: rgb(223, 240, 216);
		color:darkgreen;
	}
	.alert-form.error{
		background-color: rgb(242, 222, 222);
		color:darkred;
	}
	.alert-form{
		width:100%;
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-radius: 4px;
	}
	.alert-form.rsi{

	}

    .form-icon:after {
		content:"\f140";
		font-family:"FontAwesome";
		font-size:15px;
		position:absolute;
		right:14px;
		top:5px;
	}
	.form-icon.icon-cube:after {
		content:"\f1b2";
	}
	.form-icon.icon-user:after {
		content:"\f007";
	}
	.form-icon.icon-email:after {
		content:"\f0e0";
	}
	.form-icon.icon-message:after {
		content:"\f039";
	}
	.form-icon.icon-wrench:after {
		content:"\f0ad";
	}
	.form-icon.icon-users:after {
		content:"\f0c0";
	}
	.form-icon.icon-phone:after {
		content:"\f095";
	}
	.form-icon.icon-fax:after {
		content:"\f1ac";
	}
	.form-icon.icon-university:after {
		content:"\f19c";
	}
	.form-icon.icon-globe:after {
		content:"\f0ac";
	}
	.form-icon.icon-map:after {
		content:"\f041";
	}
	.form-icon.icon-desktop:after {
		content:"\f108";
	}
	.form-icon.icon-book:after {
		content:"\f02d";
	}
	.form-icon.icon-certificate:after {
		content:"\f0a3";
	}
    		
/* Gérer la grosseur des titres */	
.section-title {
	font-size:50px;
}

/******************************* STYLISER INPUT DANS LA BARRE DE CONNEXION *******************************/			
.formgroup_plani input{
	height: 32px;
}
.form .formgroup_plani input[type], .form .formgroup_plani textarea{
	background:none;
}
.form .formgroup_plani input[placeholder] {
	color:#fff;
}
.form .formgroup_plani input::-webkit-input-placeholder {
	color:#666;
}
.form .formgroup_plani input[type]:focus, .form .formgroup_plani textarea:focus{
	background:none;
}

/******************************* STYLISER LE BOUTON ENTRER DANS LA BARRE DE CONNEXION *******************************/
.form .reset_pwd input,
.form .connec_plani input[type="submit"]{

	background: rgba(244, 119, 33, 0.8);
	border-radius:2px;
	height: 32px;
	width: 100%;
}
a.reset_pwd{
    float:left;
    color:#cacaca;
    padding-left:5px;
}

@media (max-width: 549px)
{
    a.reset_pwd{
        float:none;
        padding-left:0px;
    }
}


@media screen and (min-width: 992px) {

	/*.logo{*/
		/*height:50px;*/
	/*}*/
	
	/******************************* STYLISER LE BOUTON ENTRER DANS LA BARRE DE CONNEXION *******************************/		
	.form .connec_plani input[type="submit"]{
		padding:3px 0;
	
	}
	.connec_plani {
		width: 120px;
	}
	.form .connec_plani input[type="submit"]:hover{
		background: rgba(244, 119, 33, 0.9);
	}
	.formgroup_plani{
		width:240px;
	}
	
	/******************************* STYLISER LA BARRE DE CONNEXION *******************************/		
	.col_top_plani{
		width:800px;
	}
	
	/******************************* STYLISER TEXTE DANS LA BARRE DE CONNEXION *******************************/	
	.formgroup_col2_plani{
		margin:13px auto;
		padding:auto;
		width:150px;
	}
	
	/******************************* STYLISER TELEPHONE  DANS LA BARRE DE CONNEXION *******************************/
	.tel-top-plani {
		margin:13px 0 0 30px;
	}

	/*.form_plani{*/
		/*!*margin-bottom:0px;*!*/
	/*}*/
}	

@media screen and (min-width: 768px)  and (max-width: 991px) {
	
	/******************************* AJOUT BACKGROUND DANS LE LOGO FORMAT TABLETTE *******************************/
	.logo{
		/*background:#333;*/
	}
	
	/******************************* STYLISER TELEPHONE  DANS LA BARRE DE CONNEXION *******************************/
	.tel-top-plani{
		margin:0 auto;
		text-align:center;
		width:100%;
	}
	
	/******************************* STYLISER LA BARRE DE CONNEXION *******************************/		
	.col_top_plani{
		float:none!important;
		margin-top:65px ;
		height:50px;
	}
	
	/******************************* STYLISER TEXTE DANS LA BARRE DE CONNEXION *******************************/	
	.form .col_top_plani p{
		display:inline-block;
		margin-top:13px;
=		vertical-align:bottom;
	}
	.formgroup_col2_plani{
		height:auto;
		vertical-align:bottom;
		width:15%;
	}
	
	/******************************* STYLISER INPUT DANS LA BARRE DE CONNEXION *******************************/			
	.formgroup_plani{
		display:inline-block;
		vertical-align:top;
		width:30%;
	}
	
	/******************************* STYLISER LE BOUTON ENTRER DANS LA BARRE DE CONNEXION *******************************/		
	.connec_plani {
		display:inline-block;
		vertical-align:top;
		width:15%;
	}
	.form .connec_plani input[type="submit"]{
		width:100%;
	}
	
	
	
}

@media screen and (min-width: 550px)  and (max-width: 767px) {


	/******************************* STYLISER LA BARRE DE CONNEXION *******************************/
	.col_top_plani{
		float:none!important;
		margin-top:0px ;
		/*height:0px;*/
	}

	/******************************* STYLISER TEXTE DANS LA BARRE DE CONNEXION *******************************/
	.form .col_top_plani p{
		display:inline-block;
		margin-top:13px;
	=		vertical-align:bottom;
	}
	.formgroup_col2_plani{
		height:auto;
		vertical-align:bottom;
		width:15%;
	}

	/******************************* STYLISER INPUT DANS LA BARRE DE CONNEXION *******************************/
	.formgroup_plani{
		display:inline-block;
		vertical-align:top;
		width:30%;
	}

	/******************************* STYLISER LE BOUTON ENTRER DANS LA BARRE DE CONNEXION *******************************/
	.connec_plani {
		display:inline-block;
		vertical-align:top;
		width:15%;
	}
	/******************************* MODIFICATION SPÉCIFIQUE DU HEADER POUR ENTRER DANS LE FORMAT DE PIXEL *******************************/
	.form .connec_plani input[type="submit"]{
		width:100%;
	}
	.formgroup_col2_plani.col-md-3,
	.formgroup_plani.col-sm-3{
		padding-right: 2px!important;
		padding-left: 2px!important;
	}
	.connec_plani.col-sm-3,
	.formgroup_col2_plani.col-sm-3{
		padding: 0px!important;
	}
	.col_top_plani{
		padding: 0px!important;
	}
	.align-center-elem{
		padding: 0px!important;

	}
	.logo{
		padding:0px!important;
	}
	.top-bar{
		margin:0px!important;
	}
}

@media screen and (max-width: 767px) {
	.sub-footer p{
		text-align:center;
	}
	
	.social-icon{
		text-align:center;
	}
}
.section.about_us .pull-right p,
.section span.sub_title.c_c{
	font-weight:900;
}


/******************************* Section public carrousel vidéo et iframe de ces vidéos *******************************/
.planiso-video img,.planiso-video {
	height:100%;
	width:100%;
	min-height:130px;
	min-width:280px;
	max-height:300px;
	max-width:535px;
}
.planiso-video {
	margin: 0 auto;
}

.planiso-video a{
	margin-left: 40px;
	margin-right: 40px;
}

.play {
	position:absolute;
	font-size:50px;
}

.overlay-videos {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index:111000;
	display:none;
}

#iframe-video {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 15px;
	z-index:111001;
	background-color: #191919;
	/*width: 1000px;*/
	height:auto;
	resize: horizontal;
	/*height: calc(100vh - 16px);*/
}
#iframe-video iframe{
	width:100%;
	height:100%;
	border:none;

}
.video-spinner {
	z-index:111002;
	color: #F47721;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.planiso-video
{
	width:auto;
}
.planiso-video a:hover {
	color: rgb(255, 66, 0);
}
#iframe-video .close-video{
	cursor:pointer;
	z-index:111002;
	color: rgba(242, 117, 34, 0.8);
	font-size: 1.8em;
	position: fixed;
	top: 0px;
	right: 0px;
	transform: translate(50%, -50%);
}
#iframe-video .close-video:hover {
	color: rgba(242, 117, 34, 1);
}
.planiso-video div.title{
	width:100%;
	text-align: center;
	margin-top:10px;
	margin-bottom:25px;
	font-size: 1.8em;
}

section.section-video{
	box-shadow: 0px -3px 8px 0px rgba(0,0,0,0.2);
}