html{  width: 100%;


/*min-height:1800px;*/

 }

@font-face {
	font-family: "decalled";
	src: url('../font/Raleway-Bold.ttf');

}

html{
	 overflow-y: scroll;
	 
	 }
.bouton
{
background-color: #A09D9D;
 padding: .2em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 6px;
 color: #fff;


 text-decoration: none;
 border: none;
  padding-left:5px;
   padding-right:5px;
 }
 
.bouton:hover {
 border: none;
 background: #696969;;
 box-shadow: 0px 0px 1px #777;

}

.champ {
    height:18px;
    width:170px;
		 background-color: #DFDFDF;
 padding: .1em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 6px;
 color: #1F1F1F;

 text-decoration: none;
 border: none;
 padding-left:5px;
}
	 
	 
/*	 #submit {
 background-color: #bbb;
 padding: .5em;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 6px;
 color: #fff;
 font-family: 'Oswald';
 font-size: 20px;
 text-decoration: none;
 border: none;
}

#submit:hover {
 border: none;
 background: yellow;
 box-shadow: 0px 0px 1px #777;
}*/

section#bandeau{
	position:relative;				/* position relative */
    margin: 0 auto;                 /* marge extérieure 0 et alignement centré automatiquement auto */
    /*min-height:250px;               /* hauteur minimum */
  	/*background: url(../img/bandeau.jpg); 
	
background-repeat: no-repeat;
background-position: bottom center; 
	 background-size: cover; 		/* largeur adaptée */
	border: solid 0px #aaa;         /* bordure */
    width:100%;                    /* largeur 1016px*/
	text-align:center;              /* texte centré */
	border-radius:0px;             /* bords arrondis */

	/*color: #FFFFFF;	                /* couleur du texte */

 text-shadow: -1px -1px 0 #000;
/*font-weight: bold;	            /* police en gras */
	/*font-family: fantasy;*/
	font-size: 100px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-family: "decalled";
}

section#bandeau_gvg{
	position:relative;				/* position relative */
    margin: 0 auto;                 /* marge extérieure 0 et alignement centré automatiquement auto */
    min-height:250px;               /* hauteur minimum */
  	
	background: yellow;
background-repeat: no-repeat;
background-position: bottom center; 
	 background-size: cover; 		/* largeur adaptée */
	border: solid 0px #aaa;         /* bordure */
    width:auto;                    /* largeur 1016px*/
	text-align:center;              /* texte centré */
	border-radius:0px;             /* bords arrondis */

	color: #000000;	                /* couleur du texte */
 text-align: center;
 text-shadow: -1px -1px 0 #000;
/*font-weight: bold;	            /* police en gras */
	/*font-family: fantasy;*/
	font-size: 100px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-family: "decalled";
}

ul#menu li {
		display: inline;
		list-style: none; 
	}

ul#menu {
	   	margin: 0 auto;
		border: 0px solid #333;
		border-top-color: #707070;
		background-color: #FFFFFF; 

	    text-align: center;
	    height: auto;
	
		box-shadow: 0 1px 3px #999;
		border-radius: 0px;
    }

ul#menu a {
		display:inline-block;	
		margin:0;
		padding: 0 50px;   						          /* gestion largeur entre les liens */
		text-decoration: none;				 /* on enlève le trait de soulignement des liens */
		color:#707070;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-size: 1em;
		/*height: 36px; */
		line-height: 36px;
	
    }
	
ul#menu a:hover {
		background-color: #B6BDBC;
		color:white;
		text-shadow: -1px -1px 0 #00000;
	}

ul#menu a:focus { 
		background-color: #B6BDBC;
		color:white;
		text-shadow: -1px -1px 0 #000;
	}


body#corps{
		margin: 0 auto;
  width:100%;
		background:#FFFFFF;

	display: inline-block;
}

nav#navigation{
	    position:relative;
		width: auto;
		margin: 0 auto;	
		
}
nav#navigation_orga{
	    position:absolue;
		width: 100%;

		top:0;
}

section#apropos{
  width:500px;
  height:auto;
    position: absolute;
    left: 120px;
    top: 130px;

	
}
section#content{
	position:relative;				/* position relative */
	width: auto;
	max-width: 1600px;
    margin: auto;                 /* marge extérieure 0 et alignement centré automatiquement auto */
padding-top:30px;
 padding-bottom:50px;
 padding-right:80px;
 padding-left:80px;
