body {
margin: 0;
padding: 0;
padding-top: 0px;
background: #E5DAA9 url(../e/global.png) repeat-y 50% 0; }

#conteneur {
position: relative;
width: 980px;
margin: 0 auto;
border: 0px solid #555555;
background: url(../e/bandeau-coeur-sanssat3.jpg) no-repeat left top; }

#header {
height: 10px;
text-align: center; }

#contenu {
margin-left: 155px;
margin-right: 255px;
padding-left: 0px;
padding-right: 0px;
padding-top: 20px;
width: 560px; }

#gauche {
position: absolute;
left:10px;
margin-top: 0px;
width: 160px;
 }

#droite {
position: absolute;
margin-right:10px;
margin-left: 730px;
width: 240px;
padding-top:0px; }

#gauche2 {
	position: absolute;
	left:10px;
	margin-top:400px;
	width: 160px; }

#pied {
	height: 10px; }
	


.arrondi_clair { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9e9;
    behavior: url(border-radius.htc); }
.arrondi_blanc { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    behavior: url(border-radius.htc); }
.arrondi_vert { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
    border: 1px solid #ddd;
    background-color: #cf9;
    behavior: url(border-radius.htc); }
.arrondi { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px;
    border: 1px solid #999;
    background-color: #999;
    behavior: url(border-radius.htc); }
.arrondi2 { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 12px;
    border: solid 3px #660000;
    background-color: #FFCC00;
    behavior: url(border-radius.htc); }



/* ================ */
/* = The 1Kb Grid = */     /* 10 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:380px; }
.grid_5 { width:380px; }
.grid_6 { width:380px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

.grid__1 { width:70px; }
.grid__2 { width:160px; }
.grid__3 { width:250px; }
.grid__4 { width:340px; }
.grid__5 { width:430px; }
.grid__6 { width:520px; }
.grid__7 { width:610px; }
.grid__8 { width:700px; }
.grid__9 { width:790px; }
.grid__10 { width:880px; }

.grid___1 { width:300px; }
.grid___2 { width:620px; }
.grid___3 { width:940px; }

.grid____1 { width:160px; }
.grid____2 { width:560px; }
.grid____3 { width:240px; }

.column_ {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row_ {
	width: 980px;
	margin: 0 auto;
	padding-left:12px;
	overflow: hidden;
}
.row_ .row_ {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}




td .fondgris {
	color:#660000;
    font-weight: bold;
    font-family: arial,geneva,sans-serif;
    font-size: 14px;
	background: url(../e/fond-cell-gris30.jpg) repeat left top; }
td .fondjaune {
	color:#660000;
    font-weight: bold;
    font-family: arial,geneva,sans-serif;
    font-size: 14px;
	background: url(../e/fond-cell-jaune30.jpg) repeat left top; }
td .fondprune {
	background: url(../e/fond-cell-prune24.jpg) repeat left top; }
	
	
td .fondgris0 {
	background: #cccccc url(./e/fond-cell-gris30.jpg) repeat left top; }
td .fondjaune0 {
	background: #ffffcc url(./e/fond-cell-jaune30.jpg) repeat left top; }
td .fondprune0 {
	background: url(./e/fond-cell-prune24.jpg) repeat left top; }
	
.menugauche {
	list-style-type: none;
	margin: 0;
	padding:0; }

.menugauche li {
margin-bottom: 5px; }

.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline; }

.menugauche a:hover {
text-decoration: none; }

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

td, p {
    text-align:justify;
    font-family : times, serif;
    font-size : 14px; }
    
table {
    border: thin; }
    
td.c {
    background : #ffffff url(./boutons/fond_bouton.gif) no-repeat left;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
    
td.c2 {
    background : #ffffff url(../boutons/fond_bouton.gif) no-repeat left;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
    
td.v75 {
    background : #ffffff url(./boutons/fond_bouton.gif) no-repeat left;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
    
td.v100 {
    background : #ffffff url(./boutons/fond_boutons.gif) no-repeat right;
    text-align : center;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
    
td.R {
    text-align: right; }

form submit {
    margin: 0;
    padding: 0; }
     
h1 {
    font-style : italic;
    line-height:32px;
    padding-left: 32px;
    margin-bottom: 5px;
    font-weight : bold;
    font-size : 24px;
    font-family : times, serif; }
    
h2 {
    font-weight : bold;
    line-height: 16px;
    font-size : 24px;
    font-family : arial, geneva, sans-serif; }

h3 {
    font-style : italic;
    margin-bottom: 3px;
    font-weight : bold;
    color : #666666;
    font-size : 20px;
    font-family : arial, geneva, sans-serif; }

h4 {
    font-style : italic;
    margin-bottom: 7px;
    line-height:14px;
    font-weight : bold;
    color : #660000;
    font-size : 16px;
    font-family : arial, geneva, sans-serif; }

h5 {
    color: white;
    background-color: #669900;
    font-family: arial, geneva, sans-serif;
    font-size: 14px;
    padding:2px;
    text-align:center;
    margin-top: 12px;
    margin-bottom: 8px;  }

h6 {
    color: white;
    background-color: #FF0000;
    font-family: arial, geneva, sans-serif;
    font-size: 14px;
    padding:2px;
    text-align:center;
    margin-top: 12px;
    margin-bottom: 8px;  }
/* 
img {
Si on met une image dans un lien, pas de bordure car c'est vilain :-p
	border:none; }
 */
 
