#wrap {
float:left;
    width:100%;	
	/*background-color:aqua;*/

	
}	
#page {
    position:relative;
	width:80%;
	margin:auto;
	background-color:navy;
	
	/*overflow: hidden;*/
}

#bande {
	float:left;
	width:100%;
	background-color:navy;
	height:40px;
}

#bandephoto {
	float:left;
	width:100%;
	background-color:navy;
	height:4px;
}




#texte {
	float:left;
	top:40px;
	width:100%;
	background-color:white;
	
}

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

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



#col {
    float:left;
	width:31%;
	padding:10px;
	/*background-color:white;*/
}

#imgcol1,#imgcol2 {
	float:left;
	bottom:20px;
	width:100%;
	
}
#imgcol2 {
	display:inline;
}

#imgcol1 {
	display:none;
}


#navig
{
	float:left;
	bottom: 1px;
	height:90px;
	width:100%;
	
	text-align:center;
	
}

#bouton {
position:relative;
top:10px;
width:240px;
height:72px;
margin-left:auto;
margin-right:auto;


}
/*
@media screen and (max-width:1200px)
{
 #col {
	width:50%;
	background-color:yellow;

}
	
}
*/

@media screen and (max-width:1200px)
{
 #col {
	width:100%;
	
}
 #page {
	width:100%;
}
#col {
	padding:0px;
}

#imgcol1 {
	display:inline;
}

#imgcol2 {
	display:none;
}

	
}