html
{

	margin:0 auto;
	padding:0px;
	border:0px;
	
	
	width:100%;
	height : 100%;   /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	
}



body
{
	
	margin:0 auto;
	padding:0px;
	border:0px;

	
	height:100%;  /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	width:100%;  /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	
	text-align:center;

}








/* ---------------------------------------------*/
/* --- FONTS --- */    /* voir css dedie */
/* ---------------------------------------------*/






/* ---------------------------------------------*/
/* --- GENERAL --- */
/* ---------------------------------------------*/



/*  Pic ZOOM : 1200x700  */
/*  Pic 50 : 500x240  */
/*  Pic 33 : 500x280  */



.bleu1
{
    color:#015092;
}

.bleu2
{
    color:#006476;
}


.bleu3
{
    color:#B6D6EF;   
}


.bleu4
{
    color:#003769;
}


.BG-bleu1
{
    background-color:transparent;
}

.BG-bleu2
{
    background-color:#006476;
}


.BG-bleu3
{
   background-color:#B6D6EF;   
}


.BG-bleu4
{
    background-color:#003769;
}


.BG-gris1
{
    background-color:#EDEDED;
}

.BG-blanc
{
    background-color:#FFFFFF;
}



h1   /* --- titre ppal --- */
{
	color : #015092;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.4vh;
	line-height:4vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    margin-top:1vh;
    margin-bottom:1.5vh;
	
}


h2   /* --- sous-titres --- */
{
	margin-top:3.5vh;
    
    color : #006476;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.9vh;
	line-height:3.5vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : left;
}


h3   /* --- item d'un sous-titre --- */
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1.85vh;
	line-height:2.8vh;
	text-decoration : none;
	text-align : justify;
}

 
h4   /* --- intro apres titre principal --- */
{
	 
    color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:2.5vh;
	text-decoration : none;
	text-align : justify;
    letter-spacing: 0px;

}



p
{
	/*padding:0 2vh 0 2vh;*/
    
    color : #000;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.7vh;
	line-height:2.7vh;
	text-decoration : none;
	text-align : justify;
    
}


a, a:visited, a:focus, a:hover
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1.7vh;
	line-height:2.1vh;
	text-decoration : none;
	text-align : justify;
}


.bold
{
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-weight:bold;	
}



.slogan
{
    display:block;
    position:relative;
    
    background-color:rgba(1,80,146,0.1);
    padding:3vh;
    
    
    color:#015092;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.8vh;
	line-height:2.3vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : center;
}



