html
{
	margin: 0px;
	padding: 0px;

}
body
{
	margin: 0px;
	padding: 0px;
	font-family : Arial, Helvetica, Sans Serif;
 	background-color: #333;
 	color:#000000; /*couleur par defaut*/
 	font-size :14px;	
}
#mess_content{background-color:#DDDDD5;color:black;}
#mess_subject{background-color:#DDDDD5;color:black;}
#mess_author{background-color:#DDDDD5;color:black;}
#page
{
position : absolute;
left : 50%;
margin-left : -383px;
}
/*liens en general, les particularites menuGauche cf.plus bas*/
a {text-decoration: none;}
a:link{ color: #ffffff;}
a:visited{ color: #ffffff;}

/*persistance rouge du lien du menu gauche correspondant a la
page courante*/

li#b_current
{
	background-color :#FC0;
}
li#b_current a:link{color:black;}
li#b_current a:visited{color:black;}

/* juste pour les tests */
#banner img
{
vertical-align: top;
}
/*fin test*/

#banner object
{
vertical-align: top;
}

#main
{
	margin-left : 20px;
	width : 746px;
}
#mainfloat
{
margin :0px;
padding :0px;
}
#banner
{
	width : 766px;
	height : 115px;
}
#footer a:hover{ color: #990000;}
#footer a
{
	font-size :11px;
	font-weight : bold;
	font-family : Arial, Helvetica, Sans Serif;
}
#footer
{	
	margin:0;
	margin-left:116px;
	padding:0;
	height : 18px;
	background-color:black;
	clear:left;		/*le pied de page est tjs dans le flux : ainsi
				  empeche la proximite de 'flotant' a sa gauche*/

}
#footer .button
{
	float:right;
	padding : 0px 8px 0px 8px;
	margin:0;
	height:18px;
	font-size : 11px;
	border-left : solid 1px white;	
}
#footer #mastoc-copyright
{
	padding:2px 0px 0px 2px;
	font-size : 10px;
	color: orange;
	float :left;
	
}

/*positionnement des deux blocs gauche, content */
#menuleft, #content
{
	float : left;
}


/*Menu de gauche part 1 MODIF THOM*/
#menuleft
{
	background-color : black;
	height:150px;
	width: 116px;
	margin-left : 0px;
	margin-bottom:0px;
	padding :0px;
	font-size : 11px;
	font-weight : bold;
	font-family : Arial, Helvetica, Sans Serif;
	text-align : center;
}

#ml-bottom
{
	background-color : #990000;
	margin: 0px;
	padding:0px;
	
}
#ml-bottom a
{

	color:#FC0;
	font-size : 10px;
	
}

/*Respecter cet ordre*/
/* style pour le lien retour */
/* le lien -retour- n est pas conserve dans l UI
#menuleft #back_to a:hover{color : red;background-color:#FC0;}
*/

#menuleft #top-categories a:hover
{
	color: #990000;
}

/*Menu Gauche part 2*/
div.col-content
{
	height:140px;
}
div.col-content li
{
	list-style: none;
	margin-top :8px;
}

div.col-content ul
{
	margin: 0px;
	padding: 0px;
}
#menuleft #art-pages-list, #menuleft #sub-cat-list

{
/*	pour encadrer l ensemble titre et 
	items (sous dossiers ou page article)
	decommenter les 2 lignes suivantes
	et commenter leurs analogues dans la regle 
	suivante (ol).
*/
	margin:80px 5px 0px 5px;
	border:solid 1px white;

	padding:0px;
	padding-bottom:10px;	
	font-size : 11px;
	font-weight : bold;
	font-family : Arial, Helvetica, Sans Serif;
	color :#FC0;
	
}

#menuleft ol
{
	margin:0px;
	
/*	pour n encadrer que les 
	items (sous dossiers ou page article)
	decommenter les 2 lignes suivantes
	et commenter leurs ananlogues dans la regle 
	precedente (art-pages-list sub-cat-list).
*/
/*	margin:5px 5px 0px 5px;
	border:solid 1px white;
*/

	padding:0px;
	padding-top:5px;
	text-align : center;
	list-style-type:none;
	
	
}
#menuleft ol li
{
	margin:0px;
	padding:5px 0px 5px 0px;
}

/*Contenu central*/
#content
{
        background-color : #FFFFFF;
        width: 630px;
        
}
/*Contenu central et menu gauche*/
#content
{
	height: 475px;
}

#content #marge-content
{
	/* Utilise le padding a droite  pour coller 
	   l ascenseur a l extremite. la largeur du scroll
	   est en sus.
	   Hauteur exacte pour coller l ascenseur en bas
	*/
	
	/* hauteur "content" -20px (barre deroulemt)*/

	height : 475px;
	overflow:auto;
	margin:0;
	padding :0px 10px 0px 10px;
	/*padding :30px 40px 0px 40px;*/


	
}
/* formulaire de contact*/
#messbox
{
	padding :0px;
/*		margin:20px 0px 0px 70px;	*/
	margin:0;
	
}

/* taille pour titre des categories (homepage compris)*/
/*Gros titre*/
#content h1
{
	font-size    : 22px;
	padding:34px 0 10px 0;
	margin:0px 0 0px 0;
}
#content h2
{
	margin:0;
	padding:0;
	font-size    : 20px;
	padding:10px 0 0px 0;

}
h2#art-title a
{
	color :lightblue;
}
h2#news-title a
{
	color : #000000;
}
/*Second titre*/
#content h4
{

	font-size    : 16px;
	font-weight  : bold;
	padding:0;
	margin:0;
	padding-left : 0px;
	padding-bottom : 5px;
	padding-top : 5px;
}

/* style pour paragraphe des categories (homepage compris)*/
#content p
{
	font-size : 14px;
	font-weight : normal;
	text-align: justify;
	color : orange;
	padding : 5px 0 5px 0;

	margin : 0 ;
	
	
}
div.resource h2 img
{
	padding-right:10px;
}

/* momentanement inutilises */
#next  ,#prev
{
color : green;
padding : 5px;
}

/*titre news thomas*/
#h2.news-title a:link{ color: #ffffff;}
#h2.news-title a:visited{ color: #ffffff;}



a.rouge{
color: #FFFFFF; FONT-SIZE: 1px
}

a.rouge:hover {
color: #FFFFFF; FONT-SIZE: 1px
}

a.rouge:visited {
color: #FFFFFF; FONT-SIZE: 1px
}
a.rouge{
color: #FFFFFF; FONT-SIZE: 1px
}

a.rouge:hover {
color: #FFFFFF; FONT-SIZE: 1px
}

a.rouge:visited {
color: #FFFFFF; FONT-SIZE: 1px
}
td.rouge:{
fontcolor: #FFFFFF; FONT-SIZE: 1px
}



a.noir{
color: #000000;
text-decoration: underline;
}

a.noir:hover {
color: #000000;
}

a.noir:visited {
color: #000000;
}
a.noir{
color: #000000;
}

a.noir:hover {
color: #000000;
}

a.noir:visited {
color: #000000;
}

#scrol{
		scrollbar-face-color: #990000;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #990000;
		scrollbar-darkshadow-color: #000000;
		scrollbar-arrow-color: #990000;
		scrollbar-track-color: BLACK;
	}