/* Css du site http://www.musse-clemenceau.fr */

body{
	position:		absolute;
	width:			100%;
	height:			100%;
	margin:			0;
	padding:		0;	
	font-family:		Arial, Helvetica, sans-serif;
}

img {
	border:			0;
}

.strong {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #561501;
	text-decoration: none;
}


.acc_left {
	position:		absolute;
	width:			20%;
	height:			100%;
	left:			0;
	top:			0;
	margin:			0;
	padding:		0;
	border-right:		1px solid #551500;
}

.acc_left p {
	font-size:	small;
	position:		absolute;
	bottom:			30px;
	text-align:	left;
	left:				40%;
}

.acc_left a {
	font-size:		x-small;
	text-decoration:	none;
	color:			#551500;
}
.acc_left a:hover {
	color:			#123456;
}

.acc_left br{
	margin:			12px;
}

.acc_menu {
	position:		absolute;
	width:			182px;
	height:			100%;
	top:				0;
	left:				20%;
	background-color:	#551500;
	margin:			0 0 0 3px;
}

.acc_menuindex {
	margin-left: 20%;
}

.logoenglish {
	position:		absolute;
	top:		620px;
	left:		100px;
 	width:	40px; 
	height:	25px;
}

.logofrench {
	position: absolute;
	top: 			620px;
	left:			30px;
	color:		black;
	width:		40px; 
 	height:		24px;
}

.logotop {
	position:		absolute;
	top:			95px;
}

.imgleft {
	position:		absolute;
	top:			200px;
}
    
.tableinfosmall {

	border: 0;
	align: right;
	cellpadding: 0;
	cellspacing: 0; 
}


.table { 
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #754C24;
	text-decoration: none;
}

tr#row1 {	
 	background-color = #FFFFFF;
}

.tr#row2 {
	background-color: #FFFFFF;
}

.tr#co3 {
	width :	30%;
}


/* Cellules */

td.cell1 {	
	width:	5%;
	vertical-align: top;
}

td.cell2 {
	width:	60%;
	vertical-align: top;
}

td.cell3 {
	width:	30%;
	vertical-align: top;
}

td.cell4 {
	width: 5%;
	vertical-align: top;
	background-color: #FFFFFF;
}

td.cell6 {
	colspan: 2;
	valign: top;
	vertical-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #754C24;
	text-decoration: none;
}

.couleurhr {
	color: #754C24;
 	size: 1;
}

td.cell8 {
	width: 5%;
	vertical-align: top;
	background-color: #CCCCCC;
}

td.cell9 {
 	width: 60%;
 	vertical-align: top;
 	background-color: #DEC9B6;
 	}

td.cell10 {
 	width: 30%; 
 	vertical-align: top;
 	background-color: #DDE8FF;  
}
  
td.cell11 {
	width: 5%;
	vertical-align: top;
 	background-color: #FFFFFF; 
}

td.cell12 {
 	width: 5%;
 	height: 160;
 	vertical-align: top;
 	background-color: #CCCCCC;
}

td.cell20 {
 	width: 5%;
 	vertical-align: top;
 	background-color: #CCCCCC;
 	height: 160;

}

td.cell21 {
 	width: 5%;
 	vertical-align: top;
 	background-color: #CCCCCC;
  texte-align: center;
}
/* Fin des cellules */


/* dıbut des regle de mise en forme */


.pied { 
	 position:		absolute;
	/* position		relative; */
	top:			85%;
	height:			15%;
	background-color:	#ff9933;
	left:			0;
	width:			100%;
	color:			black;
	padding:		0;
	margin:			0;
}

