@charset "iso-8859-1";
/* auteur: peyronnet christophe*/
/* Date de création: 18/01/2006 */

/* ============================================================================ */
/*                     Elements et classe communs                    	        */
/* ============================================================================ */

#rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

body.general { 
	background-color: #101010;
	color: rgb(255, 255, 255);
	margin-top: 6px;
	font-family: Times new roman,sans-serif;
}  

#siteweb {
  /* position:relative; */
  display: block;
  border: 2px groove #777777; 
  background-color: #222222;
  width: 950px;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 0px;
}

.visible {
	visibility: visible;
}
.hide {
	visibility: hidden;
}	

.center { margin: 0px; border:0px solid white; text-align:center; }	

h1.titre0 {
	border:0px solid white;
	color: #FFFFFF;
	font-family: Times new roman,sans-serif,Arial;
	font-style: normal;
	font-size: large; 
	font-weight: bold; 
	margin-left: 0px; 
	margin-bottom: 0px;
	text-align: center;
}

.titre1 {
border:0px solid white;
	color: #FFFFFF;
	font-family: Times new roman,Monotype Corsiva;
	font-style: italic;
	margin-top: 1px;
	margin-bottom: 2px;
	text-align:center;
}

.titre2 {
	color: #DDDDDD;
	font-family: Times new roman;
	font-size: x-large; 
	margin-top: 2px;
	margin-bottom: 2px;
	text-align:center;
}

.titre3 {
	font-family: Times new roman,Arial;
	color: #EEEEEE;
	font-weight: normal;
	font-size: large;
	margin: 0px;
}

.titre4 {
  font-family: Times new roman;
  font-weight: bold;
	font-size: x-large;
	margin: 0px;
	border:1px solid #444444;
	background-color: #101010;
}



a.ln_page          { color:#EEEEEE; text-decoration: none;}
a.ln_page:link     { color:#EEEEEE; text-decoration: none;}
a.ln_page:visited  { color:#EEEEEE; text-decoration: none;}
a.ln_page:hover    { color:#EEEEEE; text-decoration: underline;}

#ligne_corps {
  left: 8px;
  margin-top: 0px;
  width: 930px;
  color: #555555;
}


.span_ie {    /* span utilisé pour alignement vertical sous IE (voir plus bas ...)  */
  display:block; 
	width:0px;
	background-color: blue; 
	vertical-align:middle;
	border:0px solid;
}

/* ============================================================================ */
/*   Elements et classe pourhaut_page.html                 				        */

#hautpage {
  /* position: relative;  */
 	display: block;
   border:0px solid white;
	margin-top: 1px;
	margin-left: 2px;
	margin-bottom: 3px;
}

#banniere1 {
  display: inline;
	border: 0px solid white;
	margin-left:30px;
	margin-top:2px;
}
#banniere2 {
  display: inline;
	border: 0px solid white;
}

#hautpage2 {
  border:0px solid #FFFFFF;
	height: 30px;
	margin-left: 15px;
  margin-top:-4px ;
	padding: 0px;
	text-align: center;
}

.hautpage_bt {
	border: 0px solid #FF0000;
	float:left;
	width: 151px; 
	height: 26px;
	margin-left: 1px;
	margin-top: -2px;
	padding: 7px 0px 1px 0px; 
	vertical-align:middle;
	background: url(images/bouton_menu1.gif) no-repeat left;
	/* cursor: hand; */   
}

.hautpage_bt:hover{
	background: url(images/bouton_menu2.gif) no-repeat left;
}

.hautpage_bt a {
	border: 0px solid #FFFFFF;
	padding: 0 21px 0 21px;
	color: #DDDDDD; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 15px; 
	FONT-FAMILY: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none;
}


/* ============================================================================ */
/* ENTETE de galerie_entete.php et liste_articles.php avec titre , boutons retour,prec,suivant et n° de pages 
  ============================================================================= */

#entete {
	border:1px solid #888888;
	font-family: Times new roman;
	color: #EEEEEE;
	font-weight: bold;
	font-size: medium;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	margin-bottom: 0px;
	text-align: center; 
}

