html,body,h1,h2,h3,h4,p,ul,li{margin:0; padding:0}
html{font-size:100%}
body{font-family:Arial,Helvetica,sans-serif;color:#999;background-image:url(index_fond.jpg)}

img{border:0}

a:link,a:visited{color:#ccc;text-decoration:none}
a:hover,a:active{color:#99C46F;text-decoration:none}

h1,invisible{ display:none; }
h2{color:#ccc;font-weight:normal}
h3{color:#99C46F;margin-top:2em;margin-bottom:1em;font-size:1.1em;font-weight:normal}


/*Menu*/
#menu{height:42px; background:url(lin_delpierre.gif) no-repeat right}
#menu ul{list-style-type:none;width:750px;height:42px;position:relative;z-index:100}
#menu li{float:left}
#menu li a{padding:0 20px;float:left;display:block}

#menu li.accueil a:link,#menu li.accueil a:visited{/*Pour le bouton Accueil*/
	color:#99C46F;position:relative;top:9px;margin-left:0;padding-left:0}
#menu li.accueil a:hover,#menu li.accueil a:active{color:#ccc}

#ligne{width:600px;margin:0 90px 0 60px;/*Ne dois pas déborder sur Accueil et le logo*/
	position:absolute;top:12px;/*Pour être centré dans le bloc du menu*/background:url(menu_ligne.gif) repeat-x center center}

/*INDEX*/
#horizon{/*Centrage vertical*/position:absolute;top:50%;left:0;width:100%;height:1px;display:block}
#conteneur_index{/*Positionnement et dimensions pour centrage horizontal et vertical*/
	position:absolute;width:750px;margin-left:-375px;left:50%;height:544px;top:-272px;background:url(index_photo.jpg) no-repeat center center}

#conteneur_menu_index{position:relative;margin-top:247px;/*Environ la moitié de hauteur de la photo pour centrage vertical du menu*/
	font-size:0.8em}

/*BIOGRAPHIE,TEXTES,CONTACT,LIENS*/

#conteneur_menu{/*Conteneur menu*/font-size:0.8em;position:relative;top:25px;margin-bottom:50px;/*Espacement avec la suite*/}
#conteneur_menu a:link,#conteneur_menu a:visited{color:#555}
#conteneur_menu a:hover,#conteneur_menu a:active,#conteneur_menu #actif{color:#ccc}
/*Accueil*/#conteneur_menu .accueil a:link,#conteneur_menu .accueil a:visited{color:#99C46F}

#conteneur_vertical_top{width:750px;margin:25px auto 0 auto;position:relative}/*Pour pages :biographie,portfolio,vidéo,texte,liens,contact, et les affluents (000.html)*/

#texte{font-size:0.8em}
#texte h2{font-size:1em}
#texte ul{margin-left:2em}

#conteneur_vertical_top li,#conteneur_vertical_top p{margin-bottom:.6em}

#bas{/*Contient a.haut*/bottom:20px;position:relative;height:40px}

a.haut{right:0;background:url(haut.gif) no-repeat center center;display:block;position:absolute;font-size:0;padding:10px;height:20px;width:20px}
a.haut span{display:none}/*Cache le lien texte*/

/*Page Portfolio*/
a.affluent:link,a.affluent:visited {font-style:italic;color:#666;text-align:right;display:block;width:8ex;/*Nombre de caractères*/
	left:650px;position:relative;top:-2.6ex;/*Même hauteur que le titre de la série*/font-size:85%}
a.affluent:hover,a.affluent:active{color:#99C46F}

/*PHOTOS*/
#conteneur_photos{/*Modèle : voir  #conteneur_index*/position:absolute;width:750px;margin-left:-375px;left:50%;height:650px;top:-330px;/*Meilleur compromis pour résolution 1024 x 768 px*/}

#conteneur_titre_haut{/*Modèle  :#conteneur_menu*/position:relative;top:25px;margin-bottom:25px;/*Espacement avec la suite*/	height:42px;z-index:0}

#conteneur_titre_haut h2{margin:0; font-size:.8em}

#ligne2{/*Width different de #ligne*/width:750px;background:url(menu_ligne.gif) repeat-x center center;position:absolute;top:11px}

.detail{color:#666;font-style:italic;padding:2em 0}

a.retour{display:block;position:absolute;left:0;top:0;background:url(retour.gif) no-repeat center center;height:20px;width:20px;z-index:100;padding:10px}
a.retour  span{display:none}/*Masquer le nom du lien*/

#photo{text-align:center;height:560px;width:750px}

/*#navigation{position:relative;margin-top:10px;height:25px;padding-left:334px}*/


#navigation{position:absolute;right:0;top:20px}
	
	
.navigation_photos{/*3 conteneur pour boutons de navigation (< / >)*/color:#99C46F;height:25px;width:25px;float:left;text-align:center;line-height:25px;font-size:13px}
.navigation_photos a:link,.navigation_photos a:visited{display:block;height:25px;width:25px;text-align:center;line-height:25px}

span.plus{/*Mise en forme du + sur certaines photos*/text-align:left;color:#99C46F;display:block;font-size:17px;font-weight:bold}

p img{margin:15px}

/*TEXTES*/
.notes{color:#666;padding:2em 0}
.auteur{text-align:right}