body
{
	
	width:1024px;
	height:768px;
	margin: auto;
   	background-image:url("../Ressources/Images/wallpaper.jpg");
   	font-family: Arial;

}

#monCadre {
width:100%;
height:100%;
margin-bottom:10px;
background-image:url("../Ressources/Images/OS.jpg");

}
#menu_nav { 
    margin: 0 ; 
    padding: 10px ;
    padding-left: 35px;
    margin-top: 0; 
    list-style: none ; 
    text-align: center ; 
    }
  
#menu_nav li { 
    display: inline ; 
    }
    
#menu_nav li a { 
    padding: 2px 45px; 
    color: #fff ; 
    font: 1em Helvetica, Arial, sans-serif ; 
    line-height: 1sem ; 
    text-align: right ; 
    text-decoration: none ; 
    }

#imgtop
{
    margin-bottom:-10px;
    margin-top: 15px;
    margin-left:-10px;
    height:300px;
    width:1050px;
}
#imgbottom
{
    margin-right:-4px;
    margin-bottom:-25px;
    float:left;
    height:90px;
    width:1024px;
    margin-top:-0.6%;
}

#logo
{
	margin-left:400px;
    float:left;
    height:100px;
    width:300px;
    margin-top: 20px;
}

#f1,#f2,#f3,#f4,#f5,#f6 {

overflow:hidden;
display:inline-block;

}

#f1,#f3,#f6{float:left}

#f2,#f4 {float:right}

#f1{
	width: 64%;
	height:65%;
	clear:right;

		}

#f2{
	width: 20%;
	height: 65%;
	clear:right;
	}
#f2 table{

	margin-left: 30px;
	margin-top:30px;
	 font-size: 11pt;
	
		}
#f2 td{
	color: white;
	text-align:center;
	padding-bottom:8px;
		}
#f2 td a{
	color: white;

		}
		
#f3{
	width: 63%;
	height:30%
	}

#f3{
	width: 63%;
	height:30%

	}
#f4{
	width:20%;
	height:20%;
	clear:right;

	}


#f6
{
	width:15%;
	height: 65%;

	}

#f1 iframe
{
  margin-top: -250px;
  margin-left: 160px;
  position: absolute;
}

#f1 .plan
{
  margin-top: 40px;
  margin-left: 160px;
  position: absolute;
  color: black;
  font-family: Arial;
  
}
	
#top
{
	margin-left: -45px;
		height: 40px;

}
#top a
{
	color: white;
	font-size: 14px;
}

#top2
{     
	width:100%;
	margin-top: -2px;
	margin-left: -5px;
    font-size: 14.8px;
	}

#top2 a
{
	color: white;
}

    
#top3
{
	width: 100%;
	height:7%;
    margin-top: 40px;

	}
	

#top3 p
{
	color: #FFA500;
	font-size: 25px;
	text-align:center;

	
}


.partage
{
   text-align: center;
   color :white;
}

.partage2
{
	margin-top:100px;
	margin-left: 25px;
   text-align: center;
   color :white;

}

.title

{
	margin-top: 110px;
	margin-left:73px;
	color: #005a99;
	font-size: 12pt;
	position: absolute;	
	}

#f4 .partage2
{
	margin-top:40px;
	 text-align: center;
	 font-size: 11pt;
	}

#f2 .partage2
{
	margin-top:65px;
	 text-align: center;
	 font-size: 11pt;
	}

#f2 a
{
	color: white;
	}
.text2
{
	margin-left:11.5%;
	margin-top:2%;
	font-size: 11pt;
}

.carte
{
	margin-left:15%;
	margin-top:2%;
	font-size: 11pt;
}

.courriel
{
	text-decoration: underline; 
	}

.text1
{

	margin-left:11.5%;
	margin-top:26%;
	font-size: 11pt;
	
}

.partage3
{
	margin-left: 105px;
	margin-right: 5px;	
	margin-top: -55px;
	font-size: 11pt;
	}

#f1 p img { 
padding :  0 0.5em;
}

#f3 p img { 
padding :  0 0.5em;
}

	
#f2 img { 
padding :  0 0em;
float: left;
margin-top: 20px;
margin-left:0px;
width:166px;
height: 40px;
margin-bottom: -10px;
}

#f2 .contact{
margin-top: 20px;
}
	
#f4 img { 
padding :  0 0em;
float: left;
margin-top: 20px;
margin-left:0px;
width:166px;
height: 40px;
margin-bottom: 5px;
}

.titleMenu1
{
	margin-top:34%;
	
	}
a
{
   text-decoration: none;
   color: black;
   font-style: none; 
}

a:hover 
{
   text-decoration: none; 
   color: black;
}

#bottom
{

    margin-top: -40px;
    margin-bottom: 2px;
}

.mention
{
	margin-top: -35px;
   margin-left: 9%;
}

.mention a
{
	color:white;
	}
	
	
.retourIndex
{
   margin-left: 75%;
   margin-top: -85px;
}

.retourIndex a
{
	color:transparent;
	font-size: 60px;
	}