#entete img { 
	border:0px;
	padding-left: 5px;
	padding-right: 5px;
	}

.pageno_cur {
	border: 1px solid #EEEEEE;
	width: 20px;
}
.pageno {
	border: 0px solid #EEEEEE;
	width: 15px;
}

  /*============================================================================= */
/*        Elements et classe pour index.php                    				        */
/* ============================================================================ */


.acc_corps {
	display: table;
	border:0px solid red;
  width:945px;
	margin-left: 1px;
	margin-top: 8px; 
}

.acc_corps1 {
	display: block;
  float: left; 
  border:0px solid blue;
	width:410px;
	height:292px;
	margin: 0px;
	margin-left:17px;
	margin-top:4px;
	background-color: #222222;
}

.acc_corps1 a {
  display: block;
  border:1px solid #555555;
	width:394px;
	height:264px; 
}

.acc_corps1 img {
	display: block;
	border:1px solid #333333;
	margin: auto;
	margin-top:5px;
	
}

.acc_corps1 font {
	display: block;
	color: #BBBBBB;
	margin: 0px;
	margin-left: 14px;
	font-weight: bold;
	text-decoration: none;
} 

.acc_corps2 {
	display: block;
  border:0px solid white; 
	margin-left:447px;
	margin-top: 2px; 
  width:475px; 
	color: #EEEEEE;
}

.acc_corps2 h1 {
  margin-bottom: 5px;
}

.acc_corps2 pre {
font-family: Times new roman;
}

#signature {
	color: #EEEEEE;
	font-style: italic;
	text-align:right;
	margin-right:40px;
}

.banniere_img {
  display: block;
  position: relative; 
	width:933px;  
	height:130px;
	border: 1px solid #181818;
	margin: auto;
  margin-top: 5px;
}	

.banniere_img  img {
	border:0px solid white;
}

.copyright {
	width:933px; 
	border:0px solid white;
	text-align: center;
	margin-top: 5px;
	color: #DDDDDD;
}

/* ============================================================================ */
/*   Elements et classe de articles.php                   			        */

#article {
    width:920px;
    border: 1px solid #AAAAAA; 
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #333333;
}

.art_bd1, .art_bd2 {   /* art_bd1 = bandeau avec img à droite ou à gauche, art_bd2 = bandeau à img multiples */
    display:  table;  
	  border: 0px solid red;
	  color:#FFFFFF;
	  margin: auto;
	  margin-top:8px;
	  margin-bottom:10px;
	  padding:0px;
	  height:214px;   /* Pour IE6 !! */
}

/* bloc texte de l'article */
.art_bd_txt {    /* conteneur */
    display: table; 
    float: left; 
    padding-left:30px;
    padding-right:20px;
    width: 500px;
    border: 0px solid green; 
    text-align: left;
    margin: 0px;
    height:210px; 
}

.art_bd_txt2 {   /* div interieur à coté du <span> */
  display:inline; 
	vertical-align:middle;
  border:0px solid red;
}

/* le code ci-dessous rebascule les display à table-cell pour les navigateur qui le comprennent (sauf IE !!) */
/* cela permet , couplé avec vertical-align:middle d'aligner verticalment des elements.                      */
.art_bd_txt   .art_bd_txt2 , .art_bd_txt   .span_ie {
	display:table-cell;    /* pour autres navigateurs que IE  */
}

font.art_titre {
    font-family: sans-serif, Times new roman;
	  font-weight: bold;
    font-size: large;  
}

font.art_publ {
    font-family: Times new roman;
    font-style: italic;
}

/* ============================================================================ */
/*   Elements et classe communs à galerie.php  et articles.php      		        */	
.galerie_vig { 
    display: block;
    float: left; 
    margin-left:14px;
	  margin-top:20px; 
 }

.galerie_vig_ln {
  display: block;
  border:0px solid red; 
  text-decoration: none; 
}

.galerie_vig_fr, .galerie_vigpano_fr {
  display: table-cell;  
  border:1px solid #444444; 
  background-color: #111111;
  width: 210px;
	height:210px; 
  text-align: center;  
  vertical-align: middle;
  cursor: pointer;   
}

