/**********************         Affichage general                    *********************/
  * {margin: 0; padding: 0; }
  
  
  html, body {
  
		height:auto;
  
  }
  
  body {
        font-family : trebuchet ms, arial, sans-serif;
        font-size : 12px;
        margin : auto;
        text-align : center;
	    background :#f2f2f2   url(images/bg_degrade.jpg) repeat-x top;

	 }
	  
	  
     #main {
	
        width : 750px;
        margin : 0 auto;
		font-family : arial;
        color:#3f3f3f;
        text-align : left;
		height:auto;
		
      }
	    
	  .frame{
	  
	  
	  width: 730px;	  
	  border:1px solid #b4b4b4;   
	  padding : 5px;
	  margin-left:5px;
	  
	  }

	  .cadre {
         margin : 3px 3px 0;
         padding : 5px;
         border : 5px solid #b4b4b4;
         color : black;
         background-color : white;
		 height : auto;
         clear: both;
      }
	
	  
	  img {
	  border : none;
	  }
/**********************         Affichage haut de page                   *********************/	  
	  

	  #top {
		
			 margin-left : 12px !important;  
		 margin-left : 13px;
         /*background :  url(images/logo.jpg) no-repeat ; */
		
      }
		  .TopAds {
		width : 728px;
		
		 margin-left : 12px !important;  
		 margin-left : 13px;
		 text-align:center;
      
		
      }

	.bando {
		
		float: left;
		height : 35px;
		width : 730px;
        background :  url(images/title.jpg) repeat-x ;
		padding-top : 9px;
		text-align : center;
		font-weight : bold;
	    font-variant :small-caps;
		font-size : 13px;
	 }

	 .before {
		
		float: left;
	
	   	height : 35px;
		width : 10px;
        background :  url(images/title_l.jpg) no-repeat ;
		
      }
	  
	  .after {
		
		float: left;
		height : 35px;
		width : 10px;
        background :  url(images/title_r.jpg) no-repeat ;
	
		
      }
	  
	
	
  /**********************         Affichage Boites                   *********************/
  
  .BoxTop{	
  
		clear:both;  
		background :  url(images/box_top.gif) no-repeat ;		
		height:10px;
		width :750px;
		font-size:0px;
		}  
  
  
  
   .BoxMiddle{		
		overflow: auto;
		
		background :  url(images/box_mid.gif) repeat-y;
		width :750px;
		height:auto;
		padding:10px;
		text-align:justify;
		
  }
  

  
  
  
     .BoxBottom{
		background :  url(images/box_bot.gif) no-repeat ;
		margin :0px;
		margin-bottom :20px;
		width :750px;
		height:10px;
		font-size : 0px;
		clear:left;
  }
  
 
    /**********************         Affichage Boites                   *********************/
  h2{
  font : 17px trebuchet ms, arial, sans-serif;
  margin : 10px;
  }
  
  h3{
  font : 14px trebuchet ms, arial, sans-serif;
  margin-bottom : 15px;
  }
  
	 .ImgStock{
	  
	  margin:10px; 
	  float:left;
	  padding : 7px;
	  border : 1px solid #4e4eb1;
	  
	  
	  }
	  

  
         #Fleche{
		float: left;
		background :  url(images/fleche.jpg) no-repeat ;
		width : 120px;
		height : 76px;
		margin-top : 12px;
  }
  
        .another{
		float: left;
		background :  url(images/fleche_m.jpg) no-repeat ;
		width : 249px;
		height : 25px;
		margin-top : 12px;
		padding-left: 55px;
		font-size:13px;
  }

	  .liste {
	   border-left : 4px solid #b9b9ff;
		padding : 5px;
		margin-left : 20px;
		clear:both;
	  }
	  
	  
	  
	  .DoubleCol {
	  
	     float : left;
         position : relative;
		
         width : 50%;
         margin-top : 3px;
         padding : 0;
         font-size : 11px;
		 text-align:left;
	
		 
      }   
	  
	  
    	
	   
	  .TripleCol {
	   
         float : left;
         width : 250px;
         margin-top : 5px;
         margin-bottom : 50px;
         padding : 0;
         height : auto;
         text-align:center;
        
		 
      }   
	  


	    .form {
         width : 350px; 
		 background-color : #f2f2f2;
         border : 1px solid #4e4eb1;
         font : 11px trebuchet ms, arial, sans-serif;
		
      }
	  
	  	p.Link input {
        
		 background-color : #f2f2f2;
         border : 2px solid #b9b9ff;
         font : 12px trebuchet ms, arial, sans-serif;
		
		}  
		.bigInput{
		
		width : 600px;
		
		}	.smallInput{
		
		width : 257px;
		
		}
	  
	  
	  .SmallMarginBottom{
	   margin-bottom : 2px;
	  
	  }
	   
	  .LinkTitle{
		float:left;
		width : 80px;
	  
	  }
	  
	  .BigMarginBottom{
	   margin-bottom : 10px;
	  
	  }
	


	   p {
         margin : 0px;
         padding : 0px;
     
		}  

  .erreur {
         font-size : 15px;
         color : red;
         background-color:transparent;
         text-align : center;
      } 

 a.ActForm:link,  a.ActForm:visited,  a.ActForm:hover {
          font-size : 20px;
         color : #ff0000;
         background-color : #f2f2f2;
         text-align : center;
		 font-weight : bold;
      }

	  a.send:link,   a.send:visited,  a.send:hover{
         font-size : 12px;
         background-color : #f2f2f2;
		  font-weight : bold;
         
		  color : #787878;
      }    
	 
	 
	   .info {
         font-size : 12px;
         color : #474747;
         background-color : #f2f2f2;
         text-align : center;
      }    
  em {
        font-family : trebuchet ms, arial, sans-serif;
        font-size : 9px;
        margin : auto;
		color:555555;
		font-style: italic;

	 }
	  
   ul { 	list-style-type:none;
         padding-left : 0px;
         margin-left : 10px;
		 margin-bottom : 10px;
         margin-top : 15px;
      } 

	 li {
        
         padding : 0px;
         margin: 3px;
		font-variant :small-caps;
      }
	