.pied p {
	margin:			12px 0 0 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.sdfclass {
    top: 200px
}

.back {
	position:		absolute;
	top:			0;
	left:			0;
	height:			85%;
	width:			100%;
	background-color:	#ffffff;
	margin:			0;
	padding:		0;
}

.menu {
	position:		absolute;
	top:			0;
	width:			182px;
	background-color:	#551500;
	height:			100%;
	
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#navcontainer a
{
	display: block;
	padding: 2px 2px 2px 24px;
	border: 1px solid #333;
	width: 160px;
	background-color: #999;
	background-image: url(images/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover
{
	border: 1px solid #333;
	background-color: #F60;
	background-image: url(images/l1_over.gif);
	color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
	border: 1px solid #333;
	background-color: #FF6600;
	background-image: url(images/l1_over.gif);
	color: #333;
}

.titre {
	margin:			12px 0 0 200px;
}


/* Fin de dıbut des regle de mise en forme*/


/* Couleur et alignement */

.colorcc {
	background-color: #CCCCCC;
}

.colordd{
	background-color: #DEC9B6;
}

.colorde{
	background-color: #DDE8FF;
}

.colorff {
	background-color: #FFFFFF ;
}
  
.blanc {
	background-color : "#FFFFFF";
}

.couleurfondblanc {
	backgroud-color: #FFFFFF;
}

.alignementdroite {
	texte-align: right;
}

.taillehuittrois {
	width: 83%;
}

.tailleseize {
	width : 16%; 
}

.taillesoixantedeux {
	width: 62%
	background-color: #DDE8FF;
}

.taillesept {
	width : 7%;
	background-color: #FFFFFF;
}

.centrer {
	text-align: center;
}

.couleurspec {
	color : #754C24;
}

.alignementcentre {
	texte-align: center;
}

.portraitgauche {
	float: left;
	diplay: inline;
	/*margin: 10px 15px 10px 15px;*/
}

.portraitdroit {
	float: right;
	diplay: inline;
	margin: 10px 15px 10px 15px;
}

.portrait {
	float: right;
	diplay: inline;
	margin: 10px 15px 10px 15px;
}

.menuleft1 {
	position:		absolute;
	top:			380px;	
}

.menuleft2 {
	position:		absolute;
	top:			410px;	
}
.menuleft3 {
	position:		absolute;
	top:			440px;
}
.menuleft4 {
	position:		absolute;
	top:			470px;
	
}
.menuleft5 {
	position:		absolute;
	top:			500px;
}
.menuleft6 {
	position:		absolute;
	top:			530px;
  
}
.menuleft7 {
	position:		absolute;
	top:			570px;	
}

.menuleft8 {
	position:		absolute;
	top:			595px;
}

.photomenu {
	position:		absolute;
	top:			220px;
}

/* Fin des regles de couleur et alignement */

#leftbar {
	padding: 20px 0 10px 0;
	margin-top: 24px;
	margin-left: 20px;
	width: 165px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #754C24;
	text-decoration: none;
}

.infoSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #754C24;
	text-decoration: none;
}

.infoSmall:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-right: 15px;
}

.infoNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.texteBrun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #754C24;
	text-decoration: none;
}

.dateBio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #561501;
	text-decoration: none;
}

.bottom {
	position:		absolute;
	top:				0;
	height:			100%;
	background-color:	#ff9933;
	left:				25%;
	width:			75%;
	color:			black;
}

.bottom p {
	font-size:		small;
	position:		absolute;
	top:			600px;
	left:			130px;
}

.texte {
	position:		absolute;
	margin:			12px 0 0 200px;
	border-top:	1px solid #551500;
	font-size:	small;
	color:			#551500;
	overflow:		auto;
	height:			89%;
	width:			80%;
}

.acc_texte {
	position:		absolute;
	top:				0;
	height:			532px;
	left:				25%;
	width:			75%;
	background-color:	#ffffff;
	color:			#551500;
	font-size:	small;
	margin:			0;
	padding:		0;
}

.acc_texte p {
	font-size:	small;
	position:		absolute;
	top:				30px;
	margin:			0;
	padding:		0;
	left:				130px;
}

.chapitre {
	position:		absolute;
	top:				200px;
	left:				130px;
	border-top:	1px solid #551500;
	width:			100%;
}

#acc_texteindex {
	top:		0;
	color:		#551500;
	font-size:	small;
	margin:		0;
	padding:	0;
	margin-left:    20%;
	padding:	30px 25px 50px 190px;
	background: url("img/indexlogotopindex.jpg") no-repeat left bottom;
}

#acc_texteindex p {
	font-size:	small;
	margin:			0;
}

#chapitreindex {
	border-top:	1px solid #551500;
	width:		100%;
        height: 330px;
	margin-left:    20%;
}

#bottomindex {

        position:       static;
	background: url("img/indexlogobottom.jpg") #ff9933 no-repeat left bottom; 
        top:		0;
	margin:		0;
        height: 200px;
	padding:	0;
	margin-left:    20%;
	padding:	100px 25px 50px 190px;
	
	
}

#bottomindex p {
	font-size:		small;
        top: 10px;
       
}

#acc_leftindex {
	position:		absolute;
	width:			20%;
	height:			100%;
	left:				0;
	top:				0;
	margin:			0;
	padding:		0;
	border-right:		1px solid #551500;
}

.acc_leftindex p {
	font-size:	small;
	position:		absolute;
	bottom:			30px;
	text-align:	left;
	left:				40%;
}

.acc_leftindex a {
	font-size:		x-small;
	text-decoration:	none;
	color:			#551500;
}
.acc_leftindex a:hover {
	color:			#123456;
}

.acc_leftindex br{
	margin:			12px;
}

.accmenuindex {
	position:		absolute;
	width:			182px;
	height:			100%;
	top:				0;
	left:				20%;
	background-color:	#551500;
	margin:			0 0 0 3px;
}

#liste {
width:95%; 
height:100%; 
z-index:1; 
/*overflow: auto;*/ 
visibility: visible; 
border: 0px;
}

.marron
{
color:#5F1E0F;
text-decoration:none;
border: 1px solid #5F1E0F;
padding:5px;
margin:10px;
}
.marron:hover
{
background-color:#5F1E0F;
color:#FFF;
}
.popup
{
text-align:center;
font-size: 12px;
margin:auto;
}