.galerie_vig_fr:hover,.galerie_vigpano_fr:hover   {   border:1px solid #777777; } 

.galerie_vigpano_fr {
  width: 436px;
}

.galerie_vig_fr div,.galerie_vigpano_fr div{
  display: block; 
  border:0px solid blue; 
  padding:0px;
}

.galerie_vig_fr img,.galerie_vigpano_fr img {
  border:1px solid #AAAAAA; 
}

.galerie_vig_fr font,.galerie_vigpano_fr font {
  border:0px solid white; 
  font-weight: bold;
	color: #DDDDDD;
	text-decoration: none;
	font-size: large;
	font-weight: normal;
}

/* ============================================================================ */
/*   Elements et classe de galerie.php              					        */

.galerie_planche {
	display: block; /* permet que hauteur de la div = pos Y du dernier element enfant de la div. */
  width: 930px;  
  height: 680px; 
  border:0px solid blue;
  margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px; 
	padding-bottom: 15px; 
}

.galerie_ligne {  
  display:block; 
  width:929px;
  height:226px;
  margin-top: 15px;
  border:1px solid red;
}


#galerie_titre {
	margin-top: 2px;
	margin-bottom: 0px;
	border: 0px solid white;
}
	
/* ============================================================================ */
/*   Elements et classe de aff_vignettes.php           ctl le 14/11/2009    					        */	
	
.planche_thumbs,.planche_thumbspano {
	display: table; /* permet que hauteur de la div = pos Y du dernier element enfant de la div. */
  width: 900px;   
  border:0px solid blue;
  margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px; 
	padding-bottom: 15px; 
}

.ligne_thumbs {  
  display:block; 
  width:899px;
  height:232px;
  margin-top: 26px;
  border:0px solid red;
}
		
.frame_thumbs {
  display: block;  
  float: left; 
  margin-left:34px;      
	margin-top:1px;  
	border:0px solid blue; 
	text-align: center;  
}	

.frame_thumbs2,.frame_thumbs2pano  {	
  display: table-cell;   
  text-align: center;  
  vertical-align: middle;  
  border:1px solid #444444;  
  background-color: #101010;
  width: 230px;
	height:230px;
	margin-bottom:1px;
}

.frame_thumbs2pano {   width: 496px; }
.planche_thumbspano .frame_thumbs2pano {  width: 413px;  }

.frame_thumbs2 img,.frame_thumbs2pano img {
  border:1px solid #AAAAAA; 
  vertical-align: middle;  
}

.frame_thumbs2:hover       {   border:1px solid #777777; } 
.frame_thumbs2pano:hover   {   border:1px solid #777777; } 

	
/* ===> pour l'affichage du cadre photo      */
.fr_photo {
  position:absolute;
  border:1px solid #777777;
  background-color: #222222;
  width:1px;
	height:1px;
	top: 1px;
	left: 1px;
  visibility: hidden;
  text-align: center;
}

.fr_photo td {
  border:1px solid #FFFFFF;
  font-style: italic;
	font-weight: normal;
}

.fr_photo_leg {
  font-style: normal;
  font-weight: bold;
}

.fr_photo_img {border: 2px solid #FFFFFF;	   }

#fr_photo_tempimg {
position: absolute; 
top: 1px;
left: 1px;
visibility:hidden; /*display:none; */ 
}

	
/* ============================================================================ */
/*   Elements et classe de aff_photo.php                			        */

body.diapo { 
  margin:2px; 
	background-color: #101010;
	color: rgb(255, 255, 255);
}  

#entete_diapo2 {
	border:1px solid #888888;
	/* margin-left: 130px; */
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	padding:2px;
	width: 550px;
	/* color: #DD8833; */
}

#entete_diapo2 img,#entete_diapo2 font,#entete_diapo2 .ln {
	color: #EEEEEE;
	margin-left:12px;
	margin-right:12px;
	vertical-align: middle;
	border: 0px;
}

#entete_diapo2 img {
  width:28px;
  height:28px;
}

