/* CSS Document */

body {
margin: 0;
padding: 0;
/* font-family:Georgia, serif; */
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color : #000;
}

h1
{
font-size: 16px;
padding:0px;
margin:0px;
margin-bottom:20px;
color: #999;
font-weight: normal;
}

h2
{
display:inline;
font-size: 14px;
padding:0px;
padding-left: 20px;
margin:0px;
font-weight: normal;
color: #FFCC99;
background-image: url(images/point.gif);
background-repeat: no-repeat;
background-position: 0px;
}

h3
{
font-size: 15px;
padding:2px;
padding-left: 18px;
padding-right: 18px;
margin:0px;
font-weight: normal;
background-color: #666;
color: #FFF;
}

h5
{
font-size: 16px;
height: 20px;
padding:0px;
padding-left: 20px;
margin:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
color: #F29400;
font-weight: normal;
font-style:italic;
background-image: url(images/point.gif);
background-repeat: no-repeat;
background-position: 0px;
}

.titre_galerie
{
font-size: 15px;
padding:2px;
padding-left: 18px;
padding-right: 18px;
margin:0px;
font-weight: normal;
color: #FFF;
}

.titre {
color: #DDD;
font-weight: bold;
}

.titre_contact
{
font-size: 18px;
padding:0px;
padding-left: 10px;
padding-bottom: 1px;
margin:0px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
color: #F29400;
font-weight: normal;
font-style:italic;
background-color: #333;
}

h4
{
display:inline;
font-size: 14px;
margin-left: -16px;
padding:3px;
padding-left:8px;
padding-right:8px;
font-weight: normal;
background-color: #FFCC99;
color: #000;
}

hr
{
color: #666;
height:1px;
padding: 0;
height: 1px;
padding: 0;
background-color: #666;
border: 0;
}

p{
text-align:justify;
}

td {
vertical-align:top;
margin:0;
padding:0;
}

.txt_td {
padding-left:20px;
width:300px;
}

.size {
font-size:8pt;
}

tr {
margin:0;
padding:0;
}

a {
color: #DDD;
text-decoration: none;
}

a:hover{
color: #F29400;
}

.saumon {
color: #F29400;
}

.rouge {
color: #FF3300;
}

.vert {
color: #00CC00;
}

.blanc {
color: #FFF;
}
#puce {
background-image: url(images/puce.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
padding-left:30px;
padding-top:3px;
margin-top:10px;
margin-bottom:30px;
}

.center {
text-align: center;
}

.decal {
margin-left: 18px;
}

.decal2 {
margin-left: 410px;
}

#mail {
border: none;
margin:0;
padding:0;
}

.pt {
font-size: 10px;
}

.lien_presentation
{
font-size: 12px;
}
.lien_derniere {
font-size: 13px;
margin-left:27px;
padding-left:30px;
background-image: url(images/puce-derniere.jpg);
background-repeat:no-repeat;
background-position: 0px -4px;
}

.titre_prog
{
font-size: 15px;
padding:2px;
padding-left: 18px;
padding-right: 18px;
margin:0px;
font-weight: normal;
background-color: #666;
color: #FFF;
}

.titre1 {
text-decoration: underline;
color: #FFCC99;
}

#fond{
position:absolute;
left: 50%;
width: 933px;
height: 592px;
margin-left: -466px; /* moitié de la largeur */
margin-top: 107px; 
padding:0;
}

#bloc_collectif_intro{
width: 933px;
height:550px;
margin:0px;
padding-top:100px;
background-color: #000;
color: #CCC;
border: 1px solid #CCC;
background-image: url(images/degrade_bas.jpg);
background-repeat:no-repeat;
background-position:0px 320px;
text-align:center;
}

#bloc_collectif_intro img{
border:none;
}

#citation {
margin-top:150px;
}

