/* CSS Document */
/* created by Brice BRAUN */
/* April 2007 */

 <style type="text/css">


    body {
    background-color: #FFFFFF;
    background-image:url(http://www.partir-etranger.com/public/images/fond.jpg);
    margin: 0;
    padding: 0px 0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#333333;
     text-align: center;  
	 height: 100%;
    }

    p {    
    text-align: justify;
    }
	
  #global {
    position:relative;
	height: 100%;
    text-align: left;
    margin:0px auto;
    width: 801px;
    padding: 0px;
    background-color: #FFFEF9;
    border-width: 1px;
    border-style: dash;
    }
 
  

    #haut { 
   

    height:auto;
    overflow: visible;
     padding:0px;
    margin:0px;
    }
    #haut #banniere
    { 
	clear: both;
    padding:0px;
    margin:0px;
    height:140px;
    }
  #haut .menuHaut 
    {
    height: 35px;
    position: relative;
    width: 800px; 
	clear: both;
    margin-left: auto;
    margin-right: auto;
     padding: 0 auto;
    
    color: black; 
    padding:0px;
    border-width: 0px 0px 0px 0px;
    border-color: #2A3D39;
    border-style: solid;
   
    }
   #haut  ul  {
  list-style-type: none;
  width: 100%; /* précision pour Opera */
  }
         #haut .menuHaut li {
    float:left;
    }
    
       #haut .menuHaut a {
    display: block;
   
    background: #FFE799;
    margin-top: 10px;
    margin-bottom:0px;
    margin-left: 5px;
    color:#000000;
    text-decoration: none;
        text-align: center;
    font-weight:bold;
    white-space:nowrap;
    min-width:90px;
    padding: 0px 4px 0px 4px;
    height: 20px;
    border: 2px solid black;

    }

    #haut .menuHaut a:hover, #haut .menuHaut a:focus, #haut .menuHaut a:active  {
    text-decoration: none;
    background: #FFF389;
    }

   
 #milieu {
	clear: both;
	height: 100%;
    padding:0px;
    margin:0px;
    margin-top:1px;
    width: 799px;
    border-width: 1px;
    border-style: dash;
    }
    

    #colGauche {
   float: left;
    margin: 0px;
    padding: 0px;
    padding-top:10px;
    }

    #colGauche .conteneur {
    display: block;
    background-color: #FFFFE0;
    border-width: 5px;
    border-color: #2A3D39;
    border-style: double;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    }
    #colGauche .conteneur h1 {
   font-family:arial,sans-serif;
    text-decoration: bold;
    background: #FFE799;
    font-size:14px;
    margin: 0px 1px 2px;
    }
    
     #colGauche .conteneur ul {
     padding:0px;  
    margin: 0px;
     }
    #colGauche .conteneur li {
    margin-bottom: 1px;
    padding:0px;  
    margin-left: 5px;
    list-style: none;
    font-family:arial,sans-serif;
    font-size:13px;
    line-height:14px;
    } 
    #colGauche .conteneur a {
   display: block; 
 
    color:#000000;
  font-weight:normal;
  text-decoration:none;
    white-space:nowrap;
    }

    #colGauche .conteneur a:hover, #colGauche .conteneur a:focus, #colGauche .conteneur a:active  {
    text-decoration: bold;
    background: #FFF389;
    }

    #centre {
    width: 480px;
	height: 100%;
	 background-color: #FFFDDB;
    float:left;
	margin: 0px 10px 0px 10px;
    padding:0px 1px 0px 1px;
    min-height:650px;
       }
	 #centre p {    
    text-align: justify;
    }

    #centre ul
    {
    list-style: circle outside url('http://www.partir-etranger.com/public/images/li_triangle_bleu.gif');
    }
  #centre li {
   text-align: justify;
  margin-left: 15px;
  }
  #centre a {
     color:#00092D;
    font-weight:normal;
    text-decoration:bold;
    white-space:nowrap;
    }

    #centre a:hover, #centre a:focus, #centre a:active, {
    text-decoration: bold underline;
    background: #FFF389;
    }
	
	#centre .navigation 
    {
    height: 35px;
    position: relative;
    width: 480px; 
    margin-left: auto;
    margin-right: auto;
     padding: 0 auto;
    
    color: black; 
    padding:0px;
    border-width: 0px 0px 0px 0px;
    border-color: #2A3D39;
    border-style: solid;
   
    }
  
  #centre .navigation ul {
    list-style: none;
    }
	
    #centre .navigation li {
    float:left;
    }
    
    #centre .navigation a {
    display: inline;
   
    background: #FFE799;
    margin-top: 10px;
    margin-bottom:0px;
    margin-left: 5px;
    color:#000000;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    white-space:nowrap;
    min-width:90px;
    padding: 0px 4px 0px 4px;
    height: 20px;
    border: 2px solid black;

    }

    #centre .navigation a:hover, #haut .menuHaut a:focus, #haut .menuHaut a:active  {
    text-decoration: none;
    background: #FFF389;
    }

	
	
    #colDroite {
	float: right;
       margin:0px 0px 0px 0px;
    width: 150px;
    height: 850px;
     padding:0px;
    padding-top:10px;
    }

    
    #colDroite .conteneur {
     display: block;
    background-color: #FFFFE0;
    border-width: 5px;
    border-color: #2A3D39;
    border-style: double;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    }    
    
  #colDroite .conteneur h1 {
    font-family:arial,sans-serif;
    text-decoration: bold;
    background: #FFE799;
    font-size:14px;
    margin: 0px 1px 2px;
    }
     #colDroite .conteneur ul {
     padding:0px;  
    margin: 0px;
 
  }
      #colDroite li {
     margin-bottom: 1px;
    padding:0px;  
    margin-left: 5px;
    list-style: none;
    font-family:arial,sans-serif;
    font-size:13px;
    line-height:14px;
    }  

    #colDroite .conteneur a {
    display: block;
 
    color:#000000;
  font-weight:normal;
  text-decoration:none;
    white-space:nowrap;
    }

    #colDroite .conteneur a:hover, #colDroite .conteneur a:focus, #colDroite .conteneur a:active  {
    text-decoration: bold;
    background: #FFF389;
    }


    #bas {  
    width: 480px;
	clear: both;
     padding:0px 4px 4px 4px;
    }

