@charset "UTF-8";
/* CSS Document */

/* ici la font-family pour toutes typos Century gothic 
**** font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; **** */
a img{border:none;}
/*input[type=text],*/input[type=textarea]/*, select*/{-webkit-box-shadow:inset 0 0 2px 0 #000;
box-shadow:inset 0 0 2px 0 #000;}
body{margin:0px; padding:0px; overflow:auto;}
#conteneur{width:1000px; height:auto;  margin:0px auto 0px; padding:0px; position:relative;}
/********* HEADER *********/
#header{width:960px; height:168px; background-color:#3f3f3f; margin-top:22px; padding:20px; position:relative;}
#header img{display:inline; float:left;}
#header h1{position:relative; font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; font-weight:bold; text-transform:uppercase; color:#fff;font-size:20px; display:inline;float:left; margin:85px 0px 0px 10px;}
/********* LE BLOC SOCIAL MEDIA ***********/
#social{width:130px; height:auto; position:absolute; top:20px; right:373px;}
#social img{margin-right:2px;}
#social p{font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:9px; float:left; margin-right:17px; line-height:9px;}
#lang, #lang ul     
{
        padding : 0; 
        margin : 0px;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 12px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#lang /* Ensemble du menu */
{
margin-top:20px;
}

#lang a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #000; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : auto; /* largeur */
}

#lang li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #lang li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#lang li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: auto; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#lang li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #lang li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#lang li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #lang li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#lang li:hover ul ul, #lang li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#lang li:hover ul, #lang li li:hover ul, #lang li.sfhover ul, #lang li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

/********* LE LOGIN *********/
#l{color:#fff; width:324px; height:110px; position:absolute; background-color:#ff8e26; padding:0 8px 0px 16px; top:-22px; right:25px; -webkit-box-shadow: 5px 5px 13px 1px #232323; box-shadow: 5px 5px 13px 1px #232323;}
#l form{height:20px; margin:10px 0px 10px 0px;}
#l input[type=text]{width:80px; height:20px; margin-left:6px; margin-bottom:5px; border:0px solid;}
#l h2{padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; margin:20px 0px 0px 0px;}
#l h5{padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-transform:uppercase; margin:6px 0px 0px 0px;}
#l p{padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0px 0px 0px 0px;}
#l label{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#l a{padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-decoration:none; margin-right:5px;}
#l a:hover{color:#3f3f3f;}
#l input[type=submit]{ vertical-align:middle;}
.ok{padding:0px; line-height:20px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#fff; background:none; border:none; cursor:pointer;}
.marginleft{margin-left:10px;}
/***** LE MENU *****/
.rel{vertical-align:middle; margin:0px 4px 0px;}
#bg_menu{width:979px; height:41px; background-color:#3f3f3f; padding:0px 21px 0px 0px; margin-bottom:14px; position:relative; z-index:21;}
#menu, #menu ul     
{		
        float:right;
        padding : 0;
        margin : 0;
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 35px; /* on définit une hauteur pour chaque élément */
        text-align : left; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        background : #3f3f3f; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : auto; /* largeur */
		padding: 0px 5px 0px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
}
#menu a.m_menu{padding-left:28px;}
#menu a:hover{background:#10b1e0;}
#menu li /* Elements des listes */      
{ 
        float : left; 
		
		
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 149px; /* Largeur des sous-listes */

        left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li a{background:#10b1e0;}
#menu li ul li a:hover{background:#434343;}
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 0px solid #fff;
		width: 149px; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque élément */
width: 149px;}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/********** CONTENT **********/
#content{width:960px; min-height:850px; height:auto; background-color:#3f3f3f; padding:20px; position:relative;}
#content_mdp{width:960px; min-height:400px; height:auto; background-color:#3f3f3f; padding:20px; position:relative;}
#content1{width:960px; min-height:812px; height:auto; background-color:white; padding:20px; position:relative;}
#content2{width:960px; min-height:320px; height:auto; background-color:white; padding:20px; position:relative;}
#content_int{width:960px; background-color:#3f3f3f; padding:20px; position:relative;height:580px;z-index:4; }
#content_int > div{box-sizing: border-box;}
#content_blc{width:960px; min-height:631px; height:auto; background-color:#fff; padding:20px; position:relative; }
.lt-ie8 .bloc2,.lt-ie8 .play,.lt-ie8 .dl,.lt-ie8 .tunnel,.lt-ie8 #footer a,.lt-ie8 #footer p,.lt-ie8 .faq_bloc_milieu,.lt-ie8 .bloc_milieu,.lt-ie8 #bloc_actu,.lt-ie8 #bloc_milieu,.lt-ie8 #bloc_video,.lt-ie8 .bloc_abo img{
    display: inline;
    zoom: 1;
}
.lt-ie8 .catdemo{margin-bottom:60px;}
.lt-ie8 .faq_bloc_milieu p,.lt-ie8 .bloc_milieu p{margin-top:15px;}
.faq_bloc_milieu,.bloc_milieu{width:305px; height:146px; background:#e3e3e3; display:inline-block; margin-left:4px;}
.bloc_milieu{position:relative;}
.faq_bloc_milieu{position:absolute; left:665px; top:22px;}
.faq_bloc_milieu h3{top:26px;padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;  left:77px; color:#434343; position:relative; z-index:10000;}
#tel img,.faq_bloc_milieu img,.bloc_milieu img{ position:absolute; top:8px; left:11px;}
#tel h1,.bloc_milieu h1{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; position:absolute; top:26px; left:77px; color:#434343;}
.faq_bloc_milieu p,.bloc_milieu p{font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; color:#434343;font-size:12px; position:absolute;left:77px; top:38px; width:209px; line-height:14px;}
.btn{position:absolute; width:105px; height:22px; line-height:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; right:20px; bottom:10px; text-decoration:none;}
#gris{border:3px solid #7f7f7f;}
.gris{border:3px solid #7f7f7f;}
#orange{border:3px solid #ff8e26;}
.orange{border:3px solid #ff8e26;}
.fd_orange{background:#ff8e26;}
.fd_gris{background:#3f3f3f;}
#bleu{border:3px solid #10b1e0;}
.bleu{border:3px solid #10b1e0;}
.act{color:#ff8e26}
.act2{color:#ff8e26; width:160px; margin-left:-10px;}
.pass{color:#3f3f3f; width:160px; margin-left:-10px;}
#bloc_actu{width:343px; height:241px; background:#e3e3e3;display:inline-block; margin:18px 0px 0px 3px;}

.cl_div_news_img img{
    background-position: 100%, 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 33px;
    height: 33px;
    margin-right: 5px;
}
.cl_div_news_txt h2 a {
	color:white;
}
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 10px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: absolute;
	top: 50%; 
	left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	max-height:500px;
	max-width:500px;
	overflow:auto;
}
	.cl_div_header_news{
		width: 100%;
	}
	.cl_span_news_title{
		background-position: 100%, 100%;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 39px;
		height: 32px;
		margin-right: 5px;
		color: gray;
		/*font-size: 14px;*/
	}
	.cl_span_news_date{
		color: gray;
	}
	.cl_div_content_news{
		width: 100%;
	}
		.cl_span_news_text{
			text-align:justify;
		}
	.cl_img_news_big{
		max-width:550px;
	}
	.cl_a_link_news{
		font-size: 14px;
	}
	#id_div_btn_close{
		position:fixed;
		z-index:305;
		/*float: right;*/
		top:-20px; right:0px;
	}
img.btn_close {
	
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
position: absolute;
}

#news{float:left;width:303px; height:232px; margin:4px 0px 0px 4px;overflow:auto;background:#3f3f3f;color:#fff;}
.bloc2 img,#news img{margin:8px 0px 0px 8px;}
#newsd{width:233px;float:right;margin-top:7px;}
.cl_div_news{float:left;width:100%;height:auto;margin-top:7px;}
.cl_div_news_img{float:left;width:60px;}
.cl_div_news_txt{float:left;width:233px;color:#e3e3e3;}
#id_div_news{margin-left:3px;}
.filet_news{width:180px; height:1px; background:#fff; margin-top:15px;float:left;margin-left:68px;}
.int_bloc2_txt h1,.cl_div_news_txt h1{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;}
#newsd h6{padding:0px; margin:0px;font-weight:normal;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; color:#fff;font-size:12px;line-height:14px;}
.int_bloc2_txt h2,.cl_div_news_txt h2{padding:0px; margin:10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase;}
.int_bloc2_txt p,.cl_div_news_txt p{padding:0px; margin:0px; font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; font-size:11px;}
#bloc_milieu{width:205px; height:241px; background:#e3e3e3;display:inline-block;margin:18px 0px 0px 10px;}
#bloc_milieu a{height:73px; float:left;display:block; vertical-align:middle; color:#434343; text-decoration:none; font-size:12px;font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;margin:4px 0px 0px 4px; cursor: pointer}
#bloc_milieu a img{ vertical-align:middle;margin:4px 4px 0px 4px;}
#bloc_milieu a:hover{text-decoration:underline;}
#bloc_video{width:372px; height:241px; background:#e3e3e3;display:inline-block;margin:18px 0px 0px 10px;}
/**** PAGE ABONNEMENT ****/
#abo{width:834px; height:auto; margin:0px auto 0px;}
.filet{width:834px; height:1px; background:#3f3f3f; margin-top:11px;}
.rond{padding: 0px;
color:#fff;
font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif;
font-size:12px;
text-align:center;
width:22px;
height:22px;
line-height:20px;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
margin:0 auto 0;}
.tunnel{width:130px; position:relative; top:-11px; margin-left:102px; display:inline-block;}
.tunnel p{ text-align:center;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; text-transform:uppercase; font-size:12px; }
#abo table{color:#3f3f3f;}
#abo td img{vertical-align:middle; margin-right:4px;}
.titre{font-size:17px; text-transform:uppercase;}
.small{font-size:10px; line-height:11px;}
.sep{width:556px; height:1px; background-color:#e0dfdf; margin: 12px auto 12px;}
#offre{width:580px; height:auto; margin-top:80px;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif;}
#offre img{display:inline; }
#offre h1{display:inline; margin-left:10px; font-size:17px; text-transform:uppercase;}
#line{margin-bottom:37px; height:27px;}
#bloc{width:576px; height:19px; margin-top:31px;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; text-transform:uppercase; font-size:11px; color:#000; text-align:center; padding-top:3px;}
#offre p{margin-top:20px;}
.btn2{width:105px; height:22px; line-height:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B0ABAB; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; text-decoration:none; margin-top:20px; float:right;}
/********* PAGE INT **********/
#article{width:960px; min-height:10px; margin-top:100px;height:auto;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif;}
#blocg{width:430px; margin-left:38px;display:inline-block; vertical-align:top; float:left;}
#blocd{width:400px; display:inline-block; margin-left:50px; clear:right;}

#article h1{font-size:50px; width:420px; color:#ff8e26; margin:0px; padding:0px; }
#article img{margin-top:50px;}
#article p, .puce{font-size:12px; color:#fff; width:400px; text-align:justify; line-height:15px;}
.puce {
	color:#fff;
	width:360px;
}
#article a{color:#ff8e26; text-decoration:none;}
/********* DEMO *********/
.catdemo{ margin-top:40px;color:#3f3f3f;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; font-size:16px; text-transform:uppercase;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px; background-color:#e3e3e3; display:inline-block;text-decoration:none; padding:2px 4px; margin-left:100px;}
.catdemo:hover, .catdemoactive{color:#fff;background:#ff8e26;}
#demo .catdemo:first-child{margin-left:75px;}
.active_c{color:#fff;background:#ff8e26;}
#gam_demo{ color:#3f3f3f;width:800px; height:auto; margin:60px 0px 0px 70px;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; display:block;}
#gam_demo h1{font-size:17px; text-transform:uppercase; line-height:40px; display:block;}
#gam_demo li{ margin:0px 0px 20px 10px; line-height:20px; font-size:16px; list-style:none;}
#gam_demo li img{line-height:20px; margin-left:5px;}
#gam_demo img{margin-right:5px;}
.play{vertical-align:middle;width:17px; height:17px; background:url(../img/play.jpg) top center no-repeat; display:inline-block; margin-left:5px;}
.dl{vertical-align:middle;width:17px; height:17px; background:url(../img/dl.jpg) top center no-repeat; display:inline-block; margin-left:5px;}
.playactive,.play:hover{background:url(../img/play.jpg) bottom center no-repeat;}
.dlactive,.dl:hover{background:url(../img/dl.jpg) bottom center no-repeat;}
#id_div_video{position:absolute; left:500px; bottom:130px;}
/********* FAQ *********/
#contact h1,#faq h1,#faq h2{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#e3e3e3; line-height:48px; display:block; font-weight:normal;}
#faq h2{margin-top:90px;}
#faq input[type=text]{width:283px; height:23px; padding:0px 0px 0px 2px; margin:20px 0px 0px 0px; border:0px; float:left;}
#faq input[type=image]{padding:0px; margin:0px;border:0px; float:left;margin:20px 0px 0px 0px;}
#id_theme{width:251px; height:auto;display:inline-block;}
#id_theme ul{margin:0px; padding:0px; margin-bottom:320px;}
#id_theme li:first-child{border-top:1px solid #979090;}
#id_theme li{height:auto; padding:2px; width:233px;  margin:0px;list-style:none;  border-bottom:1px solid #979090;display:block;}
#id_theme li div{line-height:23px;padding:2px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-decoration:none; text-transform:uppercase; width:230px; display:inline-block;}
#id_theme li div:hover{background:#ff8e26;}
.t_active{background:#ff8e26;}
#id_generalites_questions, #id_abonnement_questions, #id_payement_questions, #id_utilisation_tkit_questions, #id_contenu_questions, #id_search_questions{
		display:inline-block; width:468px; height:auto; min-height:560px; position:relative; vertical-align: top; left:100px;
	}
#id_generalites_questions img{float:left; padding:0px 7px 0px 0px;}
#id_generalites_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_generalites_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}
#id_abonnement_questions img{float:left; padding:0px 7px 0px 0px;}
#id_abonnement_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_abonnement_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}
#id_payement_questions img{float:left; padding:0px 7px 0px 0px;}
#id_payement_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_payement_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}
#id_utilisation_tkit_questions img{float:left; padding:0px 7px 0px 0px;}
#id_utilisation_tkit_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_utilisation_tkit_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}
#id_contenu_questions img{float:left; padding:0px 7px 0px 0px;}
#id_contenu_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_contenu_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}
#id_search_questions img{float:left; padding:0px 7px 0px 0px;}
#id_search_questions h3{line-height:13px;float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#ff8e26; font-size:11px;}
#id_search_questions p{color:#e3e3e3; font-size:11px;font-family:Arial, Helvetica, sans-serif; margin:35px 0px 0px 57px;}

/********* CONTACT *********/
#contact{width:480px; margin-left:25px;}
#contact h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#e3e3e3; line-height:38px; display:block; font-weight:normal;}
#contact label{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; text-transform:uppercase; width:192px; display:inline-block; margin-top:25px;}
.align{vertical-align:top;}
#contact input[type=text], #contact select{width:282px; height:23px; margin:0px; padding:0px; border:0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; display:inline-block;}
#contact textarea{height:168px;width:281px;margin-top:25px;resize:none;}
#contact select{position:relative; left:-4px;width:284px;}
.btn3{height:22px; width:94px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background:#ff8e26;font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-top:22px; float:right; color:#fff; border:none; text-transform:uppercase;}
#tel{width:334px; height:129px; border:2px solid #e3e3e3; float:right; position:relative;}
#tel h1{padding:0px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; position:absolute; top:10px; left:62px; color:#fff;}
#tel h3{padding:0px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; position:absolute; top:100px; left:62px; color:#fff;}
#tel h2{padding:0px; margin:0px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; position:absolute; top:37px; left:62px; color:#fff;}
#tel p{padding:0px; margin:0px; font-weight:normal; font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; width:210px; font-size:12px; position:absolute; top:52px; left:62px; color:#fff;}
.filet1{ width:191px; height:1px; background:#fff;position:absolute; top:90px; left:62px;}
#map{width:334px; height:542px;float:right;border:2px solid #ff8e26;clear:both; background:#e3e3e3; margin:23px 0px 0px 0px;}
#map h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#434343; text-transform:uppercase; display:inline;position:relative; top:13px; left:16px;}
#map img:first-child{vertical-align:middle; margin-right:20px; margin-top:0px; position:relative; top:13px; left:16px; }
#map img{margin-left:22px; margin-top:35px;}
/********* LOG *********/
.bloc_abo{width:307px; height:auto; min-height:265px; margin:25px 7px 0px 0px; background:#e3e3e3; float:left; position:relative;}
.bloc_abo input[type=image]{position:absolute; top:208px; left:193px;}
.req{position:absolute; background:#000; top:0px; left:0px; width:100%; height:100%; filter : alpha(opacity=60); /* For IE8 and earlier */ opacity : 0.6;}
.bloc_abo img{margin:28px 0px 0px 13px; display:inline-block; float:left;}
.search{width:310px; height:70px;float:left; }
.search img{margin:15px 0px 0px 13px; padding:0px;display:inline-block; float:left;}
.search img.info_icon{height:13px; width:13px; margin: 59px 0px 0px 6px;cursor: pointer;float: right;position: absolute; cursor:pointer;}
.search input[type=text]{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0px; width:192px; height:22px; margin-left:5px;float:left; margin-top:4px;}
.search #id_text_TxSearch_nuance{width: 172px;}
.search h2{float:left;font-family:Arial, Helvetica, sans-serif; color:#3f3f3f; font-size:16px; text-transform:uppercase; margin:15px 0px 0px 5px;}
.search h3{float:left;font-weight:normal;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; color:#3f3f3f; font-size:12px;margin:2px 0px 0px 13px;  -moz-hyphens: auto;hyphens: auto; line-height:13px; text-align:justify; width:210px;}
.bloc_abo h1{font-family:Arial, Helvetica, sans-serif; color:#3f3f3f; font-size:16px; text-transform:uppercase; margin:28px 0px 0px 90px;}
.bloc_abo p{font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; color:#3f3f3f; font-size:12px;margin:2px 0px 0px 90px;  -moz-hyphens: auto;hyphens: auto; line-height:13px; text-align:justify; width:210px;}
.btn4{width:100px; height:22px; line-height:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; text-decoration:none; float:right; margin:12px 16px 20px 0px;}
.btn4_ok{width:30px; height:24px; line-height:24px; margin:4px 34px 20px 0px;}
.plus #img_criteres{font-family:Arial, Helvetica, sans-serif;color:#3f3f3f; font-size:11px;text-decoration:none;clear:both; margin:15px 11px 0px 0px; }
.plus #page_interface{font-family:Arial, Helvetica, sans-serif;color:#3f3f3f; font-size:11px;text-decoration:none;clear:both; margin:15px 11px 0px 0px;}
.plus img{margin:0px; float:none; vertical-align:middle; }
.plus img.info_icon{height:13px; width:13px; float: right; margin-right: 7px; cursor:pointer;}
.plus input[type=text]{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; border:0px; width:220px; height:22px; margin-left:18px; margin-right:-5px; float:left; margin-top:4px;}
.plus3 a{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif ;color:#3f3f3f; font-size:12px;text-decoration:none; margin:10px 0px 0px 30px; display:block;}
.thirty{margin-top:60px;}
.plus3 img{margin:0px 10px 0px 0px; float:none; vertical-align:middle;}
.bloc2{width:273px; height:241px;background:#e3e3e3; display:inline-block; margin-left:22px;}
.int_bloc2{width:246px; height:232px; margin:4px 0px 0px 4px; float:left;overflow:auto;color:#fff;background:#3f3f3f;}
.int_bloc2_txt{width:175px;}
.int_bloc2_txt h1{margin-top:7px;}
.int_bloc2_txt h2{text-transform:none;font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif;}
.filet_bloc2{width:167px; height:1px; background:#fff; margin-top:5px;}
.content_block{width:310px; height:155px; position:absolute; z-index:1000; background:url(../img/fd_block.png); top:0px; left:0px;display:block;}
a.content_block{font-weight:bold; text-align:center; font-size:18px; color:#fff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;padding-top:110px;}
a.content_block:hover{text-decoration:underline;}
/********* FOOTER *********/
#footer{height:75px; width:930px; padding:0px 35px 0px;position:relative; display:block;}
#footer a,#footer p{display:inline;font-family:Arial, Helvetica, sans-serif; color:#434343; font-size:12px; text-decoration:none; line-height:75px;}
#footer a img{vertical-align:middle; margin:0px 5px 0px 5px;}
.right{float:right;}
.left{float:left;}
.marginright{margin-right:10px;}
.red{color:#ff0000;}
.int_bloc2 .mCSB_outside + .mCSB_scrollTools{right:-19px;}
.bloc_Space{width:160px; height:auto; min-height:265px; margin:25px 7px 0px 0px; float:left; position:relative;}

/*subscription*/
.form_line{
	height: 33px;
}
.form_label{
	width: 220px;
	height:22px;
	max-height:44px;
	line-height:22px;
	float: left;
	font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; 
	font-size:16px;
	text-align:right;
}
.form_value{
	width: 220px;
	float: left;
	margin-left:5px;
}

.form_value select{
	width:155px;
}

#id_tr_function{
	margin-bottom:5px;
}

#check_org{
	margin-top:5px;
	margin-bottom:5px;
	width:150px;
}


.cl_btn_modify_requirementSet{
	padding-bottom:5px;
}

/* Paybox */
.ariane, .ariane a{
    font-family: Lucida sans unicode;
    font-size: 10px;
    color: #3f0a45;
	margin-left: 0;
    margin-bottom: 25px;
    text-decoration: none;
}
.text-paiement{
    text-align: justify;
    font-family: Lucida sans unicode;
    font-size: 13px;
    color: #3f0a45;
    margin: 0 50px;
}
.form_line{
	height: 33px;
}
.core-body{
    width: 100%;
	table-layout:auto;
}
.text-paiement{
    text-align: justify;
    font-family: Lucida sans unicode;
    font-size: 13px;
    color: #3f0a45;
    margin: 0 50px;
}
.type_paiement{
	height: 190px;
}
.message{
    font-family: Lucida sans unicode;
    font-size: 14px;
    color: #3f0a45;
    margin-top: 40px;
}
#conteneur_pay{
	width:1000px; height:600px;  margin:0px auto 0px; padding:0px; position:relative;}
.link_access{
	text-decoration: none; 
	color: #FFFFFF;
}
.link_decoration_none{
	text-decoration: none; 	
	color: #615D5D;
}
.text-input-grey{
	color: #000000;
	background-color: #e3e3e3;
}
.police, .input {
	font-family: "Century Gothic", "Avant Garde", Avenir, texgyreadventorregular, Verdana, sans-serif; 
}

input, select, #id_fieldset_organisation_info{
	border: 1px #e3e3e3 solid;
}

.btn5{width:120px; height:22px; line-height:22px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B0ABAB; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; text-decoration:none; margin-top:20px; float:right;}

.margin-btn{
	margin-left:10px;
}

.text-color-grey {
	color:#e3e3e3;
}

.btn6{width:260px; height:22px; line-height:22px;font-size:12px;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; text-decoration:none; margin:10px 5px 20px 16px; clear:right;float:left;}

#img_criteres, .btn6 {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}

#criteres {
	margin-top:100px;
	/*border-bottom:3px solid #7f7f7f;*/
}

#normes {
	margin-top:25px;
}

.btn7{width:50px; height:18px; line-height:18px;font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; background:#434343;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; text-decoration:none; margin:10px 16px 20px 0px; clear:right;float:right;font-size:10px;}

.white{color:#000 !important;}

.dhtmlx_wins_body_outer{z-index:500000;}

#demoYoutube {
	margin-left:30%;
}