/* CSS Document */
@Page {size:landscape;}

.Style1 {
color: #000066
}
.text_Nom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#000066;
}
.text_Chapitre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#000066;
}
.text_gras {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.text_grasBlanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color:#FFFFFF;
}
.text_paragraphe12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.text_paragraphe {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.text_paragrapheitalic {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
}
.text_liengros {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: underline;
font-style: italic;
color:#0000FF;
}
.text_lien {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: underline;
font-style: italic;
color:#0000FF;
}
.text_liennav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#FFFFFF;
}
.text_blanc12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
}
.text_blanc {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
    color :#0000ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a.type2:link {
   
	text-decoration: none;
}
a.type2:visited {
    color :#000066;
	text-decoration: none;
}
a.type2:hover {
	text-decoration: underline;
}
a.type2:active {
	text-decoration: none;
}
/* PLAN */ 

div {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	border-style:solid;
	border-color:#FF0000;
	border-width:0px;
}

.home {
	margin-left:250px;
}
.home_html {
	margin-left:130px;
}

.colonnes {
	width:810px;
	margin:0;
}

#colonne_plan1 {
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#CFCCFF;
	margin-left:110px;
	margin-right:237px;
}

#colonne_1_1, #colonne_2_1, #colonne_3_1 {
	margin-left:20px;
	width:180px;
	border-color:#0000FF;
	float:left;
}
#colonne_3_2 {
	margin:0;
	padding:0;
	margin-left:10px;
	width:300px;
	float:left;
}
.cartouche_bleu_autonome_colonne_3_2 {
	margin-left:50px;
	margin-right:57px;
	padding-left:20px;
	border-bottom-style:solid;
	border-bottom-width:3px;
	border-bottom-color:#CFCCFF;
}
.cartouche_bleu_autonome_3_2{
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:150px;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}

#sous_colonne_1, #sous_colonne_2 , #sous_colonne_3 {
	margin:0;
	padding:0;
	margin-left:5px;
	width:90px;
	float:left;
}
.sous_colonnes {
}

.menu_plan{
	width:200px;
}
.cartouche_bleu_inscription {
	position:relative;
	left:16px;
	top:52px;
}
.cartouche_bleu_home_html {
	position:relative;
	left:200px;
	top:0px;
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:150px;
	font-size:15px;
	font-weight:bold;
	padding:10px;
	text-align:center;
}
.cartouche_langue {
	position:relative;
	left:185px;
	top:0px;
	width:150px;
	font-size:13px;
	padding:9px;
	text-align:center;
}