.flash-accueil
{
    display:block;
    position:relative;
    
    /*background-color:rgba(92,23,99,0.1);*/
    padding:3vh;
    
    
    color:#FFFFFF;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.6vw;
	line-height:2.3vw;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : center;
}
    
    
.flash-accueil-BG {
    
  animation: animcolor 3s infinite;
  -webkit-animation: animcolor 3s infinite;

  
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animcolor {
    0%{background: #006476;}
    50%{background: #015092;}
    100%{background: #006476;}
    
}
 
/* Standard syntax */
@keyframes animcolor {
    0%{background: #006476;}
    50%{background: #015092;}
    100%{background: #006476;}
}




.picHauteur70pc
{
	position : relative;
	height:70%;

    border:0;

}




.picHauteur100pc
{
	position : relative;
	height:100%;

    border:0;

}


.picLargeur100pc
{
	position : relative;
	width:100%;
    height:auto;

    border:0;

}


.picLargeur50pc
{
	display : inline-block;
    
    width:49%;
    height:auto;
    
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    

    
}

.picLargeur50pc:hover
{
    opacity:0.8;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    cursor:pointer;
}


.picLargeur33pc
{
	display : inline-block;
    
    width:32.5%;
    height:auto;
    
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}

.picLargeur33pc:hover
{
    opacity:0.8;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    cursor:pointer;

}



.pic-collaborateur
{
	display:inline;
    vertical-align:middle;
    height:5.4vh; /* 2x le <p> */
    margin-top:0.5vh;
    margin-bottom:1vh;
    margin-right:1vh;

    border:0;

}



.pic-ombre
{
    -moz-box-shadow:2px 2px 4px 1px #CCC;
    -ms-box-shadow:2px 2px 4px 1px #CCC;
    -o-box-shadow:2px 2px 4px 1px #CCC;
    -webkit-box-shadow:2px 2px 4px 1px #CCC;
    box-shadow:2px 2px 4px 1px#CCC;  
    
    border:0;
}




.pointer
{
	cursor:pointer;	
}


.menuon
{
	display:block;	
}


.menuoff
{
	display:none;	
}


.alignCenter
{
	text-align:center;
}


.clear
{
	clear: both;	
}



.inline
{
    display:inline;    
}



.none
{
    display:none;    
}



.mentions
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1vh;
	line-height:1.2vh;
	text-decoration : none;
	text-align : center;
}

.puce
{
	color:#9a0d40;
	margin-left:1%;
	margin-right:1%;
	
}

.pave-texte-droite
{
    display:block;
    
    position:relative;
    float:right;
    
    width:25%;
    padding:1vh 2% 0vh 2%;
    
    background-color:rgba(1,80,146,0.1);
    
    margin : 0.5vh 0 1vh 3%;   
    
    overflow:hidden;
    
}

.pave-texte-largeur-all
{
    display:block;
    
    position:relative;
    
    width:96%;
    padding:1vh 2% 0vh 2%;
    
    background-color:rgba(1,80,146,0.1);
    
    margin : 0.5vh 0 2vh 0;   
    
    overflow:hidden;
    
}

.pave-texte-droite h1, .pave-texte-largeur-all h1   /* --- intro apres titre principal --- */
{
	 
    color:#015092;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 2.4vh;
	line-height:2.7vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : left;

}





.pave-texte-droite p, .pave-texte-largeur-all p
{
	/*padding:0 2vh 0 2vh;*/
    
    color:#000000;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.5vh;
	line-height:2.5vh;
	text-decoration : none;
	text-align : justify;
}



.picto-pdf
{
    margin-right:1.5vh;
    float:left;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.pdf-telech:hover .picto-pdf, .picto-co2:hover .picto-pdf
{
    margin-right:2.5vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.pdf-telech
{
    position:relative;
    display:inline-block;
    height:2.7vh;
    
    text-align:left;
    
    vertical-align: top;  /* pour aligneent vertical de l'élément texte */
    
    /*background-color:#CCC;  */
    
    color : #000;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.7vh;
    line-height:2.7vh;
	text-decoration : none;
	text-align : justify;

}



.picto-co2
{
    position:relative;
    display:inline-block;
    height:4.5vh;
    
    text-align:left;
    
    vertical-align: text-bottom;  /* pour aligneent vertical de l'élément texte */
    
    /*background-color:#CCC;  */
    
    color : #000;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.7vh;
    line-height:4.5vh;
	text-decoration : none;
	text-align : justify;
}



img
{
    border:0;
}


.ligne-dans-texte 
{
    
    display:inline;
    
    position:relative;
    
    margin-left:0.25vh;
    margin-right:0.5vh;
    
    top:0vh;
    height:2.7vh;
    padding-left:0.4vh;
    padding-right:0.4vh;
    padding-top:0;
    padding-bottom:0;
    
    border:0;

	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2vh;
	line-height:2.7vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
	
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    
}



.blocLargeur50pc
{
	display : inline-block;
    
    width:45%;
    height:auto;
    
    padding-left:2%;
    padding-right:2%;
    
    
    vertical-align:top;

}
    
    
.saut
{
    height:0.5vh;
}
    




/* ---------------------------------------------*/
/* --- HEADER --- */
/* ---------------------------------------------*/


.header
{
	position:absolute;
	
	left:0;
	width:100%;

	top:0;
	height:7%;
    
    text-align:center;
}


.logo
{
    position:relative;
	
    height:80%;
    top:10%;
    
    width:100%;
    text-align:center;
}


.menu-bt
{
    position:absolute;
	
    height:46%;
    top:27%;
    
    left:1.7vh;
    width:5vh;
    
    text-align:left;
    
    cursor:pointer;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.menu-bt:hover
{
    left:2.2vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.actus-bt
{
    position:absolute;
	
    height:64%;
    top:18%;
    
    right:1.6vh;
    width:5vh;
    
    text-align:right;
    
    cursor:pointer;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.actus-bt:hover
{
    right:2.1vh;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.lang-switcher
{
    position:absolute;

    top:0;
    height:100%;

    right:7.2vh;

    display:flex;
    align-items:center;

    font-family: 'OswaldLight', Arial, sans-serif;
    font-size:1.4vh;
    letter-spacing:0.5px;
}

.lang-switcher a
{
    color:#015092;
    text-decoration:none;
    margin:0 0.3vh;
}

.lang-switcher a.lang-active
{
    color:#D6212E;
    font-weight:bold;
    text-decoration:underline;
}

.lang-switcher a:hover
{
    text-decoration:underline;
}







/* ---------------------------------------------*/
/* --- MENU --- */
/* ---------------------------------------------*/

.menu
{
	position:absolute;
	
	left:0;
	width:18%;
    
    padding-top:2vh;

	top:7%;
	height:88%;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
    overflow:hidden;
}

.menu-fix
{
	position:absolute;
	
	left:0;
	width:18%;
    
    padding-top:2vh;

	top:7%;
	height:88%;

    
    overflow:hidden;
}


.menusts2
{
	position:absolute;
	
	left:0;
	width:0%;
    
    padding-top:2vh;

	top:7%;
	height:88%;
    
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    overflow:hidden;
}


.menusts2-fix
{
	position:absolute;
	
	left:0;
	width:0%;
    
    padding-top:2vh;

	top:7%;
	height:88%;


    overflow:hidden;
}




.menu-titre
{
	display:block;
    
    position:relative;
	
	margin-top:1.5vh;
	margin-bottom:1vh;
    
	width:96%;
	height:3.4vh;
	
	padding-left:4%;

    background-color:rgba(0, 0 , 0, 0.3);
    border-radius:10px;

	text-align:left;

	color : #B6D6EF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:3.4vh;
	text-decoration : none;
    letter-spacing: 1px;
	vertical-align:middle;
 
}


.menu-item
{
	position:relative;
	
	width:94%;
	height:3.2vh;
	
    padding-left:6%;

	background-color:#B6D6EF;
	border-radius:10px;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;

	text-align:left;

	color : #003769;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.65vh;
	line-height:3.2vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	vertical-align:middle;

    cursor:pointer;

}


.menu-item:hover
{
	color : #003769;
	background-color: #97C3E8;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	
}


.menu-illust
{
	position:absolute;
    bottom:3vh;
    left:5%;
    width:70%;
}










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

.actus
{
	display:block;
    
    position:absolute;
	
	left:80%;
	width:20%;

	top:7%;
	height:88%;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.actus-fix
{
	display:block;
    
    position:absolute;
	
	left:80%;
	width:20%;

	top:7%;
	height:88%;
    

}

.actussts2
{
	display:block;

    position:absolute;

	left:100%;
	width:0%;

	top:7%;
	height:88%;
    border-radius:10px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
    overflow:hidden;
}

.actussts2-fix
{
	display:block;
    
    position:absolute;
	
	left:100%;
	width:0%;

	top:7%;
	height:88%;
    
    overflow:hidden;
}



.actus-container
{
	position:absolute;
	
    top:1%;
	height:93%;
}


.actus-nom
{
    position:relative;
	
	margin-top:2vh;
	margin-bottom:2vh;
    
	width:100%;
	height:8.6vh;
	
	text-align:left;
	
	padding-left:5%;
	color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.1vh;
	line-height:4vh;
	text-decoration : none;
    letter-spacing: 1px;
	vertical-align:middle;
    
}


.actus-date
{
	position:relative;
	
	margin-top:-0.3vh;
	margin-bottom:0.5vh;
    
	width:84%;
	left:5%;
    
    padding-left:0;
    padding-right:3%;

	text-align:left;
	
	color : rgba(0, 0 , 0, 0.6);
	font-family: 'Open_sanssemibold', Arial, sans-serif;
	font-size: 1.4vh;
	line-height:2vh;
	text-decoration : none;
    letter-spacing: 0px;
	vertical-align:middle;
 
}


.actus-type
{
	position:relative;
	
    display: inline-block;
    
	top:0;
    left:5%;
    
    width:100%;
    
    height:1.8vh;
    
    margin-top:0.25vh;
    margin-bottom:1vh;
    
    text-align:left;
	
	vertical-align:middle;
 
}



.actus-numeros
{
	position:relative;
	
	display: inline-block;
    
	/*margin-bottom:2vh;*/

    left:2.5%;
    
    top:-0.45vh;
    height:1.8vh;
    
    padding-left:0;
    padding-right:0;
	
	text-align:left;
	
	color : #FFF;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1.4vh;
	line-height:1.8vh;
	text-decoration : none;
    letter-spacing: 0px;
	vertical-align:middle;
    
    /*cursor:pointer;*/

}





.actus-titre
{
	position:relative;
	
	margin-top:3.5vh;
	margin-bottom:1vh;
    
	width:84%;
	left:5%;
    /*height:3.4vh;*/
    
    padding-left:3%;
    padding-right:3%;
	padding-top:3px;
    padding-bottom:4px;

	background-color:rgba(0, 0 , 0, 0.3);
	border-radius:10px;

	text-align:left;
	
	color : #FFFFFF;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1.9vh;
	line-height:3.1vh;
	text-decoration : none;
    letter-spacing: 0px;
	vertical-align:middle;
    
    text-transform : uppercase;
 
}


.actus-item
{
	position:relative;
	
	margin-bottom:1.5vh;

    
    width:79%;
	left:5%;
    height:auto;
    
    padding-left:6%;
    padding-right:8%;
	
	text-align:justify;
	
	color : #FFFFFF;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.5vh;
	line-height:2.2vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	vertical-align:middle;
    
    /*cursor:pointer;*/

}






.actus-illust
{
	display:block;
    
    position:absolute;
    bottom:1vh;
    right:5%;
    width:90%;
}



.actus-lignes-zone
{
    position:relative;
	
    margin-top:1.5vh;
	margin-bottom:1.5vh;
    
    width:82%;
    left:6%;
    
    padding-left:3%;
    padding-right:3%;
    padding-top:0.4vh;
    padding-bottom:1vh;
    
	border:1px solid white;
    
    background-color:rgba(255,255,255,0.20);
}



.actus-lignes-item
{
    display:inline-block;
    
    position:relative;
    
    margin-top:0.6vh;
    margin-left:0.3vh;
    margin-right:0.3vh;
    
    /*top:0.2vh;*/
    height:2.1vh;
    padding-left:0.4vh;
    padding-right:0.4vh;    

    color : rgba(0,64,76,0.6);
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:2.1h;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
	
    background-color:rgba(255,255,255,0.3);
    
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    
    cursor:pointer;
    
}



.actus-pic
{
    position:relative;
	
	margin-top:0;
	margin-bottom:0.5vh;
    
	width:90%;
	left:5%;
            
    height:auto;
    max-height:16vh;
    overflow:hidden;
    /* max height se couple avec overflow hidden ! */
   
    
    /*border:1px solid rgba(0, 0 , 0, 0.3);*/
    /*background-color:#ccc;*/

}



.actus-pdf
{
    position:relative;
	
	margin-top:1vh;
	margin-bottom:0.5vh;
    
    
    width:84%;
	left:8%;
    
    
    display:block;
    height:2vh;
    
    text-align:left;
    
    /*background-color:#CCC;*/
    
    color : rgba(0, 0 , 0, 0.6);
	font-family: 'Open_sanssemibold', Arial, sans-serif;
	font-size: 1.4vh;
	line-height:2vh;
	text-decoration : none;
	text-align : left;
    vertical-align:middle;
}






.actus-picto
{
    margin-right:1vh;
    float:left;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.actus-pdf:hover .actus-picto
{
    margin-right:1.5vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}










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

.footer
{
	position:absolute;
	
	left:0;
	width:100%;

	top:95%;
	height:5%;
    
    overflow:hidden;
    
}



.lacroix
{
	position:absolute;
	
	right:1.7vh;
	/*width:100%;*/

	bottom:24%;
	height:52%;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    z-index:10000;


}


.lacroix:hover
{
    right:2.2vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.footer-contact
{
	position:absolute;
	
	left:1.7vh;
	/*width:100%;*/

	bottom:18%;
	height:64%;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    z-index:10000;

}


.footer-contact:hover
{
    left:2.2vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.footer-horaires
{
	display:block;
    
    position:absolute;
	
	left:45%;
    top:0;

    width:10%;
    height:200%;
    
    background-color:#EEEEEE;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    z-index:5000;
    

}


.footer-horaires:hover
{
	position:absolute;
	
	left:0;
    top:-100%;

    width:100%;
    height:200%;
    
    background-color:#CCCCCC;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}


.footer-horaires-picto
{
    position:absolute;
    
    top:7%;
    height:36%;
    width:100%;
    
    text-align:center;
    
}


.footer-horaires-liste
{
    position:absolute;
    
    top:63%;
    height:24%;
    width:100%;
    
    text-align:center;
    
}


.footer-horaires-item
{
    display:inline-block;
    
    position:relative;
    
    margin:auto 0;/*margin-left:1px;
    margin-right:1px;*/
    
    top:0.15vh;
    height:2.1vh;
    padding-left:0.4vh;
    padding-right:0.4vh;
    padding-top:0;
    padding-bottom:0;
    
    margin:0.1vw 0.2vw 0.3vw 0.2vw;
    
    border:0;

    color : #CCCCCC;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:2.1h;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
	
    background-color:#EEE;
    
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    
    cursor:pointer;
    
}

.footer-horaires-item a
{
    color : #CCCCCC;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:2.1h;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    text-decoration:none;
}




.footer-fermeractus, .footer-fermermenu
{
    display:none;
}








/* ---------------------------------------------*/
/* LISTES DES LIGNES POUR PASTILLE FOOTER */
/* ---------------------------------------------*/


.l-E4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12,.l-14,.l-15,.l-17,.l-9,.l-20,.l-41,.l-50,.l-78,.l-E100,.l-111,.l-AQ,.l-B,.l-BL,.l-CSP,.l-DF,.l-JV,.l-M,.l-P,.l-Q,.l-TG,.l-V,.l-CSS
{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.l-E4:hover
{
   background-color:rgb(101,181,225); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-5:hover
{
   background-color:rgb(100,76,24); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-6:hover
{
   background-color:rgb(177,185,223); 
    color:#333;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-7:hover
{
   background-color:rgb(0,103,131); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-8:hover
{
   background-color:rgb(231,64,17); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-9:hover
{
   background-color:rgb(121,172,43); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-10:hover
{
   background-color:rgb(121,172,43); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-11:hover
{
   background-color:rgb(70,125,48); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-12:hover
{
   background-color:rgb(226,54,139); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-14:hover
{
   background-color:rgb(37,56,131); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-15:hover
{
   background-color:rgb(38,55,128); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-17:hover
{
   background-color:rgb(27,157,217); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-19:hover
{
   background-color:rgb(196,228,230); 
    color:#333;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-20:hover
{
   background-color:rgb(116,198,199); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-41:hover
{
   background-color:rgb(241,140,4); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-50:hover
{
   background-color:rgb(177,185,223); 
    color:#000;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-78:hover
{
   background-color:rgb(38,153,213); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-E100:hover
{
   background-color:rgb(101,181,225); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-111:hover
{
   background-color:rgb(101,18,53); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-AQ:hover
{
   background-color:rgb(234,81,85); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-B:hover
{
   background-color:rgb(152,194,42); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-BL:hover
{
   background-color:rgb(101,158,48); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-CSP:hover
{
   background-color:rgb(255,205,16); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-DF:hover
{
   background-color:rgb(150,150,150); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-JV:hover
{
   background-color:rgb(205,101,23); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-M:hover
{
   background-color:rgb(235,99,26); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-P:hover
{
   background-color:rgb(250,241,155); 
    color:#333;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-Q:hover
{
   background-color:rgb(160,199,235); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-TG:hover
{
   background-color:rgb(208,229,197); 
    color:#333;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-V:hover
{
   background-color:rgb(182,152,199); 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-CSS:hover
{
   background-color:rgb(231,188,191); 
    color:#333;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    
    
    
    
    
.c-E4
{
    background-color:rgb(101,181,225); 
    color:#FFF;
    border:0;

}

.c-5
{
   background-color:rgb(100,76,24); 
    color:#FFF;
    border:0;
    
}

.c-6
{
   background-color:rgb(177,185,223); 
    color:#333;
    border:0;

}

.c-7
{
   background-color:rgb(0,103,131); 
    color:#FFF;
    border:0;
    

}

.c-8
{
   background-color:rgb(231,64,17); 
    color:#FFF;
    border:0;
    
}

.c-9
{
   background-color:rgb(121,172,43); 
    color:#FFF;
    border:0;
    

}

.c-10
{
   background-color:rgb(121,172,43); 
    color:#FFF;
    border:0;
    
}

.c-11
{
   background-color:rgb(70,125,48); 
    color:#FFF;
    border:0;
    
}

.c-12
{
   background-color:rgb(226,54,139); 
    color:#FFF;
    border:0;
    
}

.c-14
{
   background-color:rgb(37,56,131); 
    color:#FFF;
    border:0;
    
}

.c-15
{
   background-color:rgb(38,55,128); 
    color:#FFF;
    border:0;
    
}

.c-17
{
   background-color:rgb(27,157,217); 
    color:#FFF;
    border:0;
    
}

.c-19
{
   background-color:rgb(196,228,230); 
    color:#333;
    border:0;
    
}

.c-20
{
   background-color:rgb(116,198,199); 
    color:#FFF;
    border:0;
    
}

.c-41
{
   background-color:rgb(241,140,4); 
    color:#FFF;
    border:0;

}

.c-50
{
   background-color:rgb(177,185,223); 
    color:#000;
    border:0;

}

.c-78
{
   background-color:rgb(38,153,213); 
    color:#FFF;
    border:0;
    
}

.c-E100
{
   background-color:rgb(101,181,225); 
    color:#FFF;
    border:0;
    
}

.c-111
{
   background-color:rgb(101,18,53); 
    color:#FFF;
    border:0;
    
}

.c-AQ
{
   background-color:rgb(234,81,85); 
    color:#FFF;
    border:0;
    
}

.c-B
{
   background-color:rgb(152,194,42); 
    color:#FFF;
    border:0;
    
}

.c-BL
{
   background-color:rgb(101,158,48); 
    color:#FFF;
    border:0;
    
}

.c-CSP
{
   background-color:rgb(255,205,16); 
    color:#FFF;
    border:0;
    
}

.c-DF
{
   background-color:rgb(150,150,150); 
    color:#FFF;
    border:0;
    
}

.c-JV
{
   background-color:rgb(205,101,23); 
    color:#FFF;
    border:0;
    
}

.c-M
{
   background-color:rgb(235,99,26); 
    color:#FFF;
    border:0;
    
}

.c-P
{
   background-color:rgb(250,241,155); 
    color:#333;
    border:0;
    
}

.c-Q
{
   background-color:rgb(160,199,235); 
    color:#FFF;
    border:0;
    
}

.c-TG
{
   background-color:rgb(208,229,197); 
    color:#333;
    border:0;
    
}

.c-V
{
   background-color:rgb(182,152,199); 
    color:#FFF;
    border:0;
    
}
    
.c-CSS
{
   background-color:rgb(231,188,191); 
    color:#333;
    border:0;
    
}




.l-admin-select
{
    background-color:#FFFFFF; 
    color:#CCC;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}


.l-admin-selected
{
    background-color:#006476; 
    color:#FFF;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.l-admin-select:hover
{
    background-color:#FFFFFF; 
    color:#006476;
    border:0;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}











/* ---------------------------------------------*/
/* --- FORMULAIRES STANDARD / RECLAMATIONS SUGGESTIONS / CANDIDATURE --- */
/* ---------------------------------------------*/


.form-standard
{
    position:relative;
    left:7%;
    width:86%;
    
    
    background-color:rgba(0,100,118,0.25);
    
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}



.suggestions-bloc, .reclamations-bloc, .candidature-bloc /*.form-bloc*/
{
    width:100%;
    height:5vh;
    overflow:hidden;
    
    background-color:rgba(0,100,118,1);
    
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
    

}


.suggestions-bloc-hover /*.form-bloc*/
{
    width:100%;
    height:97vh;
    overflow:hidden;
    
    background-color:rgba(0,100,118,0.25);
    
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}


.reclamations-bloc-hover /*.form-bloc*/
{
    width:100%;
    height:127vh;
    overflow:hidden;
    
    background-color:rgba(0,100,118,0.25);
    
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}


.candidature-bloc-hover /*.form-bloc*/
{
    width:100%;
    height:106vh;
    overflow:hidden;
    
    background-color:rgba(0,100,118,0.25);
    
    -webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}


.form-entete
{
    width:100%;
    height:5vh;
    background-color:rgba(0,100,118,1);
    
    color : #FFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.4vh;
	line-height:5vh;
	text-align : center;
    
    cursor:pointer;
}


form 
{
    /*border:1px solid #006476;*/
    /*background-color:rgba(0,100,118,0.15);*/
    padding-top:1vh;
    padding-bottom:0.5vh;
}




label {
	display:block;
	margin-top:1.4vh;
    margin-bottom:0.4vh;
	letter-spacing:1px;
    
	color : #006476;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.7vh;
	line-height:2.7vh;
	text-decoration : none;
	text-align : center;

}

.label-commentaire {
	display:block;
	opacity:0.6;
    margin-top:-0.6vh;
    margin-bottom:0.6vh;
	letter-spacing:0px;
    
	color : #006476;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.5vh;
	line-height:2vh;
	text-decoration : none;
	text-align : center;

}




/* Style the text boxes */
input, textarea {
	
    
    display:block;
    width:89%;
    left:5%;
    
	background:#FFF;
	border:1px solid #dedede;
	padding-left:3%;
	margin:0 auto;
	
	color : #333;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:2.6vh;
	text-align : left;

	
}

textarea {
	
    display:block;
    
    max-width:89%;  /* éviter extension latérale*/
	max-height:25vh;
    
	height:25vh;
	background-color:#FFF;
    
    overflow-y: scroll;
}

input:focus, textarea:focus {
    border:1px solid #8E417F;
}


#submit {

	width:50%;
	/*height:38px;*/
	margin:0 auto;
	border:none;
	margin-top:5vh;
	cursor:pointer;
 
	color : #FFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.7vh;
	line-height:3.4vh;
	text-decoration : none;
		
	letter-spacing:1px;

	text-align:center;
	
	  
	background-color: #006476;
    
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;

}



#submit:hover
{
	color : #006476;
	background-color: #FFF;

	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	

}



.captcha-box
{
    margin-top:5vh;
    text-align:center; 
    
}

.captcha-pic
{
    height:3.6vh; 
}










/* ---------------------------------------------*/
/* --- PRINCIPAL --- */
/* ---------------------------------------------*/

.principal 
{
	position:absolute;
	
	top:8%;
	height:86%;
    
    z-index:20000;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.principal-fix
{
	position:absolute;
	
	top:8%;
	height:86%;
    
    z-index:20000;

}


.principalleft1
{
 	left:18%;
	width:62%;
    height:86%;
    overflow:hidden;
     
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.principalleft1-fix
{
 	left:18%;
	width:62%;
    height:86%;
    overflow:hidden;
     
}


.principalleft2
{
 	left:0%;
	width:80%;
    height:86%;
    overflow:hidden;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



.principalleft2-fix
{
 	left:0%;
	width:80%;
    height:86%;
    overflow:hidden;
    
}


.principalleft3
{
 	left:18%;
	width:82%;
    height:86%;
    overflow:hidden;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.principalleft3-fix
{
 	left:18%;
	width:82%;
    height:86%;
    overflow:hidden;
    
}


.principalleft4
{
 	left:0%;
	width:100%;
    height:86%;
    overflow:hidden;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.principalleft4-fix
{
 	left:0%;
	width:100%;
    height:86%;
    overflow:hidden;
    

}





.ppal-contenu
{
    padding:2vh 3vh 2vh 3vh;
    height:100%;
    background-color:#FFF;
    
    text-align:left;
    
    overflow-y:scroll;
    
}


.ppal-pic-entete
{
    margin:2vh 0 0vh 0;

}
    

.ppal-pic-entete:hover
{
    opacity:0.8;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    cursor:pointer;
}


.pfirst
{
   
    margin-top:3vh;
}

















/* ---------------------------------------------*/
/* --- SPECIFIK : ACCUEIL --- */
/* ---------------------------------------------*/



.logo-header-accueil
{
    display:none;
    
    
}


.logo-accueil
{
    display:block;
    
    width:100%;
    height:10vh;
    
    padding:1vh 0 4vh 0;
    
    text-align:center;
    
}


.vianavup
{
    display:block;
    text-align:center;

    width:100%; 
    
}


.vianav
{
    display:block;
    
    margin : 0 auto;
    
    width:658px;
    
}


.accueil-logos
{
    display:block;
    
    position:relative;
    
    height:6vh;
    text-align:center;
    
}


.logo-margin{
    margin:0 1.5vw 0 1.5vw;
    vertical-align:middle;
}



.accueil-pave
{
	display : inline-block;

    width:49.6%;
    height:20vh;

    border:0;
    border-radius:10px;

    overflow:hidden;

}

.accueil-pave-pic
{
	display:block;
    position:relative;
    
    top:0;
    left:0;
    
    width:100%;
    height:100%;
    
    overflow:hidden;
    
}

.accueil-pave-titre
{
	display:block;
    position:relative;
    
    width:100%;
    height:5vh;
    top:-5vh;
    
    border:0;
    
    background-color:rgba(1,80,146,0.95);
    
   	color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 1px;
	vertical-align:middle;
    text-align:center;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}


.accueil-pave:hover .accueil-pave-titre 
{
	height:20vh;
    top:-20vh;
    
    line-height:20vh;
    
    background-color:rgba(1,80,146,0.7);
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}



.accueil-pic-cover
{
    width:100%;
    height:20vh;
    overflow: hidden;
    background-size: cover;
    background-position: center center;

}




.slogan-twitter
{
    display:block;
    position:relative;

    background-color:#57C2E4;
    border-radius:10px;
    padding:3vh;
    
    vertical-align:middle;
    
    color:#FFFFFF;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 2vh;
	line-height:3vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : center;
}


.twitter-logo-accueil
{
    height:2.2vh;
    vertical-align:middle;    
}







/* ---------------------------------------------*/
/* --- SPECIFIK : HORAIRES ET PLANS --- */
/* ---------------------------------------------*/



.lignes-bloc
{
    display:block;
    
    position:relative;
    
    margin-top:1vh;
    
    width:100%;
    height:6vh;
    
    /*background-color:#eee;*/
    
 
}



.lignes-bloc-terminus
{
    display:block;
    
    position:absolute;
    
    opacity:1;
    
    left:14%;
    width:81%;  /* padding */

    top:0.5vh;
    
    height:5vh;
    
    padding-right:5%;
    color : #FFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 0px;
    text-align:right;
    
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
    z-index:50000;
}


.lignes-bloc:hover .lignes-bloc-terminus
{
    
    opacity:0;
   
    width:1%;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}



.lignes-item
{
    float:left;
    
    position:relative;
    
    top:0.5vh;
    
    margin-left:2%;
    margin-right:0vw;
    
    /*top:0.2vh;*/
    width:14%;
    height:5vh;
        
    /*color : #CCC;*/
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.8vh;
	line-height:5h;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    
}


.horaire-item
{
    float:left;
    
    display:block;
    
    position:relative;
    
    margin-top:1vh;
    margin-left:2%;
    margin-right:0vh;

    
    /*top:0.2vh;*/
    width:25.5%;
    height:4vh;

    color : #999;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:4vh;
	text-decoration : none;
    letter-spacing: 0px;
    text-align:center;
	
    background-color:rgba(204,204,204,0.3);
    
    -moz-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    
    cursor:pointer;


}


.horaire-item:hover .horaire-pdf
{
    
    height:0;
    top:50%;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.horaire-pdf
{
   
    display:inline;
    margin-right:4%;
    height:56%;
   
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    
}


.ligne-nf
{
    
    display:block;
    
    position:relative;
    
    left:-2vh;
    /*top:-4.9vh;*/
    top:-5.6vh;
    
    /*top:0.2vh;*/
    width:4vh;
    height:4vh;
    
    /*-moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	
    background-color:rgba(255,255,255,1);
    border:1px solid #CCC;*/
}




























/* ---------------------------------------------*/
/* --- SPECIFIK : QUALITE DE SERVICE --- */
/* ---------------------------------------------*/



.pave-NF
{
    display:block;
    
    position:relative;
    float:right;
    
    width:20%;
    padding:0vh 2% 0vh 2%;
    
    /*background-color:#FFF;*/
    
    margin : 0.5vh 0 1vh 3%;   
    
    overflow:hidden;
    
}


.pave-NF p
{
	color:#015092;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.2vh;
	line-height:1.5vh;
	text-decoration : none;
	text-align : justify;
}
















/* ---------------------------------------------*/
/* --- SPECIFIK : RECRUTEMENT --- */
/* ---------------------------------------------*/


.offre
{
    display:block;
    position: relative;
    width:calc(94% - 4vh);
    left:3%;
    padding:1vh 2vh 1vh 2vh;
    border:1px solid #006476;
    background-color:rgba(0,100,118,0.05);
    margin-bottom:1vh;
    margin-bottom:2vh;
    
}