@charset "UTF-8";
/* CSS Document */

body 
   {
   background: #03060f;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 9px;
   color: #FFFFFF;
   }
   
   
#page
   {
   margin: 0 auto;
   padding: 0;
   width: 960px;
   }
   
   
#header
   {
   background: url('images/titredel.png') no-repeat bottom left;
   height: 60px;
   width: 960px;
   margin: 0 0 0 30px;
   padding: 10px 0 0 0;
   }
   
#menu_nav
   {
   background: url('images/barre_menu.png') no-repeat top left;
   width: 960px;
   height: 93px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   
   }
   
 
 #menu_nav ul {
	list-style: none;
	margin: 0 0 0 7px;
	padding: 0;
} 
 
   

#menu_nav ul li
   {
   list-style: none;
   float: left;
   margin: 0 0 0 0;
   }
   
#menu_nav ul li a
   {
   height: 69px;
   width: 135px;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   display: block;
   background: no-repeat top center;
   line-height: 45px;
   margin: 12px 0 0 0;
   color:#999999;
   }
   
#menu_nav ul li a:hover
   {
   background-position:bottom left;
    
   }
   
   #menu_nav ul li a.accueil
   {
   background-image: url('images/bout_accueil.png');
    
   }
   
   
   #menu_nav ul li a.prestations
   {
   background-image: url('images/bout_presta.png');
    
   }
   
   
   #menu_nav ul li a.references
   {
   background-image: url('images/bout_ref.png');
    
   }
   
   
   #menu_nav ul li a.portfolio
   {
   background-image: url('images/bout_porto.png');
    
   }
   
   #menu_nav ul li a.publications
   {
   background-image: url('images/bout_publi.png');
    
   }
   
   
   #menu_nav ul li a.contacts
   {
   background-image: url('images/bout_contact.png');
    
   }
   
   
   #menu_nav ul li a.liens
   {
   background-image: url('images/bout_liens.png');
    
   }
   
   
 /*----------- MENU NAVIGATION GALERIE ------------*/  
 
 
 #menub_nav
   {
   background: url('images/menub.png') no-repeat top left;
   width: 960px;
   height: 35px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   
   }
   
 
 #menub_nav ul {
	list-style: none;
	margin: 0 0 0 6px;
	padding: 0;
} 
 
   

#menub_nav ul li
   {
   list-style: none;
   float: left;
   margin: 0 0 0 0;
   }
   
#menub_nav ul li a
   {
   height: 25px;
   width: 135px;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   display: block;
   background: no-repeat top center;
   line-height: 25px;
   margin: 5px 0 0 0;
   color:#999999;
   }
   
#menub_nav ul li a:hover
   {
   background-position:bottom left;
    
   }
   
   #menub_nav ul li a.beaute
   {
   background-image: url('images/boutb_beaut.png');
    
   }
   
   
   #menub_nav ul li a.packshot
   {
   background-image: url('images/boutb_pack.png');
    
   }
   
   
   #menub_nav ul li a.concerts
   {
   background-image: url('images/boutb_conc.png');
    
   }
   
   
   #menub_nav ul li a.insolite
   {
   background-image: url('images/boutb_inso.png');
    
   }
   
   #menub_nav ul li a.personalite
   {
   background-image: url('images/boutb_pers.png');
    
   }
   
   
   #menub_nav ul li a.reportage
   {
   background-image: url('images/boutb_repo.png');
    
   }
   
   
  #menub_nav ul li a.panoramique
   {
   background-image: url('images/boutb_pano.png');
    
   }
 
 
 
 
 
 /*----------- FIN MENU NAVIGATION GALERIE ------------*/  
   
 #accueil
   {
   background: url('images/accueil.jpg') no-repeat center;
   height: 653px;
   width: 960px;
   margin: 10px 0 10px 0;
    
   } 
   
   
      
#menu_nav1
   {
   background: url('images/barre_menu.png') no-repeat top left;
   width: 1200px;
   height: 55px;
   padding: 0 0 0 10px;
   }
   
   

#menu_nav1 ul li
   {
   list-style: none;
   float: left;
   }
   
#menu_nav1 ul li a
   {
   height: 55px;
   width: 550px;
   font-size: 16px;
   text-decoration: none;
   text-align: center;
   display: block;
   background: url('images/bout2_large.png') no-repeat top center;
   line-height: 35px;
   color:#999999;
   
   }
   
