/*--------------------------------------------------
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
  CSS of the site RaniaImad.patricia-cardet.net
  Author:   Patricia Cardet
  Version:  June 4, 2006
TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT
----------------------------------------------- */	   



/* Couleurs utilisées ------------------------------------------------------------ 
vieux rose	= #9E2747
white 		= #FFFFFF
*/

html, body
{
    height: 100%;
	font-size: 90%;
}

body,td,th 
{
	font-family:Papyrus,Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
body 
{
	background-color: #9E2747;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0; /* pour éviter les marges */
	padding: 0;
    text-align: center; /* pour corriger le bug de centrage IE */
     }


/* -------------------------- CONTENEURS ----------------------------------- */

#container_content 
{
    width: 600px;
    margin-left:auto;
	margin-right:auto;
    border: 0;
	text-align: left; /* on rétablit l'alignement normal du texte */
}


.page_index
  {
  width:750px;
  margin-left:auto;
  margin-right:auto;
  margin-top:4em;
  background-color: #9E2747;
  text-align: center;
  color:#FFFFFF;
  }




.navigation
  {
  margin-top:2.5em;
  width:550px;
  margin-left:auto;
  margin-right:auto;
  background-color: #9E2747;
  text-align: center;
  }


.table 
{
    width: 90%;
	background-color: #9E2747;
    border:10px;
    border-color:#FFFFFF;
    border-style:solid;
   	margin-top:1em;
	color:#FFFFFF;
	}



.th 
{
   background-color: #9E2747;
   color: #FFFFFF;
   }

.td 
{
   font-family:Papyrus,Verdana, Arial, Helvetica, sans-serif;
   text-align: center; 
   vertical-align:middle;
   padding-top:15px;
   padding-left:15px;
   padding-right:15px;
   padding-bottom: 20px;
   backgroud-color:#9E2747;
   color:#FFFFFF;
}

.tr
{

   text-align: center; 
   backgroud-color:#9E2747;
   }


.imageinline
{
	display:inline;
}
  
.imageblock
{
	display:block;
}  

/* -------------------- FORMATAGE ------------------------------------- */

.xx-small
   {
  font-size:xx-small; 
  }
   
.x-small
   {
  font-size:x-small;
  }
  
.small
  {
  font-size:small;
  }

.medium
  {
  font-size:medium;
  }

.large
  {
  font-size:large;
  } 
  
.x-large
  {
  font-size:x-large;
  }
  
.xx-large
  {
  font-size:xx-large;
  }    
 
a.lien3 {
   color: #D4E6F7;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   font-size:x-small;
}

a:visited.lien3 {
   color:#D4E6F7;
   text-decoration: none;
   background-color:#000033;
}

a:hover.lien3 {
   color:#FFFFFF;
   text-decoration: none;
   background-color:#000033;
}



h1, h2, h3, h4, h5, h6
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: #FFFFFF;
   text-align: center;
}
h1
{
   font-size:xx-large;
  }

h2
{
   font-size:x-large;
   }
h3
{
   font-size:large;
   font-weight:normal;
   }

h4
{
   font-size:medium;
   }

h5
{
   font-size:small;
   }

h6
{
   font-size:x-small;
   text-align: center;
}

a img 
{
	border: 0;
}

a 
{
   text-decoration: none;
   color: #FFFFFF;
   font-family:Papyrus, Verdana, Arial, sans-serif;
   font-style: normal;
   
}


a:visited 
{
   text-decoration: none;
   color:#FFFFFF;
   background-color: #9E2747;
   
}

a:hover
{
   text-decoration: none;
   color:#FFCCFF;
   background-color: #9E2747;
}


a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}

a.info {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.info span {
display: none;
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
top: 2em;
left: 1em;
background: orange;
text-align: center;
color: white;
padding: 2px;
}