body 		{
			margin: 0 0 0 0;
			text-align: center;
			background-color: #F5F5F5;
			line-height:50%;
			font-size: xx-small;
			color: #000066; }

#container{
	position: relative;
			margin: 0 1em 1em 1em ;
			text-align: left;
			width: 96%;
		  	color: #000066; 
		  	background-color: #F5F5F5;
		  	font-family:  verdana, geneva, arial, helvetica, sans-serif;
			font-size: x-small;
			max-width:150em;
			line-height: 150%; }
#lettre{
	position: relative;
			margin: 0 1em 1em 1em ;
			text-align: left;
			width: 96%;
		  	color: #000066; 
		  	background-color: #F5F5F5;
		  	font-family:  verdana, geneva, arial, helvetica, sans-serif;
			font-size: small;
			max-width:80em;
			line-height: 150%; }
#lettreindex{
	position: relative;
			/*margin: 0 1em 1em 1em ;*/
			text-align: left;
			/*width: 96%;*/
		  	color: #000066; 
		  	background-color: #E8E8E8;
		  	font-family:  verdana, geneva, arial, helvetica, sans-serif;
		 }
.lettreetroite{
	position: relative;
			width: 70%;
		  	color: #000066; 
		  	background-color: #F5F5F5;
		  	font-family:  verdana, geneva, arial, helvetica, sans-serif;
				margin: 0 15% 0 15% ;
			 }
#entree {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	width:100%;
	font-size: x-small;
}		

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