#bloc_centre_collectif{
width: 933px;
min-height:600px;
margin:0px;
padding:0px;
background-color: #000;
color: #999;
border: 1px solid #BBB;
background-image: url(images/degrade_haut2.jpg);
background-repeat:no-repeat;
}
#titre_collectif {
margin-top:165px;
margin-bottom:0px;
background-image: url(images/puce_orange.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
padding-left:30px;
padding-top:2px;
}

#txt_portfolio {
margin-right:265px;
text-align:justify;
}

#logo_collectif {
position:absolute;
top:-100px;
left:370px;
width:158px;
height:158px;
background-image: url(images/logo_collectif.jpg);
background-repeat: no-repeat;
}


#txt_intro {
width: 300px;
height:400px;
float:left;
margin-top:160px;
padding-left:30px;
padding-top:2px;
text-align:justify;
background-image: url(images/puce_orange.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
color: #AAA;
font-size:14px;
margin-right:230px;
line-height:20px;
}
#txt_intro_photographe {
width: 560px;
height:400px;
float:left;
margin-top:160px;
padding-left:30px;
padding-top:2px;
text-align:justify;
background-image: url(images/puce_orange.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
color: #AAA;
font-size:13px;
margin-right:10px;
line-height:18px;
}
#pres_photographe {
padding:10px;
border-top: #F29400 1px solid;
border-left: #F29400 1px solid;
}

#bloc_membres_photographe {
_width:250px;
height:670px;
padding:0px;
margin-top:175px;
margin-left:630px;
font-size:13px;
margin-right:40px;
line-height:18px;
text-align:justify;
}

#bloc_membres_photographe img{
border:none;
}


#expo_collectif {
margin-top:160px;
margin-bottom:50px;
}

.intro_expo {
padding-left:30px;
padding-top:2px;
text-align:justify;
background-image: url(images/puce_orange.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
color: #AAA;
font-size:13px;
margin-right:30px;
margin-bottom:20px;
line-height:18px;
}
.cadre_expo {
padding:20px;
border-top: #F29400 1px solid;
border-left: #F29400 1px solid;
}

.cadre_expo img {
float:left;
padding-right:30px;
padding-bottom:20px;
}
.titre_expo {
font-size:22px;
margin-bottom:10px;
}



#bloc_membres {
padding:0px;
margin-top:162px;
font-size:15px;
}



#bloc_photographes {
padding-top:20px;
margin-top:10px;
margin-left:520px;
margin-right:40px;
font-size:13px;
border-top: #F29400 1px solid;
border-left: #F29400 1px solid;
}

#bloc_photographes a{
color: #F29400;
text-decoration: none;
}

#bloc_photographes a:hover{
color: #DDD;
}

#bloc_photographes li{
color: #F29400;
list-style-type:none;
margin-bottom:12px;
}



#projet_en_cours {
background-image: url(images/puce_noire.jpg);
background-repeat:no-repeat;
background-position: 0px 6px;
padding:6px 10px 10px 20px;
margin-left:40px;
background-color: #F29400;
color:#333;
text-align:justify;
font-size:13px;
font-style:italic;
}

.titre_projet1 {
color: #FFF;
font-size:16px;
margin-top:50px;
margin-bottom:5px;
letter-spacing:12px;
}

.titre_projet2 {
font-size:18px;
margin-bottom:5px;
}

.titre_photographe {
background-image: url(images/puce_grise.jpg);
background-repeat:no-repeat;
background-position: 0px 2px;
color: #FFF;
padding-left:15px;
font-size:14px;
}




#fond_galerie{
position:absolute;
left: 50%;
width: 933px;
margin-left: -466px; /* moitié de la largeur */
margin-top: 15px; 
padding:0;

}

#texte
{
position:absolute;
width:750px;
top: 100px;
left: 50px;
color: #DDD;
text-align:justify;
}

#texte2
{
position:absolute;
width:870px;
top: 95px;
left: 30px;
color: #DDD;
text-align:justify;
}

#hauteur  {
height:500px;
}

