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

.entouragetransparent {
	position: relative;
	margin: 0 3% 0 3%;
	border-right: .1em solid #0000FF;
	border-left: .1em solid #0000FF;
	padding: 0 .1em 0 .5em;
	color:#000066;	
	/*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;
}

.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;
}		
.right {float: right; }
.left {float: left; }
.centered {display: block; margin-left: auto; margin-right: auto; }			
.caption { margin: 5px; padding: 5px; }

a img {border:solid white 1px; }
a:hover img { border:solid red 1px; }

.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: x-large;
}	
.h2 {
	text-align: center;
	line-height: 200%;
    font-size: medium;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-variant: small-caps;
}
.h3 {
	text-align: center;
	line-height: 150%;
	font-weight: bold;
    font-size: small;
}
#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.last {
	border-right: none; }
	


a:link 		{ color: #000066; }
a:visited 	{ color: #000066; }
a:active 	{ color: #000066; }
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;}	

#menulevel {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;}		
#menulevel ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;}

#menulevel ul li {
	display: block; 
	padding: 0 5px 0 5px;
	float: left;
	position: relative;
	text-align: center;
	width: 15%;
	border-right: .1em solid #000066;}
#menulevel ul li.last {
	border-right: none; }
		
#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; }	
/*---------------------------------------------------------*/

.divisiondelecran {
	position: relative;
	left: 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; }

.margedroitlargepar2
{
	float: right;
	width: 80%;
	margin: 0;
	padding: 0 .1em .1em 0;
	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; }	
.margedroit2tiers {
	float: right;
	width: 70%;
	margin: 0;
	padding: 0 .1em .1em 0;	}
.leftnavpar2
{
	float: left;
	width: 47%;
	margin: 0;
	padding: 0;}
	
.rightnavpar2
{
	float: right;
	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;*/}
.basdenav
{
	clear: both;
	margin: 0;
	padding: 0;
}	



/*-----------------------------------------------------------*/
/*Différents styles de paragraphes		
/*-----------------------------------------------------------*/
	
.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;}		
.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;}

				
.listedlinterieur10 {
	margin:0 0 0 10%;
	padding: 0;}

	
	
/*--------------------------------*/

.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;}	


/*--------------------------------*/
.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;}
.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;}
	
.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; }

.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;}

.ecartement1 {
	padding-left: 50%;}	
.ecartement2 {
	padding-left: 10%;}		
.aumilieu {
	text-align:center;}		
.agauche {
	text-align:left;}
.adroite {
	text-align:right;}		


/*-----*/