@charset "UTF-8";
/* CSS Document */
html {
      scroll-behavior: smooth;
	  -webkit-overflow-scrolling: touch;
}
.aide{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgba(255,255,255,1);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
}	
.titre_cat{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-size: 24px;
	color: #FFF;
	background-color: rgba(145,142,138,1);
	text-align: center;
}	

.ligne_cat{
	font-family: "Satero Sans LT W04 Lighnormal";
	line-height: 24px;
	letter-spacing: 0.05em;
	font-size: 14px;
	color: #666;
	padding: 4px;
}	


.ligne_cat a:link {
 	color: rgba(255,102,0,1);
 	text-decoration: none;
 }
.ligne_cat a:visited {
	color: rgba(255,102,0,1);
 }
.ligne_cat a:hover {
	color: rgba(51,51,51,1);
}
.ligne_cat a:active, a:focus {
 	color: rgba(255,102,0,1);
}

.box{
	background-color: rgba(51,51,51,0.8);
	padding: 25px;
	position: relative;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.spacer{
	height: 1px;
	width: 100%;
}


#interactiv-header{
	position: relative;
	/*box-shadow: 0px 0px 10px #b4b4b4 !important;*/
	
}

.bande_haut{
	background-image: url(../navig/bande_home.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	height: 124px;
	background-size:cover;
}
.bande_interne{
	position: relative;
	height: 124px;
	background-color: #FFF;
	
}
#slider img{
	width: 100%;
}
#slider{
	margin: 0px;
	padding: 0px;
}
#sliderpage img{
	width: 100%;
}
#sliderpage{
	margin: 0px;
	padding: 0px;
	height: 280px;
	overflow: hidden;
	position: relative;	
}
#bloc_noir{
	background-color: #000;
	position: absolute;
	min-height: 50px;
	bottom: 0px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	padding-left: 60px;
}
.titreblocnoir{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	font-size: 24px;
	color: #FFF;
	}
.label{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-size: 18px;
	color: #837E89;
	margin: 4px;
	}
.lignebas{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 24px;
	letter-spacing: 0.05em;
	font-size: 18px;
	color: #333333;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,1);
	}
.commentaire{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 18px;
	letter-spacing: 0.05em;
	font-size: 14px;
	color: #837E89;
	margin: 4px;
	}
.bblanc20{
	background-color: rgba(255,255,255,0.2);
	}
.texteblocnoir{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	font-size: 18px;
	color: #FFF;
	}
.barre_titre{
	/*background-color: #F2F2F2;*/
	height: 80px;
}
.fondblanc{
	background-color: #FFF;
}
.blanc{
	color: #FFF;
}
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 191px;
	width: 158px;
	left: 20px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 40px;
	letter-spacing: 0.05em;
	margin-bottom: 12px;
	background-image: url(../navig/ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	height: 36px;
	/*width: 32px;*/
	top: 10px;
	right: 40px;
	background-size: contain;
	display: block;
	padding-right: 40px;
	color: rgba(255,102,0,1);
}
#logotexte{
	display: block;
	background-image: url(../navig/logo_text.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 277px;
	left: 200px;
	top: 30px;
	background-size: contain;	
}
#logotexte_petit{
	display: none;
}

#logo_membre{
	background-image: url(../navig/logo_membre.png);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 67px;
	width: 120px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: rgba(102,102,102,1);
	line-height: 11px;
}
#logo_membre_carre{
	background-image: url(../navig/logo_membre.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	display: block;
	height: 56px;
	width: 90px;
	position: absolute;
	right: 4px;
	bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: rgba(102,102,102,1);
	line-height: 11px;
}

#logo_membre_top{
	background-image: url(../navig/logo_membre.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	display: block;
	height: 56px;
	width: 90px;
	position: absolute;
	right: 4px;
	top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: rgba(102,102,102,1);
	line-height: 11px;
}