.expo {
margin-left:20px;
min-height: 90px;
_height: 90px;
}
 .expo img {
 border: #DDD 2px solid;
 }
 
#expo {
width: 893px;
margin:0;
padding:0;
margin-top:5px;
margin-left:0px;
min-height: 300px;
_height: 300px;
}
#expo img {
 border: #DDD 2px solid;
 } 
 
#expo2 {
width: 893px;
padding:0;
margin:0;
margin-bottom:30px;
min-height: 250px;
_height: 250px;
}

.largeur {
display:block;
width:172px;
height: 140px;
text-align:center;
float:left;
}
.largeur2 {
display:block;
width:172px;
height: 40px;
text-align:center;
font-size: 12px;
}

.expo2 {
margin-bottom:30px;
}

.jaune {
margin-left:15px;
text-decoration: underline;
color: #FFFFCC;
}

#info {
width:480px;
color: #CCC;
padding: 15px;
text-align:justify;
}

#info img {
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid #FFF;
}

.info_nom {
font-size: 18px;
color: #FFCC99;
font-style:italic;
}

#contact {
margin: 20px;
}

#form {
height:600px;
margin:0;
margin-top: 20px;
}

#form_livre{
margin:0;
margin-top: 20px;
}

fieldset {
margin: 0;
padding: 15px;
border: 1px solid #999;
}

.pages {
text-align:center;
}

.champ1 {
margin-right:40px;
}
.champ2 {
margin-right:83px;
}
.champ3 {
margin-right:19px;
}
.champ4 {
margin-right:80px;
}
.champ5 {
margin-right:74px;
}

#envoyer {
text-align:center;
}

#bloc_bas {
width: 935px;
height: 31px;
font-size: 12px;
margin-bottom:15px;
}

#bloc_menu_haut{
position: absolute;
top:75px;
left:0px;
height: 30px;
color: #fff;
}
#bloc_menu_index{
position: absolute;
top:85px;
left:100px;
height: 30px;
color: #fff;
}

#bloc_menu_bas{
padding-top: 8px;
height: 30px;
font-size: 12px;
padding-left: 180px;
}

#bloc_menu_haut ul, #bloc_menu_haut li , #bloc_menu_index ul, #bloc_menu_index li, #bloc_menu_bas ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family:Georgia, serif;
	font-size: 14px;
	}
#bloc_menu_bas ul{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family:Georgia, serif;
	font-size: 11px;
	}	
	

#bloc_menu_haut li, #bloc_menu_index li, #bloc_menu_bas li{
float: left;
}
#bloc_menu_haut li a,#bloc_menu_index li a { 
margin-right:40px;
color: #fff;
text-decoration: none;
text-align: center;
padding-top: 5px;
}

#bloc_menu_bas li, #bloc_menu_bas li a, #bloc_bas li{ 
margin-right:60px;
color: #fff;
text-decoration: none;
text-align: center;
/* padding-top: 5px; */
}

#bloc_menu_haut li a:hover, #bloc_menu_index li a:hover, #bloc_menu_bas li a:hover, #bloc_bas li a:hover { 
color: #F29400;
}

#sous-menu1 {
position: absolute;
display: none; /* les sous-menus ne sont pas affichés */
margin: 0; /* marges extérieures à 0 */
padding : 0; /* marges intérieures à 0 */
width : 355px; /* largeur des sous-menus par rapport à la boite parent (ici la page)*/
list-style-type: none;
background-color: #000;
border: #DDD 0px solid;
  }

#sous-menu1 li a{
border: #666 1px solid;
width: 170px;
height: 18px;
background-color: #000;
padding:0px;
margin: 0px;
padding-left:5px;
text-align:left;
font-size: 13px;
color: #DDD;
}


#ban_haut{
width: 933px;
height: 103px;
background-image: url(images/ban_haut_new.jpg);
background-repeat: no-repeat;
margin:0px;
padding:0px;
}

