body 		{
			margin: 0 0 0 0;
			padding: 0;
			text-align: center;
			background-image:  url("images/fondcamaieu.gif");background-repeat: repeat-x;
			background-color:#E7E7F7;}
			
#fonddepage {
	position: relative;
	background-image:  url("images/fondcamaieu.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 .1em 0;
	width:100%;
	height:100%;
	left: 0;
	background-color:#E7E7F7;
	font-family:  verdana, geneva, arial, helvetica, sans-serif;
	max-width:140em;
	text-align: left;
  	color: #000066; 
}

#container{
	position: relative;
			margin: 0 .3em 1em .3em ;
			text-align: left;
		  	color: #000066; 
			background-color:#E7E7F7;
		  /*	background-color: #E7E7F7;*/
		  	font-family:  verdana, geneva, arial, helvetica, sans-serif;
			max-width:140em;
			}

/*--------------------------------------------------------*/			
.entouragearabe{
	position: relative;
	margin: 0 3% 0 3%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	font-family: Traditional Arabic,Arabic Transparent,Simplified Arabic;
	text-align: right;}
.entouragehindi{
	position: relative;
	margin: 0 3% 0 3%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	font-family: Preeti, Satluj, Raghindi;
	text-align: left;}						
.entourage {
	position: relative;
	left: 0;
	margin: 0 0 0 0;
	width: 100%;
	background-color: #E7E7F7;	
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	text-align: left;}
.entouragetransparent {
	position: relative;
	margin: 0% 1% 0% 1%;
	/*border-right: .1em solid #0000FF;*/
	/*border-left: .1em solid #0000FF;*/
	padding: 0;
	color:#000066;	
	text-align: left;}	
.entouragemoyen {
	position: relative;
	margin: 0 3% 0 3%;
	background-color: #E7E7F7;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	text-align: left;
}	
.entouragemoyentransparent {
	position: relative;
	margin: 0 3% 0 3%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	color:#000066;
	text-align: left;
}
.entourageetroit {
	position: relative;
	margin: 0 7% 0 7%;
	background-color: #E7E7F7;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	text-align: left;}
.entouragetresetroit {
	position: relative;
	margin: 0 9% 0 9%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	color:#000066;
	text-align: left;}
.entourageetroittransparent {
	position: relative;
	margin: 0 7% 0 7%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	color:#000066;
	text-align: left;
}
.entouragetresetroittransparent {
	position: relative;
	margin: 0 15% 0 15%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0;
	color:#000066;
	text-align: left;
}				
.remplissage {
	position: relative;
	left: 0;
	padding: 0 ;
	margin: 0 ;
	background-color: #0000FF;
	width:100%;
}				
.bordhaut {
	position: relative;
	background-image:    url("images/hautcamaieu.gif");background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	height: 8px;}
.bordbas {
	position: relative;
	background-image:    url("images/bascamaieu.gif");background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	height: 8px;}
.chapitre {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;
}
.titrechapitre {
	padding-top: .2em;
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-variant: small-caps;   
    font-size: medium;
	color:#E7E7F7;}	
.h2 {
	text-align: center;
	line-height: 200%;
    font-size: small;
	letter-spacing: 0.1em;
	font-weight: bold;
}
.h2 a {
	color: #0033ff;
	/*text-decoration: underlined;*/}

#basdepage {
	position: relative;
/*	background-color: #0000FF;*/
	background-image:  url("images/basdepage.gif");background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;
	height: 30px;
	text-indent: 1em;}

#basdepage ul{
	list-style-type: none;
	display: block;
/*	background-color: #0000FF;*/
	padding: 0;
	margin: 0;}

#basdepage ul li {
	display: block; 
	padding: 1.2em 0 0 0;
	float: left;
	position: relative;
    font-size: xx-small;
	color:#0000FF;}
#basdepage ul li.pube {
    font-weight: bold;
		color:#CC0000; }	
#basdepage ul li.last {
	border-right: none; }
	
