/*
-----------------------------------------------
description : feuille de styles bleucerise : site web association artistique
structure : entete + 3 colonne + pied de page s
author : Prenom Nom
version : date
copyright : Videoscop / Université Nancy 2
-----------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(../img/deco/frise.jpg);
	background-repeat: no-repeat;
}

#page {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #FAF0E6;
}

/* =ENT [Entete]
----------------------------------------------- */
#header {
	background-color: transparent;
	position: absolute;
	left: 25%;
	top: 2%;
	left: 22%;
	width: 70%;
	width: 75%;
	z-index: 5;
	color: #333333;
	font-size: xsmall;
}
#acroche {
	color: #999999;
	font-size: xxsmall;
}
/* =ENT [deco]
----------------------------------------------- */

#deco {
	/*le conteneur de la zone de deco */
	position: absolute;
	background-color: transparent;
	top: 28px;
	left: 33px;
	width: 20%;
	z-index: 1;
}
#diapo {
	position: absolute;
	top: 80px;
	left: 125px;
	width: 225px;
	height: 200px;
	z-index: 1; /*border:1px solid #FF9933;*/
}
#imah {
	position: absolute;
	top: 28px;
	left: 12px;
	width: 43px;
	height: 44px;
	z-index: 16; /*border:1px solid #FF9933;*/
}
#imac {
	position: absolute;
	top: 250px;
	left: 22px;
	width: 43px;
	height: 48px;
	/*border:1px solid #FF9933;*/
	z-index: 16;
}
#imab {
	position: absolute;
	top: 400px;
	left: 21px;
	width: 46px;
	height: 64px;
		/*border:1px solid #FF9933;*/
	z-index: 16;
}
/* =STR [Structure de la page]
----------------------------------------------- */
#gauche {
	background-color: #FFFFFF;
	position: absolute;
	text-align: justify;
	height: 68%;
	width: 20%;
	top: 320px;
	left: 73%;
	z-index: 5;
}
#actu {
	/*le conteneur de la zone de deco*/
	position: absolute;
	background-color: transparent;
	top: 348px;
	left: 340px;
	height: 10%;
	width: 42%;
	z-index: 8;
}
#main {
	background-color: #FFFFFF;
	position: absolute;
	overflow: auto;
	padding-left: 1px;
	padding-right: 1px;
	text-align: justify;
	width: 53%;
	left: 35%;
	height: 60%;
	z-index: 4;
	top: 32%;
	color: Black;
}
	
#droite {
/*le conteneur de la zone de deco la cerise et les cares*/
	background-color: #FFFFFF;
	position: absolute;
	height: 85%;
	width: 40%;
	top: 4%;
	left: 42%;
	z-index: 1;
	cursor: progress;
}
#footer {
	position: absolute;
	color: #CCCCCC;
	margin-left: 10%;
	width: 53%;
	height: 5%;
	top: 94%;
	z-index: 2;
	color: Black;
	text-align: right;
	background-color: transparent;
	left: 0px;
}

#footer2 {
	position: absolute;
	margin-left: 0%;
	width: 50%;
	height: 5%;
	top: 94%;
	z-index: 2;
	color: Black;
	text-align: right;
	background-color: transparent;
	left: 12%;
}

acroche {
	color: #CCCCCC;
	text-align: center;
}


#foo_gauche { /*pied de page gauche*/
   float:right;
   }
#foo_droite { /*pied de page droite*/
   float: right;
   padding:0 5px;
   margin:0;
   height:10px; 
	  color: Black;
	}


/* =NAV [Navigation]
----------------------------------------------- */

.menugauche {
	list-style-type: none;
	padding: 0 0px; /* raccourcis unite pour : haut+bas droite+gauche (groupe par 2)*/
	font-size: xx-small;
	line-height: 21px;
}
.foo_list{
   list-style-type: none;
   margin:0;
   font-size: small;
   padding:2px 0px 0px 0px;
   }
  
