/* ------------------------------------------------------------------------ */
/* 1 - GENERALITES
/* ------------------------------------------------------------------------ */

body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #004464;
	font-size: 12px;
}

a{
	color: #758299;
}

a:hover{
	color: #13a983;
}

@media screen and (max-width: 1000px) {   
	div, tr, th{
		text-align:left;
	}
}

/* ------------------------------------------------------------------------ */
/* 2 - TOP-HEADER
/* ------------------------------------------------------------------------ */

#top-header{
	
	height:40px;
	line-height:40px;
	color: #fff;
	background-color: #004464;	
}

@media screen and (max-width: 1000px) {   
		
	#top-header{
		height:50px;
	}	
}

/* ---- Bienvenue -------- */
.bienvenue{

	display:block;
	float:left;
	
	font-size:14px;
	color: #fff;
	
}
@media screen and (max-width:1000px) {  
	.bienvenue{
		display:none;		
	}
}

/* ---- connection-langues -------- */

.connection-langues{
	display:block;
	float:right;
	padding-top:0px;
	text-align:right;
}

@media screen and (max-width: 1000px) {   
	.connection-langues{
		float:none;
		display:block;
		margin:auto auto;
		text-align:center;
		margin-top:5px;
		margin-bottom:5px;
	}
}

/* ---- langues -------- */

a, a:hover{
	text-decoration: none;
}

a.langue{
	display: inline-block;
	height: 40px;
	width: 50px;
	opacity: 0.3;
	background-size: 42px 30px;
	background-repeat: no-repeat;
	background-position: center center;
    transition: 0.5s;
}

a.langue:hover{
	opacity: 1;
}


#langue_fr{
	background-image:url(../img/langue_fr@2x.png);
}

#langue_en{
	background-image:url(../img/langue_en@2x.png);
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	#langue_fr{
		background-image:url(../img/langue_fr.png);
	}
	
	#langue_en{
		background-image:url(../img/langue_en.png);
	}
}

/* ---- Deconnection -------- */

#deconnexion{
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	margin-left: 5px;
	background-color: #13a983;
	color: #FFF;
	transition: 0.5s;
	text-transform: uppercase;
; 	font-weight: bold;
}

#deconnexion:hover{
	background-color: #d6776e;
}

@media screen and (max-width:1000px) {   
	#deconnexion{
	  -moz-border-radius : 3px;
	  -o-border-radius : 3px;
	  -webkit-border-radius : 3px;
	  border-radius: 3px;
	}
}

/* ------------------------------------------------------------------------ */
/* 3 - NAV-HEADER
/* ------------------------------------------------------------------------ */

/* ---- Espace total/ Espace à réserver -------- */
/*-----------------------------------------------*/

#middle-header{
	min-height:95px;
	background-color:#FFF;
}

#middle-header-smallStickyMode{
	min-height: 95px;
}
@media screen and (max-width:1000px) {    
	#middle-header{
		min-height:80px;
	}
	
	#middle-header-smallStickyMode{
	
	}
}

/* ------- Barre de nav-header ------- */
/*-------------------------------------*/

#nav-header{
	
	background-color: #FFF;
	font-size: 14px;
	border-bottom-width: 2px;
	border-bottom-style:dotted;
	border-bottom-color: #d6dbe5;
	
	transition:0.2px;
	
}

#nav-header.smallStickyMode{
	opacity:0.97;
	min-height: 55px;	  	
}

@media screen and (max-width: 1000px) {    
	#nav-header{
		min-height: 65px;
	}
}

/* ---------- Logo ---------- */
/*----------------------------*/

.main-logo{
	
	display:block;
	float:left;
	
	background-image: url("../img/logo_2@2x.png");
	background-size: 230px 60px;
	background-repeat: no-repeat;
	background-position: left center;
	
	width: 230px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 20px;
	
	transition:0.2s;
	
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	.main-logo{
		background-image: url("../img/logo_2.png");
	}
}


#nav-header.smallStickyMode .main-logo{
	
	 background-size: 175px 45px;
	
	 width: 175px;
	 height: 45px;
	 margin-top: 5px;
	 margin-bottom: 5px;
}

@media screen and (max-width: 1000px) { 
   .main-logo{
   	 float:left;
	 text-align:left;
	 background-size: 210px 55px;
	 width: 210px;
	 height: 55px;
	 margin-top: 10px;
	 margin-bottom: 10px;
   }
}

/* ------- Bouton Menu Responsive ------ */
/*---------------------------------------*/