.clear{
clear:both;
}
#xiti-logo{
clear:both;
text-align:center;
}
#foot{
clear:both;

}

#BlocText 	   p {
		font-family : trebuchet ms, arial, sans-serif;
         margin : 20px;
         padding : 0px;
     
		}  
#BlocText  ul {

		padding-left : 30px;
         margin-left : 10px;
		 margin-bottom : 10px;
         margin-top : 15px;
       font-weight : bold;
    
	} 

#BlocText  li {
list-style-type:disc ;

		font-family : trebuchet ms, arial, sans-serif;
       margin-top : 15px;
		font-variant :normal;
      }
	  

#foot ul { margin:0; padding: 0; list-style-type: none; }
#foot li { margin: 10px; padding: 10px; width: auto; float: left ; border-left : 1px solid #b9b9ff; }

     a:link {
         color : #555555;
         text-decoration : none;
         background-color : transparent;
      }
     a:visited {
         color : #555555;
         text-decoration : none;
         background-color : transparent;
      }
     a:hover {
         color : #555555;
         text-decoration : none ;
         background-color : transparent;
		 
      }
	  
	  
	  
	  
	  
	  
	  /* Formulaires */
	  
	     form {
         margin : 0 0 10px;
         padding : 0;
      }
  
   #contact {
         margin : auto;
         font-style : normal;
         padding : 5px;
         border : 0;
		 padding-top : 20px;
      }
	  
   
     #contact p {
         padding : 0.5em 0;
         margin : 0 0 0.5em;
      }
     #contact label {
         float : left;
         width : 25%;
         text-align : right;       
         margin : 0px 10px 0;
		 color : #3b28e7;
		 font-size : 13px;
		  line-height : 0.9;
		font-family : trebuchet ms, arial, sans-serif;
         padding : 3px 3px 0 5px;
      }