@media(max-width:1200px){
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 191px;
	width: 158px;
	left: 20px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	background-image: url(../navig/ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	height: 36px;
	width: 32px;
	top: 10px;
	right: 40px;
	background-size:contain;
	display: block;
}
#logotexte_petit{
	display: none;
}
#logotexte{
	display: block;
	background-image: url(../navig/logo_text.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 220px;
	left: 160px;
	top: 30px;
	background-size: contain;
}
}

@media(max-width:960px){
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 191px;
	width: 158px;
	left: 20px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	background-image: url(../navig/ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	height: 36px;
	width: 32px;
	top: 10px;
	right: 40px;
	background-size:contain;
	display: block;
}
#logotexte_petit{
	display: none;
}
#logotexte{
	display: block;
	background-image: url(../navig/logo_text.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 190px;
	left: 126px;
	top: 5px;
	background-size: contain;
}
}
@media(max-width:768px){
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 191px;
	width: 158px;
	left: 20px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	display: none;
}
#logotexte{
	display: none;
}
#logotexte_petit{
	display: block;
	background-image: url(../navig/logo_textgris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 54px;
	width: 200px;
	right: 16px;
	top: 10px;
	background-size: contain;
}
}
@media(max-width:480px){
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 160px;
	width: 140px;
	left: 10px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	display: none;
}
#logotexte{
	display: none;
}
#logotexte_petit{
	display: block;
	background-image: url(../navig/logo_textgris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 174px;
	right: 16px;
	top: 16px;
	background-size: contain;
}
}
@media(max-width:360px){
#logorf{
	background-image: url(../navig/logo00.png);
	position: absolute;
	height: 140px;
	width: 120px;
	left: 10px;
	top: 5px;
	background-size: contain;
	z-index: 9000;
}
#ok{
	display: none;
}	
#logotexte{
	display: none;
}
#logotexte_petit{
	display: block;
	background-image: url(../navig/logo_textgris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 174px;
	right: 16px;
	top: 16px;
	background-size: contain;
}
}
#logotexteinterne{
	background-image: url(../navig/logo_textgris.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	height: 64px;
	width: 277px;
	left: 200px;
	top: 30px;
	background-size:contain;
}
#menu{}


.orange{
	color: #F28300;
}
.grisclair{
	color: #999999;
}


#okinterne{
	background-image: url(../navig/ok.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	height: 36px;
	width: 32px;
	top: 6px;
	right: 40px;
	background-size:contain;
}


/*recherche*/
.stabilo{
	background-color: rgba(255,215,135,1);
}
#cadre_recherche{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	padding: 20px;
	width: 80%;
	border: thin solid #999;
	position: relative;
}
#bloc_recherche{
	display: block;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
}
#bloc_categories{
	display: block;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
}
#bloc_region{
	display: block;
	padding-top: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
}
#bloc_rayon{
	display: block;
	padding-top: 20px;
	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;*/
}
.titre_bloc{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	font-size: 18px;
	color: #FFF;
	background-color: #999;
	text-align: center;
	padding: 2px;
	margin-bottom: 10px;
}
.contenu_bloc{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	text-align: center;
}
.fond_bloc{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	line-height: 1.1;
	letter-spacing: 0.05em;
	text-align: center;
}


/*resultats*/
#cadre_titre_liste{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 400;
	font-size: 28px;
	margin-bottom: 0px;
	/*border: thin solid #999;*/
	/*background-color: #999;*/
	color: #4D4548;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 40px;
	position: relative;
}
.liste_ligne{
	padding: 0px;
	margin-bottom: 10px;
	border: thin solid #CCC;
	position: relative;
}
.liste_bloc{
	padding: 0px;
	/*margin-bottom: 10px;
	border: thin solid #CCC;*/
	float: left;
}
.titredelaliste{}
.outils{
	position: absolute;
	right: 10px;
	top: 5px;
}
#enbloc{
	padding: 0px;
}
#enligne{
	padding: 0px;
}
.padding10 {
	padding: 10px;
}
.paddingtop4 {
	padding-top: 4px;
}
.paddingbottom8 {
	padding-bottom: 8px;
}
.padding4 {
	padding: 4px;
}
.border{
	border: thin solid #999;
	padding: 8px;
}