a#responsive-menu-link {
	display: none;
	
	float:right;
 	margin-top:20px; 
	height:40px;
	width:40px;	
	
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-image:url(../img/responsive-menu-link-default@2x.png);
	background-position: center center;

	transition: 0.2s;
	
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	a#responsive-menu-link {
		background-image: url(../img/responsive-menu-link-default.png);
	}
}

  
#responsive-menu-link-clearboth{
	   clear:none;
}

@media screen and (max-width: 1000px) {    

	a#responsive-menu-link{
		display: block;
	}
	 
 	a#responsive-menu-link:hover{
	 	background-image:url(../img/responsive-menu-link-mousehover@2x.png);
  	}
	
	#nav-header.smallStickyMode  a#responsive-menu-link{
		margin-top:5px; 
	}
  
	#responsive-menu-link-clearboth{
		 clear:both;
	}

}


@media screen and (max-width: 1000px) {
@media only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	a#responsive-menu-link:hover{
		background-image: url(../img/responsive-menu-link-mousehover.png);
	}

}
}

/* ------- Menu de navigation ------- */
/*------------------------------------*/

#navbar{		
	display:block;	
	float:right;		
	margin-top:20px;
}

#navbar.smallStickyMode{
	margin-top:2px;
	margin-bottom:2px;
}
   
#navbar a {	  
	display:block;
	float:left;
	width: 100px;
} 

#navbar a + a{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e9e9e9;		
} 

@media screen and (max-width: 1000px) {    
	#navbar{	
		display:none;
	}
}
   
/* ---- Menu de navigation-responsive ---- */
/*-----------------------------------------*/

#navbar-responsive{		
	
	display:none;	
	
	width: 100%;
	border-top: 0px;
	margin:0px;
 
 	background-color:#FFF;
 
	padding:10px;
	margin-top:0px;
	
}
    
#navbar-responsive.smallStickyMode{
	margin-top:0px;
	margin-bottom:2px;
}	
 
#navbar-responsive a {
  	display: block;	
	height:45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9e9e9;
} 

/* --------------- Icons ----------------- */
/*-----------------------------------------*/

.nav-icon{
	
	display:block;
	width:40px;
	height:35px;
	opacity:0.4;
	
	background-size: 320px 70px;
	background-image:url(../img/menu-icons@2x.png);
	background-repeat:no-repeat;
		
	transition: 0.3s;
	
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	.nav-icon{
		background-image: url(../img/menu-icons.png);
	}
}


#navbar .nav-icon{
	margin-bottom:10px;
	margin-left:30px;
}

.smallStickyMode #navbar .nav-icon{
	margin-bottom:5px;
}

#navbar-responsive .nav-icon{	
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
}

a:hover .nav-icon,a.selected .nav-icon{	  
	opacity:1;	
	transition: 0.3s;
}

.nav-index .nav-icon{
	background-position:0px 0px;
}
.nav-news .nav-icon{
	background-position:-40px 0px;
}
.nav-events .nav-icon{
	background-position:-80px 0px;
}
.nav-documents .nav-icon{	
	background-position:-120px 0px;
}
.nav-bannette .nav-icon{
	background-position:-160px 0px;
}
.nav-notes .nav-icon{
	background-position:-200px 0px;
}
.nav-coordonnees .nav-icon{
	background-position:-240px 0px;
}
.nav-password .nav-icon{
	background-position:-280px 0px;
}

.nav-connection .nav-icon{
background-position:-280px 0px;
}

.nav-index.selected .nav-icon{
	background-position:0px -35px;
}
.nav-news.selected .nav-icon{
	background-position:-40px -35px;
}
.nav-events.selected .nav-icon{
	background-position:-80px -35px;
}
.nav-documents.selected .nav-icon{	
	background-position:-120px -35px;
}
.nav-bannette.selected .nav-icon{
	background-position:-160px -35px;
}
.nav-notes.selected .nav-icon{
	background-position:-200px -35px;
}
.nav-coordonnees.selected .nav-icon{
	background-position:-240px -35px;
}
.nav-password.selected .nav-icon{
	background-position:-280px -35px;
}
.nav-connection.selected .nav-icon{
background-position:-280px -35px;
}

/* --------------- Labels ----------------- */
/*-----------------------------------------*/
.nav-label{
	
	display:block;
	opacity:0.4;
	
	text-align:center;
	vertical-align:middle;
        font-size: 14px;
	line-height:16px;
	color: #004464;
	transition: 0.3s;
}
@media screen and (max-width: 1000px) {    
	.nav-label{	
		font-size: 18px;
		float:left;
	}
}

a:hover .nav-label{	  
	opacity:1;	
	transition: 0.3s;
}

a.selected .nav-label{	  
	opacity:1;	
	color: #13a983;
	transition: 0.3s;
}

