/*css inspiré en partie depuis alsacreation */
body {
   background-color: #FFFFFF;
   font-size: 10pt;
   font-family:Arial, Helvetica, sans-serif;
   }
#globalnav,#barnav, #header, #colgauche, #liste, #pied{
   display: none;
   }
   
#conteneur, #content {
   width: auto;
   margin: 0 ;
   padding: 0;
   border: 0;
   float: none !important;
   background-color:#FFFFFF;
      }
div#content {
   background-color:#FFFFFF;
   margin-left: 0;
   padding-top: 0;
   text-align:justify;
     }
   
 h1 { 
  font-size: 150%;
  font-variant:small-caps;
  color: #003088;
  padding-bottom:0.2em;
  margin-bottom:1em;
  font-weight: bold;  
}
h2 {
	padding-left: 0px ;
	line-height: 20px ;
	font-size: 140% ;
	color: #6699CC;
	border-bottom: 1px solid #69C ;
}

	
 h3 {
	margin-top:0.8em;
	font-size:120%;
	margin-left: 5px ;
	padding-left: 5px;
	color: #003399;
    font-weight: 500; 
}
 h4{
	margin-top:0.4em;
	margin-bottom: 0.2em;
	font-size:100%;
	margin-left: 10px ;
	padding-left: 0px;
	color: #003366;
	font-weight: 600;
}


 h5{
	margin-top:1em;
	font-size:90%;
	margin-left: 0 ;
	padding-left: 15px ;
	color: #009999;
	border-left: 2px solid #009999;
}

#content p
{
	text-align: justify ;
	text-indent: 0 ;
	line-height:  1.5em ;
	padding: 0 ;
	margin:2px;
}
ul.variante{
margin: 0 0 12px 40px;
}
li.variante{
list-style-image: url(../img_commun/fleche_vert.png);
font-size: 1em;
font-style:italic;
color:#473;
margin: 0 0 12px 40px;
}
h5.variante{
margin: 0 0 0 40px;
padding: 0;
font-size:90%;
color: #473;
border-left: 2px solid #473;
	}
	
li.content {
font-weight:bold;
list-style-image: url(../img_commun/puce_orange.gif);
padding-left:2px;
margin: 5px 0 0 6px;

}

#content  li a {
color:#EA8702;
text-decoration:none;

}
#content li#active a
{
color: #f30;
background-color:#FFFF99;
}
#content li a:hover, ul#content li#active a:hover
{
color: #f30;
background-color:#FFFF99;
}


.citation {
 font-size: 1em;
  font-style:italic;
  color: #336633;
  line-height: normal;
  font-weight: 600;
}

p.important{
	border-left: 2px solid #366C00;
	background-color: #DFFFBF;
}
.gras2 {
	font-style: italic;
	color: #CC3333;
	font-weight : bold;
	letter-spacing: 0.05em;
		}
	
.gras3 {
	font-style: italic;
	color: #660099;
	font-weight: normal;
	letter-spacing: 0.05em;
		}	
.gras {
	font-variant: normal;
	color:#F16803;
	font-weight : 500;
	letter-spacing: 0.05em;
	padding-bottom:2em;
		}
		
.centre{
	font-variant: normal;
	color:#261;
	text-align:center;
	font-weight: lighter;
	letter-spacing: 0.05em;
		}		

/* ----Pied de page -----*/
 #pied {
	clear:both;
	height: 38px;
	background-color:#E2FFB7;
	text-align: center;
	font-size:10px;
}
/* positionnement des images
/* ----une seule image positionnée en float droit sans encadrement-----*/
img.fright {
  float: right;
  margin: 0 0 1.5em 1.5em;
  font-size: 0.8em;
  color:#006699;
  border:0;
  text-align:center;
  }
/* ----une seule image positionnée en float gauche ss encadrement-----*/
img.fleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
  font-size: 0.8em;
  color:#006699;
  border:none;
  text-align:center;
}
 
/*--- table pour les photos----*/
#tab-chemin {
border:2px solid #366C00;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}


#tab-chemin th {
border:1px  #366C00;
border-bottom-style: dashed;
font-size:100%;
color: #669900;
font-weight: 500;
background-color: #D9FFB3;
}
#tabl-chemin tr {
border:1px dashed #366C00;
background-color:#fff;
}
#tab-chemin td {
font-size:90%;
border:1px dotted #366C00;
text-align: left;
}
#tab-chemin {
border:2px solid #366C00;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
}

/* table du bon de commande*/
.tabl-cmd th {
border:1px  #366C00;
border-bottom-style: solid;
font-size:100%;
color: #669900;
font-weight: 500;
background-color: #D9FFB3;
}
.tabl-cmd tr {
border:1px solid #366C00;
background-color:#fff;
}
.tabl-cmd td {
font-size:90%;
border:1px solid #366C00;
text-align: left;
}
/* table des photos de YA*/
#table {
border:0;
width:auto;
margin:0 0 0 0;
padding:0 0 0 0;
}

#table th {
border:0;
background-color:#fff;
}
#table td {
font-size:80%;
border:0px ;
text-align: left;
}
/* quand lien sur image : suppression de la bordure*/
a .img {
border:0px;
}
/* style preformaté */
.pre {
	color: #560 ;
	border:2px solid #6495ed;
	background-color: #ECFEA5;
	
}
/* classes des listes de définitions */

.dd {
	color:#333;
	background:#f0f0f0 ;
	padding:4px;
	margin:0;
}		
.dl {
	border:3px double #ddd;
	float:left;
	padding:5px;
	margin:10px;
	text-align:center;
	font-weight:bold;
	font-size:105%;
	background:#eee;
}

.dl:hover {
	border-color:#999;
}
.dl img {
	border:0;
}

/*----- liste de définition pour image  positionnée à droite------ */	
dl.float-right
{
border: 2px solid #069;
background-color: #FFFFCC;
text-align: center;
padding: 0 0 10px 0;
float: right;
margin: 0 0 1em 1em;
}

.float-right dt{
text-align:center;
font-weight: bold;
color: #069;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-right dd img{
border: 1px inset #069;
}

.float-right dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 80%;

color: #FF3300;
}
/*----- liste de définition pour image  positionnée à gauche------ */	
dl.float-left{
border: 1px solid #366C00;
background-color: #F2FFF2;
text-align: center;
padding: 0 0 10px 0;
float: left;
margin: 0 1em 1em 1em;
}

.float-left dt{
text-align:center;
font-weight: bold;
color: #006600;
padding: 5px 10px;
margin-bottom: 10px;
}

.float-left dd img{
border: 1px solid #060;
}

.float-left dd{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 80%;
color: #FF3300;
}

/* mise en ligne d'images légendées positionnées par des balises dl dt dd*/
/*positionnement à gauche*/
dl.gallery_g
{
border: 1px solid #c30;
background-color: #FFFFCC;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery_g dt { font-weight: bold;
color:#339900 }

.gallery_g dt img
{
border: 1px solid #000;

}

.gallery_g dd
{
margin: 0;
padding: 0;
color:#CC9933
}

/*positionnement à droite*/
dl.gallery_d
{
border: 1px solid #c30;
background-color: #FFFFCC;
text-align: center;
padding: 10px;
float: right;
margin-left: 1em;
}

.gallery_d dt { font-weight: bold;
color:#339900 }

.gallery_d dt img
{
border: 1px solid #390;

}

.gallery_d dd
{
margin: 0;
padding: 0;
color:#CC9933
}