/* =TIT [Titres]
----------------------------------------------- */
h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}
h1 {margin:0.5em 0.5em 0 0.5em;color: #333366;font-size:1.3em;}
h2{
	margin : 10px 0px 2px 0px;
	border-bottom:dotted 1px #333366;
	color: #333366;
	font-size: 1.3em;
}
h3{
	margin: 1.1em 0 1em 2em;
	border-bottom: 1px dotted #0068CC;
	color: #0068CC;
	font-size: 1.3em;
}
h4 {margin: 0 0 5px 0;color: #333366;text-indent:4em;}

h5 {margin:0 0 5px 0;color: #336699;font-size:inherit;text-indent:6em;}

/* =TEX [Textes]
----------------------------------------------- */
p {margin: 0 0 10px 0;}
a[accesskey]:after {
   content: " [" attr(accesskey) "] ";
   font-size:xx-small ;
   font-weight:100;
   color: #CCCCCC;
   letter-spacing:0.05em;
   }
#gauche p {
   margin: 0 0 1px 1px;
   }

.encart{
   padding:1em;
   margin:2em;
   border:1px dotted gray;
   background-color: #EFEFEF;
}
/* =LIS [Listes]
----------------------------------------------- */
#evit li {
   display:inline;
   padding:0 0 0 5px;
   margin:0;
   font-size:x-small;
   }
.menugauche li {
   /* ESPACEMENT VERTICALE*/
	margin-bottom: 6px;
   }
.foo_list li {
   display: inline;
   vertical-align: middle;
   }


/* =TAB [Tableaux]
----------------------------------------------- */
table {
   width: 100%;
   margin:1em auto;
}
th, td {
	text-align: left;
	padding: 0 0.5em;
	border: 1px solid #DDD;
}

thead th {
	vertical-align: bottom;
	border: 1px solid gray;
	border-width: 1px;
	white-space: normal;
	text-align: center;
   }
tbody td {
   vertical-align: top; 
   border: 1px solid gray;
   border-width: 1px;
   }
th {
   border-right: 1px solid gray; 
   border-bottom-style: solid;
   white-space: nowrap;
   }
tr.total td {
   font-weight: bold; 
   border-top: 1px solid gray;
   }
tr.total th {
   border-top: 1px solid gray;

   border-bottom-style: none;
   }
tr.gris {
   background: #EEE;
   }


/* =LIE [Liens]
----------------------------------------------- */
#evit a {
   color:#66CCFF;
   text-decoration:none;
   }
#evit a:hover, #evit a:active {
   color:#FF9933;
   }
.lignedubas{
	color: #303030;
	font-weight: bold;
	font-size: .8em;
}
.lignedubas1{
	color: #303030;
	font-weight: bold;
	font-size: 0.65em;
}
.lignedubas2{
	color: #606060;
	font-size: 0.475em;
}
.menugauche a {
	margin: 0 2px;
	color: #606060;
	text-decoration: NONE;
	font-weight: bold;
	
}
.menugauche a:hover {
   text-decoration: none;
   color: #3366FF;
	font-weight: bold;
	
   }
.menugauche a:active {
   color: #FF9933;
	font-weight: bold;
   }

#footer a {
   color: #303030;
   text-decoration: none;
   }
#footer a:hover{
   color: #FF9933;
   text-decoration: none;
   }

/* =AUT [Autres]
----------------------------------------------- */
#gauche img {
   margin: 0 0 5px 10px;
   }
.illustre/*illustration div a positonner après le hx*/ {
   width: auto;
   height:auto;
   float: left;
   vertical-align: middle;
   margin: 0px 0px 0px 0px;
   }
.illustre img{
   text-align: center;
   vertical-align: middle;
   border:1px solid #FF9933;
   padding:2px;
   margin: 0px 0px 0px 0px;
   }
.ima400 {
   text-align:center;
   margin:1em auto;
}
#footer img{
   border: 0px none;
   vertical-align: middle;
   width:1.9em;
   height:1.9em;
   }
acronym {
	cursor: help;
	margin-bottom: 1px;
}
td.gris {
   background: #EEE;
}
.liste_alpha {
	list-style-type: lower-alpha;
}
.liste_alpha_majusc {
	list-style-type: upper-alpha;
}
.texte_centre {
	text-align: center;
}
.exposant {
	vertical-align: 20%;
}
.liste_num {
	list-style-type: decimal;
}
.item_liste_sans_puce {
	list-style-type: none;
}
.texte_droite {
	text-align: right;
}
