/* CSS Document */

.conteneur { 
position: relative;
width: 650px;
margin: 0 auto;
background-color:none;

}

.header {
top:0px ;
height: auto;
width:auto;


}





/*rubrique*/

.cadre {
display: block;
margin-top:130px;
position: absolute;
left:0;
line-height:auto;
width: 131px;
height:auto;
padding: 2px 2px 2px 8px;
background-color:#000000;


font-family:"verdana";
font-size:11px;
color:#ffffff;
 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}



/*menu*/

.menu {
display:block;
margin-top:192px;
position: absolute;
left:0;
line-height:auto;
width: 120px;
height:auto;
background-color:#000000;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;

 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}

.menu a {
	font-family:"verdana";
	font-size:11px;
	display:block;
	margin: 0 0px;
	padding: 2px 2px 2px 8px;
	color: #ffffff;
	text-decoration: none;
}
.menu a:hover {
	color:red;
	background:#ffffff;
	
}

.menu1 {
display:block;
margin-top:162px;
position: absolute;
left:0;
line-height:auto;
width: 120px;
height:auto;
background-color:#000000;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;

 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}

.menu1 a {
	font-family:"verdana";
	font-size:11px;
	display:block;
	margin: 0 0px;
	padding: 2px 2px 2px 8px;
	color: #ffffff;
	text-decoration: none;
}
.menu1 a:hover {
	color:red;
	background:#ffffff;
	
}

.menub {
display:block;
margin-top:312px;
position: absolute;
left:0;
line-height:auto;
width: 120px;
height:auto;
background-color:#000000;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;

 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}

.menub a {
	font-family:"verdana";
	font-size:11px;
	display:block;
	margin: 0 0px;
	padding: 2px 2px 2px 8px;
	color: #ffffff;
	text-decoration: none;
}
.menub a:hover {
	color:red;
	background:#ffffff;
	
}



.cadretitre {
margin-top:40px;
margin-left:140px;
text-align:left;
width: 773px;
height: 22px;
line-height:20px;
padding: 2px 2px 2px 8px;

background-color:#fdfda3;
 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}


.frame {
margin-top:10px;
margin-left: 140px;
width: auto;
height: 450px;
background-color:none;
overflow: auto;
padding:20px;
text-align:justify;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;
background-color:#cccccc;
  /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionnČ et dimensionnČ comme dans cet exemple.*/
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;

}

.frame2 {
margin-top:10px;
margin-left: 140px;
width: auto;
height: 450px;
background-color:none;
overflow: auto;
padding:20px;
text-align:justify;
border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;
border-bottom: 1px dotted #ffffff;
border-top: 1px dotted #ffffff;
background-color:#cccccc;

}

.footer {

height: 3px;
font-type:"verdana";
font-color:#CCCCCC;
font-size:6 px;
text-align:center;
pading-top:3px;

}


/*typo*/



.lettrine {
	float: left;
	font-size: 80px;
	font-style: normal;
	font-family : "verdana";
	font-weight: bold;
	color: #993399;
	margin: 0 10px 0 0;
	padding: 0;
	}
	

	
.textetimes {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	
}

.textetimes a {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	font-weight: bold;
	
	color: #993399;
}
.textetimes a:link {
text-decoration:underline;

}

.textetimes a:visited {
	text-decoration: none;
	color: #99CC00;
}
.textetimes a:hover {
	text-decoration: none;
	color: #99CC00;
}
.textetimes a:active {
	text-decoration: none;
}

.textetimesbleu {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
	font-weight:bold;
	color: #993399;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	
}


.titre {
	font-family: "verdana";
	font-size: 18px;
	font-style: normal;
	font-weight:bold;
	color:#000000;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	
}
.soustitre {
	font-family: "verdana";
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color:#000000;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	
	
}
	
	
.soustitre a {
	font-family: "verdana";
	font-size: 12px;
	font-weight: bold;
	
	color:#666600;
}
.soustitre a:link {
text-decoration:none;

}

.soustitre a:visited {
	text-decoration: none;
	color:#99CC33;
}
.soustitre a:hover {
	text-decoration: none;
	color: #99CC00;
}
.soustitre a:active {
	text-decoration: none;
}
	


.titreital {
	font-family: "verdana";
	font-size: 18px;
	font-style: italic;
	font-weight:bold;
	color: #000000;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}



.titredetail {
	font-family: "verdana";
	font-size: 9px;
	font-style: normal;
	color:#666666;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.detail {
	font-family: "verdana";
	font-size: 9px;
	font-style: italic;
	
	color:#666666;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.date1 {
	font-family: "verdana";
	font-size: 12px;
	font-style: italic;
	font-weight:bold;
	color:#CC3300;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texteverdana {
	font-family: "verdana";
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texteverdana a {
	font-family: "verdana";
	font-size: 12px;
	font-weight: normal;
	
	color:#666600;
}
.texteverdana a:link {
text-decoration:none;

}

.texteverdana a:visited {
	text-decoration: none;
	color:#99CC33;
}
.texteverdana a:hover {
	text-decoration: none;
	color: #99CC00;
}
.texteverdana a:active {
	text-decoration: none;
}
	

.italgrasnoir {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	font-weight:bold;
	color: #000000;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.blanc {
	font-family: "verdana";
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.noir {
	font-family: "verdana";
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-align: justify;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.ligne {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	width: auto;
	
}
.ligne2 {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	width: 450px;
	
}


.lignenoire {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	width: auto;
	
}