@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoonf2b1.html?6ovtfx');
  src:  url('fonts/icomoonf2b1.html?6ovtfx#iefix') format('embedded-opentype'),
    url('fonts/icomoonf2b1-2.html?6ovtfx') format('truetype'),
    url('fonts/icomoonf2b1-3.html?6ovtfx') format('woff'), 
	url('icomoon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}



 
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 16, 2021 */




@font-face {
    font-family: 'calistogaregular';
    src: url('calistoga-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html,body {
  padding:0;
  margin:0;
  height:100%;

}


/*! TITRES */

h1 {
font-family: 'calistogaregular', Arial, sans-serif;
font-size:30px;
font-weight:normal;
font-style:normal;
z-index:1;
}

h2 {
font-family: 'calistogaregular', Arial, sans-serif;
font-size:22px;
font-weight:normal;
font-style:normal;
z-index:1;
}

h3 {
font-family:  'open_sansregular', Arial, sans-serif;
font-size:18px;
font-weight:normal;
font-style:normal;
z-index:1;
}

legend {
font-family:  'open_sanssemibold', Arial, sans-serif;
font-size:16px;
font-weight:normal;
font-style:normal;
}


p {
color:#363636;
font-family: font-family: 'open_sansregular', Arial, sans-serif;
font-size:18px;
font-weight:normal;
font-style:normal;
z-index:1;
}

.p_background {
color: #FFFFFF;
background-color:#777777;
font-family: font-family: 'open_sansregular', Arial, sans-serif;
font-size:18px;
font-weight:normal;
font-style:normal;
z-index:1;
}

#PageCentrale {
** margin-left: auto;**
 **margin-right: auto;**
 width: 100%!important;
}


/*! BANDEAU */


#BandeMenuPIADHaut {
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
width: 100%!important;
 height: 180px;
 text-indent: 0px; 
 font-size: 24px;
 background-color: #162A42;
	}
	
#LienRetourPIADFleche{
font-family: 'icomoon';
 display: block;
 position: absolute;
 top: 10px;
 left:40px;
color:#777777; 
  text-decoration:none;
}
#LienRetourPIADFleche:before{
	content: "\eb1d";
}
#LienInfoIcon{
font-family: 'icomoon';
 display: block;
 position: absolute;
 top: 10px;
 right:100px;
color:#777777; 
  text-decoration:none;
}
#LienInfoIcon:before{
	content: "\ea30";
}

#LienRetourPIAD{

 display: block;
 position: absolute;
 top: 10px;
 left:60px;
color:#777777; 
  text-decoration:none;
font-weight: bold;

}
#LienRetourPIAD:hover{
  text-decoration:underline;	
}
#LienInfo{

 display: block;
 position: absolute;
 top: 10px;
 right:60px;
color:#777777; 
  text-decoration:none;
font-weight: bold;
}
#LienInfo:hover{
  text-decoration:underline;	
}
.titrebandeaudiv {
position:relative;
left:22%;
top:0;
 height:60%;
 width:70%;
 
}
.titrebandeau {
font-family: 'open_sansbold', Arial, sans-serif;
color: #FFFFFF;
font-size: 32px;
margin-top:5px;


}

.titrebandeau2 {
font-family: 'open_sans', Arial, sans-serif;
color: #FFFFFF;
font-size: 28px;
margin-top:-60px;


}

.logoUGA {   
  position: left; 
height:30px;
 width:15%; 
   text-align: left;
   margin-left:20px;

   }
   
.Info{
	position:absolute;
	top:50%;
	left:90%;
}
   
#MenuPIAD {
  padding:0;
  margin:0;
  text-align: center;
  font-family: 'open_sansextrabold', Arial, sans-serif;
  font-size:12px;
  color:#FFFFFF;
  background:#777777;
margin-top:-60px;
}




#MenuPIAD ul { 

  padding:0;
  margin:0;
  position: absolute;
  z-index: 1000;
  min-width:100%;
  white-space: nowrap;
  text-align: left;
}