#navbar-responsive .nav-label{
	text-align:left;
	line-height:45px;
}

/* ------------------------------------------------------------------------ */
/* 4 - BOTTOM-HEADER
/* ------------------------------------------------------------------------ */

/* ------- Contenaire ------- */
/*----------------------------*/
#bottom-header{}
#bottom-header-box{}

/* ------- Contenus ------- */
/*----------------------------*/
#bottom-header-left{}
#bottom-header-right{}

/* ------------------------------------------------------------------------ */
/* 5 - TITLE
/* ------------------------------------------------------------------------ */

#title{
	background-color: #cfe5f9;
	background:#0FF;
	border-bottom: 1px solid #b2cee7;
}
#title-box-content{
	padding-top: 10px;
	padding-bottom: 10px;
}
#title-box h3{
	font-size: 20px;
	color: #0969c6;
}
#title-box a{
	display: block;
	margin-top: 5px;
	font-size: 14px;
	color: #0969c6;
	font-style: italic;
	line-height:40px;
}
#title-box a:hover{
	text-decoration:underline;
}

/* ------------------------------------------------------------------------ */
/* 6 - CONTENT
/* ------------------------------------------------------------------------ */

#content{
	background-color:#FFF;
}
#content-box{
	min-height:600px;
	padding-top:20px;
	padding-bottom:20px;
}

@media screen and (max-width: 1000px) {   
  	  
   #content-box{
	 min-height:270px;
	 padding-top:0px;
   } 
   
}

/* ------------------------------------------------------------------------ */
/* 7 - FOOTER
/* ------------------------------------------------------------------------ */

#footer{
	background-color: #004464;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	line-height:15px;
	text-align: center;
	color: #b6b6b6;
}

	  
#footer a{
	display:block;
	text-align: center;
 } 
 
#footer a:hover{
	text-decoration:underline;	
}

/* ------------------------------------------------------------------------ */
/* 8 - LOGIN
/* ------------------------------------------------------------------------ */

#form-login{
	max-width:650px;
	margin:auto auto;
	margin-top:30px;
}

@media screen and (max-width: 1000px) {   
	
	#form-login{
		margin-top:20px;
	}
}

.introduction{
	max-width: 650px;
	margin: auto auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #eef0f4;
	color: #758299;
	padding: 40px;
	-moz-border-radius : 3px;
	-o-border-radius : 3px;
	-webkit-border-radius : 3px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 20px;
}

.introduction ul{
	list-style-type: circle;	
	margin-top:30px;
	margin-bottom:30px;	
}

.introduction b{
	color: #13a983;
	font-size: 17px;
}

.introduction h4{
	font-weight:bold;
	color: #13a983;
}


@media screen and (max-width: 1000px) {   
  	
  #form-login button{
	display:block;
  	width:100%;
  }
	  
  .introduction{
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
   } 
   
   
   .introduction ul{
		margin-left: -20px;
		margin-top:10px;
		margin-bottom:10px;	
	}
   
}

/* ------------------------------------------------------------------------ */
/* 9 - INDEX
/* ------------------------------------------------------------------------ */


/* ------- Messages --------- */
/*----------------------------*/

/* -- Messages -- */
.messages{
	margin-top:20px;
	padding:15px;
	background-size: 75px 250px;
	background-repeat:repeat-y;
	background-position:left center;
	padding-left:50px;
	border-left-width:0px;
	border-left-style:solid;
}

.messages h3{
	font-size:18px;
	margin-top:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:50px;
}
.messages ul{
	list-style-type: square;
	margin-left:70px;
	opacity:0.7;
}
.messages li{	
	margin-top:3px;
}
.messages a:hover{
	text-decoration:underline;
}

/* -- Urgents -- */
#messages-urgents{
	background-image:url(../img/messages-urgents-bg@2x.jpg);
	background-color: #fff2ef;
	color: #ff0000;
	border-left-color: #ff0000;
}
#messages-urgents a,
#messages-urgents a:hover{
	color: #ff0000;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	#messages-urgents{
		background-image: url(../img/messages-urgents-bg.jpg);
	}
}

/* -- Actus -- */
#messages-actus{
	background-image:url(../img/messages-actus-bg@2x.jpg);
	background-color:#f0f2fa;
	color:#47b6e9;
	border-left-color:#47b6e9;
}
#messages-actus a,
#messages-actus a:hover{
	color:#47b6e9;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	#messages-actus{
		background-image: url(../img/messages-actus-bg.jpg);
	}
}

