#wrap {
position:relative ;
	width:1175px;
	margin-left: auto;
	margin-right: auto;	
	height:990px;
}
#wrapexpo
{
	position:relative ;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	
}

#bandeau {
    float:left;
	width:100%;
	background-color:white;
}

#negatif
{
	float:left;
	height:180px;
	background-color: green;
	
}
#legende
{position:relative;
 top:1px;
 height:20px;
 width:200px;
 background-color:lime;
 display:none;
}


#negatifp2
{
	float:left;
	height:172px;
	/*background-color: green;*/
	
	
}
#menu {
/*font-family:"Courier New", Courier, monospace;*/
font-family:Arial, Helvetica, sans-serif;
font-size:large;
font-weight:bold;

position: relative;
	width:700px;
	top:800px;
}

#menuexpo {
	width: 700px;
}

#menustrip {
	float:left;
	/*height:100%;*/
	width:25%;	
	

}
#menustripx{
	
	float:left;
	width:75%;
	/*height:500px;*/
	background-color:whitew;

	
}

#bouton {
position:fixed;
bottom: 0px;
/*float:left;*/
width:80%;
height: 80px;
background-color:black;
}
#centrebouton {
	position:relative;
	width:160px;
	margin-left: auto;
	margin-right: auto;
	
}
#bd_sup {
  	position:absolute;
  	top:5px;
	width:1173px; 
	margin-right : auto;
	margin-left: auto ;
	height:180px;
	/*background-color:red;*/


}
#bd_inf {
position:absolute;
  	
    bottom:5px;
    width:1177px; 
	margin-right : auto;
	margin-left: auto ;
	height:180px;
	/*background-color:red;*/

	
}
#centre {
    position:absolute;
    top:180px;   
    float:left;
    width:100%;
	margin-left: auto;
	margin-right: auto;
}

#centreExpo {
    /*position:absolute;
    top:200px; */  
    float:left;
    width:100%;
	margin-left: auto;
	margin-right: auto;
	/*height:550px;*/
	background-color:white;
	overflow: hidden;
}

#retour {
	clear:left;
}

#menu {
	float:left;
	width:100%;
	height:80px;
}
#titre {
float:left;
width:100%;
height:100px;

font-family:"Courier New", Courier, monospace;
font-size:xx-large;
font-weight:bold;
/*background-color:fuchsia;*/

	
}
#titre1 {
	float:left;
}
#titre2 {
	float: right ;
}
#image {
	
	width:80%;
	max-height:500px;
	margin:auto;
}

#imaged {
	height:100%;
	width:100%;
	float:right;}

#imageg {
	height:100%;
	width:100%;
	float:left ;
}

	

#carre_g {
    float:left;
	height:390px;
	width:250px;
	/*background-color:yellow;*/
}
#carre_c{
	float:left;
	height:390px;
	width:660px;
	/*background-color:black;*/

}
#centretexte{
	text-align: center;
}
#boxmarche {
	float:left;
	width:100%;
	height:45px;
	/*background-color:red;*/
}
#marche {
	position:relative ;
	width:185px;
	height:45px;
	margin:auto;
	/*background-color:blue;*/
	
}
.bouton {
	float:left;
	width:60px;
	height:40px;	
	font-weight:bold;
}
@media screen and (min-width: 1480px){
  #image{
	width:70%;	
}
}


/*------------------------------------------------- page 'parcours' ------------------*/



#texte {
	margin:10px;
	font-family:Arial, Helvetica, sans-serif	;
	font-size:small;
	background-color:white;	
}
#centretexte A {
	color:blue;
	text-decoration:underline;
}


#col {
float:left;
	width:30%;
	margin-left: 10px;
	padding-left: 10px;
	/*background-color:yellow;*/

}



@media screen and (max-width: 800px){
#wrapexpo {
	width:100%;
}
#centreExpo {
 
 background-color:aqua;
}
#menustrip {
	float:left;	
	width:100%;
	background-color:white;
	

}
#menustripx{	
	float:left;
	width:100%;	
	background-color:white;
}
#texte {
	font-size:small;
}
#image {
	/*float:left;*/
	
}
#bouton {
	
	width: 97%;
}


}