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

.entouragetransparent {
	position: relative;
	margin: 0% 1% 0% 1%;
	border-right: .1em solid #FFCC00;
	border-left: .1em solid #FFCC00;
	padding: 0;
	color:#000066;	
	text-align: left;}

a:link 		{ color: #0000FF; text-decoration: underline;}
a:visited 	{ color: #0000FF; }
a:active 	{ color: #FFCC00; }
a:hover 	{ color: #CC0000; }
	
/*--------------------------------------------------------*/			
.decorh1 {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;}
.titreh1 {
	padding-top: .2em;
	padding-left:80px;
	/*text-align: center;*/
	line-height: 120%;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-variant: small-caps;   
    font-size: medium;
	color:#000066;}
.decorh2 {
	position: relative;
	background-image:   url(images/hautdegradedore.gif);background-repeat: repeat-x;	
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;
	height: 30px;}		
.titreh2 {
	text-align: left;
	line-height: 130%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	margin: 0 0 0 10%;
    font-size: small;
	font-variant: normal;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #000066;}
/*-------------------------*/
#basdepage {
	position: relative;
	background-image:   url(images/basdegradedore.gif);background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 .1em 0;
	width:100%;
	left: 0;
	height: 30px;
	text-indent: 1em;}

#basdepage ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;}

#basdepage ul li {
	display: block; 
	padding: 1.7em 0 0 0;
	float: left;
	position: relative;
    font-size: xx-small;
	color:#000066;}
	
#basdepage ul li.last {
	border-right: none; }
#basdepage ul li a { 
	color:#000066;}
/*--------------------------*/
.bordhaut {
	position: relative;
	background-image:     url(images/hautdegradedore.gif);background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	height: 30px;}
.bordbas {
	position: relative;
	background-image:     url(images/basdegradedore.gif);background-repeat: repeat-x;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width:100%;
	height: 30px;}
/*--------------------------*/
#menuhorizontalenbordure {
	position: absolute;
	left: 720px;
	top: 0px;
	padding: 0;
	margin: 0;
	}
#menuhorizontalenbordure ul{
	list-style-type: none;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;}
#menuhorizontalenbordure ul li {
	display: block; 
	padding: 0 0 0 0;
	float: left;
	position: relative;
	background-image:   url(images/fondcellule75x20.gif);background-repeat: no-repeat;
	width: 75px;
	height: 20px;
	text-align: center;
	/*margin: 0 0 0 5px;*/
    font-size:  x-small;
	font-weight: bold;
	color:#FFFFFF;
	/*border-right: .1em solid #FFFFFF;*/}
#menuhorizontalenbordure ul li.premier {
	margin: 0 0 0 0;}	
#menuhorizontalenbordure ul li.fin {
	border-right: none; }
#menuhorizontalenbordure ul li a { color:#FFFFFF;}
/*--------------------------*/
#menuhorizontal {
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
	width:100%;}
#menuhorizontal ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0 0 0 2%;}
#menuhorizontal ul li {
	display: block; 
	padding: 0 0 0 0;
	float: left;
	position: relative;
    font-size:  x-small;
	color:#000033;
	border-right: .1em solid #FFCC00;}
#menuhorizontal ul li.fin {
	border-right: none; }
/*--------------------------*/
#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:center;
	line-height:180%;
	position: relative;
    font-size: small;
	color:#000066; }

#menuvertical ul li a { color:#0000CC;}	

/*---------------------------------------------------------*/
/*--------------------------------*/
.pleinecran {
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;	
	padding: 0 0 .1em 0;
	line-height: 120%;
	font-size: small;
	text-align: left;}
