/* CSS Document */
body{
background: #F4DDB1;
color:#8C7364;
text-align:left;
padding-top:5px;
font-size:12px;
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;
}
a img{border:none; 
}
img{
border: 1px solid #000000;
}

h3{
font-size:24px;
font-weight:bold;
font-family:"Monotype Corsiva", "Times New Roman", Verdana, "Comic Sans MS", "Courier New", serif;
text-align:center;
background: #F4DDB1;
color:#8C7364;
margin-bottom:40px;
}

h4{
font-size:14px;
font-weight:bold;
font-family:"Lucida Grande", Verdana, sans-serif;
text-align:center;
background: #F4DDB1;
color:#003300;
margin-bottom:40px;
}
p{
text-align:center;
margin-bottom:30px;	
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.paragraphe{
width:280px;
background-color:#F8EBD2;
color:#8C7364;
border-color:#F4DDB1;
border-style:outset;
border-width:thin medium 2em 1em;
margin:auto;
margin-bottom:50px;




}
div{
width:250px;
height:auto;	
margin:auto;
margin-bottom:30px;
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;	
text-align:left;			
}

#fonctions{
width:300px;
height:140px;	
margin:auto;
padding-top:25px;
margin-bottom:30px;
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;
background-color:#F8EBD2;
color:#8C7364;
font-weight:bold;
font-size:12px;	
text-align:left;
border: 2px outset #F4DDB1;  


}

#fonctions1{
width:300px;
height:80px;	
margin:auto;
padding-top:25px;
margin-bottom:30px;
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;

font-weight:bold;
font-size:12px;	
text-align:left;
 


}

	
#incrementer{
width:400px;
height:auto;
margin:auto;
margin-bottom:30px;
font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;	
text-align:left;
}



	
#index{
width:780px;
height:400px;
margin:auto;
margin-bottom:30px;
text-align:left;
}
#bloc1{
width:360px;
height:300px;
background-color:#F8EBD2;
color:#8C7364;
border-color:#F4DDB1;
border-style:outset;
border-width:thin medium 3em 1em;

float:left;

margin-right:10px;
margin-bottom:0px;
padding-top:50px;
}
#bloc2{
width:360px;
height:300px;
background-color:#F8EBD2;
color:#8C7364;
border-color:#F4DDB1;
border-style:outset;
border-width:thin medium 3em 1em;
float:right;
margin-left:10px;
margin-bottom:0px;
padding-top:50px;


}
#index1{
width:660px;
height:250px;
margin:auto;
text-align:left;
margin-bottom:40px;
}
#bloc3{
width:300px;
height:150px;
background-color:#F8EBD2;
color:#8C7364;
float:left;
margin-left:5px;
margin-right:15px;
margin-bottom:0px;
margin-top:40px;
padding-top:40px;
border: 2px outset #F4DDB1;
}
#bloc4{
width:300px;
height:150px;
background-color:#F8EBD2;
color:#8C7364;
float:left;
margin-right:5px;
margin-left:15px;
margin-bottom:0px;
margin-top:40px;
padding-top:40px;
border: 2px outset #F4DDB1;
}

#index2{
width:600px;
height:250px;
margin:auto;
text-align:left;
margin-bottom:40px;
}
#bloc5{
width:250px;
height:150px;
float:left;
margin-left:5px;
margin-right:5px;
margin-bottom:0px;
margin-top:40px;
padding-top:10px;
}
#bloc6{
width:300px;
height:150px;
background-color:#F8EBD2;
color:#8C7364;
float:left;
margin-right:5px;
margin-left:10px;
margin-bottom:0px;
margin-top:40px;
padding-top:40px;
padding-left:20px;
border: 2px outset #F4DDB1;
}
#index3{
width:650px;
height:130px;
margin:auto;
text-align:left;
margin-bottom:40px;
}
#bloc7{
width:450px;
height:100px;
float:left;
background-color:#F8EBD2;
color:#8C7364;
margin-left:0px;
margin-right:10px;
margin-bottom:0px;
margin-top:12px;
padding-top:35px;
border: 2px outset #F4DDB1;
}
#bloc8{
width:150px;
height:100px;
background-color:#F4DDB1;
color:#8C7364;
float:left;
margin-right:0px;
margin-left:10px;
margin-bottom:20px;
margin-top:20px;
padding-top:20px;
padding-left:20px;
}
#index4{
width:270px;
height:136px;
margin:auto;
margin-bottom:40px;
}
#bloc9{
width:136px;
height:134px;
float:left;
}
#bloc10{
width:122px;
height:69px;
float:left;
}

