/* @group General */

* {
	font-family: Arial; color: #5c019c;
	font-size:16px;
	margin-bottom: 0px;
}

body {margin:0;
}

.index * {
	font-family: Arial; color: #5c019c;
	font-size: 16px;
	margin-bottom: -10px;
	margin-right: 0px;
	color: #0045b5;  
}
.index a:hover { 
    background-color: #ffe3b7; 
}

.index2 a {
    font-size: 14px; 
    text-decoration: none;
	font-weight: bold;
	color: #366cc5; 
} 

.index3 a {
    font-size: 20px; 
    text-decoration: none;
	font-weight: bold;
	color: #366cc5; 
} 

.index4 a {
    font-size: 18px; 
    text-decoration: none;
	font-weight: bold;
	color: #366cc5; 
} 

.index5 a {
    font-size: 16px; 
    text-decoration: none;
	font-weight: bold;
	color: #366cc5; 
} 

.index h1 {
	text-transform: uppercase;
	font-size: 24px;
	margin-top: 4px;
	margin-bottom:6px;
}

.indexch0 {
	color: #ffdca4; 
}

.indexch0 h1 {
	color: #ffe3b7;
	text-transform: uppercase;
	font-size: 30px;
	margin-top: -12px;
	margin-bottom: -40px;
}

.indexch1 {
	color: #7faaff; 
}

.indexch2 {
	color: #d699ff; 
}

.indexch3 {
	color: #ff99ff; 
}

.indexch4 {
	color: #ff9999; 
}

.index h2 {
	padding-bottom: 0px;
	margin-top: 0px;
	font-size: 20px;
	margin-bottom: -14px;
	color: #7399d6; 		
}

.index h3 {	
	font-size: 18px;
	margin-top: 14px;
	margin-bottom: -8px;
	color: #7399d6;
}

.index h4 {	
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 16px;
	font-style: italic;
	font-weight:normal;		
}

.index h5 {	
	font-size: 6px;
	margin-top: 0px;
	margin-bottom: -12px;
	font-style: italic;
	font-weight:normal;		
}

.index h6 {	
	font-size: 14px;
	margin-top: 22px;
	margin-bottom: -6px;
	font-style: italic;
	font-weight:normal;	
}

td {
	vertical-align: top;
}

td.content_separator {
	width: 5px;
	background-color: #ffba4a;
}

td.content_left {
	width: 25%;
	background-color: #cc99cc;
	padding-bottom: 48px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
}

td.content_left {
	padding-bottom: 45px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 35px;
}

.content_left * {
	font-family: Arial; color: #5c019c;
	font-size:16px;
	margin-bottom: -10px;
}

.content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.content_left a:hover { 
    background-color: #0055ff; 
}

.content_left h1 {
	text-transform:uppercase;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 22px;
}

.content_left h2 {
	padding-bottom: 0px;
	font-size: 18px;
	margin-bottom: -8px;		
}

.content_left h3 {	
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: -12px;
	font-style: italic;
}

.content_left h4 {
	font-size: 16px;
	font-style: italic;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	margin-bottom: 22px;
	margin-top: 8px;
}

.content_left h5 {	
	font-size: 16px;
	margin-top: 28px;
	margin-bottom: -12px;
	font-style: italic;
}

.content_left h6 {	
	font-size: 20px;
	margin-top: 36px;
	margin-bottom: -20px;
}

td.content_separator {
	width: 5px;
	background-color: #ffba4a;
}

td.content_right {
	padding-bottom: 45px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
}

p.indent {
	padding-left: 25px;
}

p.speak-french {
	background-image: url(interface/french-text-flag-2.gif);
	background-repeat:no-repeat;
	padding-left: 0px;
	padding-top: 12px;
	background-position:top left;
}