#bloc_centre {
height:auto;
margin:0px;
padding:0px;
background-color: #000;
padding-bottom:30px;
color: #DDD;
background-image: url(images/fond_new_page.jpg);
background-repeat: no-repeat;
}

#txt1 {
width: 870px;
text-align:justify;
padding:10px 30px 20px 30px;
}
#txt2 {
width: 870px;
text-align:justify;
padding:0px 0px 20px 30px;
}

p{
text-indent:30px;
}

#liens_index {
margin-left:20px
}

#liens_index  ul{
margin: 0;
padding: 0;
}
#liens_index li{
list-style-type: none;
padding-left: 22px;
color: #FFCC99;
background-image: url(images/point.gif);
background-repeat: no-repeat;
}

#liens_index li a{
text-decoration: underline;
}

#bloc_images {
/* width: 360px; */
margin:0px;
margin-left: 280px;
margin-top:93px;
margin-right: 12px;
margin-bottom:20px;
padding:0px;
}

#bloc_images img {
/* margin: 6px; */
margin:0;
padding:0;
}

#bloc_images a img{
border: #000 1px solid;
}

#bloc_images a:hover img{
border: #FFF 1px solid;
}

#photo_index {
margin:0px;
margin-top: 6px;
}

#photo_index  img{
	border: #FFF 1px solid;
	margin:0px;
	padding:0px;
	margin-top: 6px;
}

.galerie {
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
color: #DDD;
}
.galerie img {
margin-left:15px;
margin-right:15px;
}

.galerie a{
 text-decoration: none;
 margin-bottom: 0px;
 padding:0;
 margin:0;
 color: #DDD;
 }
.galerie a:hover{
 text-decoration: none;
 margin-bottom: 0px;
 padding:0;
 margin:0;
 color: #F29400;
 }
 
 
 #liens {
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
color: #DDD;
}
#liens img {
border:none;
margin-left:15px;
margin-right:40px;
float:left;
}


#liens a{
 text-decoration: underline;
 margin-bottom: 0px;
 padding:0;
 margin:0;
 color: #DDD;
 }
#liens a:hover{
 text-decoration: underline;
 margin-bottom: 0px;
 padding:0;
 margin:0;
 color: #FFCC99;
 }
 
.lien_texte {
width:600px;
text-align: justify;
}
 
#cadre_liens {
width: 851px;
margin:0px;
margin-top: 5px;
padding: 20px;
color:#CCC;
font-size: 13px;
text-align: justify;
border: 1px solid #333;
min-height: 90px;
_height: 90px; /* uniquement interprété par IE */
}
 
 
#new_photos {
width:894px;
margin-top: 40px;
margin-left: 20px;
padding:0;
color: #DDD;
text-align:center;
}
#new_photos img {
margin:5px;
margin-bottom:50px;
border:none;
} 

#new_photos a:hover{
color: #DDD;
} 

#new_photos li {
list-style:none;
margin:0;
padding:0;
}
#new_photos ul{
margin:0;
padding:0;
}
 
#photo {
margin-top: -30px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 0px;
color: #DDD;
}
#photo img {
	border: none;
	margin: 0;
}
 
#ancres_new {
 color : #DDD;
 margin-left: 16px;
 margin-top: 25px;
 margin-bottom: 30px;
 }
 
#ancres_new a {
border:1px solid #666;
padding: 2px 5px 2px 5px;
margin-left:5px;
margin-right:5px;

 }

#grande_photo {
width: 720px;
min-height: 490px;
_height: 490px; /* uniquement interprété par IE */
margin:0px;
text-align:center;
}
#grande_photo dl
{	margin: 0;
	padding: 0;
}
#grande_photo dd
{	margin: 0;
	padding: 0;
}
#grande_photo dt
{
font-style: italic;
margin:0px;
margin-bottom: 11px;
}