.gauche {
	float: left;
	width: 31%;
	margin: 0;
	padding: .2em;
	border: .1em solid #FFCC00;}
.gaucheetroit {
	float: left;
	width: 21%;
	margin: 0;
	padding: 0;
	/*border: .1em solid #FFCC00;*/}
.gauchepar2 {
	float: left;
	width: 46%;
	margin: 0;
	padding: .2em;
	}

.droit {
	float: right;
	width: 31%;
	margin: 0;
	padding: .2em;
	border: .1em solid #FFCC00;}
.droitlarge {
	float: right;
	width: 72%;
	margin: 0;
	padding: 2% 2% 2% 1%;
	/*border: .1em solid #FFCC00;*/}
	
.droitpar2 {
	float: right;
	width: 46%;
	margin: 0;
	padding: .2em;
	}
.milieu {
	margin-left: 34%;
	margin-right: 34%;
	padding: .2em;
	text-align:left;
	border: .1em solid #FFCC00;}
.gauchecuisine {
	float: left;
	width: 38%;
	margin: 0;
	padding: 0;
	}
.droitcuisine {
text-align:center;
	float: right;
	width: 57%;
	margin: 0;
	padding: 0;
	}	
.basdecran {
	clear: both;
	margin: 0;
	padding: .1em; }
/*-----------------------------------------------------------*/
/*Différents styles de divisions
/*--------------------------------*/
.basique {
	position: relative;
	left:0;
	margin: 0;
	padding: 0;
	width:100%;
	text-align:center;}

.basiqueetroit{
	position: relative;
	margin: 0 3em 1em 5em ;
	text-align: left;
	max-width:80em; }
	
.tableaucentre75 {
	padding: .1em 0 .1em 0;
	margin:0 12% 0 13%;}
/*-----------------------------------------------------------*/
/*Différents styles de paragraphes		
/*-----------------------------------------------------------*/
.vide {
	padding: 0;
	margin: 0;}			
.normal {
	padding: 0;
	text-indent: 1.5em;
	text-align: left;
	margin: 0 .2em 0 .2em;}
.sansindentation {
	padding: 0;
	text-align: left;
	margin: 0 .2em 0 .2em;}	
.important {
	border: .1em solid #FFCC00;
	padding: 1em;}
.tresimportantrouge {
	border: 4px double #CC0000;
	padding: 1em;
	margin-left: 10%;}
.tresimportant2rouge {
	border: 4px double #CC0000;
	padding: 1em;
}
.tresimportantblanc {
	border: 4px double #FFFFFF;
	padding: .2em;
	/*margin-left: 10%;*/}
.tresimportantdore {
	border: 4px double #FFCC00;
	padding: .2em;
	/*margin-left: 10%;*/}	
/*-----------------------------------*/
.bouton {
	border-left: .2em solid #FFFF66;
	border-top: .2em solid #FFFF66;
	border-right: .2em solid #CC9900;
	border-bottom: .2em solid #CC9900;
	background-color:#FFCC00;
	text-align:center;
	color:#000066;	}
.bouton a { color:#0000FF;}	

/*--------------------------------------------------------------------*/
/* différents types de listes */
/*--------------------------------------------------------------------*/
.listemuettedroite {
	margin:0;
	list-style-type: none;
	display: block;
	padding: 0;}
.listedroite {
	text-align:left;
	display: block;
	margin:0 ;
	padding: 0;}
.listeordonnee10 {
	text-align:left;
	display: block;
	margin:0 0 0 10%;
	padding: 0;}
.listeordonnee25 {
	text-align:left;
	display: block;
	margin:0 0 0 25%;
	padding: 0;}
.listemuette10 {
	margin:0 0 0 10%;
	list-style-type: none;
	display: block;
	padding: 0;}
.listepuce10 {
	margin:0 0 0 10%;
	display: block;
	padding: 0;}
		
.listedl {
	margin:0 0 0 10%;
	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;}
	/*----------couleur des borders---------------*/

.bordrouge {		
	border: .1em solid #CC0000;}
.bordmarine {		
	border: .1em solid #000066;}
.borddore {		
	border: .1em solid #FFCC00;}
.borddoregauche {		
	border-left: .1em solid #FFCC00;}
.borddoredroit {		
	border-right: .1em solid #FFCC00;}
.borddorebottom {		
	border-bottom: .1em solid #FFCC00;}
.borddoretop {		
	border-top: .1em solid #FFCC00;}
.borderlibregauche {
	border-right: .1em solid #FFCC00;
	border-bottom: .1em solid #FFCC00;
	border-top: .1em solid #FFCC00;}
.borderlibredroit {
	border-left: .1em solid #FFCC00;
	border-bottom: .1em solid #FFCC00;
	border-top: .1em solid #FFCC00;}		
/*---------------------------------------*/

.rouge {
    color: #CC0000;}
.bleu {
    color: #0000FF;}
.marine {
    color: #000066;}	
.blanc {
	color:#FFFFFF;}
.dore {
	color:#FFCC00;}
.grisclair {
	color:#999999;}	

	
.fondrouge {
    background-color: #CC0000;}
.fondbleu {
	background-color: #0000FF;}	
.fondmarine {
    background-color: #000066;}
.fondblanc {
	background-color:#FFFFFF;}
.fonddore {
	background-color:#FFCC00;}
.fondgrisclair {
	background-color:#999999;}

.fondcellule80 {
	background-image:   url(images/fondcellule80x20.gif);background-repeat: no-repeat;}
		
.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;}

.lh50 {
	line-height:50%;}
.lh100 {
	line-height:100%;}			
.lh120 {
	line-height:120%;}
.lh140 {
	line-height:140%;}	
.lh150 {
	line-height:150%;}
.lh160 {
	line-height:160%;}
.lh180 {
	line-height:180%;}
.lh190 {
	line-height:190%;}	
.lh200 {
	line-height:200%;}
		
.largeur10 {
	width:10%;}
.largeur25 {
	width:25%;}
.largeur50 {
	width:50%;}
.largeur75 {
	width:75%;}
.largeur80 {
	width:80%;}
.largeur100 {
	width:100%;}
.largeur25centree {
	width:25%;
	margin-left:35%;}
.largeur50centree {
	width:50%;
	margin-left:25%;}	
.largeur75centree {
	width:75%;
	margin-right:13%;
	margin-left:12%;}

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

.ecartement10 {
	padding-left: 10%;}	
.ecartement25 {
	padding-left: 25%;}
.ecartement50 {
	padding-left: 50%;}
				
.aumilieu {
	text-align:center;}		
.agauche {
	text-align:left;}
.adroite {
	text-align:right;}		
.enhaut {
	vertical-align:top;}
.enbas {
	vertical-align:bottom;}

/*-----*/