/* -- Notes -- */
#messages-notes{
	background-image:url(../img/messages-notes-bg@2x.jpg);
	background-color:#fbf3ff;
	color:#a84aff;
	border-left-color:#a84aff;
}
#messages-notes a,
#messages-notes a:hover{
	color:#a84aff;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	#messages-notes{
		background-image: url(../img/messages-notes-bg.jpg);
	}
}

/* -- Events -- */
#messages-events{
	background-image:url(../img/messages-events-bg@2x.jpg);
	background-color:#f9eded;
	color:#bc4237;
	border-left-color:#bc4237;
}
#messages-events a,
#messages-events a:hover{
	color:#bc4237;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	#messages-events{
		background-image: url(../img/messages-events-bg.jpg);
	}
}

@media screen and (max-width: 991px) {   
  	
	 .messages{
		padding-left:15px;
		border-left-width:3px;
	 }
	 
	 .messages h3{
		margin-left:20px;
	 }
	 
	 .messages ul{
		margin-left:40px;
	 }
	 
     #messages-urgents,
	 #messages-actus,
	 #messages-notes,
	 #messages-events
	 {
	 	background-image:none
	 }
}

/* -------- Contacts -------- */
/*----------------------------*/

/* -- Contacts -- */
#contacts{
	margin-top:20px;
}

/* -- Contact-H3 -- */
#contacts h3{
	font-weight:bold;
	font-size:16px;
}

h3.contactcategory-title-COMPTABILITE_FISCALITE{
	color:#ff6464;
}
h3.contactcategory-title-JURIDIQUE{
	color:#3ee13e;
}
h3.contactcategory-title-CONSEIL_SOCIAL{
	color:#449ffb;
}
h3.contactcategory-title-PAIE_CHARGES{
	color:#42ccfb;
}
h3.contactcategory-title-CORRESPONDANT{
	color:#acacac;
}

/* -- Contact -- */
.contact{
	padding:0px;
	margin-bottom:10px;
}

.contact-contactcategory-COMPTABILITE_FISCALITE{
	background-color:#fff3f7;
}
.contact-contactcategory-JURIDIQUE{
	background-color:#ecfeec;
}
.contact-contactcategory-CONSEIL_SOCIAL{
	background-color:#eaf3fc;
}
.contact-contactcategory-PAIE_CHARGES{
	background-color:#ebfefe;
}
.contact-contactcategory-CORRESPONDANT{
	background-color:#ededed;
}

/* -- Contact-Title -- */

.contact-title{
	font-weight:bold;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	padding-left:20px;
	padding-right:20px;
	background-size: 29px 5px;
	background-repeat:no-repeat;
	background-position:right center;
	cursor:pointer;
	text-transform:uppercase;
	color:#FFF;
}

.contact-title-closed{
	background-image:url(../img/arrow-bottom@2x.png);
}

.contact-title-opened{
	background-image:url(../img/arrow-top@2x.png);
}

.contact-contactcategory-COMPTABILITE_FISCALITE .contact-title{
	background-color:#ff6464;
}
.contact-contactcategory-JURIDIQUE .contact-title{
	background-color:#3ee13e;
}
.contact-contactcategory-CONSEIL_SOCIAL .contact-title{
	background-color:#449ffb;
}
.contact-contactcategory-PAIE_CHARGES .contact-title{
	background-color:#42ccfb;
}
.contact-contactcategory-CORRESPONDANT .contact-title{
	background-color:#acacac;
}

/* -- contact-coordonnees -- */
.contact-coordonnees{
	padding-top:10px;	
	padding-bottom:10px;
	display:none;
	padding-left:20px;
	padding-right:20px;
}

/* -- signaler-error -- */
.signaler-error{
	margin-top:10px;
}

/* ------------------------------------------------------------------------ */
/* 10 - ACTUS
/* ------------------------------------------------------------------------ */

.actu{
	cursor:pointer;
}

.actu-title{
	margin-left:12px;
}
.actu-title a{
	color: #004464;
	font-size:14px;
}

.actu:hover .actu-title a{
	color: #13a983;
	text-decoration:underline;
}

.actu-date{
	color:#9099aa;
	font-size:10px;
	margin-left:12px;
}

.actu-importante{
	background-image:url(../img/actu-importante@2x.png);
	background-size: 20px 23px;
	background-repeat:no-repeat;
	background-position:left top;
	
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		
	
	.actu-importante{
		background-image:url(../img/actu-importante.png);
		
	}
}

/* ------------------------------------------------------------------------ */
/* 11 - NOTES
/* ------------------------------------------------------------------------ */

.note-fait{
	background-color:#f5fff6;
}

.note-warning{
	background-color:#fff7f5;
}