#back {

   margin-left:151px;
    margin-right:151px;
    padding-top:0px;

    min-height:650px;
    height: auto !important;

}

  h1 {
  margin: 5px 0px 5px;
  padding: 5px 0px 5px;
    border-width: 5px;
    border-color: #2A3D39;
    border-style: simple;
    list-style: none;

  }
  
   h2  {
  margin: 5px 0px 5px;
  padding: 1px 0px 1px;
    border-width: 5px;
    border-color: #2A3D39;
    border-style: simple;
    list-style: none;

  }
  
  
  
  
 h3, h4, ul {
  margin: 0;
  padding: 0;

  }
  



    #centre h1
    {
     display: block;
      background: #FFDD70;
      margin: 10px 0px 8px ;
   padding: 5px 0px 5px 2px;
    border-width: 2px;
    border-color: #2A3D39;
    border-style: solid;
    list-style: none;  
    font-size: 20px;
      clear: both;
    }
   #centre h2
    {
    display: block;
      background: #FFE799;  
       margin: 5px 0px 5px;
  padding: 1px 0px 1px 2px; 
    border-width: 1px;
    border-color: #2A3D39;
    border-style: solid;
    list-style: none;
     font-size: 16px;
       clear: both;
    }
  #centre h3
    {
          display: block;
      background: #FFE799;  
       margin: 5px 0px 5px;
     padding: 1px 0px 1px 2px; 
    border-width: 1px;
    border-color: #2A3D39;
    border-style: dashed;
    list-style: none;
     font-size: 15px;
       clear: both;
      
    }
 #centre p
    {
    text-align: justify;
    }

    #centre .conteneur {
    padding-top: 0px;
       display: block;  
    }
       #centre .conteneur ul {
       list-style: circle outside url('http://www.partir-etranger.com/public/images/li_triangle_bleu.gif');
    }
    
    

     #centre .conteneur li p {
    padding-top: 0px;
    color: #00092D;
    font-size:12px;
    font-family:Arial,sans-serif;
    margin-top:1px;
      text-align: justify;
    }
     #centre .conteneur a {
    color: #333333;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    text-decoration: underline;
    line-height:15px;
    }

    #centre .conteneur a:hover, #colDroite .conteneur a:active, #colDroite .conteneur a:focus, {
    color: #333333;
    cursor:pointer;
    font-size:12px;
    font-weight:none;
    text-decoration: underline;
    line-height:14px;
     }
    
    #centre .conteneur:after {
    content: ".";
    margin-top:5px;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    } 
    #centre .gauchePub {
    float: left;
    width: 240px;
    }

    #centre .gauche {
    float: left;
    width: 240px;
    }
    #centre .droite {
    float: right;
    width-max: 450px;
    }

    #centre .conteneur .gauche {
    float: left;
    width: 202px;

    }
    #centre .conteneur .droite
    {
    float: left;
    margin-left: 0px;
    width: 250px;
    }
    #centre .conteneur li
    {
      padding-top: 20 px;
    }


    </style>