#culdelampe {
	position: relative;
	background-image:  url("images/bascamaieu.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0; }

a:link 		{ color: #0000ff; }
a:visited 	{ color: #000066; }
a:active 	{ color: #E7E7F7; }
a:hover 	{ color: #CC0000; }

#menuvertical {
	color:#000066;
	position: relative; }
#menuvertical ul{
	list-style-type: none;
	padding: 0;
	margin: 0;}

#menuvertical ul li {
	padding: 0 0 0 5%;
	text-align:left;
	line-height:180%;
	position: relative;
    font-size:  x-small;
	color:#E7E7F7; }

#menuvertical ul li a { color:#000066;}	
		
/*-----------------------------------------------------------------------*/
.separateurdore {
	position: relative;
	background-color: #FFCC00;
	width:70%;
	margin-left:15%;
	margin-right:15%;}		
.separateurrouge {
	position: relative;
	background-color: #CC0000;
	width:70%;
	margin-left:15%;
	margin-right:15%;}
.separateurbleu1 {
	position: relative;
	background-color: #0000FF;
	width:70%;
	margin-left:15%;
	margin-right:15%;}
.separateurblanc100 {
	position: relative;
	background-color: #E7E7F7;
	width:100%;}		
/*-------------------------------------------------------------------------*/
#menu {
	position: relative;
/*	background-color: #0000FF;*/
	color: #E7E7F7;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;
	/*height: 30px;*/
	text-indent: .3em;}

#menu ul{
	list-style-type: none;
	display: block;
/*	background-color: #0000FF;*/
	padding: 0;
	margin: 0;}

#menu ul li {
	display: block; 
	padding: 0 0 0 0;
	float: left;
	position: relative;
    font-size:  x-small;
/*	background-color: #0000FF;*/
	color:#E7E7F7;
	/*width: 20%; */
	border-right: .1em solid #E7E7F7;}
#menu ul li.last {
	border-right: none; }	
/*---------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
#menuarabe {
	position: relative;
	background-color: #0000FF;
	color: #E7E7F7;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	right: 0;
	/*height: 30px;*/
	text-indent: .3em;}

#menuarabe ul{
	list-style-type: none;
	display: block;
	background-color: #0000FF;
	padding: 0;
	margin: 0;}

#menuarabe ul li {
	display: block; 
	padding: .1em 0 0 0;
	float: right;
	position: relative;
    font-size:  small;
	background-color: #0000FF;
	color:#E7E7F7;
	/*width: 20%; */
	border-left: .1em solid #E7E7F7;}
#menuarabe ul li.last {
	border-left: none; }	
/*---------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
#choixlangue {
	position: relative;
	background-color: #0000FF;
	color: #E7E7F7;
	padding: 0;
	margin: 0;
	width:100%;
	left: 0;
	/*height: 30px;*/
	text-indent: .3em;}

#choixlangue ul{
	list-style-type: none;
	display: block;
	background-color: #0000FF;
	padding: 0;
	margin: 0;}

#choixlangue ul li {
	display: block; 
	padding: .3em  0 .1em .1em;
	float: left;
	position: relative;
    font-size:  x-small;
	background-color: #0000FF;
	color:#E7E7F7;
	/*width: 20%; */
	border-right: .1em solid #E7E7F7;}
	
/*---------------------------------------------------------*/
.tableau80centre {
	position: relative;
	width: 80%;
	margin:0 10% 0 10%;}
