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;

}




@media handheld and (orientation: portrait), (max-width: 1100px) and (orientation: portrait), screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 3/4), (orientation: portrait)  {



/* ---------------------------------------------*/
/* --- 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:#015092;
}

.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.6vh;
	line-height:4.2vh;
	text-decoration : none;
    letter-spacing: 0.5px;
    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: 3.3vh;
	line-height:3.8vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : left;
}


h3   /* --- item --- */
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:3.1vh;
	text-decoration : none;
	text-align : justify;
}

 
h4   /* --- intro apres titre principal --- */
{
	 
    color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 2vh;
	line-height:2.7vh;
	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: 2.1vh;
	line-height:2.9vh;
	text-decoration : none;
	text-align : justify;
}


a, a:visited, a:focus, a:hover
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 2.1vh;
	line-height:2.9vh;
	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: 2.1vh;
	line-height:2.7vh;
	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.9vh;
	line-height:2.5vh;
	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.8vh;  /* 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;    
}


.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;
    
    float:none;
    clear:both;
    
    left: 2%;
    width:91%;
    padding:1vh 2% 0vh 2%;
    
    background-color:rgba(1,80,146,0.1);
    
    margin : 1vh 0 1.5vh 0;   
    
    overflow:hidden;
    
}

.pave-texte-largeur-all
{
    display:block;
    
    position:relative;
    
    width:94%;
    padding:1vh 3% 0vh 3%;
    
    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.5vh;
	line-height:2.8vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : left;

}


.pave-texte-droite p, .pave-texte-largeur-all p
{
    color:#000000;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 2vh;
	line-height:2.8vh;
	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:3.1vh;
    
    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.8vh;
    line-height:3.1vh;
	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 : block;
    
    width:95%;
    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:70%;
    top:15%;
    
    width:100%;
    text-align:center;
}


.menu-bt
{
    position:absolute;
	
    height:60%;
    top:20%;
    
    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:72%;
    top:14%;
    
    right:1.9vh;
    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.4vh;
    
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}







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

.menu
{
	display:block;
        
    position:absolute;
	
	left:0;
	width:0%;
    
    padding-top:1vh;

	top:0;
	height:95%;
    
    z-index:200000;
    
    -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
{
	display:block;
        
    position:absolute;
	
	left:0;
	width:0%;
    
    padding-top:1vh;

	top:0;
	height:95%;
    
    z-index:200000;
    
    overflow:hidden;
    
}
    
    
.menusts2
{
	display:block;
        
    position:absolute;
	
	left:0;
	width:100%;
    
    padding-top:2vh;

	top:0;
	height:95%;
    
    z-index:200000;
    
    -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
{
	display:block;
        
    position:absolute;
	
	left:0;
	width:100%;
    
    padding-top:2vh;

	top:0;
	height:95%;
    
    z-index:200000;
    
    overflow:hidden;

}
  
    
    
    
.menu-titre
{
	position:relative;
	
	margin-top:1.5vh;
	margin-bottom:1vh;
    
	width:100%;
	height:6.3vh;
	
	padding-left:0;
	
    background-color:rgba(0, 0 , 0, 0.3);

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


.menu-item
{
	position:relative;
	
	width:100%;
	height:4.3vh;
	
    padding-left:0;
	
	background-color:#015092;

	-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:center;
	
	color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.4vh;
	line-height:4.3vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	vertical-align:middle;
    
    cursor:pointer;

}


.menu-item:hover
{
	color : #FFFFFF;
	background-color: rgba(182, 214, 239, 0.4);

	-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
{
	display : none;
    
    position:absolute;
    bottom:3vh;
    left:5%;
    width:70%;
}










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

.actus
{
	display:block;
    
    position:absolute;
	
	left:100%;
	width:0%;

	top:0%;
	height:95%;
    
    z-index:200000;
    
    -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;
}


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

	top:0%;
	height:95%;
    
    z-index:200000;
    
    
    overflow:hidden;
}

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

	top:0;
	height:95%;
    
    z-index:200000;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


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

	top:0;
	height:95%;
    
    z-index:200000;

}

    
.actus-container
{
	position:absolute;
	
    top:1%;
	height:96%;
    
    padding-bottom:3%;  /* pour pas que le dernier texte colle en bas */ 
}


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