#diapo_frame {
	display:table; 
  border: 1px solid #444444;
	background-color: #000000;
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 30px;
	padding-left: 80px;
	padding-right: 80px;
}

#diapo_frame img{
  border: 2px solid #FFFFFF;
  margin: 0px;
}

#diapo_copyright {
  margin-top: 10px; 
  text-align: center;
	font-weight: normal;
}

#ln_diapostop {
  display: none;
}
#ln_diapopause {
  display: none;
}
#ln_diaponoson {
  display: none;
}

/* ============================================================================ */
/*   Elements et classe de lst_articles.php                   			        */
	
.nv_table {
	margin-top: 20px;
	margin-left: 50px; 
	border: 1px solid #444444; 
	padding:0px;
}

.nv_image {
	border: 1px solid #444444; 
	
}

.nv_image img {
	border:0px;
	padding: 10px;
}

.nv_titre {
	width:150px;
	text-align: center;
	border: 1px solid #444444; 
	font-weight: bold;
	font-size: medium;  
	color:#FFFFFF;
}

.nv_texte {
	width:450px;
	text-align: left;
	font-weight: normal;
	color:#FFFFFF;
	border: 1px solid #444444; 
	padding: 10px;
}

#art_lstalpha	{
  border:0px solid white; 
	margin-top:3px;
	text-align:center;
}
#art_lstalpha a:link     {  color:#DDDDDD; }
#art_lstalpha a:visited  {  color:#DDDDDD; }
#art_lstalpha a:hover    {  color:#DDDDDD; }	
	
	
table.nva_table {
	margin-top: 12px;
	margin-left: 50px; 
	border: 1px solid #444444; 
	padding:0px;
}
.nva_table a:link     { font-weight: bold; color:#DDDDDD; }
.nva_table a:visited  { font-weight: bold; color:#DDDDDD; }
.nva_table a:hover    { font-weight: bold; color:#DDDDDD; }	

a.nva_ln                  { color:#FFFFFF; text-decoration: none;}
a.nva_ln:link        { color:#FFFFFF; text-decoration: none;}
a.nva_ln:visited  { color:#FFFFFF; text-decoration: none;}
a.nva_ln:hover      { color:#FFFFFF; text-decoration: none;}

div.nva_div {
	margin-top: 12px;
	margin-left: 50px; 
	margin-right: 50px;
	border: 1px solid #444444; 
	padding:10px;
	color:#FFFFFF;
	font-weight: normal;
  font-size: medium;  
}

/*
.nva_div font{
    font-size: large;  
	font-weight: bold;
	text-decoration: underline;
}
*/
.nva_div h1{
    font-size: large;  
	font-weight: bold;
	text-decoration: underline;
}



td.nva_image {
	border: 1px solid #444444; 
}

.nva_image img {
	border:0px;
	padding: 10px;
}

td.nva_date {
	width:150px;
	text-align: center;
	border: 1px solid #444444; 
	font-weight: normal;
	color:#FFFFFF;
}

td.nva_texte {
	width:450px;
	text-align: left;
	font-size: large;  
	font-weight: bold;
	color:#FFFFFF;
	border: 1px solid #444444; 
	padding: 10px;
}

.nva_texte font {
  font-weight: normal;
  font-size: medium;  
}

/* ============================================================================ */
/*   Elements et classe de liens.php                   			        */

.ln_corps {
	width:900px;
	margin-left: 20px;
	margin-top: 7px; 
	margin-bottom: 10px; 
	border:1px solid #444444;
	color: #EEEEEE;
  background-color: #333333;
	/* background: url(images/fond-entete.gif); */
}
.ln_corps a:link     { color:#FFFFFF; }
.ln_corps a:visited  { color:#FFFFFF; }
.ln_corps a:hover    { color:#FFFFFF; }


.lien {
	border:0px solid red;
	margin-left: 0px;
	margin-top: 10px; 
}	
	
.ln_lien {
	padding: 1px;
	text-align: right;
}			
		
.ln_lien img {
	margin-left: 0px;
	margin-right: 0px;
	border:0px solid;
}				
.ln_desc {
	padding: 6px;
	width:500px;
}		
.ln_desc2 {
	padding: 6px;
	width:600px;
}		

#ln_ref {
  width: 500px; 
  margin: auto;
	color: #000000;
	background: #E5E5E5;
	text-align: center;
	font-weight: bold;
	padding: 3px;
}

#ln_ref a:link     { color:#AA3300; }
#ln_ref a:visited  { color:#AA3300; }
#ln_ref a:hover    { color:#AA3300; }


#pub {
	width:933px;
	border:0px solid #333333;
	text-align: justify;
	vertical-align: middle;
	margin-top: 20px;
}

#pub a {
	margin-right: 8px;
	color: #4444DD;
}

/* ============================================================================ */
/*   Elements et classe de contact.php                   			        */

.email {
	color: #8CF9F9;
}

#livredor_cadre {
	background-color: #222222;
  /* background: url(images/fond-entete.gif); */
	margin-top:7px;
	color: #000000;
}

.livredor {
	margin-left:20px;
	margin-top:20px;
	width:900px;
	border: 1px solid white;
}

.lvr_tabA_ent {
   background-color: #ADB6CD;      /*ADB6CD;  */
}
.lvr_tabA_ent font {
	color: #000000;
	font-family: verdana,Arial,Times New Roman,sans-serif;
}

.lvr_tabA_aut {
	background-color: #E6E6E6;  
}

.lvr_tabA_com {
	background-color: #FFFFFF;
}
.lvr_tabA_com font {
	color: #000000;
	font-family: times,Times New Roman,sans-serif;
}

.lvr_tabB_ent {
	background-color: #ADB6CD;    /* #FFCC66; */
}
.lvr_tabB_ent font {
	color: #000000;
	font-family: verdana,Arial,Times New Roman,sans-serif;
}

.lvr_tabB_form {
	background-color: #EEEEEE;
	border: 0px solid black;
	text-align: center;
	
}
.lvr_tabB_form font {
	color: #000000;
	font-family: verdana,Arial,Times New Roman,sans-serif;
}

.lvr_tabB_com {
	background-color: #FFFFFF;
}
.lvr_tabB_com font {
	color: #000000;
	font-family: times,Times New Roman,sans-serif;
}

a.lvr_ln:link     { color:#000000; }
a.lvr_ln:visited  { color:#000000; }
a.lvr_ln:hover    { color:#000000; }


/* ============================================================================ */
/*   Elements et classe de materiel.php                   			        */
		
.dv_mat {
	margin-left: 20px;
	margin-top: 20px;
	width: 900px;
	border: groove;
	background: url(images/fond-entete.gif);
	color: #000000;
}

.dv_mat2 {
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	border: 0px solid;
}

.dv_mat table {
	border: 0px solid;
}
 .dv_mat img {
	margin-left: 20px;
}


/* ============================================================================ */
/*   Elements et classe de auteur.php                   			        */
		
.dv_auteur {
	margin-left: 20px;
	margin-top: 5px;
	width: 880px;
	border: 0px groove;
	/*background: url(images/fond-entete.gif);  */
}
.dv_auteur td {
 	vertical-align:top; 
}

.dv_auteur p {
  text-indent:14px;
  color: #EEEEEE;

}
.dv_auteur img {
  margin: 20px 10px;
}
#auteur_sign {
  font-family: Times new roman;
	font-style: italic;
  margin-left: 300px;
  margin-top:0px;
}

#auteur_form {
   margin: auto;
   margin-top:0px;
   margin-bottom: 20px;
   border:1px solid #777777;
   background-color: #101010;
   text-align:left; 
   width: 840px;
}
#auteur_form_tit {
  background-color: #444444;
  color: #EEEEEE;
  font-weight: bold;
  font-size: large;
  border:1px solid #777777;
  text-align: center;
  padding: 5px;
}


/* ============================================================================ */
/*   Elements et classe de demande_ref.php                   			        */
		
.dem_ref {
	margin-left: 20px;
	margin-top: 5px;
	width: 900px;
	border: groove;
	padding: 3px;
	background: url(images/fond-entete.gif);
	color: #000000;
}