.hrspacer{
	height: 4px;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F60;
	position: relative;
}
.hrspacer_gris{
	height: 4px;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
	position: relative;
}
.barre_droite{
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
}
.titre_commentaire{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 400;
	font-size: 24px;
	color: #999;
	text-align: center;
}
.titre_commentaire_blanc{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 400;
	font-size: 24px;
	color: #FFF;
	text-align: center;
}
.ent_voting{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	font-size: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.ent_nom{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	font-size: 24px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ent_nom_petit{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 400;
	font-size: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ent_adresse{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ent_image{
	padding-top: 4px;
	padding-bottom: 4px;
	min-height: 160px;
}
.ent_desc{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	font-size: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 24px;
}
.ent_bt{
	font-family: "Satero Sans LT W04 Lighnormal";
	font-weight: 200;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	line-height: 40px;
}
.paddinLeft20{
	padding-left: 20px;
}
.clear{
	clear: both;
}
/* ged */

.ligne{
	padding: 4px;
	margin-top: 0px; /*4px;*/
	margin-bottom: 0px; /*4px;*/
	background-color:rgba(255,255,255,0.7);
	/*border-top-width: thin;
	border-top-style: solid;
	border-top-color: #DFDDE1;*/
	background-image: url(../../navig/fond_ligne.png);
	background-repeat: repeat-x;
}
.ligne_fichier{
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DFDDE1;
	padding-top: 4px;
}
#folder,#nom,#fichier_icon,#image_fichier{
	float: left;
	position: relative;
}
#nomlogin{
	float: left;
	position: relative;
	width: 50%;
	text-align: right;
}
#mdplogin{
	float: left;
	position: relative;
	width: 50%;
}
.letitre{
	float: left;
	position: relative;

}
a.logout:hover {
	color: #CCC;
}

.logs {
	margin-top: 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #000;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	letter-spacing: 0.1em;
}
.remarque{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	letter-spacing: 0.1em;
	position: relative;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
a.logs {
	color: #CCC;
	background-color: #000;
	text-decoration: none;	
}

a.logs:hover {
	color: #000;
	background-color: #666;
	text-decoration: none;
}
#outils,#modification{
	float: right;
	position: relative;
}
#modification{
	padding-right: 20px;
}
.bt_outils{
	height: 40px;
}
#folder{
	display: block;
	height: 34px;
	width: 54px;
	background-image: url(../../navig/icon_dossier.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4px;
}
#image_fichier{
	display: block;
	height: 34px;
	width: 54px;
	background-image: url(../../navig/icon_fichier.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4px;
}
#fichier_icon{
	display: block;
	height: 34px;
	width: 54px;
	background-image: url(../../navig/bt_newfichier.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4px;
}
.titre_gestion{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
	color: #CCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
.titre_dossier{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	color: #333;
	padding-top: 4px;
}
.info_dossier{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #333;
	font-style: italic;
	padding-top: 8px;
}
#box{
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	min-height: 1px;
	width: 100%;
	bottom: 0px;
}
.titre_champ{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #333;
	padding-top: 4px;
}

.bt_formulaire{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #666;
	background-color: #CBD3DC;
}
.bt_formulaire:hover{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #2D3034;
}
#masque_sous_fichier{
	float: left;
	position: relative;
	bottom: -4px;
	background-color: rgba(255,0,0,1);
	height: 4px;
	width: 100%;
}

/*slider*/
#slider_home{
	width: 100%;
	max-height: 360px;
	overflow: hidden;
	position: relative;
}
#slider_home img{
	width: 100%;
}

#ig-logo{
	position: absolute;
	z-index: 700;
}
#logo_haut{
	background-image: url(../images/iglogo.png);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 900;
	width: 400px;
	height: 194px;
	margin-top: 40px;
	margin-right: 40px;
}
#logoimg img{
	width: 980px;
}

