* {
	box-sizing:border-box;
}
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
#cadre {
    
	width:80%;
	margin: auto;
	background-color:orange;
	padding-bottom:5px;
	
}

.header {
	text-align:center;
	padding: 32px;
}
.row {
	display: flex;
	flex-wrap:wrap;
	padding: 0 4px;
	
	
}
.column {
	flex:25%;
	max-width:25%;
	padding: 4 4px;
	
}
.column img {
	margin-top:8px;
	vertical-align:middle;
}

#menu {
    position:static;
    width:100%;
	padding :5px;
	background-color:black;
	height:60px;
	
}
#zoom {
	
	transition: transform .2s;
	
}
#zoom:hover
{   background-color:white;
    padding:5px;    
    transform: scale(1.8);
    
}

#bandeau {
    float:left;
	width:100%;
	
}


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

	
}

#negatif
{
	float:left;
	height:180px;
	background-color: green;
	
}


#negatifp2
{
	float:left;
	height:172px;
	/*background-color: green;*/
	
	
}

#photo {
	position:relative;
	left: 0;
	width:100%;		
	padding:3px;
}



#page {

	width:80%;
	margin-left:auto;
	margin-right:auto;
	background-color:orange;
	padding-left:15px;
	padding-top:15px;
	text-align: center;

}

#menuexpo {
	width: 700px;
}

#menustrip {
	float:left;
	height:80px;
	width:250px;
	background-color:blue;
}



#bouton1{
position:relative;

height:72px;
margin-left:auto;
margin-right:auto;

width:100%;
bottom:20px;


}

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

#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 {
	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;
	overflow: hidden;
	/*background-color:black;*/

}
#navi{
 
}
/*------------------------------------------------- page 'parcours' ------------------*/
#texte {
	position:absolute;
	top:80px;
	width:100%;
	height: 450px;
	/*background-color:blue;*/
	
}
#col {
float:left;
	width:30%;
	margin-left: 10px;
	padding-left: 10px;
	/*background-color:yellow;*/

}
@media screen and (max-width:600px)
{
	#colonne {
	width:100%;
}
}