.note-titre{
	margin-left:12px;
	margin-bottom:3px;
	font-size:14px;
}

.note-date-creation,
.note-date-denonciation,
.note-date-initialisation{
	color:#AAA;
	font-size:11px;
	margin-left:12px;
}

.note-date-fait{
	color: #05b42b;
	font-size:11px;
	margin-left:12px;
}

.note-date-echeance{
	color: #fb0020;
	font-size:11px;
	margin-left:12px;
}

/* ------------------------------------------------------------------------ */
/* 12 - DOCUMENTS
/* ------------------------------------------------------------------------ */

/* -- div-home -- */

.div-home{
	
	display:block;
	
	height:40px;
	line-height:40px;
	
	background-image:url(../img/home@2x.png);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: left center;
	
	padding-left:30px;
	text-overflow: ellipsis;
	
	overflow: hidden;
	transition:0.5x;
	
}

/* -- documents-item -- */
.documents-item{
	margin-left:25px;
}

td:hover .documents-item{
	color: #13a983;
	text-decoration:underline;
}

/* -- td-folder -- */
.td-folder{
	
	background-image:url(../img/folder@2x.png);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: left center;
		
	transition:0.5x;
	
}
.td-folder:hover{
	cursor:pointer;
}

/* -- td-parentfolder -- */
.td-parentfolder{
	
	background-image:url(../img/up@2x.png);
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: left center;
		
	transition:0.5x;
	
}
.td-parentfolder:hover{
	cursor:pointer;
}


/* -- td-file -- */
.td-file{
	
	background-size: 30px 40px;
	background-repeat: no-repeat;
	background-position: left center;
		
	transition:0.5x;
	
}
.td-file:hover{
	cursor:pointer;
}

.td-file-default{
	background-image:url(../img/file@2x.png);
}
.td-file-img{
	background-image:url(../img/file-img@2x.png);
}
.td-file-pdf{
	background-image:url(../img/file-pdf@2x.png);
}
.td-file-excel{
	background-image:url(../img/file-excel@2x.png);
}
.td-file-word{
	background-image:url(../img/file-word@2x.png);
}
.td-file-powerpoint{
	background-image:url(../img/file-powerpoint@2x.png);
}
.td-file-outlook{
	background-image:url(../img/file-outlook@2x.png);
}


@media 
only screen and (-webkit-min-device-pixel-ratio: 1.0),
only screen and (-o-min-device-pixel-ratio: 1.0),
only screen and (min--moz-device-pixel-ratio: 1.0),
only screen and (min-device-pixel-ratio: 1.0) {		

	.div-home{
		background-image:url(../img/home.png);
	}
	
	.td-folder{	
		background-image:url(../img/folder.png);
	}
	
	.td-parentfolder{	
		background-image:url(../img/up.png);	
	}
	
	.td-file-default{
		background-image:url(../img/file.png);
	}
	.td-file-img{
		background-image:url(../img/file-img.png);
	}
	.td-file-pdf{
		background-image:url(../img/file-pdf.png);
	}
	.td-file-excel{
		background-image:url(../img/file-excel.png);
	}
	.td-file-word{
		background-image:url(../img/file-word.png);
	}
	.td-file-powerpoint{
		background-image:url(../img/file-powerpoint.png);
	}
	.td-file-outlook{
		background-image:url(../img/file-outlook.png);
	}  
	
}


/* ------------------------------------------------------------------------ */
/* 13 - BANNETTE
/* ------------------------------------------------------------------------ */

select{
	
	height: 35px;
	min-width: 250px;
 	margin-bottom:15px;
	margin-left:5px;
	
	font-size:14px;
	line-height:35px;
	vertical-align:middle;
	
}

@media screen and (max-width: 1000px) {   
  	
  select{
	width:100%;
  }
	  
  .introduction{
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
   }    
   
   .introduction ul{
		margin-left: -20px;
		margin-top:10px;
		margin-bottom:10px;	
	}
   
}


/* ------------------------------------------------------------------------ */
/* 14 - EVENEMENTS
/* ------------------------------------------------------------------------ */

.event-title{
	margin-left:25px;
	color:#687180;
	font-size:14px;
}

.event:hover .event-title{
	text-decoration:underline;
	color: #13a983;
}
.event-date{
	color:#9ba2ae;
	font-size:10px;
	margin-left:25px;
}

/* ------------------------------------------------------------------------ */
/* 15 - PASSWORD
/* ------------------------------------------------------------------------ */

#form-password{
	max-width:650px;
	margin:auto auto;
	margin-top:50px;
}

@media screen and (max-width: 1000px) {     
	
	#form-password{
		margin-top:0px;
	}
			
}