/*---------------------------------------------------------*/
.divisiondelecran {
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;	
	padding: 0 0 .1em 0;
}
.divisiondelecranarabe {
	position: relative;
	right: 0;
	margin: 0;
	width: 100%;	
	padding: 0 0 .1em 0;
}
.margegaucheetroitpar2
{
	border-right: .1em solid #000066;
	float: left;
	width: 15%;
	max-width:150px;
	margin: 0;
	padding: 0 .1em .1em .5em;
	line-height:150%;
	background-color: #CCCCFF; }
.margegaucheetroitpar2arabe
{
	border-left: .1em solid #000066;
	float: right;
	text-align: right;
	width: 15%;
	max-width:150px;
	margin: 0;
	padding: 0 .5em .1em .1em;
	line-height:150%;
	background-color: #CCCCFF; }
.margedroitlargepar2
{
	float: right;
	width: 80%;
	margin: 0;
	padding: 0 .1em .1em 0;
	background-color: #E7E7F7;}
.margedroitlargepar2arabe
{
	float: left;
	width: 80%;
	margin: 0;
	padding: 0 0 .1em .1em;
	background-color: #E7E7F7;}
.margegauche1tiers {
	border-right: .1em solid #000066;
	border-bottom: .1em solid #000066;
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .1em .1em .3em;
	line-height:120%;
	/*background-color: #CCCCFF; */}
.gauche1tierssansbord {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .1em .1em .2em;
	line-height:120%;
	/*background-color: #CCCCFF; */}	
.margedroit2tiers {
	float: right;
	width: 70%;
	margin: 0;
	padding: 0 .1em .1em 0;	}
.margegauche2tiers {
	float: left;
	width: 70%;
	margin: 0;
	padding: 0 .1em .1em .1em;
	line-height:120%;
	/*background-color: #CCCCFF; */}	
.margedroit1tiers {
	float: right;
	width: 25%;
	margin: 0;
	padding: 0 .1em .1em 0;	}
.leftnavpar2
{
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;}
.leftnavpar2arabe
{
	float: right;
	width: 47%;
	margin: 0;
	padding: 0;}	
.rightnavpar2
{
	float: right;
	width: 48%;
	margin: 0;
	padding: 0;}
.rightnavpar2arabe
{
	float: left;
	width: 47%;
	margin: 0;
	padding: 0;}	
.leftnavpar3
{
	float: left;
	width: 31%;
	margin: 0;
	padding: 1em;
/*	background-color: #E7E7F7;*/
}
.rightnavpar3
{
	float: right;
	width: 30%;
	margin: 0 1% 0 0;
	padding: 1em;
/*	background-color: #A1A0C3;*/	
}

.milieunavpar3
{
	margin-left: 34%;
	margin-right: 33%;
	padding: 1em ;
/*	background-color:#D9D9E2;*/}

.droit60 {
	float: right;
	width: 60%;
	margin: 0;
	padding: 0 .1em .1em 0;	}
.droit60 a {
	color: #0033ff;
	text-decoration: underlined;}
.gauche40 {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0 .1em .1em .3em;
}
.basdenav
{
	clear: both;
	margin: 0;
	padding: 0;
}	
.footer {
	background-image:  url("images/bascamaieu.gif");background-repeat: repeat-x;
	left: 0;
	clear:both;
	height:8px;
	margin:0;
	width:100%;}



/*-----------------------------------------------------------*/
/*Différents styles de paragraphes		
/*-----------------------------------------------------------*/
#feeder3 {
margin-left: 5%;
line-height:150%;
font-size:  small;
}
#feeder3 a {
	color: #000066;
	text-decoration: underlined;}
	
.pbizarre {  margin-top: .75em;
         text-align: justify;
         margin-bottom: .75em;
         text-indent: 2%;
				 margin-left: .5em;
				 margin-right: .5em;
         }
  /*  p.noindent {text-indent: 0%;}*/	
.vide {
	padding: 0;
	text-align: left;
	margin: 0 .2em 0 .2em;}
.droit {
	padding: 0;
	text-align: left;
	margin: 0;}
.videarabe {
	padding: 0;
	text-align: right;
	margin: 0 .2em 0 .2em;}	
.normal {
	padding: 0;
	text-align: left;
	margin: 0 .2em 0 2em;
    font-size: small;}
.normalarabe {
	padding: 0;
	text-align: right;
	margin: 0 .2em 0 2em;
    font-size: small;}
.insertarabe {
	text-align: right;
	direction: rtl;}			
.normalindent {
	padding: 0;
	text-indent: 1.5em;
	text-align: left;
	margin: 0 .2em 0 2em;
    font-size: small;}

.normalindentarabe {
	padding: 0;
	text-align: right;
	margin: 0 10% 0 0;
   /* font-size: small;*/}
.normalinterieur {
	padding: 0;
	text-align: left;
	margin: 0 0 0 4em;
    font-size: small;}
.normalinterieurarabe {
	padding: 0;
	text-align: right;
	margin: 0 4em 0 0;
    font-size: small;}
.lastnews {
	padding: 0;
	text-align: left;
	margin: 0 0 0 4em;
    font-size: x-small;}	
.important {
	border: .1em solid #0000FF;
	padding: .3em .5em 0 .5em ;
	margin-left: 10%;
	margin-right: 10%;}

.tresimportant {
	border: .2em solid #CC0000;
	padding: 1em;
	margin-left: 10%;
	margin-right: 10%;
}
.boutondeuxtiers {
	border-left: .2em solid #6666FF;
	border-top: .2em solid #6666FF;
	border-right: .2em solid #000066;
	border-bottom: .2em solid #000099;
	background-color:#0000FF;
	text-align:center;
	width:70%;
	margin-left:15%;
	margin-right:15%;
	}	
.boutonmoitie {
	border-left: .2em solid #6666FF;
	border-top: .2em solid #6666FF;
	border-right: .2em solid #000066;
	border-bottom: .2em solid #000099;
	background-color:#0000FF;
	text-align:center;
	width:50%;
	margin-left:25%;
	margin-right:25%;
	}	
.boutonuntiers {
	border-left: .2em solid #6666FF;
	border-top: .2em solid #6666FF;
	border-right: .2em solid #000066;
	border-bottom: .2em solid #000099;
	background-color:#0000FF;
	text-align:center;
	width:30%;
	margin-left:35%;
	margin-right:35%;
	}
/*--------------------------------------------------------------------*/
/* différents types de listes */
/*--------------------------------------------------------------------*/

.listesimple {
	margin:0;
	list-style-type: none;
	display: block;
	padding: 0;}
.listesimpleinterieur10 {
	margin:0 0 0 10%;
	list-style-type: none;
	display: block;
	padding: 0;}
.listesimplecentre {
	margin:0 0 0 35%;
	list-style-type: none;
	display: block;
	padding: 0;}
.listeapuces {
	margin:0;
	padding: 0;}
.listeapucesarabe {
	text-align:right;
	list-style-type: none;
	/*display: block;*/
	margin:0;
	padding: 0;}	
.listeapucesinterieur {
	margin:0 0 0 10%;
	padding: 0;}
.listeapucesinterieurarabe {
	text-align:right;
	list-style-type: none;
	margin:0 10% 0 0;
	padding: 0;}			
.listedl {
	margin:0;
	padding: 0;}
.listedl dt{
	margin:0 0 0 0;
	padding: 0;}
.listedl dd{
	margin:0 0 0 2em;
	font-style: italic;
	padding: 0 0 1em 0;}
.listedlarabe {
	text-align:right;
	margin:0;
	padding: 0;}
.listedlarabe dt{
	text-align:right;
	margin:0 0 0 0;
	padding: 0;}
.listedlarabe dd{
	text-align:right;
	margin:0 2em 0 0;
	padding: 0 0 1em 0;}
				
.listedlinterieur10 {
	margin:0 0 0 10%;
	padding: 0;}
.listedlinterieur10arabe {
	text-align:right;
	margin:0 10% 0 0;
	padding: 0;}	
.listedlinterieur10arabe dt{
	text-align:right;
	margin:0 0 0 0;
	padding: 0;}
.listedlinterieur10arabe dd{
	text-align:right;
	margin:0 2em 0 0;
	/*font-style: italic;*/
	padding: 0 0 1em 0;}
	
	
/*--------------------------------*/
.tablearabe {
	text-align:right;}
.tableaua10 {
	margin:0 0 0 10%;
	text-align:left;}
.tableaua20 {
	margin:0 0 0 20%;
	text-align:left;}	
.tableaucentre {
	width: 90%;
	padding: 0.1em;
	margin:0 5% 0 5%;}

.tableaucentrebord {
	width: 90%;
	padding: 0.1em;
	margin:0 5% 0 5%;
	border: .1em solid #0000FF;}

.tableaunouveautes {
	width: 95%;
	text-align:center;
	padding: 0.1em;
	margin:0 1% 0 1%;}
.tableaupageperso {
	width: 55%;
	margin-left:25%;
	text-align:center;
	padding: 10px;
	/*margin:0 5% 0 5%;*/
	background-color:#E7E7F7;
	border: .1em solid #0000FF;}
	
.tableaujaune {
	position: relative;
	border: 2px solid #000066;
	margin-left:5%;
	padding:10px;
 	width:75%;
  background-color:#ffffb9;
}	
/*--------------------------------------*/
/*--------------------------------------*/

.footer {
	background-image:  url("images/bascamaieu.gif");background-repeat: repeat-x;
	left: 0;
	clear:both;
	height:8px;
	margin:0;
	width:100%;}


/*--------------------------------*/
.cadrefeed {
	padding: 1.5em 0 1.5em 0;
	margin:0 5% 0 5%;
	padding: 1em 2em 2em 1em;
	}
	/*----------couleur des borders---------------*/

.bordrouge {		
	border: .1em solid #CC0000;}
.bordmarine {		
	border: .1em solid #000066;}
.bordbleu1 {		
	border: .1em solid #0000FF;}
.bordbleu1gauche {		
	border-left: .1em solid #0000FF;}
.bordbleu1droit {		
	border-right: .1em solid #0000FF;}
.bordbleu1bottom {		
	border-bottom: .1em solid #0000FF;}
.bordbleu1top {		
	border-top: .1em solid #0000FF;}		
/*---------------------------------------*/

.rouge {
    color: #CC0000;}
.carmin {
    color: #990000;}
.rose {
    color: #FF9999;}
.bleuclair {
    color: #6666FF;}	
.bleu1 {
    color: #0000FF;}
.marine {
    color: #000066;}	
.blanc {
	color:#E7E7F7;}
.boutondor {
	color:#FFFF00;}	
.dore {
	color:#FFCC00;}
.gris {
	color:#999999;}	
.lienciel {
	color:#6DCFF6;
	text-decoration:underline;}
.lienlivre {
	font-size: small;
	font-weight: bold;
	color: #6666FF;
	text-decoration: underline;}
.lienlivreclair {
	font-size: small;
	font-weight: bold;
	color: #6DCFF6;
	text-decoration: underline;}
.bleulien {
color: #0033ff;}	
.fondrouge {
    background-color: #CC0000;}
.fondbleuclair {
	background-color: #6666FF;}	
.fondbleu1 {
	background-color: #0000FF;}	
.fondmarine {
    background-color: #000066;}
.fondnavy {
    background-color: #000033;}
.fondblanc {
	background-color:#E7E7F7;}
.fonddore {
	background-color:#FFCC00;}
.fondgrisclair {
	background-color:#999999;}	
.normal {
	font-style: normal;}	
.italique {
	font-style: italic; }
.petitecapitale {
	font-variant: small-caps; }
.majuscule {
	text-transform: uppercase; }
.minuscule {
	text-transform: lowercase; }
.capitalisation {
	text-transform: capitalize; }
		
.gras {
	font-weight: bold;}
.maigre {
	font-weight: normal;}	
.souligne {
	text-decoration:underline;}
.barre {
	text-decoration:line-through;}		
.taillexxs {
    font-size:  xx-small; }
.taillexs {
    font-size:  x-small; }
.tailles {
    font-size:  small; }
.taillemedium {
    font-size:  medium; }
.taillelarge {
    font-size:  large; }
.taillexlarge {
    font-size:  x-large; }

.policecomic {
	font-family: Comic Sans MS;}
	
.lh10 {
	line-height:10%;}
.lh20 {
	line-height:20%;}
.lh50 {
	line-height:50%;}
.lh100 {
	line-height:100%;}			
.lh120 {
	line-height:120%;}	
.lh150 {
	line-height:150%;}
.lh160 {
	line-height:160%;}
.lh180 {
	line-height:180%;}	
.lh200 {
	line-height:200%;}
.largeur80 {
	width:80%;}		

.espacelettre1 {
	letter-spacing: 0.1em;}
.espacelettre2 {
	letter-spacing: 0.2em;}
.espacelettre3 {
	letter-spacing: 0.3em;}

.ecartement50 {
	padding-left: 50px;}
.ecartement100 {
	padding-left: 100px;}
.ecartement200 {
	padding-left: 200px;}
.ecartement250 {
	padding-left: 250px;}
.ecartement350 {
	padding-left: 350px;}
.ecartement1 {
	padding-left: 50%;}	
.ecartement2 {
	padding-left: 10%;}		
.aumilieu {
	text-align:center;}		
.agauche {
	text-align:left;}
.adroite {
	text-align:right;}
.enhaut {
	vertical-align:top;}
.enbas {
	vertical-align:bottom;}			
.decalage5 {
	margin-left:5%;}				
.decalage10 {
	margin-left:10%;}
.decalage25 {
	margin-left:25%;}
.decalage30 {
	margin-left:30%;}
.decalage40 {
	margin-left:40%;}
.decalage50 {
	margin-left:50%;}
.decalage55 {
	margin-left:55%;}

/*-----*/