min-height:300px;               /* hauteur minimum */
    /*background:#9ed4fd;             /* couleur de fond */

top: 0px; 
/*left: 100px;
	border: solid 0px #FFFFFF;         /* bordure */
    
	text-align:justify;              /* texte centré */
	font-weight: bold;	            /* police en gras */
	border-radius:0px;             /* bords arrondis */
	color: #323232;	                /* couleur du texte */
	font: italic 1.2em "Fira Sans", serif;
	
}

                   /* Gérer le pied de document */
  /* footer#pied{
    margin:0 auto;                  /* marge extérieure 0 et alignement centré automatiquement auto */
  /* 	position:relative;              /* position relative */
  /*    bottom: 00px;
    min-height:50px;                /* hauteur minimum */
  /*     color: #BBBCDC;                 /* couleur du texte */
  /* 	border: solid 0px #aaa;         /* bordure */

	/*background: #CCC6AD;            /* couleur de fond */
  /*     min-width:100%;                   /* largeur 1016px  */
  /* 	font-weight: bold;              /* police en gras */
  /* 	text-align:center;              /* texte centré */
   /*    border-radius:0px;             /* bords arrondis */
  /* }*/

img#affiche{
width:300px;
	/*background: url(../img/affiche.jpg); */
	background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center; 
	margin-right:0px;
	margin-left:0px;
	padding:0px;

	padding-left:20px;
	padding-right:20px;

	color:#ABD0FF; 
	float:right;
}

img#affiche:hover{


    display: block;
width:500px;

}
img#affiche_gvg{
width:400px;
	/*background: url(../img/affiche.jpg); */
	background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center; 
	margin-right:0px;
	margin-left:0px;
	padding:0px;

	padding-left:20px;
	padding-right:20px;

	color:#ABD0FF; 
	float:right;
}

img#affiche_gvg:hover{


    display: block;
width:400px;

}


img#banderole_gvg{
width:500px;
	/*background: url(../img/affiche.jpg); */
	background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center; 
	margin-right:0px;
	margin-left:0px;
	padding:0px;

	padding-left:20px;
	padding-right:20px;

	color:#ABD0FF; 
	float:right;
}

img#banderole_gvg:hover{


    display: block;
width:800px;

}

aside#image{
 display: block;



  margin-left: auto;
    margin-right: auto;

 

}

aside#contact{
width:150px;


	margin-right:30px;
	margin-left:30px;
	padding:150px;

	padding-left:100px;
	padding-right:55px;

	color:#ABD0FF; 
	float:right;
}

.Affiche2 {

max-height:220px;

    position: absolute;
    left: 000px;
    top: 100px;
    left: 500px;

}



img#affiche2{


	background-size: 100%;

background-position: bottom left; 


	color:#ABD0FF; 
	float:right;
}

img#affiche2:hover{

background-repeat: no-repeat;
    display: block;
max-height:600px;
	float:right;
}

iframe#myframeapropos {

  width:100%;
   min-height:500px;
  height:auto;
    position: relative;
border:0;
  float: right;

 
}

section#legendeapropos{

  height:50px;
    position: absolute;

    top: 360px;

	
}
section#legendeapropos0{

  height:30px;
    position: relative;



	
}
/*
label#limage_mapapropos0 {

    position: absolute;

    top: -45px;
}
img#image_mapapropos1 {

    position: absolute;
    left: 320px;
    top: -22px
}

label#limage_mapapropos1 {

    position: absolute;
    left: 270px;
    top: -25px
}
img#image_mapapropos2 {

    position: absolute;
    left: 190px;
    top: -22px
	
}
label#limage_mapapropos2 {

    position: absolute;
    left: 120px;
    top: -25px
}
img#image_mapapropos3 {

    position: absolute;
    left: 70px;
    top: -22px
}
label#limage_mapapropos3 {

    position: absolute;
    left: 0px;
    top: -25px
}*/
/*************/
#shakeup, #shakeup2 
{margin:0px auto;
 text-align:center; 


 font-family: Arial;
 font-size:21px;
 line-height:25px;
 padding:10px 15px;

 border:none;
 text-decoration: blink;
 }
 .blink 
 { animation: blink-animation 1.5s steps(1, start) infinite;
  -webkit-animation: blink-animation 1.5s steps(10, start) infinite;
  }
  
  @keyframes blink-animation 
  { to { visibility: hidden; }
  }
  
  @-webkit-keyframes blink-animation 
  { to { visibility: hidden; }
  }