.chapitre {
	position: relative;
	background-image: url("images/doublerougecentreblanc.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	left: 0;
	height: 40px;}
.accueil {
	position: relative;
	background-image: url("images/hautrouge.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 0 0;
	width:100%;
	height: 20px;}
.titrechapitre {
	padding-top: 1em;
	text-align: center;
	line-height: 120%;
	letter-spacing: .2em;
	font-weight: bold;
	font-variant: small-caps;
    font-size:  small;
}
.souschapitre {
	margin: 0 0 0 5em;
	padding-top: .2em;
	text-align: left;	
	line-height: 130%;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-variant: small-caps;   
    font-size:  small;
	color:#000066;}
		

.soustitre {
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding-top: 0.6em;
	margin-left: 4em;
	margin-right: 45%;
	height: 20px;
	line-height: 130%;
	letter-spacing: 0.1em;
	text-indent: .3em;
	font-weight: bold;
	font-variant: small-caps;
    font-size: small;
    color: #000066;}
	
.sepexo {
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding-top: .6em;
	margin-left: 5em;
	width:50px;
	height: 20px;
	line-height: 130%;
	letter-spacing: 0.3em;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
    font-size: small;
    color: #000066;}	
.intercalaire {
	position: relative;
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding: 0;
	height:20px;
	margin:0 ;
	text-indent:5em;
	width:100%;}
.intercalairepromo {
	position: relative;
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding: 0;
	height:20px;
	margin:0 ;
	text-indent:5em;
	width:100%;
	line-height: 130%;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-variant: small-caps;   
    font-size:  small;
	color:#000066;}
.intercalaireexo {
	position: relative;
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding: 0;
	height:20px;
	margin:0 ;
	text-indent:30%;
	width:100%;
	line-height: 130%;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-variant: small-caps;   
    font-size:  small;
	color:#000066;}
.h4 {
	padding: 0;}
.h5 {
	margin-left: 10%;
	padding: 0;}
.cadrefeed {
	position: relative;
	left: 0;
	margin: 0 10% 0 10%;
	color:#000066;
	max-width: 80em;	
	border-right: .1em solid #CC0000;
	border-left: .1em solid #CC0000;
	padding: 1em 2em 1em 2em;
	text-align: left;}
.h1 {line-height: 130%;
	margin: 0 0 2% 15% ;
	letter-spacing: .1em;
	text-indent: 5em;
	font-weight: bold;
	font-variant: small-caps;
    font-size: medium;
    color: #000066;}
.h2 {line-height: 120%;
	margin: 0 0 2% 10%;
	letter-spacing: .1em;
	font-weight: bold;
	font-variant: normal;
    font-size: small;
    color: #000066;}
.cadremember {
	position: relative;
	left: 0;
	margin: 0 10% 0 10%;
	color:#000066;
	padding: 1em 2em 1em 2em;
	text-align: left;}
/*-------------------------------------------------*/	
#dialogue {
	position: relative;
	background-color: #CCCCCC;
	left: 0;
	padding: 0 ;
	margin: 0 ;
	width:100%;}
#dialogueindex {
	position: relative;
	background-color: #999999;
	left: 0;
	padding: 0 ;
	margin: 0 ;
	width:100%;}
.lignededialogue {
	margin:0 0 0 2em;
}
.boutongris {
	border-left: .2em solid #F54545;
	border-top: .2em solid #F54545;
	border-right: .2em solid #990000;
	border-bottom: .2em solid #990000;
	background-color:#CC0000;
	text-align:center;
	font-size:small;
	line-height:130%;
	width:70%;
	margin-left:15%;
	margin-right:15%;	}
/*---------------------------------------------------*/
.boutongris50 {
	border-left: .2em solid #cccccc;
	border-top: .2em solid #cccccc;
	border-right: .2em solid #333333;
	border-bottom: .2em solid #333333;
	background-color:#999999;
	text-align:center;
	line-height:150%;
	width:50%;
	margin-left:25%;
	margin-right:25%;	}
.boutongris50 a {
	color: #ffffff;}
.boutongris30 {
	border-left: .2em solid #cccccc;
	border-top: .2em solid #cccccc;
	border-right: .2em solid #333333;
	border-bottom: .2em solid #333333;
	background-color:#999999;
	text-align:center;
	line-height:200%;
	width:30%;
	margin-left:35%;
	margin-right:35%;	}
.boutongris30 a {
	color: #0033ff;}
/*----------------*/
.divisiondelecran {
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;	
	padding: 0 0 .1em 0;
}
.margedroit2tiers {
	float: right;
	width: 70%;
	margin: 0;
	padding: 0 .1em .1em 0;	}
.gauche1tierssansbord {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0 .1em .1em .2em;
	line-height:120%;
	}
.pavegauche {
	width: 50%;
	padding: 0 0 0 0;
	/*text-align: center;*/
	background-color: #CCCCCC;
	margin: 0 0 0 2%;}
.pavedroit {
	float: right;
	width: 46%;
	margin: 0 0 0 0;
	background-color: #CCCCCC;
	padding: 0 0 0 0;}
.pavegaucheindex {
	width: 50%;
	padding: 0 0 0 0;
	/*text-align: center;*/
	background-color: #999999;
	margin: 0 0 0 2%;}
.pavedroitindex {
	float: right;
	width: 46%;
	margin: 0 0 0 0;
	background-color: #999999;
	padding: 0 0 0 0;}
/*#pavedroit ul {
	list-style-type: none;
	display: block;
	text-align: left;
	margin: 0;
	background-color: #CCCCCC;
	font-weight: normal;
	padding: 0 ;
    font-size: xx-small;}
#pavedroit ul li{
	margin: 0;
	padding: 0 ;
	float: left;
	position: relative;
	color: #CC0000;
	width: 17em;
	line-height:130%;}*/
		
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  }
.basdenav
{
	clear: both;
	margin: 0;
	padding: 0;
}
/*---------------------------------------------------------*/
.pointdegrammaire {
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;	
	border-right: .1em solid #CC0000;
	border-left: .1em solid #CC0000;
	padding: 0;
	text-align: left;}	

/*-----------------------------------------------------------*/
/*Différents styles de paragraphes		
/*-----------------------------------------------------------*/
.pcomplet {
	position: relative;
	padding: 0;
	margin: 0;
	width:100%;}
.pcomplet a {
	color: #0033ff;
	text-decoration: underline;}
.normal {
	padding: 0;
	text-indent: 1.5em;
	text-align: left;
	margin: 0 .2em 0 2em;
/*	margin-top: 0;
	margin-left: 2em;*/
	font-weight: normal;
    font-size: x-small;}
.indent2 {
	padding: 0;
	text-indent: 2em;
	margin: 0 .2em 0 2em;
	
/*	margin-top: 0;
	margin-left: 2em;*/
}
.indent2 a {
	color: #0033ff;
	text-decoration: underline;}		
.normalsmall {
	padding: 0;
	text-indent: 1.5em;
	text-align: left;
	margin: 0 .2em 0 2em;
	font-weight: normal;
    font-size: small;}
.droitinterieur {
	padding: 0;
	text-align: left;
	margin: 0 0 0 4em;
	font-weight: normal;
	color: #000066;
    font-size: x-small;}
.isole {
	padding: .2em;
	margin: .2em;
	text-align: left;
	}
	
.important {
	border-left: .2em solid #CC0000;
	padding: .3em .5em 0 .5em ;
	text-align: left;
	line-height:160%;
	margin-left: 10%;
	font-size: inherit;
    color: #000066;}
.tresimportant {
	border: .1em solid #CC0000;
	padding: 1em;
	margin-left: 10%;
	margin-right: 10%;
	font-size: small;
	font-weight: normal;
	font-variant: small-caps; 
    color: #CC0000;}
.trestres2rouge {
	border: 4px double #CC0000;
	padding: 1em;}
.tresmarine {
	border: 2px double #000066;
	padding: 1em;}
/*-------------------------------*/
.listecentree {
	border: none;
	padding: 1em;
	margin-left: 10%;
	margin-right: 10%;
	font-size: small;
	font-weight: normal;
    color: #000066;}
.listebase {
	margin:0 0 0 1%;
	list-style-type: none;
	display: block;
	padding: 0;}
.listesimple {
	margin:0 0 0 10%;
	list-style-type: none;
	display: block;
	padding: 0;}
.listeabordfin {
	border-left: .1em solid #CC0000;
	list-style-type: none;
	text-align:left;
	margin: 0 0 0 5em;
/*	font-size: small;*/
/*	font-weight: normal;
    color: #000066;*/}
.listebordmuette {
	border-left: .1em solid #CC0000;
	list-style-type: none;
	text-align:left;
	margin: 0 1% 0 1%;}	
.listedl {
	margin:0 0 0 10%;
	padding: 0;}
.listedl dt{
	margin:0 0 0 0;
	padding: 0;}
.listedl dd{
	margin:0 0 0 2em;
	padding: 0 0 1em 0;}
/*-----------------------------------*/
.listehorizontale {
	position: relative;
	padding: 0;
	margin: 0 0 .2em 0;
	width:100%;
	left: 0;
}
.listehorizontale ul{
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0;}

.listehorizontale ul li {
	display: block; 
	padding: 0 0 0 0;
	float: left;
	position: relative;
    font-size:  small;
	color:#000066;
	width: 6em;  
	border-right: .1em solid #CC0000;}
.listehorizontale ul li.fin {
	border-right: none; }
/*--------------------------------*/
.tableau {
/*	border: .1em solid #000066;*/
	width: 85%;
	padding: 0.1em;
	margin:0 0 0 10%;}
.listeentable {
	margin:0;
	list-style-type: none;
	display: block;
	padding: 0;}
.listeordonnee {
	margin:.1em .1em .1em 2em;
	padding: .1em .2em .1em 2em;
	display: block;}
.resources {
	background-color:#CC0000;
	}
.marinesouligne {
	color: #000066;
	text-decoration: underline;}	
/*------------------------------------*/
/*navigation pour les leçons*/
/*-------------------------------------*/
#basdepage {
	position: relative;
	background-image: url("images/doublerougecentreblanc.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 .1em 0;
	width:100%;
/*	border-left: .1em solid #333399;
	border-right: .1em solid #333399;*/
	left: 0;
	height: 40px;
	line-height: 110%;
	text-indent: .3em;}

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

#basdepage ul li {
	display: block; 
	padding: .7em 0 0 0;
	float: left;
	position: relative;
/*    font-size:  x-small;
	color:#F5F5F5;
	width: 14em; */ 
	border-right: .2em solid #F5F5F5;}
#basdepage ul li.last {
	border-right: none; }
#basdepage ul li.entre2 {
	/*background-color:#CC0000;*/
	border-right: .1em solid #CC0000;}
#basdepage ul li.images {
	width: 4em; }
/*------------------------*/
/*-------------------------------------*/
#milieudepage {
	position: relative;
	background-image: url("images/doublerouge.gif");background-repeat: repeat-x;
	padding: 0;
	margin: 0 0 .1em 0;
	width:100%;
/*	border-left: .1em solid #333399;
	border-right: .1em solid #333399;*/
	left: 0;
	height: 40px;
	line-height: 110%;
	text-indent: .3em;}

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

#milieudepage ul li {
	display: block; 
	padding: .7em 0 0 0;
	float: left;
	position: relative;
    font-size:  x-small;
	font-weight:bold;
	color:#F5F5F5;
/*	width: 14em;  */
	border-right: .1em solid #F5F5F5;}
#milieudepage ul li.last {
	border-right: none; }	
/*-------------------------------------*/
/* css pour pages de vocabulaire*/
/*--------------------------------------*/
/*--------------------------------------*/
.vocabulaire {
	position: relative;
	left: 0;
	padding: 0;
	margin: 0;
	width:100%;
	background:#F5F5F5;
}

.audio {
	margin: 0;
	left: 0;
	width: 100%;
	text-align: left;
	background: #F5F5F5;
	padding: .1em 0 0 0 ;}
.texte {
	float:left;
	width: 54%;
	margin: 0 .1em 0 .1em;
	text-align: left;
	border-right: .1em solid #CC0000;
	background: #CCCCCC;
	padding:  0 ;}
.droit {
	padding: 0;
	text-align: left;
	margin: 0 .2em 0 .5em;
	line-height: 200%;
	font-weight: normal;
	color: #000066;
    font-size: x-small;}
	
.explications {
	float: right;
	margin: 0 .1em 0 0;
	width: 44%;
	text-align: left;
	padding: 0 ;}

.footer {
	position: relative;
	background-image: url("images/basrouge.gif");background-repeat: repeat-x;
	padding: 0;
	height:20px;
	margin:0;
	width:100%;
	clear: both;}
.textefooter {
	margin: 0 0 0 10em;
	padding: 0 0 0 0;
	letter-spacing: 0.2em;}
.voir {
	font-weight: bold;
    color: #CC0000; }
/*----------------------------------------*/
.cartesite {
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;	
/*	border-right: .1em solid #000066;
	border-left: .1em solid #000066;*/
	padding: 0;
	line-height: 170%;
	font-size: small;
	text-align: left;
}
.jumping {
	line-height: 50%;
	font-size: xx-small;
	color:#EDEDF7;
	margin: .1em 0 0 0;
	padding: .1em 0 0 0;
}
.leftnav
{
	float: left;
	width: 32%;
	margin: 0;
	padding: 1em;
	background-color: #E9E9F4;
}
.leftnavpar2
{
	float: left;
	width: 46%;
	margin: 0;
	padding: 1em;
	background-color: #D9D9E2;
}
.rightnav
{
	float: right;
	width: 30%;
	margin: 0;
	padding: 1em;
	background-color: #A1A0C3;	
}
.rightnavpar2
{
	float: right;
	width: 46%;
	margin: 0;
	padding: 1em;
	background-color: #A1A0C3;	
}
.milieunav
{
	margin-left: 33%;
	margin-right: 33%;
/*	border-left: 1px solid #000066;
	border-right: 1px solid #000066;*/
	padding: 1em 0 1em 0;
	background-color:#D9D9E2;}
.basdenav
{
clear: both;
margin: 0;
padding: .5em;
}
/*-------------------french comprehension-------------*/
.titrearticle {
	padding: 0;
	text-indent: 2em;
	text-align: left;
	margin: 0 .2em 0 2em;
	font-weight: bold;
	color: #CC0000;
    font-size: medium;}
/*-------------------*/
.lh150 {
	line-height: 150%;}
.lh180 {
	line-height: 180%;}
.lh200 {
	line-height: 200%;}	
/*---------------------------------------*/

.rouge {
    font-variant: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: #CC0000;}
.marine {
    font-variant: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: #000066;}
.blanc {
    font-variant: inherit;
    font-weight: inherit;    
    font-size:  inherit;
	color:#F5F5F5;}
.grisclair {
	color:#CCCCCC;}
.grismoyen {
	color:#999999;}
.grisfonce {
	color:#666666;}
.bleu1 {
    color: #0000FF;}	
.violetclair { 
	color:#D9D9E2;}
.violetmoyen {
	color:#A1A0C3;}	
.violetfonce {
	color:#333399;}
.pistache {
    font-variant: inherit;
    font-weight: inherit;    
    font-size:  inherit;
	color:#99CC00;}
.ciel {
    font-variant: inherit;
    font-weight: inherit;    
    font-size:  inherit;
	color:#3399FF;}
.rose {
    font-variant: inherit;
    font-weight: inherit;    
    font-size:  inherit;
	color:#FF00FF;}				
.orange {
    font-variant: normal;
    font-weight: normal;
    font-size: x-small;
    color: #FF9933;}
.lienciel {
	color:#6DCFF6;
	text-decoration:underline;}
	
.fondrouge {
    background-color: #CC0000;}
.fondmarine {
    background-color: #000066;}
.fondblanc {
	background-color:#F5F5F5;}
.fondvioletclair { 
	background-color:#D9D9E2;}
.fondvioletmoyen {
	background-color:#A1A0C3;}	
.fondvioletfonce {
	background-color:#333399;}
.fonddore {
	background-color:#FFCC00;}
.fondgrisclair {
	background-color:#CCCCCC;}
.fondgrismoyen {
	background-color:#999999;}
.fondgrisfonce {
	background-color:#666666;}

.italique {
	font-style: italic; }		
.petitecapitale {
	font-variant: small-caps; }
.gras {
	font-weight: bold;}
.souligne {
	text-decoration:underline;}
	
.decalage5{
	text-indent: 5em;
	text-align: left;}
.decalage10{
	margin-left: 10%;
	}	
.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; }

.agauche {
	text-align: left;}
.adroite {
	text-align: right;}
.aumilieu {
	text-align: center;}
.enhaut {
	vertical-align:top;}
.enbas {
	vertical-align:bottom;}
.phonetique		
{ font-family:"Lucida Sans Unicode", "Arial Unicode MS","Lucida Grande"; 
 }	
.policecomic {
	font-family: Comic Sans MS;}	
.nxsrouge {
    font-variant: normal;
    font-weight: normal;
    font-size: x-small;
    color: #CC0000;}
.nxsmarine {
    font-variant: normal;
    font-weight: normal;
    font-size: x-small;
    color: #000066;}
.nbxsrouge {
    font-variant: normal;
	font-weight: bold;
    font-size: x-small;
    color: #CC0000;}	
.nxsblanc {
    font-variant: normal;
    font-weight: normal;    
    font-size:  x-small;
	color:#E9E9F4;}
.nxsvioletc { 
    font-variant: normal;
    font-weight: normal;   
    font-size:  x-small;
	color:#D9D9E2;}
.nxsvioletm {
    font-variant: normal;
    font-weight: normal;    
    font-size:  x-small;
	color:#A1A0C3;}	
.nxsvioletf {
    font-variant: normal;
    font-weight: normal;    
    font-size:  x-small;
	color:#333399;}
.cxsmarine {
	font-variant: small-caps;
    font-size: x-small;
    color: #000066;}
.cxsrouge {
	font-variant: small-caps;
    font-size: x-small;
    color: #CC0000;}	
.cxsblanc { 
	font-variant: small-caps;   
    font-size:  x-small;
	color:#E9E9F4;}
.cxsvioletc {  
	font-variant: small-caps;  
    font-size:  x-small;
	color:#D9D9E2;}
.cxsvioletm { 
	font-variant: small-caps;   
    font-size:  x-small;
	color:#A1A0C3;}	
.cxsvioletf {
	font-variant: small-caps;    
    font-size:  x-small;
	color:#333399;}
/*---------------------------------------*/
.nsmarine {
    font-variant: normal;
    font-weight: normal;
    font-size: small;
    color: #000066;}
.nsrouge {
    font-variant: normal;
    font-weight: normal;
    font-size: small;
    color: #CC0000;}	
.nsblanc { 
    font-variant: normal;
    font-weight: normal;   
    font-size:  small;
	color:#E9E9F4;}
.nsvioletc {    
    font-size:  small;
	color:#D9D9E2;}
.nsvioletm {    
    font-size:  small;
	color:#A1A0C3;}	
.nsvioletf {    
    font-size:  small;
	color:#333399;}
.csmarine {
	font-variant: small-caps;
    font-size: small;
    color: #000066;}
.csrouge {
	font-variant: small-caps;
    font-size: small;
    color: #CC0000;}	
.csblanc { 
	font-variant: small-caps;   
    font-size:  small;
	color:#E9E9F4;}
.csvioletc {  
	font-variant: small-caps;  
    font-size:  small;
	color:#D9D9E2;}
.csvioletm { 
	font-variant: small-caps;   
    font-size:  small;
	color:#A1A0C3;}	
.csvioletf {
	font-variant: small-caps;    
    font-size:  small;
	color:#333399;}
/*----*/
.nbsmarine {
	font-weight: bold;
    font-size: small;
    color: #000066;}
.nbsrouge {
	font-weight: bold;
    font-size: small;
    color: #CC0000;}	
.nbsblanc { 
	font-weight: bold;   
    font-size:  small;
	color:#E9E9F4;}
.nbsvioletf {
	font-weight: bold;    
    font-size:  small;
	color:#333399;}
.cbsmarine {
	font-weight: bold;
	font-variant: small-caps;
    font-size: small;
    color: #000066;}
.cbsrouge {
	font-weight: bold;
	font-variant: small-caps;
    font-size: small;
    color: #CC0000;}	
.cbsblanc { 
	font-weight: bold;
	font-variant: small-caps;   
    font-size:  small;
	color:#E9E9F4;}
/*-----*/