@charset "utf-8";
/* CSS Document */

body{
	font-family:Calibri;
	margin:0 auto;
	}

#header {
	background:url("Img/Barre.png") no-repeat 0 bottom;
	height:120px;
	}
#logo {
	float:left;
	}

#conteneur{
	position:relative;
	width:924px;
	margin:0 auto;
	}


#menu {
	font-size:24px;
	}
	
#menu a {
	text-decoration:none;
    padding : 0; /* aucune marge intérieure */      
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	color:#000000;
	}
	
#menu li{
	          
      float:left;
      display : inline-block;
      list-stye-type:none;
      width:100px;
      padding:auto;
      line-height:35px;
      position:relative;
      color:black;
      }

#menu li::first-letter{
	color:#0220cb;
	}
	
#menu li:hover:first-letter{
	color:#ea0f0f;
	}	
	
#menu li ul /* Sous-listes */
{		
		
        position: absolute; /* Position absolue */
        width: 190px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		font-size:18px;
		margin-left:-25px;
		background-color:#FFFFFF;
}

#menu li:hover ul li.sfhover ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		background-color:#FFFFFF;
}
 
#menu li:hover ul, li li:hover ul, li.sfhover ul,  li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
      left: auto; /* Repositionnement normal */
}	

.li{
	margin-top:50px;
	margin-left:120px;
	font-size:24px;
}
		
#trait{
	margin-top:80px;
	margin-left:340px;
	position:absolute;
	}

h1{
	text-align:center;
	}
	
#mid{
	margin-top:50px;
	}
	
#gras{
	font-weight:bold;
	}
	
p{
	font-size:18px;
	}
	
#plusbas{
	margin-top:50px;
	}
		
.gras{
	font-weight:bold;
	}
		
.con li{
	list-style:url(Img/puce2.jpg);
	margin-top:30px;
	font-size:18px;
	}

.code li{
	list-style:url(Img/puceC.jpg);
	margin-left:30px;
	font-size:18px;
	}

#txt1{
	float:left;
	width:700px;
	margin-top:40px;
	}

#txt2{
	float:left;
	width:700px;
	margin-top:220px;
	}

#txt3{
	float:left;
	width:700px;
	margin-top:220px;
	}
	
#img1{
	float:right;

	}
	
#img2{
	float:right;
	margin-top:50px;
	}

#img3{
	float:right;
	margin-top:50px;
	}
	
#barre{
	background-color: #0220cb;
	height:2pt;
	width:70%;
	margin-top:1000px;
	margin-left:135px;
	}

#pied{
	margin-left:140px;
	font-size:18px;
	}
	
#pied a {
	text-decoration:none;
    padding : 0; /* aucune marge intérieure */      
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	color:black;
	margin-left:50px;
	}
	
#pied li{   
	  float:left; 
      display : inline-block;
      list-stye-type:none;
      padding:auto;
      line-height:35px;
      position:relative;
      color:black;
      }
	  
#pied li::first-letter{
	color:#0220cb;
	}
	
#pied li:hover:first-letter{
	color:#ea0f0f;
	}	
	
.ptitrait{
	margin-left:50px;
	}