.actus-date
{
	position:relative;
	
	margin-top:0.5vh;
	margin-bottom:1vh;
    
	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: 2vh;
	line-height:2.6vh;
	text-decoration : none;
    letter-spacing: 1px;
	vertical-align:middle;
 
}


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



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

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

}


.actus-titre
{
	position:relative;
	
	margin-top:4vh;
	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);

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


.actus-item
{
	position:relative;
	
	width:79%;
	left:5%;
    height:auto;
    
    padding-left:3%;
    padding-right:8%;
	
	text-align:justify;
	
	padding-left:6%;
	color : #FFFFFF;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 2.2vh;
	line-height:2.9vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	vertical-align:middle;
    
    cursor:pointer;

}


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




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



.actus-lignes-item
{
    display:inline-block;
    
    position:relative;
    
    margin-top:1.4vh;
    margin-left:8px;
    margin-right:8px;
    
    /*top:0.2vh;*/
    height:7vh;
    padding-left:0.8vh;
    padding-right:0.8vh;    

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



.actus-pic
{
    position:relative;
	
	margin-top:0;
	margin-bottom:0.5vh;
    
	width:90%;
	left:5%;
            
    height:auto;
    max-height:30vh;
    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:2.5vh;
	margin-bottom:1vh;
    
    
    width:84%;
	left:8%;
    
    
    display:block;
    height:2.5vh;
    
    text-align:left;
    
    /*background-color:#CCC;*/
    
    color : rgba(0, 0 , 0, 0.6);
	font-family: 'Open_sanssemibold', Arial, sans-serif;
	font-size: 1.9vh;
	line-height:2.5vh;
	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:20%;
	height:60%;
    
    -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:13%;
	height:74%;
    
    -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:none;
    
    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:0vh;
    height:4vh;
    padding-left:0.8vh;
    padding-right:0.8vh;
    padding-top:0;
    padding-bottom:0vh;
    
    margin:1.2vw 1vw 1vw 0vw;
    
    border:0;

    color : #CCCCCC;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.6vh;
	line-height:4vh;
	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-fermeractus
{
        
	display:block;
    
    position:absolute;
	
	left:0;
    top:100%;

    width:100%;
    height:100%;
    
    background-color:#0c4652;

    z-index:200005;
    
    color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.2vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    cursor:pointer;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}


.footer-fermeractus-sts2
{
        
	display:block;
    
    position:absolute;
	
	left:0;
    top:0;

    width:100%;
    height:100%;
    
    background-color:#0c4652;
    
    z-index:200005;
    
    color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.2vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    cursor:pointer;

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

    

.footer-fermermenu
{
        
	display:block;
    
    position:absolute;
	
	left:0;
    top:100%;

    width:100%;
    height:100%;
    
    background-color:#063964;

    z-index:200000;
    
    color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.2vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    cursor:pointer;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}


.footer-fermermenu-sts2
{
        
	display:block;
    
    position:absolute;
	
	left:0;
    top:0;

    width:100%;
    height:100%;
    
    background-color:#063964;
    
    z-index:200000;
    
    color : #FFFFFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.2vh;
	line-height:5vh;
	text-decoration : none;
    letter-spacing: 1px;
    text-align:center;
    
    cursor:pointer;

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

    

    
    
    
    
    
/* ---------------------------------------------*/
/* 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:0;
    width:100%;
    
    
    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*/
{
    position:relative;
    left:0;
    
    width:110%;
    
    width:100%;
    height:5vh;
    overflow:hidden;
    
    background-color:rgba(0,100,118,0.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*/
{
    position:relative;
    left:-5vw;
    
    width:110%;
    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*/
{
    position:relative;
    left:-5vw;
    
    width:110%;
    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*/
{
    position:relative;
    left:-5vw;
    
    width:110%;
    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.8vh;
	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.9vh;
	line-height:2.7vh;
	text-decoration : none;
	text-align : center;

}

.label-commentaire {
	display:block;
	opacity:0.6;
    margin-top:-0.6vh;
    margin-bottom:0.8vh;
	letter-spacing:0px;
    
	color : #006476;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 1.5vh;
	line-height:2.4vh;
	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.8vh;
	line-height:2.6vh;
	text-align : left;

	
}

textarea {
	
    display:block;
    
    max-width:89%;  /* éviter extension latérale*/
	max-height:auto;
    
	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.9vh;
	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:4vh; 
}

    
    
    
    
    
    
    
    

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

.principal 
{
	position:absolute;
	
	/* left:0; */
	/*width:100%;*/
    
	top:8%;
	height:86%;
    
    z-index:20000;

}


.principalleft1
{
    left:0;
    width:100%;
    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:0;
    width:100%;
    overflow:hidden;
    

}
  
    
.principalleft2
{
    left:0;
    width:100%;
    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:100%;
    overflow:hidden;
}

    
.principalleft3
{
    left:0;
    width:100%;
    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:0;
    width:100%;
    overflow:hidden;
}
    

    
.principalleft4
{
    left:0;
    width:100%;
    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%;
    overflow:hidden;
    

}
    
    
    
    
    
.ppal-contenu
{
    padding:2vh 3vh 2vh 3vh;
    background-color:#FFF;

    
   text-align:left;
}


.ppal-pic-entete
{
    margin:2vh 0 1vh 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:block ;
    
    position:relative;
	
    height:70%;
    top:15%;
    
    width:100%;
    text-align:center;
    
}




.logo-accueil
{
    display:none;
    
}


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

    width:100%; 
    
}


.vianav
{
    display:block;
    
    position:relative;
    
    width:658px;
    
    
    
}


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


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







.accueil-pave
{
	display : block;
    
    margin-bottom:1.5vh;
    
    width:100%;
    height:20vh;
    
    border:0;
     
    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;
    padding:3vh;
    
    vertical-align:middle;
    
    color:#FFFFFF;
	font-family: 'Open_sanslight', Arial, sans-serif;
	font-size: 2.3vh;
	line-height:3.6vh;
	text-decoration : none;
    letter-spacing: 0.5px;
	text-align : center;
}


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


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



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



        
    
.lignes-bloc-terminus
{
   
    display:block;
    
    clear:both;
    
    position:relative;
    
    opacity:1;
    
    left:7%;
    width:65%; 
    
    margin-bottom:1.5vh;

    top:0vh;
    
    height:3vh;
    
    padding-right:10%;
    padding-left:10%;
    color : #FFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 1.6vh;
	line-height:3vh;
	text-decoration : none;
    letter-spacing: 0px;
    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;
    

    
    z-index:50000;
}


.lignes-bloc:hover .lignes-bloc-terminus   /* meme chose que sans hover */
{
    
    display:block;
    
    clear:both;
    
    position:relative;
    
    opacity:1;
    
    left:7%;
    width:65%; 
    
    margin-bottom:1.5vh; 

    top:0vh;
    
    height:3vh;
    
    padding-right:10%;
    padding-left:10%;
    color : #FFF;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 2.2vh;
	line-height:3vh;
	text-decoration : none;
    letter-spacing: 0px;
    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;
    

    
    z-index:50000;
   

    
}

    
    
    
.lignes-item
{
    display:block;
    
    clear:both;
    
    position:relative;
    
    top:1.5vh;
    
    left:5%;
    margin-right:0vw;
    margin-bottom:2.5vh;
    
    /*top:0.2vh;*/
    width:85%;
    height:6vh;
        

    /*color : #CCC;*/
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 4.8vh;
	line-height:6h;
	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
{
    display:block;
    
    clear:both;
    
    position:relative;
    
    margin-top:1.7vh;
    left:12.5%;
    margin-right:0vh;

    
    /*top:0.2vh;*/
    width:70%;
    height:5vh;

    color : #999;
	font-family: 'OswaldLight', Arial, sans-serif;
	font-size: 3.4vh;
	line-height:5vh;
	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:-2.5vh;
    /*top:-4.9vh;*/
    top:-7.1vh;
    
    /*top:0.2vh;*/
    width:5vh;
    height:5vh;
    
    /*-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 0.5vh 3%;   
    
    overflow:hidden;
    
}


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

    
    
    
    



}