body {font-family: Arial; background-color: #FFFFFF; font-size:8pt; margin-left: 4px; margin-right: 5px;}
table {width:"100%"; border-width: "0"; padding: 0px;}
p, ul, td {font-family: Arial; font-size: 8pt; list-style-image: url("images/puce_orange.gif"); color: #000080;}
h1, h2, h3 {font-family: Arial;	font-size: 12pt; font-weight:bold; text-align:center;}
h4, h5 {font-family: Arial;	color: #FFFFFF;	background-color: rgb(255,132,40); font-size: 12pt; font-weight:bold; text-align:left;}
h6 {font-family: Arial;	color: #FFFFFF;	font-size: 8pt; font-weight:bold; text-align:center;}
li { margin-left:-20;}
li.nouveau {background-color: #FFA764;}
form {font-family: Arial; font-size: 8pt; text-align:center;}
img { border: 0px;}
input:text {font-family: Arial; font-size: 8pt;}
textarea {border-style:ridge; border-width:1px; width: 300px; font-family: Arial; font-size: 8pt; background-color:#F0F0F0}
input {font-family: Arial; font-size: 8pt;}

.titre a:link, bandeau a:link, td.form a:link {color: #FFFFFF; text-decoration: none;}
.titre a:visited, bandeau a:visited, td.form a:visited {color: #CCFFCC; text-decoration: none;}
.titre a:active, bandeau a:active, td.form a:active {color: #FFFFFF; text-decoration: none;}
.titre a:hover, bandeau a:hover, td.form a:hover {color: #CCFFCC; text-decoration: underline;}

.liste a:link, .cadre a:link, a:link {color: #000080; text-decoration: none;}
.liste a:visited, .cadre a:visited, a:visited {color: #200080; text-decoration: none;} 
.liste a:active, .cadre a:active, a:active {color: #000080; text-decoration: none;}
.liste a:hover, .cadre a:hover, a:hover {color: #9900CC; text-decoration: underline;}

.fondblanc {width: 90%; border-width: 0px; valign: top;}
.acad {width: 150px; text-align:center;}
.title {border-width: 0px;	background-color: rgb(29,102,184); font-size:12pt; padding: 8px;}
.accueil {width: 190px; text-align:center;}

.cadre {font-family: Arial;	background-color: #F6F6F6; color: #FFFFFF; font-size:8px;}
.cadre .liste {width: 100%; border-width: 0px; background-color: #FFFFFF;}

.central {padding:8px; width: "90%"; background-color: #FFFFFF; text-align:"center";}
.central .titre {width: 100%;}
.central .liste {width: 100%;}

.menudroit {border-style:solid; border-width:0px; padding: 4px;}

.titre, .sous-titre, .title, .bandeau, .form {border-style:solid; border-color: "#000000"; color: #FFFFFF; font-weight:bold; text-align:center;}
.titre {width:"150px";  border-width:1px; background-color: rgb(29,102,184);}
.sous-titre {border-width:"0px"; background-color: rgb(29,102,184);	font-size:10pt;}
.bandeau {width: 250px; border-width:1px; background-color: rgb(215,136,42);}

.champ {border-style:solid;	border-width: 1px; border-color: "#000000"; text-align:center;}

#menu a:link, #menu_droit1 a:link, #menu_droit2 a:link, #menu_droit3 a:link {color: #FFFFFF; text-decoration: none;}
#menu_h1 a:link, #menu_h2 a:link, #menu_h3 a:link, #menu_h4 a:link {color: #101010; text-decoration: none;}
#menu a:visited, #menu_droit1 a:visited, #menu_droit2 a:visited, #menu_droit3 a:visited {color: #DDFFDD; text-decoration: none;}
#menu a:active, #menu_droit1 a:active, #menu_droit2 a:active, #menu_droit3 a:active  {color: #00AAAA; text-decoration: none;}
#menu a:hover, #menu_droit1 a:hover, #menu_droit2 a:hover, #menu_droit3 a:hover {color: #DDFFDD; text-decoration: underline;}
#menu_h1 a:visited, #menu_h2 a:visited, #menu_h3 a:visited, #menu_h4 a:visited {color: #000000;} 
#menu_h1 a:hover, #menu_h2 a:hover, #menu_h3 a:hover, #menu_h4 a:hover {color: #FFFF00; text-decoration: underline; background-color: rgb(0,0,0);}
#menu, #menu_droit1, #menu_droit2, #menu_droit3, #menu_h1, #menu_h2, #menu_h3, #menu_h4 {
	font-family: Arial;
	border-style:solid;
	border-color:rgb(0,0,0);
	font-weight: bold;
	text-align:center;
	border-width:1px;
}
#menu {font-size:8pt; background-color: rgb(29,102,184); width: 150px;}
#menu_h1, #menu_h2, #menu_h3, #menu_h4 {position:absolute; font-size:8pt; background-color: rgb(255,255,0); width:159px; height:18px; top:5px;}
#menu_liste {border-style:solid; border-width:1px; border-color: rgb(29,102,184); background-color: rgb(246,246,246);}
#menu_form1, #menu_form2, #menu_form3 {border-style:solid; border-width:1px; border-color: rgb(255,0,65); background-color: rgb(246,246,246);}
#menu_droit1, #menu_droit2, #menu_droit3 {font-size:8pt; background-color: rgb(255,0,65);}
#titre_page {height: 37px; border-style:solid; border-color: "#000000"; border-width: 0px;}
#titre_page p {color: #FFFFFF; font-weight:bold; text-align:center; background-color: rgb(29,102,184); font-size:16px; padding: 2px;}

.menuv {
	position:relative;
	font-family: Arial;
	font-size:8pt;
	background-color: rgb(255,255,0);
	border-style:solid;
	border-color:rgb(0,0,0);
	font-weight: bold;
	text-align:center;
	border-width:1px;
	width:130px;
	height:18px;
}
.menuv a:hover, .menuv a:active {color: #FFFF00; text-decoration: underline; background-color: rgb(0,0,0);}
.menuv a:link {color: #101010; text-decoration: none;}



.teaser630 {width:630px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-b630.gif") bottom left no-repeat;}
.teaser630 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-t630.gif") top left no-repeat; color: rgb(100,100,100);}
.teaser630 p, .teaser630 fieldset {margin:0; padding:0 5px 3px; border:1px solid #ff6666; border-width:0 1px; text-align:left;}
.teaser630 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #ff6666; border-width:1 1px;}
.teaser630 a.more {
	margin:0;
	border:1px solid #ff6666;
	border-width:0 0px;
	display:block;
	text-align:right;
	background:url("images/tsr-a630.gif") 600px 50% no-repeat;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}
.teaser630 a:hover.more {text-decoration:underline; background-color: rgb(240,240,240);}

.teaser430    {width:430px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-b430.gif") bottom left no-repeat;}
.teaser430 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-t430.gif") top left no-repeat; color: rgb(100,100,100);}
.teaser430 h4 {display:block; text-align:left; margin:0; padding:0 25px 3px; background:url("images/puce_bleu.gif") 8px 50% no-repeat; border:1px solid #d8d8d8; border-width:0 1px; font-family:Arial; font-weight:bold; color: #FB6D31; font-size: 10pt}
.teaser430 h6 {display:block; text-align:left; margin:0; padding:0 25px 3px; background:url("images/puce_orange.gif") 8px 50% no-repeat; border:1px solid #d8d8d8; border-width:0 1px; color: #44a;}
.teaser430 p {font-family: Arial; font-size: 8pt; margin:0; padding:0 5px 3px; border:1px solid #d8d8d8; border-width:0 1px; text-align:left;}
.teaser430 p.service {font-size: 11pt; font-weight:bold;}
.teaser430 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #d8d8d8; border-width:1 1px;}
.teaser430 td {border-top-style: solid #d8d8d8; border-top-width: 1px; padding: 0}
.teaser430 a.more, .teaser430 a.sujet, .teaser430 a.voir, .teaser430 a.download, .teaser430 a.membre, .teaser430 a.orange {
	margin:0;
	border:1px solid #d8d8d8;
	display:block;
	text-align:right;
	text-decoration:none;
	color:#44a;
}
.teaser430 a.more {border-width:0 0px; background:url("images/tsr-a430.gif") 405px 50% no-repeat; padding:0 24px 0 0;}
.teaser430 a.orange {border-width:0 0px; background:url("images/tsr-a.gif") 405px 50% no-repeat; padding:0 24px 0 0;}
.teaser430 a.membre {border-width:0 0px; background:url("images/tsr-a310.gif") 405px 50% no-repeat; padding:0 24px 0 0;}
.teaser430 a.sujet {border-width:1 1px; background-color: rgb(255,224,193); padding:0 10px 0 0;}
.teaser430 a.ress {border-width:1 1px; text-align:left; background-color: rgb(255,224,193); padding:0 40px 0 0;}
.teaser430 a.voir {border-width:0 0px; background:url("images/tsr-v.gif") 390px 50% no-repeat; padding:0 40px 0 0;}
.teaser430 a.download {border-width:0 0px; background:url("images/tsr-d.gif") 390px 50% no-repeat; padding:0 40px 0 0;}

.teaser430 a:hover.more, .teaser430 a:hover.voir, .teaser430 a:hover.download , .teaser430 a:hover.membre , .teaser430 a:hover.orange {text-decoration:underline; background-color: rgb(240,240,240);}


.teaser310 {width:310px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-b310.gif") bottom left no-repeat;}
.teaser310 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-t310.gif") top left no-repeat; color: rgb(100,100,100);}
.teaser310 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #ff6666; border-width:1 1px;}
.teaser310 p {margin:0; padding:0 5px 3px; border:1px solid #d8d8d8; border-width:0 1px; text-align:left;}
.teaser310 h6 {margin:0; padding:3px 10px 1px 10px; background-color: #AAA; color: rgb(48,51,86);}
.teaser310 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #d8d8d8; border-width:1 1px;}

.teaser310 a.more, .teaser310 a.membre {
	margin:0;
	border:1px solid #d8d8d8;
	border-width:0 0px;
	display:block;
	text-align:right;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}

.teaser310 a.more {background:url("images/tsr-a.gif") 285px 50% no-repeat;}
.teaser310 a.membre {background:url("images/tsr-a310.gif") 285px 50% no-repeat;}
.teaser310 a:hover.more, .teaser310 a:hover.membre {text-decoration:underline; background-color: rgb(240,240,240);}


.teaser150 {width:150px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-b150.gif") bottom left no-repeat;}
.teaser150 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-t150.gif") top left no-repeat; color: rgb(100,100,100);}
.teaser150 p {font-family: Arial; font-size: 8pt; margin:0; padding:0 5px 3px; border:1px solid #d8d8d8; border-width:0 1px;}
.teaser150 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #d8d8d8; border-width:1 1px;}
.teaser150 a.more {
	margin:0;
	border:1px solid #d8d8d8;
	border-width:0 0px;
	display:block;
	text-align:right;
	background:url("images/tsr-a.gif") 125px 50% no-repeat;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}
.teaser150 a:hover.more {text-decoration:underline; background-color: rgb(240,240,240);}

.menu150 {width:150px; padding:0 0 14px 0;  margin:10px auto; background:url("images/menu-br150.gif") bottom left no-repeat;}
.menu150 h6 {margin:0; padding:3px 5px 1px 5px; background:url("images/menu-tr150.gif") top left no-repeat; color: rgb(48,51,86);}
.menu150 a, .menu150 a:hover, .menu150 a:visited, .menu150 a:link {color: rgb(48,51,86); text-decoration: none;}
.menu150 p {font-size: 8pt; margin:0; padding:9px 4px 3px; border:1px solid #333366; border-width:0 1px; background-color: #FFFFFF;}
.menu150 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #333366; border-width:1 1px;}
.menu150 a.more {
	border-left:0px solid #333366; border-right:0px solid #333366; border-top:0 solid #c0c0c0; border-bottom:0 solid #c0c0c0; margin:0; display:block;
	text-align:right;
	background:url("images/a-rouge.gif") no-repeat 128px 50%;
	text-decoration:none;
	color:#44a; padding-left:0; padding-right:15px; padding-top:0; padding-bottom:0
}
.menu150 a:hover.more {text-decoration: underline; background-color: rgb(240,240,240);}

.actu470 {width:470px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-b470.gif") bottom left no-repeat;}
.actu470 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-t470.gif") top left no-repeat; color: rgb(100,100,100);}
.actu470 p, .actu470 fieldset {margin:0; padding:0 5px 3px; border:1px solid #ff6666; border-width:0 1px; text-align:left;}
.actu470 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #ff6666; border-width:1 1px;}
.actu470 a.more {
	margin:0;
	border:1px solid #ff6666;
	border-width:0 0px;
	display:block;
	text-align:right;
	background:url("images/tsr-a470.gif") 440px 50% no-repeat;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}
.actu470 a:hover.more {text-decoration:underline; background-color: rgb(240,240,240);}

.actu150 {width:150px; padding:0 0 14px 0;  margin:10px auto; background:url("images/tsr-br150.gif") bottom left no-repeat;}
.actu150 h3 {margin:0; padding:7px 10px 3px 10px; background:url("images/tsr-tr150.gif") top left no-repeat; color: rgb(100,100,100);}
.actu150 p {margin:0; padding:0 5px 3px; border:1px solid #ff6666; border-width:0 1px;}
.actu150 table {width:100%; margin:0; padding:0 0px 0px; border:1px solid #ff6666; border-width:1 1px;}
.actu150 a.more, .actu150 a.membre {
	margin:0;
	border:1px solid #ff6666;
	border-width:0 0px;
	display:block;
	text-align:right;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}

.actu150 a.more {background:url("images/tsr-a.gif") 125px 50% no-repeat;}
.actu150 a.membre {background:url("images/tsr-a310.gif") 125px 50% no-repeat;}
.actu150 a:hover.more, .actu150 a:hover.membre {text-decoration:underline; background-color: rgb(240,240,240);}

#tableau table {
    background-color: transparent;
    }
    
#tableau {
    padding: 5px;
    }

#tableau td {
    padding: 2px 4px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    text-align: center;
    }
    
#tableau tr {
    background-image: url("images/tableau/fond_tableau.png");
    background-repeat: repeat-x;
    background-position: bottom;
    }

#tableau th {
    color: #990000;
    background-image: url("images/tableau/fond_tableau2.png");
    background-repeat: repeat-x;
    background-position: bottom;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    }
#tableau h3, p {
	margin: 0;
	}