@media(max-width:960px){
#logoimg img{
	width: 860px;
}
}
@media(max-width:768px){
#logoimg img{
	width: 680px;
}


}
@media(maxn-width:480px){
#logoimg img{
	width: 200px;
}
}
@media(maxn-width:360px){
#logoimg img{
	width: 200px;
}


}
/*liens*/
a,a:active,a:focus,a:visited{
	color: #666;
	text-decoration: none;
}
a:hover{
	color: #000;
}
.footer a,.footer a:active,.footer a:focus,.footer a:visited{
	color: #CCC;
	text-decoration: none;
}
.footer a:hover{
	color: #FFF;
}
.footer_bottom a,.footer a:active,.footer a:focus,.footer a:visited{
	color: #333;
	text-decoration: none;
}
.footer_bottom a:hover{
	color: #000;
}





/*services*/
.welcome {
	font-family:"Satero Sans LT W04 Bold";
    border-bottom: 1px solid #ececec;
    padding-bottom: 30px;
    margin-top: 35px;
	text-align:center;
}
.text_welcome {
	margin-top: 10px;
	font-size: 16px;
	text-align: justify;
	font-family: "Satero Sans LT W04 Regular";
	line-height: 24px;
	padding-right: 20px;
	padding-left: 20px;
	color: #999;
}
.icon_serv {
	width: 110px;
	height: 110px;
	background: #fafafa;
	text-align: center;
	line-height: 110px;
	font-size: 55px;
	border-radius: 110px;
	color: #6876A1;
	margin: auto;
}
.icon_serv:hover {
	background: #6876A1;
	color: #fafafa;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.text_serv {
	float: left;
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	text-align: center;
	font-family: "Satero Sans LT W04 Regular";
	line-height: 24px;
	padding-right: 20px;
	padding-left: 20px;
	color: #999;
}
.name_serv {
	font-family:"Satero Sans LT W04 Regular";
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	color: #777;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
/*services*/

.espace80{
	display: block;
	position: relative;
	height: 80px;
	width: 100%;
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 40px;
}

.gris50{
	display: block;
	position: relative;
	height: 50px;
	width: 100%;
	background-color: #E1DFE3;
	padding-top: 40px;
	padding-right: 40px;
}
.gris{
	background-color: #f2f2f2;
}

.bande110{
	display: block;
	position: relative;
	height: 110px;
	width: 100%;
	background-color: #fff;
	padding-top: 40px;
	padding-right: 40px;
	background-image: url(../../navig/fond_bande.jpg);
	background-position: right;
	background-repeat:no-repeat;
}

.fondgris{
	background-color: #f2f2f2;
}


/*footer*/
.footer{
	font-family: "Satero Sans LT W04 Regular";
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../../navig/fond_footer.jpg);
	min-height: 400px;
}
#logo_footer{
	display: block;
	height: 40px;
}
.welcome_footer{}
.cont_footer{}
.text_footer{
	font-size: 12px;
	text-align: justify;
	line-height: 18px;
}
.soc{
	font-size: 12px;
}
.icon_center{}
/*ul
li*/
.text_undericon_footer{
	font-size: 12px;
	text-align: center;
}
.adress{
	font-size: 12px;
	line-height: 24px;
}
.footer_bottom{
	font-family: "Satero Sans LT W04 Regular";
	font-size: 12px;
	background-color: #f2f2f2;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: hidden;
	height: 40px;
	color: #666;
}

.scroll{
	font-size: 24px;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
} 
.move {
	text-decoration: none;
	text-align: right;
	line-height: 40px;
}
.move ul li {
	display: inline-block;
	text-align: right;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
.move ul li a:hover {
	text-decoration: none;
	color: #eee;
	background-color: #F28300;
}
.footer_move{} 
.tooltip_s{
	font-size: 36px;
	color: #FFF;
}
.soc{
	text-align:center;
}
.soc ul li { display: inline-block; } /* float: left*/
.soc ul li a {
	margin-top: 0px;
	border-radius: 3px;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin-right: 10px;
	text-decoration: none;
	border: none;
	color: #ccc;
	font-size: 20px;
	background-color: #000000;
}
.soc ul li a:hover {
	color: #eee;
	background-color: #F28300;
}
/*footer*/