#index5{
width:480px;
height:160px;
margin:auto;
margin-bottom:30px;

}
#bloc11{
width:150px;
height:157px;
float:left;
}
#bloc12{
width:309px;
height:147px;
float:left;
margin-left:20px;
}
.index6{
width:410px;
height:100px;
margin:auto;
margin-bottom:30px;
}
.bloc13{
width:260px;
height:90px;
float:left;
background-color:#F8EBD2;
color:#8C7364;
text-align:center;
border: 2px outset #F4DDB1;  

}
.bloc14{
width:127px;
height:90px;
float:left;
margin-left:10px;
text-align:center;
}

#index7{
width:450px;
height:100px;
margin:auto;
margin-bottom:30px;
}
#bloc15{
width:182px;
height:80px;
float:left;
text-align:center;

 

}
#bloc16{
width:242px;
height:72px;
float:right;
margin-left:10px;
text-align:center;
}

#index8{
width:600px;
height:100px;
margin:auto;
margin-bottom:30px;
}
#bloc17{
width:297px;
height:80px;
float:left;
text-align:center;

 

}
#bloc18{
width:242px;
height:72px;
float:right;
margin-left:10px;
text-align:right;
}

#index9{
width:550px;
height:230px;
margin:auto;
margin-bottom:30px;
}

.bloc19{
width:205px;
height:119px;
float:left;
}

.bloc20{
width:252px;
height:201px;
float:right;
}



#menu a,li{
color:#8C7364;
background:#F8EBD2;
text-decoration:none;

}

#class{
width:650px;
height:180px;
text-align:left;
padding-top:20px;
}
#colonne{
width:360px;
height:200px;
margin:auto;
}

#img{
width:180px;
height:180px;
float:left;
margin-right:10px;
}

#img1{
width:138px;
height:180px;
float:left;
margin-left:10px;
}
#image{
width:760px;
height:120px;
margin:auto;
}
#img2{
width:310px;
height:90px;
float:left;
margin-right:30px;
}
#img3{
width:383px;
height:90px;
float:left;
margin-left:30px;
}

#image1{
width:400px;
height:120px;
margin:auto;
}
#img4{
width:178px;
height:97px;
float:left;
margin-right:10px;
}
#img5{
width:178px;
height:97px;
float:left;
margin-left:30px;
}

a{
color:#006666;
background:#F4DDB1;
text-decoration:none;

}

a:hover{
text-decoration:underline;
}
#menu a:hover{
color:#34563D;
background:#F8EBD2;
text-decoration:none;
}
h5{
width:300px;
margin:auto;
margin-bottom:40px;
background-color:#F8EBD2;
color:#34563D;
text-align:center;
font-size:14px;

}

.nom{
color:#CC3300;
background-color:#F4DDB1;
}


.majuscule{
text-transform:uppercase;
font-size:12px;
}


#mot{
width:760px;
height:228px;
margin:auto;
margin-bottom:50px;



}
.passe{
width:310px;
height:150px;
margin-top:7px;
margin-left:5px;
margin-bottom:0px;
padding-top:60px;
float:left;
background-color:#F8EBD2;
color:#8C7364;
text-align:center;
border: 2px outset #F4DDB1;  

}
.passe1{
width:384px;
height:226px;
margin-right:5px;
margin-bottom:0px;
float:right;
}


#mot1{
width:550px;
height:228px;
margin:auto;
margin-bottom:50px;

}
.passe2{
width:224px;
height:224px;
float:left;
margin-bottom:0px;
}
.passe3{
width:285px;
height:192px;
float:right;
margin-bottom:0px;
}
#mot2{
width:690px;
height:100px;
margin:auto;
margin-bottom:50px;

}
.passe4{
width:391px;
height:94px;
float:left;
margin-bottom:0px;
}
.passe5{
width:272px;
height:92px;
float:right;
margin-bottom:0px;
}

#mot3{
width:640px;
height:210px;
margin:auto;
margin-bottom:50px;

}
.passe6{
width:297px;
height:202px;
float:left;
margin-bottom:0px;
}
.passe7{
width:292px;
height:196px;
float:right;
margin-bottom:0px;
}

#mot4{
width:640px;
height:180px;
margin:auto;
margin-bottom:50px;

}
.passe8{
width:252px;
height:121px;
float:left;
margin-bottom:0px;
}
.passe9{
width:355px;
height:170px;
float:right;
margin-bottom:0px;
}
.saisie{
width:500px;
height:150px;
text-align:left;
background-color:#F8EBD2;
color:#8C7364;
font-weight:bold;
font-size:12px;	
border: 2px outset #F4DDB1;
padding-top:30px; 


}
#graphique{
width:650px;
height:190px;
margin:auto;
margin-bottom:30px;
}
.gra{
width:310px;
height:186px;
float:left;
text-align:left;
background-color:#F8EBD2;
color:#8C7364;
line-height:20px;
border: 2px outset #F4DDB1;

}

.gra1{
width:302px;
height:186px;
float:right;

}