#wrap {
position:relative ;
	width:1175px;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	height:990px;
}
#seppiedpage {
	
	position:absolute;
	bottom: 0px;
	height: 5px;
	width:100%;
	background: red;
}
#piedpage a:link,
#piedpage a:visited,
#piedpage a:focus {
	text-decoration:none;
	color:black;
}


#piedpage {
	 
	position:absolute;
	bottom: 0px;
	height: 15px;
	width:100%;

	text-decoration: none;
	font-size:x-small;
	text-align: right ;
	background: white;
}
#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;
	
}

#neg1 {
	float:left;
	height:172px;
}
#neg2{
    float:left;
    height:172px;
	
}


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

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

#menuexpo {
	width: 700px;
}

#menustrip {
	float:left;
	height:250px;
	width:20%;
	background-color:white;
}

#bouton {
/*position:absolute;*/
float:left;
width:100%;
height: 80px;
background-color:black;
}
#centrebouton {
	position:relative;
	width:80px;
	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:20px;
    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:300px;
	background-color:black;
}

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

	
}
#texte {
	float:left:
}
#titre1 {
	float:left;
}
#titre2 {
	float: right ;
}
#image {
	height:100%;
	width:100%;
}

#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;
}

#message
{  
	float:left;
	width:100%;
	background-color:navy;
	color:silver;
	padding: 20px;
	
}


/*------------------------------------------------- page 'parcours' ------------------*/
#texte1 {
	position:absolute;
	top:80px;
	width:50%;
	height: 450px;
	font-family:Aharoni;
	/*background-color:blue;*/
	
}
#col {
float:left;
	width:30%;
	margin-left: 10px;
	padding-left: 10px;
	background-color:yellow;

}


/*----- page bio -------------*/

@media screen and (max-width: 800px)

{
	#wrap {
	width:100%;
	background-color:green;
	height:auto;

     }
     #col{
	  background-color:aqua;
	  width:90%;
	  padding:10px;
}
#texte{
	
}
 #bd_sup {
	width: 100%;
	float:left;
	position:inherit;
}
#bd_inf{
	width: 100%;
	float:left;
	position:inherit;
}

#neg2 {
	
	visibility:hidden;
}
#menu {
	width:100%;
}
#menu_expo {
	width:100%;
}
	
}
/* --------------- page expositions ----------------------------*/
@media screen and (max-width: 800px)
{
	#wrapexpo {
	width:50%;
   }
}