/* Feuille de styles pour les pages patrick-roch.com */

* { padding: 0; margin: 0; }

/* ______________BANDEAU ___________________________ */
#bandeau {
	position: relative;
	color: black;
	background-color: #da0;
	background-image: url(pr_t6.jpg);
	background-attachment : fixed;
	background-repeat: repeat-n;
	background-position: top center;
	padding-top: 25px;
	padding-right: 20px;
	padding-bottom: 90px;
	padding-left: 10px;
}
    #bandeau img {
      background-color: #da0;
      padding: 5px;
      border: 5px solid #da0;;
    }
    #bandeau p {
      position: center;
      top: 10px ;  
      right: 10px;
      font-weight: bold;
      padding: 5px 0 5px 0;
      margin-bottom: 0;
    }
    #bandeau p span {
      color: #d90000; 
    }

/* ______________________ ZONE DE NAVIGATION __________________ */
#zone_de_navigation{ 
  text-align: center;
  color: black;
  background-color: #fc0;
  background-image: none;
  background-repeat: repeat-y;
  background-position: top left; 
  padding: 5px 10px 4px 10px; 
  border-bottom: 1px solid #8c8c8c;
} 
	  #zone_de_navigation ul {
	    margin-bottom: 5;
	  }
    #zone_de_navigation li {
      display: inline;  
      list-style-type: none; 
	    margin: 0 0 0 0;
    }
    #zone_de_navigation a { 
      color: black; 
	    background-color: #fff;
	    padding: 4px 8px 4px 8px; 
	    border: 1px solid #8c8c8c; 
    }
    #zone_de_navigation a:hover ,
    #accueil #navi01 a , 
    #aviation #navi02 a ,
    #perso #navi03 a ,
    #pro #navi04 a ,
		#outils pro #navi05 a ,
    #downloads #navi06 a ,
    #liens #navi07 a ,
    #actus intox #navi08 a
		#private #navi09 a
		#MailXpress #navi10 a
		#progz #navi11 a 
    {
	    text-decoration: none; 
	    color: black; 
	    background-color: white;
	    padding-bottom: 5px; 
	    border-bottom: none; 
	  }
    #zone_de_navigation a:active 
    { 
			text-decoration: none; 
	    color: black; 
	    background-color: white;
	    padding-bottom: 5px; 
	    border-bottom: none;  
    }
    

  /* ___________________ body _____________________*/
body {
        margin-top: 00px;
        margin-left: 00px;
        margin-right: 00px;
        margin-bottom: 00px;
				color: none;
        border: none;
        background-color:#fff;
				width: 999px;
				position: center;
	background-image : url(t6.1.jpg);
	background-repeat : no-repeat;
	background-position : center;
	background-attachment : fixed;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight : bold;


}
/* ___________________ colonne droite _____________________*/
#col_d {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
	color: #ffcc00;
        border: none;
        background-color:#fff;
	background-image : url(fond_d.JPG);
	background-repeat : repeat;
	background-position : center;
	background-attachment : fixed;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight : bold;


}
/* ___________________ colonne gauche _____________________*/
#col_g {
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
	color: #fff;
        border: none;
        background-color:#fff;
	background-image : url(fond_g.JPG);
	background-repeat : repeat;
	background-position : center;
	background-attachment : fixed;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight : bold;


}

/*______________ enveloppe  ___________________________*/
#wrapper {
				 
  color: #000;
	position: center;
  background-color:#da0;
  background-image : none
	
	width: 950px;
  margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

/*______________ container  ___________________________*/
#container { 


	padding: 0 175px 0 110px;  

	margin: 0; 

	position: center;

	}
/*______________ container2  ___________________________*/
#container2 { 


	padding: 0 50px 0 50px;  

	margin: 0; 

	position: center;

	}


/* ____________________ZONE DE TEXTE ___________________ */
#zone_de_texte { 
	  padding-top: 20px ;
	  padding-right: 10px; 
	  padding-bottom: 20px;
	  padding-left: 20px; 
}

/*___________________ images  ________________________*/
  .image_gauche {
	    float:left;
	    padding: 0px;
	    border: 0px solid #da0;
	    margin-right: 10px; 
       margin-bottom: 0px;
	  } 
  .image_centre {
	    
	    padding: 0px;
	    border: 0px solid #fff;
	    margin-right: 0px;
       margin-bottom: 0px;
	  }
 .image_droite {
	    float:right; 
	    padding: 0px;
	    border: 0px solid #fff;
      margin-bottom: 10px;
	    margin-left: 10px;

	  }

/* __________________________  PIED DE PAGE  ___________________ */
#pied_de_page {
  background-color:#fc0;
  padding: 20px;
  padding-top: 10px;
  border-top: 1px solid #8c8c8c; 
  margin-top: 0px; 
}

/*  _____________________  polices  ___________*/
h1 { font-size: 150%; }
h2 {
  font-size: 130%;  
  margin-bottom: 1em;
}

strong {
	font-size: 130%;
	color: red;
}

address {
  text-align: center; 
  font-size: 75%;
  font-style: normal;
  letter-spacing: 2px;
  line-height: 1.5em; 
}

a { text-decoration: none; border: 0px solid #fff; }
a:link { color: #a52a2a;text-decoration: none; border: 0px solid #fff;}
a:visited { color: #ff5500; text-decoration: none;border: 0px solid #fff;}
a:hover, a:focus { text-decoration: none; font-size: 100%; color: #f00; font-weight: bold;border: 0px solid #fff;}
a:active { color: #fff; background-color: #d90000; border: 0px solid #fff;}
.skiplink { display: none; }

p, ol  {         
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ; 
  margin-left: 0; }  
ul { 
  list-style-image:url(pr_mini.jpg);
} 

li { 

  margin-top: 15px ; 
  margin-right: 5px; 
  margin-bottom: 15px; 
  margin-left: 3em;
}

    

/*__________  sa ka maachééé pitêt ___________________ */


/* CSS du menu horizontal */

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:500px;
    }

.menu ul{
    position:absolute;
    display:block;
    width:124px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:124px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #fc0;
    border:1px #fc0 solid;
    color:#000;
    display:block;
    width:120px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
.menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }