/* Centrage de la page dans la fenêtre du naviguateur */

html {
	font-size: 100%
}

body {
    margin: 0;
	 font-size: 0.8em;
}

/* # FIN # Centrage de la page dans la fenêtre du naviguateur # FIN # */


/* Mise en forme header */
    #header {
	    display: none;
    }
/* # FIN # Mise en forme header # FIN # */      
    
    
/* Mise en forme du menu */
#left {
	display: none;
}
/* # FIN # Mise en forme du menu # FIN # */ 


/* Mise en forme du corps */
#corps {
    margin: 15px;
}

        /* Mise en forme des titres hX */
        #corps h1 {
            font-family: cursive;
            font-size: 1.6em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 8px;
        }

        #corps h2 {
            font-family: cursive;
            font-size: 1.4em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: left;
            margin-top: 20px;
            margin-bottom: 8px;
        }

        #corps h3 {
            font-family: cursive;
            font-size: 1.3em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: left;
            margin-top: 20px;
            margin-bottom: 8px;
            margin-left: 15px;
        }

        #corps h4 {
            font-family: cursive;
            font-size: 1.2em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: left;
            margin-top: 20px;
            margin-bottom: 8px;
            margin-left: 30px;
        }

        #corps h5 {
            font-family: cursive;
            font-size: 1.1em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: left;
            margin-top: 20px;
            margin-bottom: 8px;
            margin-left: 45px;
        }

        #corps h6 {
            font-family: cursive;
            font-size: 1em;
            font-weight: 600;
            font-variant: small-caps;
            color: #008000;
            text-align: left;
            margin-top: 20px;
            margin-bottom: 8px;
            margin-left: 60px;
        }
        /* # FIN # Mise en forme des titres hX # FIN # */
        
        /* Mise en forme des paragraphes */     
        #corps p, div#corps {
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            text-align: justify;
				color: black;
        }
		  
            #corps p.important, span.important {
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
             	font-size: 1.2em;
					font-weight: bold;
             	text-align: justify;
         	   line-height: 1.3em;
             	color: #000099;
            }		
		  
            #corps p.medium, span.medium {
    	         font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
             	font-size: 1.1em;
					font-style: italic;
             	text-align: justify;
             	line-height: 1.3em;
             	color: #0000CC;
            }				  
        
            #corps p .lettrine {
					background-color: #FFFFCC;
					border: 1px solid green;
					float: left;
					font-size: 1.5em;
					font-weight: bold;
					font-family: Georgia, Times New Roman, Times, serif;
					color: #008000;
					margin: 2px;
					margin-top: 4px;
					margin-right: 3px;
					padding: 0.5px;
					padding-left: 2px;
					padding-right: 3px;
					line-height: 1.3em;
				}
				
				#corps .gras {
					font-weight: bold;
				}
				
				#corps .italique {
					font-style: italic;
				}
				
				#corps .souligne {
					text-decoration: underline;
				}
				
				#corps .barre {
					text-decoration: line-through;
				}
				
				#corps .exposant {
					vertical-align: super;
				}
				
				#corps .indice {
					vertical-align: sub;
				}
				
				#corps .surligne {
					background-color: #FFFF88;
					font-weight: bold;
				}
				
				#corps p.center, #corps td.center {
					text-align: center;
				}
				
				#corps p.attention{
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
             	font-size: 1.1em;
					font-weight: bold;
					font-style: italic;
					color: red;
					background-image: url(images/icones/exclamation_triangle_jaune.png);
					background-position: left top;
					background-repeat: no-repeat;
					text-indent: 20px;
				}
				
				#corps p.attention2, tr.attention {
               font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
             	font-size: 1.2em;
					font-weight: bold;
					font-style: italic;
					color: red;
				}
				
				#corps .error {
					font-family: Courier New, Courier, monospace;
					font-style: italic;
					color: red;
				}
				
				#corps .valide {
					font-family: Courier New, Courier, monospace;
					font-style: italic;
					color: green;
				}
				
       		#corps span.titre {
	            font-size: 1.1em;
   	         font-weight: bold;
					text-decoration: underline;
         	   color: #008000;
            	text-align: left;
					margin-top: 20px;
					margin-bottom: 5px;
					display: block;
   	     }		  
		  
		  		#corps span.name {
			  		margin-left: 10px;
					font-weight: bold;
					font-style: italic;
					line-height: 1.3em;
					margin-top: 3px;
					margin-bottom: 3px;
					display: block;
			  }
		  
		  		#corps div.code, div.rendu {
					border: dashed 1px Green;
					padding: 2px;
					background-color: #F5F5F5;
			  }
        /* # FIN # Mise en forme des paragraphes # FIN # */
        
        /* Mise en forme des liens */
        #corps a {
            color: #008000;
            text-decoration: underline;
        }
        
        #corps a:hover {
            color: #008000;
            text-decoration: none;
        }
        
        #corps a:visited {
            color: #000080;
        }
        
        #corps a:active {
            color: #0000CD;
            text-decoration: none;
        }
        /* # FIN # Mise en forme des liens # FIN # */

        /* Mise en forme des listes */
        #corps ul {
            list-style-image: url(images/disk.gif);
            margin: 0px;
            padding-left: 25px;
        }

        #corps ul li, #corps ol li {		  
		      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            text-align: justify;
				line-height: 1.3em;
				color: black;
		  }		
		  
		  #corps ul li, #corps ul {	
     		  	margin-top: 3px;	  
				margin-bottom: 3px;
		  }		
		  
		  #corps ol._I {
		  		list-style: upper-roman;
		  }
		  
		  #corps ol._1 {
		  		list-style: decimal-roman;
		  }
		  
		  #corps ol._A {
		  		list-style: upper-alpha;
		  }
		  
		  #corps ol._a {
		  		list-style: lower-alpha;
		  }
        /* # FIN # Mise en forme des listes # FIN # */
		  
        /* Mise en forme des formulaires */
		  #corps form {
				float: left;
		  }
		  		  
		  #corps form.rapport fieldset {
            padding: 0.8em;
        } 
		  
		  #corps form.rapport input, #corps form.rapport textarea {
		  		margin-top: 5px;
		  		margin-bottom: 25px;
        } 
		  
        #corps form.liste fieldset {
            padding: 0.8em;
				line-height: 1.8em;
        }
		  
		  #corps form.liste label {
            display: inline;
				float: left;
				width: 250px;
        }
        /* # FIN # Mise en forme des formulaires # FIN # */
        
        /* Mise en forme des tableaux */
        #corps table {
            border-collapse: collapse;
        }

        #corps table th {
            border-style: solid;
            border-color: #000000;
            border-width: 1px;
            text-align: center;
            padding: 2px;
            font-family: cursive;
            font-size: 1.1em;
            font-variant: small-caps;
            color: #008000;
        }

        #corps table td {
            border-style: solid;
            border-color: #000000;
            border-width: 1px;
            padding: 5px;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            /*font-size: 0.8em;*/
        }
		  
		  #corps table tr.masquee {
            color: gray;
        }
		  		#corps table tr.masquee a {
                color: gray;
            }
        /* # FIN # Mise en forme des tableaux # FIN # */
		  
        /* Mise en forme des news */
        #corps div.news {
            border: 2px double #006400;
				margin-top: 10px;
            margin-bottom: 10px;
        }

        #corps div.news div.titre {
		      padding: 5px;
            border-bottom: 1px solid #006400;
        }
		  
		  #corps div.news div.titre p {
		      margin: 2px;
				padding-left: 5px;
				color: green;
				font-weight: Bold;
        }

        #corps div.news div.contenu {
		      padding: 5px;
        }
        /* # FIN # Mise en forme des news # FIN # */		  
		  
			#corps form img.smileys {
				cursor: pointer;
				vertical-align: middle;
			}
		  
			#corps img.smileys {
				vertical-align: bottom;
			}
			
			#corps img {
				border: 0 none;
			}
			
			#corps div.preview {
				border: 1px #006400 solid;
				margin: 5px;
				padding: 5px;
			}
			
			#corps p.chemin {
				margin-left: 12px;
				margin-bottom: 25px;
				font-size: 0.9em;
				font-family: "Courier New", Courier, monospace;
			}
			
div.dossier {
	background-image: url(images/icones/dossier.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 100px;
	height: 120px;
	float: left;
	margin: 15px;
	margin-top: 20px;
	padding-top: 5px;
	border: 1px green Solid;
	text-align: center;
}

div.photos {
	float: left;
	margin: 15px;
	border: 1px green Solid;
	text-align: center;
}

.photo {
	width: 120px;
	height: 120px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}

.photo * {
	vertical-align: middle;
}

.photo span {
    display: inline-block;
    height: 100%;
}

#corps p.image_name {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	margin-bottom: 0;
}
		  
#corps div#footer_contenu {
	clear: both;
	margin-top: 120px;
}

#wait {
	font-style: italic;
	color: Red;
	text-align: center;
	float: left;
	margin-left: 200px;
	margin-top: -20px;
}
	  
.case {
	width: 10px;
	height: 10px;
	float: left;
	margin: 1px;
}

.cadre {
	width: 180px;
	height: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #009900;
}
		  
/* # FIN # Mise en forme du corps # FIN # */


/* Mise en forme du footer */
#footer {
    display: none;
}
/* # FIN # Mise en forme du footer # FIN # */