#MenuPIAD li {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li  {
  display:inherit;
}
#MenuPIAD a {
  display:block;
  padding:18px 15px;
  text-decoration: none;
  color:#FFFFFF;
text-transform: uppercase;
}

#MenuPIAD ul li a{
  padding:10px 15px;
}

#MenuPIAD ul li {
  max-height:0;
  overflow: hidden;
transition: 1s; 
  }
  
  
  #MenuPIAD ul ul, #MenuPIAD ul ul ul{
  left:100%;
  top:0;
  overflow: hidden;
  max-width: 0;
  min-width: 0;
transition: 1s all;
}


#MenuPIAD li li li {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li li li li {
  margin-left:1px;
}

#MenuPIAD ul li:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li ul li ul li ul:hover li {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li a,#MenuPIAD li li li:hover a{
    color:#FFFFFF;
	background:#777777;
}

#MenuPIAD li:hover a,  #MenuPIAD li li:hover a, #MenuPIAD li li li li:hover a{
color:#777777;
background:#FFFFFF;
}






































/*! FOOTER */

#FooterPIAD {
 display: block;
/*position: fixed;*/
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 300px;
 text-indent: 0px; 
 font-size: 24px;
 background-color: #162A42;
	}
	
#footerInfo {
font-family: 'open_sansregular', Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
 margin-left: 20%;
  display: block;
position: absolute;
  top: 10px;

}

#footerInfo2 {
font-family: 'open_sansregular', Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
 margin-left: 45%;
position: absolute;
  top: 10px;
}
#footerInfo2B{
font-family: 'open_sansregular', Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
 margin-left: 45%;
position: absolute;
  top: 150px;
}

#footerInfo3 {
font-family: 'open_sansregular', Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;
 margin-left: 70%;
position: absolute;
  top: 10px;
}
.footerTitre{
	font-family: 'open_sansbold', Arial, sans-serif;
color: #FFFFFF;
font-size: 14px;}

.boutonhaut{
	  font-family: 'icomoon';
  border: 1px solid #FFFFFF;  
  font-size: 16px;
  color:#FFFFFF; 
  padding: 5px 10px;
  text-decoration:none;
 margin-left: 90%;
position: absolute;
  top: 25px;
  
}
.boutonhaut:before{
	content: "\ea5e";
}

/*! LIEN HYPERTEXTE */

.lienhypertexte {
	color:#777777;
font-family: 'calistogaregular', Arial, sans-serif;
  font-size: 12px;
line-height:16.8px;

  
}

.lienhypertexte:hover {
	color:#162A42;
	text-decoration:none;
	
}

/*! BOUTON */

.bouton{

  background-color: #777777;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
  font-family: 'open_sansextrabold', Arial, sans-serif;
  margin-right:auto;
  margin-left:auto;
}


a.bouton{
	
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;   
}

a.bouton:hover {
  background-color: #FFFFFF;
  color: #777777;
  border: 1px solid #777777;  
}
.precedent {
	position: absolute;
left: 0;
}
.suivant {
	position: absolute;
right: 0;
}
	

	
	










#MenuPIAD li2 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li2  {
  display:inherit;
}


#MenuPIAD ul li2 a{
  padding:10px 15px;
}

#MenuPIAD ul li2 {
  max-height:0;
  overflow: hidden;

  }
  
  



#MenuPIAD li2 li2 li2 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li2 li2 li2 li2 {
  margin-left:1px;
}

#MenuPIAD ul li2:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li2 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li2 ul li2 ul li2 ul:hover li2 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li2 a,#MenuPIAD li li2 li2:hover a{
    color:#FFFFFF;
	background:#B59CEC;
}

  #MenuPIAD li li2:hover a, #MenuPIAD li li2 li2 li2:hover a{
color:#B59CEC;
background:#FFFFFF;
}



#MenuPIAD li3 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li3  {
  display:inherit;
}


#MenuPIAD ul li3 a{
  padding:10px 15px;
}

#MenuPIAD ul li3 {
  max-height:0;
  overflow: hidden;

  }
  
  



#MenuPIAD li3 li3 li3 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li3 li3 li3 li3 {
  margin-left:1px;
}