.a {
    text-align : justify;
    font-family : Times, serif; }
    
.blanc12 {
    font-style : italic;
    color: #FFFFFF;
    font-weight : bold;
    font-size : 12px;
    font-family : verdana, arial, geneva, sans-serif; }
    
.blanc14 {
    color: #FFFFFF;
    font-size : 14px;
    font-family : verdana, arial, geneva, sans-serif; }
.blanc14B {
    font-style : italic;
    color: #FFFFFF;
    font-weight : bold;
    font-size : 14px;
    font-family : verdana, arial, geneva, sans-serif; }    
.blanc18 {
    color: #FFFFFF;
    font-weight : bold;
    font-size : 18px;
    font-family : arial, geneva, sans-serif; }

.bleumauve14 {
    font-weight : bold;
    color : #6666FF;
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 14px; } 

.bleumauve16 {
    font-weight : bold;
    color : #6666FF;
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 16px; }
    
.gris14 { 
    color:#777777;
    font-style : italic;
    font-weight: bold;
    font-family: arial,geneva,sans-serif;
    font-size: 14px; }

.infobulle
 	{
	position: absolute;
	z-index:100;
	visibility : hidden;
	border: 1px solid Black;
	padding: 2px;
	font-weight : lighter;
	font-family: Arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFCC;
	text-align: left;   
	}
    
