/****************************/
/*******MAIN CSS***********/
/***************************/

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #333333;
		font-size: 100%;
		font-family: Garamond, Arial, Helvetica, sans-serif;
		color: #000000;
		
		}
		
h2#photo {
    font-size: 20px;
	color: #ffffff;
	}
	
#photo a {
    color: #ffffff;
	}
	
#links  {
    width: 800px;
	height: 30px;
	}
	
#links a {
    color: #ffffff;
	}
	
#number {
   text-align: center;
   color: #ffffff;
   width: 800px;
   }
	
.left {
   float: left;
	 }
.right {
   float: right;
	 }
		
html   {
     font-size: 100%;
	      }

#wrapper {
		width: 1000px;
		min-height: 600px;
		margin: 20px auto;
		background: #ffffff;
		}
		
		
/**********************************/
/*************BANNER*************/
/***************AND***************/
/*************NAVBAR*************/
/**********************************/


/*************Banner**********/
		
#masthead {
        width: 1000px;
		}
		
#logo {
        width: 1000px;
        height: 140px;
		border-bottom: 2px solid #000000;
		}
		
#navigation {
        width: 1000px;
		height: 25px;
		color: #ffffff;
		background: #000000;
		text-align: center;
		}
		
#navigation ul {
     width: 1000px;
     margin: 0px auto;
    font-size: 20px;
      font-weight: bold;
              }
			  
#navigation li {
     display: inline;
	 padding: 20px;
	 }
			  
#navigation a {
     color: #ffffff;
	 }
	 
#navigation a:hover {
     color: #000000;
	 background: #ffffff;
	 }
	 
 span {
    color: #000000;
	background: #ffffff;
	}
	
	
/******************************/
/**********CONTENT***********/
/******************************/
		
#content {
		width: 1000px;
        }
		
/******Center column***/
		
#CenterColumn {
        width: 580px;
		min-height: 490px;
		float: left;
        text-align: center;
		padding: 10px;
		border-right: 1px dotted #000000;
		border-left: 1px dotted #000000;
		}
		
#CenterColumn h1 {
       margin-top: 20px;
	   margin-bottom: 10px;
	   text-align: center;
	   }
	   
#CenterColumn h2 {
       margin-top: 15px;
	   margin-bottom: 10px;
	   text-align: center;
	   }
	   
#CenterColumn p {
      width: 570px;
	  margin: 5px auto;
	  text-align: left;
	  }
	  
#CenterColumn ul {
     text-align: left;
	 margin: 20px;
	 }
	  
#CenterColumn table  {
      margin: 20px auto;
	  
	  }
#CenterColumn td {
      vertical-align: top;
      padding: 5px;
	  }
.gauche {
     text-align: right;
	 }
	 
.droite {
    text-align: left;
}
.spacer {
   padding-top: 12px;
   border-top: 2px solid #000000;
  
}

.thumb  {
    border: none;
}

td.gap {
	width: 100px;
}		
/*****Lefthand column******/
#LeftColumn  {
    width: 199px;
	min-height: 490px;
	margin-top: 20px;
    float: left;
	text-align: center;
}	

#LeftColumn h2  {
       font-size: 20px;
	   margin-bottom: 20px;
	   }
	   
 #LeftColumn h3 {
       font-size: 18px;
	   margin-bottom: 20px;
	   }

	 
 /*****Righthand Column***/
		
#RightColumn {
       width: 199px;
	   min-height: 490px;
	   margin-top: 20px;
	   float: right;
	   text-align: center;
	   
	   margin-bottom: 15px;
	   } 
	   
#RightColumn h2  {
       font-size: 20px;
	   }
	   
#RightColumn p {
     margin-top: 25px;
	 }
	
#RightColumn table {
   width: 150px;
   margin: 0 auto;
   margin-top: 20px;
   border-collapse: collapse;
   
   }
   
#RightColumn td  {
      border: 1px dotted #000000;
	  }
   


/**********************************/
/************FOOTER**************/
/**********************************/



 /************Footer***********/
				
#footer   {
    color: #000000;
	clear: both;
	text-align: center;
	border-top: 2px solid #000000;
	         }