.cartouche_bleu_autonome{
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:150px;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
}
.cartouche_bleu_parent {
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:150px;
	font-size:12px;
	font-weight:bold;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.small_cartouche_bleu_autonome{
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:90px;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
	margin-bottom:10px;
}
.small_cartouche_bleu_parent {
	background-color:#CFCCFF;
	border-style:none;
	border-width:0px;
	width:90px;
	font-size:12px;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	text-align:center;
}
.small_cartouche_blanc {
	background-color:#FFFFFF;
	margin-left:10px;
	margin-right:10px;
	margin-top:6px;
	width:70px;
	height:50px;
	font-size:11px;
}


.texte_malle {
	background-color:#FFFFFF;
	margin-bottom:16px;
	padding:0;
	padding-bottom:20px;
	width:150px;
	text-align:center;
	font-style:italic;
	font-size:12px;
}
.cartouche_blanc {
	background-color:#FFFFFF;
	margin-left:5px;
	margin-right:9px;
	margin-top:6px;
	width:140px;
	height:50px;
	font-size:11px;
}
.cartouche_blanc_histoires {
	background-color:#FFFFFF;
	margin-left:5px;
	margin-right:9px;
	padding-top:4px;
	width:140px;
	height:60px;
	font-size:11px;
}
.border_gauche{
	width:180px;
	border-right-style:solid;
	border-right-width:3px;
	border-right-color:#CFCCFF;
	padding-right:0px;
	padding-top:10px;
	margin:0;
}
.raccord_border_h{
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#CFCCFF;
	width:20px;
	height:3px;
	padding-right:0;
	position:relative;
	left:163px;
	top:-30px;
	margin-top:0;
}
.raccord_border_h_home{
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#CFCCFF;
	width:20px;
	height:3px;
	position:relative;
	left:183px;
	top:23px;
}

.raccord_border_v {
	border-right-style:solid;
	border-right-width:3px;
	border-right-color:#CFCCFF;
	height:10px;
	width:90px;
}
.raccord_border_v_small {
	border-right-style:solid;
	border-right-width:3px;
	border-right-color:#CFCCFF;
	height:10px;
	width:45px;
}

.raccord_border_v_html {
	border-right-style:solid;
	border-right-width:3px;
	border-right-color:#CFCCFF;
	height:10px;
	width:90px;
	margin-left:200px;
}
.lien_etapes {
	background-color:#CFCCFF;
	width:170px;
	text-align:left;
	margin:0;
	margin-right:9px;
	padding:0;
}
.titre_lien_etapes  {
	padding-left:20px;
	font-size:10px;
}
.sous_menus{
	background-color:#CFCCFF;
	margin:0;
	padding:0;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-left-width:10px;
	text-align:left;
	font-size:10px;
	width:170px;
}
.sous_menus ul {
	margin:0;
	padding:0;
}
.sous_menus li {
	margin:0;
	padding:0;
	padding-left:10px;
	list-style-position:inside;
}



/* MENU */ 

ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}


ul#menu{
  margin:0px;
  padding:0px;
  padding-bottom:0px;
  list-style:none;
  width:100%;
  height:24px;
  background:#000066;
  float:left;
  font:0.8em Arial;
  font-weight:bold;
  color:#9898CC;
}

ul#menu hr{
 margin-right: 4px;
 margin-left: 4px;
}

ul#menu li{
  float:left;
  display:block;
  padding:2px 1px;
  height:20px;
}

ul#menu li.first{
  padding-left:2px;
}

ul#menu li.last{
  padding-right:2px;
}

ul#menu li a{
  display:block;
  padding:2px 6px; 
  border:0px solid #CCCCCC;
  color:#9898CC;
  text-decoration:none
}

ul#menu li a:hover{
  border-top-color:#F0F0F0;
  border-left-color:#F0F0F0;
  border-right-color:#999999;
  border-bottom-color:#999999;
}

ul#menu ul{
  position:absolute;
  background:#000066;
  list-style:none;
  margin:0px;
  padding:0px;
  width:210px;/*160*/
  z-index:1;
}

ul#menu ul ul{
  top:0px;
  left:205px;/*155*/
  z-index:2;
}

ul#menu ul li{
  position:relative; /* absolute */
  float:none;
  margin:0px;
  padding:0px;
}

ul#menu ul li a{
  display:block;
  margin:0px;
  padding:0px;
  width:210px;/*160*/
  border:none;

}
ul#menu ul li a span{
  display:block;
  width:194px;/*144*/
  padding:2px 4px;
  margin:0px 8px; /* 0px 8px;*/
  border:none;
}
ul#menu ul li a.next span{
  margin-top:0px;
  margin-bottom:0px;
}
ul#menu ul li a.next:hover span{
  background-position: -210px 50%;/* */
  cursor:pointer;
  margin-top:0px;
  margin-bottom:0px;
 /*160*/
}

ul#menu ul li a:hover span{
  background-color:#000099;
  color:#FFFFFF;
  border:none;
  margin-top:0px;
  margin-bottom:0px;
  cursor:pointer;
}

ul#menu ul li.first{
  padding-left:0px;
}

ul#menu ul li.first a{
  padding-top:2px;
}

ul#menu ul li.last{
  padding-right:0px;
}

ul#menu ul li.last a{
  padding-bottom:2px;
}