span.speak-french2 {
	background-image: url(interface/french-text-flag-2.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 30px;
}

p.red {
	color: red;
	font-weight:bold;
	margin-bottom: 22px;
}

span.style2 {
	color: red;
	font-weight:normal;
}

p.gras {
	color: #9900CC;
	font-weight: bold;
}

span.grastx {
	color: #9900CC;
	font-weight: bold;
}

.content_right * {
	font-family: Arial; color: #5c019c;
	font-size:16px;
	margin-bottom: -10px;
}

.content_right h1 {
	text-transform:uppercase;
	font-size: 36px;
	margin-top: 0px;
	margin-bottom: 22px;
}

.content_right h2 {
	padding-bottom: 0px;
	font-size: 20px;
	margin-bottom: -8px;
}

.content_right h3 {	
	font-size: 18px;
	margin-top: 28px;
	margin-bottom: -10px;
}

.content_right h4 {
	font-size: 16px;
	font-style: italic;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	margin-bottom: 22px;
	margin-top: 8px;
}

.content_right h5 {	
	font-size: 16px;
	margin-top: 28px;
	margin-bottom: -10px;
}

.content_right h6 {	
	font-size: 20px;
	margin-top: 36px;
	margin-bottom: -20px;
}

.lettrine  {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 12px;
}

.lettrine p {
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	text-align: center;
}

.lettrine h6 {
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	text-align: center;
	font-weight:normal;
	text-decoration: none;
	color: #0055ff;
}

.lettrine2 {
	float: left;
	margin-right: 10px;
	margin-top: -18px;
	margin-bottom: 0px;
}

.lettrine2 p {
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	text-align: center;
}

.lettrine3 {
	float: left;
	margin-right: 8px;
	margin-top: 2px;
	margin-bottom: 15px;
}

.lettrine4 {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 15px;
}

.lettrine5 {
	float: left;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 5px;
}


/* @end */

/* @group Navigation Menu */

.navmenu {
	background-color: #ffba4a;
}

.navmenubas td {
	vertical-align: bottom;
}

.navmenu a, .navmenu h1 {
	margin: 0 2px;
	padding: 1px 8px;
}

.navmenu a {
	text-decoration: none;
}

.navmenu h1 {
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 2px;
}

.navmenu a.navText {
	display: block;
}

a.navText:hover {
	background-color: #ffd490;
}

a.navText.selected {
	background-color: #ffe5bc;
}

#nav_special_container {
	position: relative;
}

#nav_special {
	width: 200px;
	position: absolute;
	top:  -90px;
	text-align: center;
}

#nav_special a {
	display: block;
}

/* @end */

/* @group Couleurs par chapitre */


.chapitre1 td.content_left {
	background-color: #7faaff;
}

.chapitre1 h1, .chapitre1 h2, .nav1 h1 {
	color: #0055ff;
}

.chapitre1 h3, .chapitre1 h5 {
	color: #0055ff;
}

.chapitre1 h4 {
   color: #0055ff;
} 

.chapitre1 .content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre1 .content_left h1 {
    color: #4080FF;  
} 

.chapitre1 .content_left a:hover { 
    background-color: #4080FF; 
}

