body.index {background-color:#58606D ;
			margin: auto;
			background-repeat:repeat;
			background-attachment: fixed}

body.page {background-color:#f8efe2}

/* images du tableau */

td.cote_gauche_haut 
	{height:100px;
	width:140px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_haut.jpg');
	background-repeat:no-repeat}

td.banniere_haut 
	{height:100px;
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url('pics/banniere_haut.jpg');
	background-repeat:no-repeat}

td.banniere_bas 
	{height:60px;
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url('pics/banniere_bas.jpg');
	background-repeat:no-repeat}

td.cote_droit_haut 
	{height:100px;
	width:140px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_droit_haut.jpg');
	background-repeat:no-repeat}

td.cote_droit_c1 
	{height:470px;
	width:23px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_droit_c1.jpg');
	background-repeat:no-repeat}

td.cote_droit_c2 
	{height:470px;
	width:93px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_droit_c2.jpg');
	background-repeat:no-repeat}

td.cote_gauche_c3 
	{height:470px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_c3.jpg');
	background-repeat:no-repeat}

td.cote_droit_c3 
	{height:470px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_droit_c3.jpg');
	background-repeat:no-repeat}

td.cote_droit_pied 
	{height:30px;
	width:140px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_droit_pied.jpg');
	background-repeat:no-repeat}

td.cote_gauche_c1 
	{height:470px;
	width:23px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_c1.jpg');
	background-repeat:no-repeat}

td.cote_gauche_c2 
	{height:470px;
	width:93px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_c2.jpg');
	background-repeat:no-repeat}

td.cote_gauche_c3 
	{height:470px;
	width:24px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_c3.jpg');
	background-repeat:no-repeat}

td.cote_gauche_pied 
	{height:30px;
	width:140px;
	margin:0px;
	padding:0px;
	background-image:url('pics/cote_gauche_pied.jpg');
	background-repeat:no-repeat}

td.milieu_c1 
	{height:410px;
	width:30px;
	margin:0px;
	padding:0px;
	background-image:url('pics/milieu_c1.jpg');
	background-repeat:no-repeat}

td.milieu_c3 
	{height:410px;
	width:30px;
	margin:0px;
	padding:0px;
	background-image:url('pics/milieu_c3.jpg');
	background-repeat:no-repeat}

td.milieu_pied 
	{height:30px;
	width:700px;
	margin:0px;
	padding:0px;
	background-image:url('pics/milieu_pied.jpg');
	background-repeat:no-repeat}
	
/* menu de gauche - rouge */

span.menug_t
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:12px;
    color:#801b1b}
    
a.menug_t
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:12px;
    color:#801b1b}
    
a.menug_t:visited
 {color:#b15c5c;}

a.menug_t:hover
 {color:#f20a0a;}
 

      
a.menug
 {text-align:center;
    font-family: arial, verdana;
    font-size:12px;
    color:#46250b;}
    
 a.menug:visited
 {color:#8f7a69;}
 
 a.menug:hover
 {color:#801b1b;}

       
a.menug_n
 {text-align:center;
    font-family: arial, verdana;
    font-size:12px;
    color:#f20a0a;}
    
 a.menug_n:visited
 {color:#b15c5c;}

a.menug_n:hover
 {color:#801b1b;}

    
 /* menu de droite - bleu */

.menud_t
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:12px;
    color:#0f445d}

:hover.menud_t
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:12px;
    color:#0591f3}
    
.menud
 {text-align:center;
    font-family: arial, verdana;
    font-size:12px;
    color:#000000}

:hover.menud
 {text-align:center;
    font-family: arial, verdana;
    font-size:12px;
    color:#0f445d}
    
/* !!!!!!!!!!!!!!! menu des pages internes du site */
    
h1
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:20px;
    color:#46250b}
h1:first-letter { font-size : 200% ; font-weight : bold ; font-family : "Gothic", "Uncial", "Viking-Normal" , "Uncial", "Maiandra GD", "Calligraphic", "Times"}
   
h2
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:16px;
    color:#46250b}
h2:first-letter { font-size : 150% ; font-weight : bold ; font-family : "Gothic", "Uncial", "Viking-Normal" , "Uncial", "Maiandra GD", "Calligraphic", "Times"}

h3
 {text-align:left;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:14px;
    color:#46250b;
    border-bottom: solid 1px #46250b;
    
    }
h3:first-letter { font-size : 150% ; font-weight : bold ; font-family : "Gothic", "Uncial", "Viking-Normal" , "Uncial", "Maiandra GD", "Calligraphic", "Times"}

h4
 {text-align:left;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:12px;
    color:#46250b}

p
{text-align:justify;
	text-indent:20px;
	font-family: arial, verdana;
    font-size:12px;
    color:#000000} 
 
 dl
 {text-align:justify;
	font-family: arial, verdana;
    font-size:12px;
    color:#000000} 
 
  

.sign
 {text-align:right;
  font-style:italic;
    font-family: arial, verdana;
    font-size:12px;
    color:#000000}

.cite
 { font-style:italic;
    color:#0f445d; 
    margin-left:30;
    margin-right:30;
   border: solid 1px #c3dff3;
    padding: 10px;
    background-color: #e7eef3}
    
 .cite-mal
 { font-style:italic;
    color:#801b1b; 
    margin-left:30;
    margin-right:30;
    border: solid 1px #efbebe;
    padding: 10px;
    background-color: #efdfdf;}
    
.stress
 {text-align:justify;
  font-weight:bold;
    font-family: arial, verdana;
    font-size:12px;
    color:#0f445d}
   
   .stress-mal
 {text-align:justify;
  font-weight:bold;
    font-family: arial, verdana;
    font-size:12px;
    color:#801b1b}
    
.accroche
 {text-align:center;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:14px;
    color:#46250b}
.accroche:first-letter { font-size : 150% ; font-weight : bold ; font-family : "Gothic", "Uncial", "Viking-Normal" , "Uncial", "Maiandra GD", "Calligraphic", "Times"}
    
.date
	{margin-left: -20px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
		color:#46250b;}
.date:hover
	{color:#b17b50;}
	
.new
	{margin-left: 20px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-top:0;
		text-indent: 0px}
    
    .retour
{   text-align: right;
	font-weight: bold ;}
    
li 
{font-family: arial, verdana;
   text-align:justify;
    font-size:12px;
    color:#000000}   

a
{   font-family: arial, verdana;
    font-size:12px;
    color:#46250b}
    


a:visited
{   color: #8f7a69;}
      
a:hover
{    color: #b17b50;}
    
a:active
{    color: #b17b50}

   
a:link.jeu
{    font-family: arial, verdana;
    font-size:12px;
    color:#0f445d}

a:visited.jeu
{    font-family: arial, verdana;
    font-size:12px;
    color:#628299}
      
a:hover.jeu
{    font-family: arial, verdana;
    font-size:12px;
    color:#0591f3}
    
a:active.jeu
{    font-family: arial, verdana;
    font-size:12px;
    color:#0591f3}
    
 #liste
 { float:left;
	width: 50%;}
 
 #liste2
 { float: left;
	width: 50%;}
	
/* !!!!!!!!!! Détails pour la page de groupes */

p.perso
 {text-align:left;
	margin-top: 0px;
	text-indent: 0px;
    font-family: arial, verdana;
	font-weight:bold;
    font-size:14px;
    color:#46250b}
.perso:first-letter { font-size : 150% ; font-weight : bold ; font-family : "Gothic", "Uncial", "Viking-Normal" , "Uncial", "Maiandra GD", "Calligraphic", "Times"}
	

div.portrait
{ 	float :left;
	border: solid 4px #e2c398;
	width: 110px;
	height:150px;
	margin: 5px;
	background: #e2c398 }
	
div.comm
{	float: left;
	padding: 10px;
	width: 400px;
	border: solid 2px #e2c398;
	background: #fffdfb;
	margin: 7px;}
	
div.comm-pause
{	float: left;
	padding: 10px;
	width: 400px;
	border: solid 2px #e2c398;
	background: #eddec7;
	margin: 7px;}
	
div.comm-disp
{	float: left;
	padding: 10px;
	width: 400px;
	border: solid 2px #847056;
	background: #C9BAA4;
	margin: 7px;}
	
div.portrait-disp
{ 	float :left;
	border: solid 4px #847056;
	width: 110px;
	height:150px;
	margin: 5px;
	background: #847056 }
	
.separation
{clear: both;
	visibility: hidden;}
	
/* !!!!!!!!!! Détails pour la page de bannières */
	
	
	p.ban
{ text-align: center}
	
	
	
img.banniere
{margin: 5px}

/* !!!!!!!!!! Détails pour la page de liens */

.lien
	{	margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
		color:#46250b;}
.lien:hover
	{color:#b17b50;}
	
	p.comlien
	{margin-left: 20px;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 10px;
		text-indent: 0px}