body {
margin: auto;
text-align: center; /* pour éviter le bug IE sur le centrage */
background-color: #911A1E ;  

}
	 

/* Gestion des liens */
A:link {color: #FAFDB0;  text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold;} 
A:visited {color: #FAFDB0;  text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold;} 
A:active {color: #BD4297;  text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold;} 
A:hover {color: #FFCC00;  text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold;}

A.contextuel {text-decoration: none; font-family: verdana; font-size: 11px; color: #263876; } 
A.contextuel:visited {text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold; color: #263876; }  
A.contextuel:active {text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold; color: #BD4297; }  
A.contextuel:hover { text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold; color: #FFCC00; }

A.liensc { text-decoration: none; font-family: verdana; font-size: 10px; color: #292D30; } 
A.liensc:visited {text-decoration: none; font-family: verdana; font-size: 10px; color: #292D30; }  
A.liensc:active {text-decoration: none; font-family: verdana; font-size: 10px; color: #292D30; }  
A.liensc:hover { text-decoration: none; font-family: verdana; font-size: 10px; color: #292D30; }




textarea {
border:1px solid black;
background-color:#FAFDB0;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input {
border:1px solid black;
background-color:#FAFDB0;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input:hover {
border:1px solid black;
background-color:#FFCC00;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input.login {
border:1px solid black;
background-color:#8F1B1E;
font-family:verdana;
font-size: 12px;
color:#FFCC00;
-moz-border-radius:4px;
}

input.login:hover {
border:1px solid black;
background-color:#FFCC00;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input.special {
border:1px solid black;
background-color:#FCFCF0;
font-family:verdana;
font-size: 12px;
color:#000000;
}

input.specialmess {
border:1px solid black;
background-color:#FCFCF0;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input.specialmess:hover {
border:1px solid black;
background-color:#FCFCF0;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}

input.specialmess:active {
border:1px solid black;
background-color:#FCFCF0;
font-family:verdana;
font-size: 12px;
color:#000000;
-moz-border-radius:4px;
}


select, option {
background-color:#FCFCF0;
color:#000000;
}


.Typo1 {
font-family: verdana;
font-size: 12px;
color: #000000;
}

.Typo2 {
font-family: verdana;
font-size: 10px;
color: #292D30;
}
.Typo8 {
font-family: verdana;
font-size: 10px;
color: #FFCC00;
}


hr {
height: 1px;
margin: 0;
padding: 0;
color: #8F1B1E;
background-color: #8F1B1E;
border: 0;
}



/* gestion du cadre avec les arrondis */
.arrondis {
margin-right: auto;
margin-left: auto;
width: 90%;
font-size: 1px;
border-collapse:collapse;
}

.arrondis .top_left, .arrondis .top_right, .arrondis .bottom_left, .arrondis .bottom_right {
height: 20px;
background-repeat: no-repeat;
}

.arrondis .top_left {
width: 20px;
float: left;
background-image: url("images/arrgauchehaut.gif");
}

.arrondis .top_right {
background-image: url("images/arrdroitehaut.gif");
background-position: right;
}

.arrondis .bottom_left {
width: 20px;
float: left;
background-image: url("images/arrgauchebas.gif");
}

.arrondis .bottom_right {
background-image: url("images/arrdroitebas.gif");
background-position: right;
}


.ARRgaucheHAUT {
width: 20px;
background-image: url("images/arrgauchehaut.gif");}

.ARRdroitHAUT {
width: 20px;
background-image: url("images/arrdroitehaut.gif");}




/* gestion du menu*/
.CDRmenu {
height: 40px;
width: 90%;
margin-right: auto;
margin-left: auto;
color: #000000;
vertical-align: middle;
font-family: verdana;
font-size: 11px;
 
}


/* gestion du cadre login */
.CDRlogin {
padding:0px;
height: 330px;
width: 90%;
margin-right: auto;
margin-left: auto;
border-collapse:collapse;
}

/*gestion de l'ensemble de la couleur du haut de fiche*/
.arrondis, .arrondis .top_left, .arrondis .top_right, .arrondis .bottom_left, .arrondis .bottom_right, .CDRmenu, .CDRlogin, .LIGNEonglets  {
background-color: #8F1B1E ; 
} 
.COLphoto {
padding:0px;
width:10%;
height: 330px;
vertical-align: left;
text-align: left;
background-color: #FCFCF0;
}

.BLANCuser {
padding:0px;
width:2%;
height:45px;
}

.LIGNEuser {
padding:0px;
width:75%;
height:45px;
font-family: times;
font-size: 30px;
color: #000033;
text-align: left;
}

.BLANCgrade {
padding:0px;
height:30px;
width:2%;
background-image: url('images/chandelle.gif');}

.LIGNEgrade {
padding:0px;
width:75%;
height:30px;
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #000000;
background-color: #8f1b1e;
text-align: left;
vertical-align: middle;
}

.BLANCdevoir{
padding:0px;
height:25px;
width:2%;
}

.LIGNEdevoir {
padding:0px;
height;25px;
width:75%;
text-align: left;
border-collapse:collapse
}

.BLANCperso1{
padding:0px;
height:20px;
width:2%;
background-image: url('images/arrondiLIGNEperso.gif');
}

.BLANCperso2{
padding:0px;
height:180px;
width:2%;
text-align: left;
background-color: #FCFCF0;
border-bottom:1px solid #FCFCF0;
}

.LIGNEperso {
padding:0px;
width: 75%;
height: 20px;
background-color: #FCFCF0;
text-align: left;}

.LIGNEpersoBG {
padding:0px;
width:50%;
height:180px;
background-color: #FCFCF0;
text-align: left;}

.LIGNEpersoBg2 {
padding:0px;
width:15%;
height:180px;
background-color: #FCFCF0;
vertical-align: top;
border-bottom:1px solid #000033;
text-align: left;}


.LIGNEpersoCV {
padding:0px;
width:10%;
height:180px;
background-color: #FCFCF0;
vertical-align: top;
border-bottom:1px solid #000033;
text-align: left;
}

.LIGNEpersoTITRE {
padding:0px;
width:20%;
height:180px;
background-color: #FCFCF0;
vertical-align: top;
border-bottom:1px solid #000033;
text-align: center;}

.LIGNEpersoTITRE, .LIGNEpersoBG, .LIGNEpersoCV, .LIGNEpersoBg2 {
font-family: Verdana;
font-size: 12px;
color: #000033;
}

.LIGNEmenu {
padding:0px;
height: 30px;
width: 79%;
}


/* gestion du cadre onglet */

.LIGNEonglets {
width: 90%;
height: 29px;
margin-right: auto;
margin-left: auto;
border-collapse:collapse;
}

.ONGLEThrp {
padding:0px;

width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLEThrp.gif');
}

.ONGLETrp {
padding:0px;
width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLETrp.gif');
}

.ONGLETloisir {
padding:0px;
width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLETloisir.gif');
}

.ONGLETordre {
padding:0px;
width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLETordre.gif');
}

.ONGLETjustice {
padding:0px;
width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLETjustice.gif');
}

.ONGLETguildes {
padding:0px;
width: 100px;
text-align: center;
vertical-align: middle;
background-image: url('images/ONGLETguildes.gif');
}
/* gestion des fiches HRP/RP/LOISIR */

.LIGNEficheHRP {
background-color: #FCFCF0;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #000033;
}

.LIGNEficheRP {
background-color: #EFEEAA;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #000033;
}


.LIGNEficheLOISIR {
background-color: #EBEA99;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #000033;
}



.LIGNEficheGUILDES {
background-color: #F7E78C;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #000033;
}

.LIGNEfichejustice {
background-color: #E2E799;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-bottom:1px solid #000033;
}


.TDLIGNEfiche {
padding: 10px;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-align: left;
}

/* INDEX */

/* gestion du cadre index*/

.CDRmessagerie1 {
padding:0px;
background-color: #8F1B1E;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-collapse:collapse;
font-family: verdana;
font-size: 12px;
color: #000000;
line-height: 1.3em; ;
}
/* ACCUEIL */

/* gestion du cadre general*/

.CDRmessagerie {
padding:0px;
background-color: #8F1B1E;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-collapse:collapse;
font-family: verdana;
font-size: 12px;
color: #000000;
line-height: 1.3em; ;
}

.CDRpeople {
padding:0px;
background-color: #1761B8;
height: auto;
width: 90%;
margin-right: auto;
margin-left: auto;
border-collapse:collapse;
font-family: verdana;
font-size: 12px;
color: #000000;
line-height: 1.3em; ;
}


.index1 {
vertical-align:top;
padding-top:15px;
padding-bottom:15px;
padding-left:30px; 
padding-right:15px;
text-align: center;
width:25%;
}

.index2 {
vertical-align:top;
padding-top:15px;
padding-bottom:15px;
padding-left:15px; 
padding-right:30px;
width:75%;}



.TDmessagerie {
vertical-align:top;
padding-top:15px;
padding-bottom:15px;
padding-left:30px; 
padding-right:30px;}

.TDguide{
vertical-align:top;
padding-left:15px; 
padding-right:15px;}

.TDcercle{
vertical-align:top;
padding-left:30px; 
padding-right:30px;}

.TDfilleul {
padding-top:15px;
padding-bottom:15px;
padding-left:300px; 
padding-right:30px;}

.TDbazar {
padding-top:15px;
padding-bottom:15px;
width: 20%;
text-align: center;
vertical-align:bottom;
}

/* gestion colone compte perso */
.COLperso {
padding:10px;
width:15%;
height: auto;
vertical-align: top;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-align: left;
line-height: 1.3em; ;
}

/* gestion colone messages */
.COLmessage {
padding:0px;
width:70%;
height: auto;
vertical-align: top;
text-align: center;

}

.COLgauche{
padding:5px;
width:20%;
height: auto;
vertical-align: top;
text-align: right;
}

.COLdroite{
padding:5px;
width:80%;
height: auto;
vertical-align: top;
text-align: left;
}

.COLcontextuel {
text-align: right;
}

/* gestion des arrondis */
.arrMESSAGERIE {
margin-right: auto;
margin-left: auto;
width: 98%;
background-color: #FCFCF0;
font-size: 1px; 
}

.arrMESSAGERIE .arrGAUCHE, .arrMESSAGERIE .arrDROITE, .arrMESSAGERIE .arrDROITEbas, .arrMESSAGERIE .arrGAUCHEbas{
height: 20px;
background-repeat: no-repeat;
}

.arrMESSAGERIE .arrGAUCHE {
width: 30px;
float: left;
background-image: url("images/arrgauchehaut.gif");
}

.arrMESSAGERIE .arrDROITE {
background-image: url("images/arrdroitehaut.gif");
background-position: right;
}

.arrMESSAGERIE .arrDROITEbas {
background-image: url("images/arrdroitebas.gif");
background-position: right;
}
 .cachediv {
                visibility: hidden;
                overflow: hidden;
                height: 1px;
                margin-top: -1px;
                position: absolute;
        }
.arrMESSAGERIE .arrGAUCHEbas {
width: 30px;
float: left;
background-image: url("images/arrgauchebas.gif");
}

/* gestion colone contact */
.COLcontact {
padding:0px;
width:15%;
height: auto;
vertical-align: top;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-align: left;
line-height: 1.3em; ;
}

/* gestion colones droite et gauche pour les news et la taverne */
.COLnewsDROITE {
padding:0px;
width:5%;
height: auto;
vertical-align: top;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-align: left;
line-height: 1.3em; ;
}

.COLnewsGAUCHE{
padding:10px;
width:5%;
height: auto;
vertical-align: top;
font-family: Verdana;
font-size: 12px;
color: #000000;
text-align: left;
line-height: 1.3em; ;
}



/* gestion messages et missives*/

.LIGNEmessage {
margin-right: auto;
margin-left: auto;
width:98%;
background-color: #FCFCF0;
}
.LIGNEvide {
margin-right: auto;
margin-left: auto;
vertical-align: bottom;
padding-bottom : 10px;
width:98%;
height: 100%;
background-color: #FCFCF0;
}

.LIGNEsos{
margin-right: auto;
margin-left: auto;
text-align: center;
width:98%;
background-color: #FCFCF0;
}

.TDsos{
width:30%;
padding-left:30px;
padding-bottom:10px;
padding-top:10px;
text-align: center;
}

.TDsos2{
padding-top:30px;
width:70%;
padding-left:10px;
padding-right:10px;
vertical-align: top;
font-family: Verdana;
font-size: 12px;
color: #000000;
}

.MESSAGEcadeau {
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:12px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
background-color: #000000;
border:1px #8F1B1E;
line-height: 1.3em; ;}


.MESSAGEstd {
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:12px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
border-bottom:1px dotted #8F1B1E;
line-height: 1.3em; ;}

.MESSAGEstd3 {
margin-right: auto;
margin-left: auto;
text-align: left;
padding-left:5px;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
line-height: 1.3em; ;}

.MESSAGEstd2 {
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:12px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
border-bottom:1px dotted #8F1B1E;
background-color: #EBEA99;
line-height: 1.3em; ;
}

.MISSIVE1 {
margin-right: auto;
margin-left: auto;
text-align: left;
padding:5px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
border:1px solid #FFCC00;
background-color: #000000;
line-height: 1.3em; ;}

.BLOCmissive1 {
margin-right: auto;
margin-left: auto;
text-align: left;
width:95%;
padding:5px;
height: 22px;
vertical-align: middle;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #000033;
background-color: #FFCC00;
border-left:1px solid #FFCC00;
border-top:1px solid #FFCC00;
border-right:1px solid #FFCC00;
border-bottom:1px solid #FFCC00;
line-height: 1.3em; ;}

.MISSIVE2 {
margin-right: auto;
margin-left: auto;
text-align: left;
padding:5px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
border:1px solid #FF6600;
background-color: #000000;
line-height: 1.3em; ;}

.BLOCmissive2 {
margin-right: auto;
margin-left: auto;
text-align: left;
width:95%;
padding:5px;
height: 22px;
vertical-align: middle;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #000033;
background-color: #FF6600;
border-left:1px solid #FF6600;
border-top:1px solid #FF6600;
border-right:1px solid #FF6600;
border-bottom:1px solid #FF6600;
line-height: 1.3em; ;}

.MISSIVE3 {
margin-right: auto;
margin-left: auto;
text-align: left;
padding:5px;
width:95%;
height: auto%;
font-family: Verdana;
font-size: 12px;
color: #000000;
border:1px solid #FF3300;
background-color: #000000;
background-image: url("images/confidentiel.gif");
background-position:	right;
background-repeat:no-repeat;
line-height: 1.3em; ;
}

.BLOCmissive3 {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	text-align: left;
	width: 95%;
	height: 22px;
	vertical-align: middle;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	background-color: #FF3300;
	border-left: 1px solid #FF3300;
	border-top: 1px solid #FF3300;
	border-right: 1px solid #FF3300;
	border-bottom: 1px solid #FF3300;
	line-height: 1.3em; ;
	
}

.log {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: middle;
	padding:5px;
	width:95%;
	height: auto%;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	line-height: 1.3em; ;
}
#login {
	background-image: url(images/logination.jpg);
	height: 239px;
	width: 600px;
	align: center;
}

.contourgalerie {
	background-color: #8F1B1E;
	width: 600px;
	border: 2px dashed #FCFCF0;
	border-left: 0px;
	border-right: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: auto;	
	margin-top: 10px;
	margin-bottom: 10px;
}
.contourgalerie1 {
	background-color: #FAFDB0;
	width: 450px;
	border: 2px dashed #FCFCF0;
	border-left: 50px;
	border-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: center;	
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
border {
2px dashed #FCFCF0;
	border-left: 50px;
	border-right: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: center;	
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}