#MenuPIAD ul li3:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li3 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li3 ul li3 ul li3 ul:hover li3 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li3 a,#MenuPIAD li li3 li3:hover a{
    color:#FFFFFF;
	background:#f39c10;
}

  #MenuPIAD li li3:hover a, #MenuPIAD li li3 li3 li3:hover a{
color:#f39c10;
background:#FFFFFF;
}




#MenuPIAD li4 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li4  {
  display:inherit;
}


#MenuPIAD ul li4 a{
  padding:10px 15px;
}

#MenuPIAD ul li4 {
  max-height:0;
  overflow: hidden;

  }
  
  



#MenuPIAD li4 li4 li4 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li4 li4 li4 li4 {
  margin-left:1px;
}

#MenuPIAD ul li4:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li4 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li4 ul li4 ul li4 ul:hover li4 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li4 a,#MenuPIAD li li4 li4:hover a{
    color:#FFFFFF;
	background:#db6388;
}

  #MenuPIAD li li4:hover a, #MenuPIAD li li4 li4 li4:hover a{
color:#db6388;
background:#FFFFFF;
}





#MenuPIAD li5 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li5  {
  display:inherit;
}


#MenuPIAD ul li5 a{
  padding:10px 15px;
}

#MenuPIAD ul li5 {
  max-height:0;
  overflow: hidden;

  }
  
  



#MenuPIAD li5 li5 li5 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li5 li5 li5 li5 {
  margin-left:1px;
}

#MenuPIAD ul li5:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li5 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li5 ul li5 ul li5 ul:hover li5 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li5 a,#MenuPIAD li li5 li5:hover a{
    color:#FFFFFF;
	background:#3d82ed;
}

  #MenuPIAD li li5:hover a, #MenuPIAD li li5 li5 li5:hover a{
color:#3d82ed;
background:#FFFFFF;
}




#MenuPIAD li6 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li6  {
  display:inherit;
}


#MenuPIAD ul li6 a{
  padding:10px 15px;
}

#MenuPIAD ul li6 {
  max-height:0;
  overflow: hidden;
 
  }
  
  



#MenuPIAD li6 li6 li6 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li6 li6 li6 li6 {
  margin-left:1px;
}

#MenuPIAD ul li6:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li6 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li6 ul li6 ul li6 ul:hover li6 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li6 a,#MenuPIAD li li6 li6:hover a{
    color:#FFFFFF;
	background:#66d3ff;
}

  #MenuPIAD li li6:hover a, #MenuPIAD li li6 li6 li6:hover a{
color:#3db8ed;
background:#FFFFFF;
}



#MenuPIAD li7 {
  display:inline-block;
  vertical-align: top;
  position: relative;
}

#MenuPIAD li li7  {
  display:inherit;
}


#MenuPIAD ul li7 a{
  padding:10px 15px;
}

#MenuPIAD ul li7 {
  max-height:0;
  overflow: hidden;
 
  }
  
  



#MenuPIAD li7 li7 li7 {
  max-height: inherit;
  margin-left:1px;
}

#MenuPIAD li7 li7 li7 li7 {
  margin-left:1px;
}

#MenuPIAD ul li7:hover ul {
  max-width: 30em;
}

#MenuPIAD li:hover li7 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li7 ul li7 ul li7 ul:hover li7 {
  max-height: 15em;
  overflow: visible;
}


#MenuPIAD li:hover li7 a,#MenuPIAD li li7 li7:hover a{
    color:#FFFFFF;
	background:#0d9e7f;
}

  #MenuPIAD li li7:hover a, #MenuPIAD li li7 li7 li7:hover a{
color:#0d9e7f;
background:#FFFFFF;
}

	

.boutonlien{
border-radius: 10px;
  background-color: #999999;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
  font-family: 'open_sansextrabold', Arial, sans-serif;
  margin-right:auto;
  margin-left:auto;
}


a.boutonlien{
	
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;   
}

a.boutonlien:hover {
  background-color: #FFFFFF;
  color: #999999;
  border: 1px solid #999999;  
}