#menu_nav1 ul li a:hover
   {
   background-position:bottom left;
    
   } 
   
   #contenu_haut
   {
   background: url('images/haut_menu.jpg') no-repeat top center;
   margin: -12px 0 0 0;
   height: 26px;
   width: 1200px;
    
   }   
   
 #contenu
   {
   background: url('images/line_menu.jpg') repeat-y top center;
   padding: 0 0 0 20px;
   color: #FFFFFF;
   font-size:14px; 
   }
   
   
   
   
    
   
 
   
     
 #footer
   {
   background: url('images/footer.png') no-repeat bottom center;
   height: 56px;
   width: 960px;
   margin: 10px 0 0 0;
   text-align: center;
   color: #FFFFFF;
   font-size:12px;  
   }  
   
   
   
   /*--------slider-----------*/
   
   #fond
   {
   background: url('images/fond_contenu.png') no-repeat top center;
   height: 488px;
   width: 800px;
    
   }
   
   
  
   
   #cadre    {
   
   background: url('images/cadre_large.png') no-repeat top;
   height: 403px;
   width: 300px;
   display: block;
   margin: 5px 0 0 0;
   
   float: right;
   font-size: 1.5em;
   text-align: left;
   line-height: 14px;
   padding: 4px 30px 15px 30px;
   
   }
   
   .text {
 
   height: 430px;
   width: 230px;
   margin: 20px 0 0 35px;
   }
   
  
   #mac
   {
   background: url('images/imac.png') no-repeat bottom;
   height: 335px;
   width: 300px;
   float: left;
   margin: 90px 0 0 30px; 
	
	
   } 
   
   #map
   {
   background: url('images/mappe.jpg') no-repeat bottom;
   height: 161px;
   width: 350px;
   float: left;
   margin: 90px 0 0 30px; 
	
	
   } 
   
   
   
    #cam
   {
   background: url('images/prisevu.png') no-repeat bottom;
   height: 292px;
   width: 400px;
   float: left;
   margin: 90px 0 0 30px; 
	
	
   } 
   
   #tele
   {
   background: url('images/teleph.png') no-repeat bottom;
   height: 300px;
   width: 272px;
   float: left;
   margin: 50px 0 0 30px; 
	
	
   } 
   
   
   #logo
   {
   background: url('images/logos.png') no-repeat bottom;
   height: 400px;
   width: 400px;
   float: left;
   margin: 20px 0 0 30px; 
	
	
   } 
   
   
   
	
	/*-------fin slider------*/
	
	/*------Contacts---------*/
	
	
#INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
#SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
#TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror { color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.txtform { color: #ffffff; font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.Style1 {color: #FF0000}
	
	
	/*-----Fin contact-------*/
	
	/*---------Galerie----------*/
	
	
	#galerie
   {
   height: 580px;
   width: 960px;
   float: center;
   margin: 15px 0 70px 16px; 
	
	
   } 
   
   
	#galeriee
   {
   height: 580px;
   width: 960px;
   float: center;
   margin: 15px 0 70px 5px; 
	
	
   } 
	
	
	
	/*---------Fin Galerie--------*/
	
	/*-----cadre-------*/
	
	
	 #cadre-haut
   {
   background: url('images/contenu-h.png') no-repeat center;
   height: 21px;
   width: 800px;
   margin: 0 0 -22px 80px; 
	
	
   } 
	
	
	 #presta
   {
   background: url('images/contenu.png') repeat-y center;
   width: 800px;
   margin: 0 0 0 80px;
   display: block;
	
	
   } 
   
   
    #cadre-bas
   {
   background: url('images/contenu-b.png') no-repeat center;
   height: 184px;
   width: 800px;
   margin: -15px 0 30px 80px; 
	
	
   } 
   
   #cadre-bass
   {
   background: url('images/contenu-b.png') no-repeat center;
   height: 184px;
   width: 800px;
   margin: -20px 0 30px 80px; 
	
	
   } 
   
   .te {
   font-size: 1.3em;
   margin: 20px 35px 0 35px;
   }
   
   .t {
   font-size: 1.5em;
   margin: 20px 35px 0 35px;
   }
	
	/*-------LIENS----------*/
	
 #tit_nav
   {
   height:auto;
   margin: 20px 10px 0 10px; 
   
   }
   
   
   #tit_nav ul li
   {
   list-style: none;

   }
   
#tit_nav ul li a
   {
   height: 28px;
   width: 330px;
   margin: 10px 0 20px 0;
   font-size: 12px;
   text-decoration: none;
   text-align: center;
   display: block;
   background: url('images/titre-texte.png') no-repeat top center;
   line-height: 28px;
   color:#ffffff;
   
   }
   
   
   #tit_nav ul li a:hover
   {
   color:#FF0000;
   
   }
   

	/*-------Fin Liens------*/
	
	/*-----cadre-------*/
	
	
	/*-------Cadres bas------*/


#contenu_bas
   {
   height: 160px;
   width: 960px;
   margin: auto;
    
   }

	
	#cadre_g
   {
   background: url('images/cadre_bas.png') no-repeat bottom;
   height: 130px;
   width: 250px;
   float: left;
   margin: 0 0 0 30px; 
	
	}
	
	
	#cadre_c
   {
   background: url('images/cadre_ba.png') no-repeat bottom;
   height: 130px;
   width: 250px;
   float: left;
   margin: 0 0 0 69px; 
	
	}
	
	.tex {
 
   height: 120px;
   width: 210px;
   margin: 10px 0 0 10px;
   }
	
	#cadre_d
   {
   background: url('images/cadre_bas_p.png') no-repeat bottom;
   height: 130px;
   width: 250px;
   float: left;
   margin: 0 0 0 69px; 
	
	}
	
	

	
	
	/*---fin Cadres bas------*/