.chapitre1 .content_right a.agras {
    color: #0055ff;
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre1 .content_right h3 {
    color: #0055ff;  
    font-size: 18px;
	margin-top: 28px;
	margin-bottom: -10px;
	font-style: italic; 
} 

.chapitre1 .content_right h5 {
    color: #0055ff;  
    font-size: 16px;
	margin-top: 18px;
	margin-bottom: -12px;
	font-style: italic; 
} 

.chapitre1 .content_right a.ah3 {
    color: #0055ff;  
    text-decoration: none;
	font-weight: bold; 
	font-size:18px;
	margin-left: 0px;
	font-style: italic;
	margin-top: 28px;
	margin-bottom: -10px;
} 

.chapitre1 .content_right a {
    color: #0055ff;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre1 .content_right a:hover { 
    background-color: #7faaff;
} 

.chapitre1 .lettrine a:hover { 
    background-color: #7faaff;
} 

.chapitre1 .content_left a.normalblanc {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: normal;
} 

.chapitre2 td.content_left {
	background-color: #d699ff;
}
.chapitre2 h1, .chapitre2 h2, .chapitre2 h4, .nav2 h1 {
	color: #9900FF;
}
.chapitre2 h3 {
	color: #9900FF;
	margin-left: 0px;
}

.chapitre2 p.gras {
	color: #9900CC;
	font-weight: 600;
}

.chapitre2 .content_right a.agras {
    color: #0055ff;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre2 .content_right a {
    color: #0055ff;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre2 .content_right a:hover { 
    background-color: #d699ff;
} 

.chapitre2 .content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre2 .content_left a.normalblanc {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre2 .content_left a:hover { 
    background-color: #BE5CFF; 
}

.chapitre2 .content_left h1 {
    color: #BE5CFF;  
}

.chapitre3 td.content_left {
	background-color: #ff99ff;
}

.chapitre3 h1, .chapitre3 h2, .nav3 h1 {
	color: #FF00FF;
}

.chapitre3 h4 {
   color: #FF00FF;
} 

.chapitre3 h3 {
	font-size:18px;
	color: #FF00FF;
	margin-left: 0px;
	font-style: italic;
	
}

.chapitre3 h5 {
	color: #FF00FF;
	margin-left: 0px;
	font-style: italic;
}

.chapitre3 p.indentcolor {
	padding-left: 20px;
	color: #FF00FF;
	font-weight:bold;
	margin-left: 0px;
}

.chapitre3 span.grastx {
	color: #FF00FF;
	font-weight: bold;
}

.chapitre3 p.gras {
	color: #FF00FF;
	font-weight: bold;
}

.chapitre3 .content_right a.agras {
    color: #FF00FF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre3 .content_right a {
    color: #FF00FF;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre3 .content_right a:hover { 
    background-color: #ff99ff;
} 

.chapitre3 .content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre3 .content_left a:hover { 
    background-color: #FF5CFF; 
} 

.chapitre3 .content_left a.normalblanc {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre3 .content_left h1 {
    color: #FF5CFF;  
}

.chapitre4 td.content_left {
	background-color: #ff9999;
}

.chapitre4 h3, .chapitre4 h5 {
	color: red;
}

.chapitre4 h1, .chapitre4 h2, .nav4 h1 {
	color: red;
}
.chapitre4 h4 {
   color: red;
} 

.chapitre4 h3 {
	font-size:18px;
	color: red;
	margin-left: 0px;
	font-style: italic;
}

.chapitre4 .content_left h3 {
    font-size:16px;
}

.chapitre4 span.grastx {
	color: red;
	font-weight: bold;
}

.chapitre4 p.gras {
	color: red;
	font-weight: bold;
}

.chapitre4 .content_right a.agras {
    color: red;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre4 .content_right a {
    color: red;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre4 .content_right a:hover { 
    background-color: #FF5C5C;
} 

.chapitre4 .content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre4 .content_left a:hover { 
    background-color: #FF5C5C; 
} 
.chapitre4 .content_left a.normalblanc {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre4 .content_left h1 {
    color: #FF5C5C;  
}

.chapitre5 td.content_left {
	background-color: #eb99ad;
}

.chapitre5 .content_left h1 {
    color: #DC4D70;  
} 

.chapitre5 .content_left  h2 {
	color: #CC0033;
}

.chapitre5 h1, .chapitre5 h2, .nav5 h1 {
	color: #CC0033;
}

.chapitre5 h6 {
	color: #CC0033;
}
.chapitre5 h3 {
	font-size:16px;
	color: #CC0033;
	margin-left: 0px;
	font-style: italic;
}

.chapitre5 h4 {
   color: #CC0033;
   margin-bottom: -20px;
   margin-top: 8px;
} 

.chapitre5 span.grastx {
	color: #CC0033;
	font-weight: bold;
}

.chapitre5 p.gras {
	color: #CC0033;
	font-weight: bold;
}

.chapitre5 .content_right a.agras {
    color: #CC0033;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre5 .content_right a {
    color: #CC0033;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre5 .content_right a:hover { 
    background-color: #eb99ad;
} 


.chapitre5 .content_left p.gras {
	color: #FFFFFF;
	font-weight: bold;
}

.chapitre5 .content_left a.grasblanc {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold; 
} 

.chapitre5 .content_left a.grasblancitalic {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: bold;
	font-style: italic; 
} 

.chapitre5 .content_left a {
    color: #FFFFFF;  
    text-decoration: none;
	font-weight: normal; 
} 

.chapitre5 .content_left a:hover { 
    background-color: #DC4D70;
} 

/* @end */