#main_image {
width: 600px;
min-height: 490px;
_height: 490px; /* uniquement interprété par IE */
margin:0px;
}

 
#txt_photo {
padding:15px 15px 15px 15px;
color:#CCC;
background-color: #333;
border: 1px dashed #999;
}
#cadre_trait {
padding:15px 15px 15px 15px;
color:#CCC;
background-color: #333;
}

.cadre {
display: block;
padding: 5px;
padding-left: 20px;
background-color: #333;
}

.intro_galerie {
width: 853px;
margin:0px;
margin-top: 5px;
padding: 20px;
color:#CCC;
background-color: #222;
font-size: 13px;
text-align: justify;
}

.cadre_prog {
width: 851px;
margin:0px;
margin-top: 5px;
padding: 20px;
color:#CCC;
font-size: 13px;
text-align: justify;
border: 1px solid #333;
}

#cadre_prog_credits {
width: 849px;
margin:0px;
margin-top: 5px;
padding: 20px;
color:#CCC;
font-size: 13px;
text-align: justify;
border: 1px solid #333;
}

.txt_prog {
display:block;
margin: 20px 20px 40px 0px;
text-align: justify;
}

.txt_prog img{
border: none;
margin: 0px;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 3px;
float:left;
}


#intro_galerie {
margin:0px;
margin-top: 5px;
padding:15px 20px 5px 3px;
color:#CCC;
background-color: #222;
font-size: 13px;
text-align: justify;
min-height: 90px;
_height: 90px; /* uniquement interprété par IE */
}

#intro_galerie img{
margin: 0px;
margin-left: 15px;
margin-right: 20px;
margin-bottom: 3px;
}

#exif{
position:absolute;
left:700px;
top: 835px;
width: 250px;
font-size: 11px;
text-decoration: underline;
}

#telechargement {
width:639px;
color: #CCC;
padding: 5px;
margin-bottom:10px;
border: 1px solid #333;
text-align: center;
}

#telechargement2 {
width:590px;
color: #CCC;
padding: 10px;
margin-bottom:10px;
}

#form_mail {
width:550px;
color: #CCC;
padding: 10px;
margin-bottom:10px;
}

#telechargement img {
margin-left: 10px;
margin-right: 10px;
}

#commentaire {
width:619px;
padding:15px 15px 15px 15px;
color:#CCC;
background-color: #000;
border: 1px solid #333;
margin:0px;
}
 
/* Thumbs photos */
#album {
	position:absolute;
	left:645px;
	top: 201px;
	padding:0px;
	width:275px;
	height:450px;
	border-top: #F29400 1px solid;
	border-left: #F29400 1px solid;
	}

#photo_grande {
	position:absolute;
	top:168px;
	left:30px;
	margin: 0 auto ;
	padding:0;
}

#menu_photo  {
text-align:center;
padding-top:10px;
padding-bottom: 10px;
}

.gallery_demo {
	padding: 5px;
	list-style-type: none ;
 	background:#000;
/* 	border: 1px solid #333 ; */
}
.gallery_demo li {
	display:inline;
	float:left;
	padding:1px;
	margin:0;
	background:none;
}
.gallery_demo li a img {
	margin:0;
	padding:0;
	border: 1px solid #939393 ;
}
.ref{position:absolute;left:20px;top:195px;padding:0;margin:0;}
.caption{position:absolute;left:55px;top:105px;padding:0;margin:0;color: #000;}  /* Titre de l'image */
.nav{margin:0;margin-left:473px;padding:0;padding-top:0px;margin-bottom:5px;clear:both;}

/*POUR GALLERIA */
/* .galleria{list-style:none;width:142px;height:386px;} */
.galleria{list-style:none;width:274px;/* height:577px; */margin:0;}
.galleria li{display:block;width:60px;height:60px;overflow:hidden;float:left;margin:3px;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
/*.galleria_wrapper img{width:600px;} */
* html .galleria li div span{width:400px} /* MSIE bug */
/*FIN GALLERIA */