.legende {
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 10px; }
.rouge10 {
    font-weight : bold;
    color : red;
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 10px; }    
.rouge {
    font-weight : bold;
    color : red;
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
.rouge18 {
    font-weight : bold;
    color : red;
    font-family : arial, geneva, sans-serif;
    font-size : 18px; }    
.rouge24 {
    font-weight : bold;
    color : red;
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 24px; }
.sepia11 {
    color: #660000;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
.sepia11b {
    color: #660000;
    font-weight : bold;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
.sepia14 { 
    color:#660000;
    font-weight: bold;
    font-family: arial,geneva,sans-serif;
    font-size: 14px; }
.sepia16 { 
    color:#660000;
    font-weight: bold;
    font-family: arial,geneva,sans-serif;
    font-size: 16px; }

.sepia18 {
    color: #660000;
    font-weight : bold;
    font-size : 18px;
    font-family : arial, geneva, sans-serif; }   
.sepia21 {
    color: #660000;
    font-weight : bold;
    font-size : 21px;
    font-family : arial, geneva, sans-serif; }
.sepia24 {
    color: #660000;
    font-weight : bold;
    font-size : 24px;
    font-family : arial, geneva, sans-serif; }
.t9 {
    font-family : arial, geneva, sans-serif;
    font-size : 9px; }
.t10 {
    font-family : arial, geneva, sans-serif;
    font-size : 10px; }
.t10i {
    font-style : italic;
    font-family : arial, geneva, sans-serif;
    font-size : 10px; }
.t10B {
    font-weight : bold;
    font-family : arial, geneva, sans-serif;
    font-size : 10px; }
.t10an {
    font-family : arial narrow, arial, geneva, sans-serif;
    font-size : 10px; }
.t10anB {
    font-weight : bold;
    font-family : arial narrow, arial, geneva, sans-serif;
    font-size : 10px; }
.t11 {
    text-align: justify;
    font-family : arial, geneva, sans-serif;
    font-size : 11px; }
.t11b {
    text-align: justify;
    font-weight : bold;
    font-family : arial, geneva, sans-serif;
    font-size : 11px; }
.t11an {
    font-family : arial narrow, arial,geneva, sans-serif;
    font-size : 11px; }
.t11anB {
    font-weight : bold;
    font-family : arial narrow, arial, geneva, sans-serif;
    font-size : 11px; }
.t12 {
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
.t12an {
    font-family : arial narrow, geneva, sans-serif;
    font-size : 12px; }
.t12b {
    font-weight : bold;
    font-family : arial, geneva, sans-serif;
    font-size : 12px; }
.T12b {
    line-height:18px;
    font-weight : bold;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
.T14b {
    font-weight : bold;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
.T14bp {
    color: #660000;
    font-weight : bold;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
.T16b {
    font-weight : bold;
    font-size : 16px;
    font-family : arial, geneva, sans-serif; }

.T16bp {
    color: #660000;
    font-weight : bold;
    font-size : 16px;
    font-family : arial, geneva, sans-serif; }
.T12bw {
    font-weight : bold;
    color: #FFFFFF;
    font-size : 12px;
    font-family : verdana, arial black, trebuchet, trebuchet MS, arial, geneva, sans-serif; }
.T14bw {
    color: #FFFFFF;
    font-weight : bold;
    font-size : 14px;
    font-family : verdana, arial black, arial, geneva, sans-serif; }
.T24ib {
    font-style : italic;
    font-weight : bold;
    font-size : 24px;
    font-family : arial, geneva, sans-serif; }
    
.T40ibY {
    font-style : italic;
    text-align: center;
    line-height: 18px;
    color: #FFCC00;
    font-weight : bold;
    font-size : 40px;
    font-family: Times,serif; }

.titres18G {
    font-weight: bold;
    color: gray;
    font-family: arial,geneva,sans-serif;
    font-size: 18px ; }

.fineborder {
    border-style:solid; 
    border-width:1px; 
    border-color:black; 
    background-color:white; }

.yline {
    background-color: #FFFFCC; }

a.11fin:link {
    color : #000066;
    font-weight : light;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.11fin:visited {
    color : #000066;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.11fin:hover {
    color : blue;
    text-decoration : underline overline;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }   
a.11fin:active {
    color : red;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }

a:link {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a:visited {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a:hover {
    font-weight : bold;
    color : blue;
    text-decoration : underline overline;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }   
a:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }


a.slight:link {
    color : blue;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.slight:visited {
    color : blue;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.slight:hover {
    color : blue;
    text-decoration : underline overline;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.slight:active {
    color : red;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }

a.s:link {
    text-align : center;
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.s:visited {
    text-align : center;
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.s:hover {
    text-align : center;
    font-weight : bold;
    color : green;
    text-decoration : underline overline;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.s:active {
    text-align : center;
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }



a.T11b:link {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.T11b:visited {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }
a.T11b:hover {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }   
a.T11b:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 11px;
    font-family : arial, geneva, sans-serif; }

a.T12:link {
    color : #000099;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12:visited {
    color : #000099;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12:hover {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }   
a.T12:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
    
a.T12white:link {
    font-weight : light;
    color : #ffffff;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12white:visited {
    color : #ffffff;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
a.T12white:hover {
    /*font-weight : bold;*/
    color : yellow;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }   
a.T12white:active {
    /*font-weight : bold;*/
    color : red;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
    
a.T12b:link {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12b:visited {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12b:hover {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }   
a.T12b:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
    
a.T9bleu:link {
    color : blue;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }
a.T9bleu:visited {
    color : blue;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }
a.T9bleu:hover {
    color : blue;
    text-decoration : underline overline;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }   
a.T9bleu:active {
    color : red;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }
    
a.T9brouge:link {
    font-weight : bold;
    color : #FF3333;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }
a.T9brouge:visited {
    font-weight : bold;
    color : #FF3333;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }
a.T9brouge:hover {
    font-weight : bold;
    color : #000000;
    text-decoration : underline overline;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }   
a.T9brouge:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 9px;
    font-family : arial, geneva, sans-serif; }


a.T12brouge:link {
    font-weight : bold;
    color : #FF3333;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12brouge:visited {
    font-weight : bold;
    color : #FF3333;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
a.T12brouge:hover {
    font-weight : bold;
    color : #000000;
    text-decoration : underline overline;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }   
a.T12brouge:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 12px;
    font-family : arial, geneva, sans-serif; }
    
a.T14:link {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
a.T14:visited {
    font-weight : bold;
    color : #000099;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }
a.T14:hover {
    font-weight : bold;
    color : blue;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }   
a.T14:active {
    font-weight : bold;
    color : red;
    text-decoration : none;
    font-size : 14px;
    font-family : arial, geneva, sans-serif; }

a.tothetop { /* definition de la classe "image" de la balise <a> */
     display: block;
     width: 330px;
     height: 25px;
     background-image: url(../e/boutons/bouton_tothetop_gris.jpg);
     background-repeat: no-repeat; }
         
a.tothetop:hover { /* definition de la classe "image" de la balise <a> au survol */
     background-image: url(../e/boutons/bouton_tothetop_bleu.jpg); }
     
a.tothetop2 { /* definition de la classe "image" de la balise <a> */
     display: block;
     width: 330px;
     height: 25px;
     background-image: url(../e/boutons/bouton_tothetop_gris.jpg);
     background-repeat: no-repeat; }
         
a.tothetop2:hover { /* definition de la classe "image" de la balise <a> au survol */
     background-image: url(../e/boutons/bouton_tothetop_bleu.jpg); }