body {
	font: 11px Tahoma,Tahoma, Verdana, Arial, sans-serif;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	text-align: center;
	width: 760px;
	background-color: #ffffcc;
	background-image: url(bg6_ok.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	cursor: url("cursor4_abc.cur"), auto;
	color: Black;
}
a#mail {
	color: Blue;
}
.ombre {
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=155, Color:grey)
}
.red {
	color: #cc0000;
}

@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu, p.top, .header
	{
		visibility:hidden;
	}
}
#conteneurmenu {
	background-image: url(bg2_ok.jpg);
	width: 260px;
	float: left;
	
}
.menu, .ssmenu {
	/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */
	background-color: Green;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #EFB;
	color: white;
	width: 150px;
	padding: 1px;
	margin: 1em;

}
.menu {
	text-align: center;
	font-family : "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
	background: Green;
	border-color: #004455;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#246114,endColorStr=#98E078);
}
.ssmenu {
	background: #004455;
	border-color: Green; /* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
	*/
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#98E078,endColorStr=#246114);
	background-color: #8FBC8F;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
	/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding: 0;
	margin: 0 0px;
	list-style-type: none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
	/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:  Verdana, MS Sans Serif, arial, sans-serif,;
	text-decoration: none;
	color: White;
	padding: 2px 1px; /* Ne pas modifier le block */
	display: block; /*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin: 0px;
	height: 100%;
	voice-family: "\";
}\"";
	voice-family:inherit;
} 
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#98E078;
	color:#246114;
	text-decoration:none;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#98E078,endColorStr=#E0F0E0);
}
.menu2 a {
font : 10px Verdana, Arial, sans-serif; 
margin : 0; 
width : 120px; 
height : 18px; 
display : block; 
text-align : center; 
text-decoration : none; 
color : #246114; 
background : transparent; 
background-image : url(over7.jpg); 
background-repeat : repeat-y; 
cursor : url(harrow.cur), auto; 
} 
.menu2 img {
border : medium none inherit; 
float : none; 
} 
.menu2 a:hover {
background : #d0dcd9; 
background-image : url(over9.jpg); 
color : black; 
} 
.menu2 a:active {
background : transparent; 
color : teal; 
background-image : url(over4.jpg); 
} 
a:link {
	color: #246114;
	text-decoration: none;
} 
a:visited {
	color: #246114;
	text-decoration: none;
}
table {
	background-color: #FFFF67;
	background-image: url(bg8.jpg);
}
.table2 {
	background-color: #FFFF67;
	background-image: url(bg8.jpg);
	width: 740;
	border: 3px;
	border-color: gold;
	border-style: outset;
}
.table2 thead {
	background-color: #ffff99;
}
.table2 caption {
	background-color: #ffff99;
	background-image: url(bg8.jpg);
}
colgroup#purple {
	background-color: #ffff99;
} 
td.meteo img {
	clear: right;
	float: left;
}
td#justify {
	text-align: justify;
}
img#right {
	clear: left;
	float: right;
	padding-left: 3px;
	padding-top: 3px;
	display: inline;
}
img#right1 {
	clear: left;
	float: right;
	padding-left: 3px;
	padding-top: 3px;
	display: inline;
}
img#right2 {
	clear: left;
	float: right;
	padding-left: 3px;
	padding-top: 3px;
	display: inline;
}
img#left {
	clear: right;
	float: left;
	padding-right: 3px;
	display: inline;
}
img#centre {
	padding-left: 30px;
	}
p#bg {
	background-color: Green;
	background-image: url(bg8.jpg);
}
p#grey {
	color: #636363;
}
ul#serv {
	list-style: circle outside url(arrow_r.gif);
}
a#lit {
	color: #636363;
	font-size: 10px;
	text-align: right;
	border: none;
}
a#lit img {
	border: none;
} 
p.top {
	color: #F8FF8C;
	background-image: url(bg4_ok.jpg);
	background-repeat: repeat;
	background-color: Yellow;
	width: 760px;
	margin-bottom: 0;
	font: 7px Tahoma, Verdana, Arial, sans-serif;
} 
p.inter {
	background-image: url(bg8.jpg);
	background-repeat: repeat;
	background-color: lime;
	width: 760px;
	margin-bottom: 0px 0px 0px 0px;
	font: 5px Tahoma, Verdana, Arial, sans-serif;
	display: inline;
	height: 25px;
	position: relative;
	padding-bottom: 0px 0px 0px 0px;
} 
p.inter img {
border : none; 
margin-bottom : 0; 
}
p.bar {
width : 760px; 
border-top-color : #ffd700; 
border-style : outset none none;
display: block;	
} 
a:hover {
	background-color: #8FBC8F;
	color: white;
} 
ul {
	margin: 10px;
	list-style-type: none;
}
 
li {
margin-bottom : 3px; 
} 
.menu3 a {
font : 10px Tahoma, Verdana, Arial, sans-serif; 
margin : 0; 
width : 120px; 
height : 18px; 
display : block; 
text-align : center; 
text-decoration : none; 
color : #246114; 
background : transparent; 
background-image : url(over7.jpg); 
background-repeat : repeat-y; 
cursor : url(harrow.cur), auto; 
} 
.menu2 img {
border : medium none inherit; 
float : none; 
} 
.menu a:hover {
	background: #D5FFEC;
	background-image: url(over9.jpg);
	color: black;
} 
.menu a:active {
background : transparent; 
color : teal; 
background-image : url(over4.jpg); 
}

strong.red {
color : #cc0000; 
font-family : cursive, fantasy; 
letter-spacing : 1px; 
} 
strong.link {
color : #ff7f50; 
font-family : Tahoma, Verdana, Arial, sans-serif; 
} 
strong.link a:hover {
background-color : white; 
color : #246114; 
} 
strong.ora {
color : #ff7f50; 
font-family : Tahoma, Verdana, Arial, sans-serif; 
} 
p.lis {
text-align : left; 
padding-left : 25px; 
} 
p.lis img {
border : none; 
} 
fieldset legend {
	font-family: "Arial", "Helvetica", sans-serif;
	background: #246114;
	color: White;
	margin-top: 0px;
	width: 200px;
	display: block;
	padding-left: 10px;
} 
fieldset label {
font : normal 11px cursive; 
margin-left : 0%; 
} 
fieldset img {
border : none; 
} 
input[type=hidden] {
display : none; 
} 
input [type=text] {
background-color : transparent; 
cursor : url("pen_r.cur"), auto; 
} 
input.text1 {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
cursor : url("pen_r.cur"), auto; 
border : thin ridge inherit; 
text-transform : none; 
width : 160px; 
}
  
input.text2 {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
cursor : url("pen_r.cur"), auto; 
border : thin ridge inherit; 
text-transform : none; 
width : 100px; 
text-align : left; 
} 
input.text3 {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
cursor : url("pen_r.cur"), auto; 
border : thin ridge inherit; 
text-transform : none; 
width : 270px; 
} 
input.text4 {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
cursor : url("pen_r.cur"), auto; 
border : thin ridge inherit; 
text-transform : none; 
width : 270px; 
} 
input.text5 {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
cursor : url("pen_r.cur"), auto; 
border : thin ridge inherit; 
text-transform : none; 
width : 370px; 
} 
fieldset textarea {
margin : 1px 0; 
background-color : #ffff99; 
color : #246114; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
cursor : url("pen_r.cur"), auto; 
width : 270px; 
text-transform : none; 
padding : 0 0 0 4px; 
}
 
input {
padding : 0 0 0 4px; 
background-color : #ffff99; 
font : normal 11px "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
vertical-align : middle; 
cursor : text; 
border : thin ridge inherit; 
text-align : left; 
cursor : url(harrow.cur), auto; 
margin-left : 0%; 
} 
select {
margin : 0; 
border-color : yellow gray; 
background-color : #FFFF99; 
white-space : nowrap; 
text-align : left; 
vertical-align : text-bottom; 
font-size : 11px; 
color : #246114; 
font-family : "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
} 
form {
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	color: #246114;
	font-size: 12px;
	background-color: fuchsia;
	background-image: url(bg8.jpg);
	margin: 0% 0% 0% 0%;
	width: 760px;
	text-align: center;
} 
form2 {
font-family : "Verdana", "Geneva", "Arial", "Helvetica", sans-serif; 
color : #246114; 
font-size : 12px; 
background-color : #ffe2aa; 
margin : 0; 
width : 346px; 
} 
.bloc5 {
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	color: #246114;
	font-size: 10px;
	background-color: Silver;
	background-image: url(bg2_ok.jpg);
	margin: 0;
	width: 150px;
	float: left;
	height: 100%;
	display: inline;
} 
.bloc5 img {
float : left; 
} 
.bloc6 {
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", sans-serif;
	color: #246114;
	font-size: 10px;
	background-color: Fuchsia;
	background-image: url(bg2_ok.jpg);
	margin: 0;
	width: 150px;
	float: left;
	height: auto;
	display: inline;
} 
.bloc6 img {
float : right; 
} 
.bloc7 {
	background-color: Aqua;
	background-image: url(bg2_ok.jpg);
	width: 460px;
	float: left;
	margin: 0;
	height: auto;
	display: inline;
}
.bloc7 img {
	border: none;
} 
fieldset {
	width: 702px;
	background: Aqua;
	background-image: url(bg2_ok.jpg);
	text-align: right;
	cursor: url("cursor4_abc.cur"), auto;
	margin: 0px 4px 4px 4px;
	padding-right: 5px;
}
fieldset#comment {
	text-align: left;
	color: Fuchsia;
} 
.bloc1 {
	background-image : url(bg2_ok.jpg); 
	background-color : blue;
	width : 160px; 
	height : 700px; 
	float : left; 
}
.bloc1bis {
	background-image : url(bg8.jpg); 
	background-color : blue;
	width : 160px; 
	/*height : 466px; */
	float : left; 
}
.bloc1bis img {
	border: none;
} 
.bloc1ter {
	background-image: url(bg2_ok.jpg);
	background-color: #FFE4C4;
	width: 160px;
	height: auto;
	float: left;
	text-align: left;
	padding-left: 20px;
	padding-top: 50px;	
}
.bloc1quater {
	background-image: url(bg2_ok.jpg);
	background-color: #FFE4C4;
	width: 160px;
	height: auto;
	float: left;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;	
}
 .bloc8 {
	background-image : url(bg2_ok.jpg); 
	text-align : center; 
	background-color : blue; 
	width : 180px; 
	float : left;
	margin-bottom: 0px; 
 }
 .bloc8 td {
	background-color: transparent;
	width: 150px;
	margin-bottom: 0px;
	margin: 0px 0px 0px 0px;
}
.bloc8 table {
	background-image: url(bg2_ok.jpg);
	background-color: Lime;
	width: 158px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
}
.bloc9 {
	background-image: url(bg2_ok.jpg);
	text-align: justify;
	background-color: blue;
	width: 500px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
}
.bloc9 img {
	float: left;
	clear: none;
}
.bloc12 {
	background-image: url(bg2_ok.jpg);
	text-align: left;
	background-color: #FF7F50;
	width: 490px;
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 5px 2px 2px;
	padding-top: 5px;
	min-height: 100px;
	height: 100%;
}
.bloc12 img {
	float: left;
	clear: right;
}
.bloc10 {
	background-color: Lime;
	width: 490px;
	float: left;
	text-align: left;
	margin: 1px 0px 0px 0px;
	padding: 2px 2px 2px;
	min-height: 200px;
	background-image: url(bg2_ok.jpg);
}
.bloc10 img {
	float: right;
	clear: left;
	display: inline;
}
.bloc15 {
	background-color: Aqua;
	width: 260px;
	float: left;
	padding-top: 5px;
	margin: 5px 0px 5px 0px;
	min-height: 100px;
	background-image: url(bg2_ok.jpg);
	height: 100%;
}
.bloc15b {
	background-color: Aqua;
	width: 260px;
	float: left;
	padding-top: 5px;
	margin: 5px 1px 5px 1px;
	min-height: 100px;
	text-align: justify;
	background-image: url(bg8.jpg);
	height: 100%;
}.bloc16 {
	background-color: Aqua;
	width: 260px;
	float: left;
	padding-top: 5px;
	margin: 2px 0px 0px 0px;
	min-height: 200px;
	background-image: url(bg2_ok.jpg);
}
.bloc11 {
	background-color: Aqua;
	width: 260px;
	float: left;
	padding-top: 5px;
	margin: 2px 0px 0px 0px;
	min-height: 200px;
	background-image: url(bg2_ok.jpg);
}
.bloc13 {
	background-color: Lime;
	width: 490px;
	float: left;
	text-align: left;
	margin: 5px 0px 5px 0px;
	padding: 3px 2px 2px;
	min-height: 100px;
	background-image: url(bg8.jpg);
	height: 100%;
	color: #636363;
}
.bloc13bis {
	background-color: Lime;
	width: 490px;
	float: left;
	text-align: left;
	margin: 5px auto 5px 5px;
	padding: 3px 2px 2px 2px;
	min-height: 100px;
	background-image: url(bg8.jpg);
	height: 100%;
	color: #636363;
}
.bloc13ter {
	background-color: Lime;
	width: 490px;
	float: left;
	text-align: right;
	margin: 5px auto 5px 5px;
	padding: 3px 2px 2px 2px;
	min-height: 100px;
	background-image: url(bg8.jpg);
	height: 100%;
	color: #636363;
}
.bloc13ter img {
	float: right;
	clear: none;
}

.bloc13bis img {
	float: right;
}
.bloc14 {
	background-color: Aqua;
	width: 260px;
	float: left;
	padding-top: 5px;
	margin: 5px 0px 5px 0px;
	min-height: 100px;
	background-image: url(bg8.jpg);
	height: 100%;
	color: #636363;
}

.bloc2 {
background-color : #faebd7; 
background-image : url(bg2_ok.jpg); 
width : 500px; 
height : 700px; 
float : left; 
margin-left : 0; 
}
.bloc2bis {
	background-color: #FFFF99;
	background-image: url(bg2_ok.jpg);
	width: 500px;
	height: 466px;
	float: left;
	margin-left: 0;
}
.bloc2bis img {
	border: none;
}
.bloc2bis a:hover{
	border: none;
	background-color: Yellow;
}

.bloc2ter {
	background-color: #FFFF99;
	background-image: url(bg8.jpg);
	width: 450px;
	height: auto;
	float: left;
	margin-left: 0;
}
.bloc2ter img {
	border: none;
}
.bloc20 {
	background-image : url(bg8.jpg); 
	background-color : blue;
	width : 250px; 
	height : 466px; 
	float : left; 
}
.bloc2 img {
	float: none;
} 
.bloc3 {
background-image : url(bg2_ok.jpg); 
background-repeat : repeat; 
background-color : transparent; 
width : 100px; 
float : left; 
margin-left : 0; 
text-align : right; 
padding : 0; 
}
.bloc3bis {
	background-image: url(bg2_ok.jpg);
	background-repeat: repeat;
	background-color: Aqua;
	width: 100px;
	float: left;
	margin-left: 0;
	text-align: justify;
	padding-top: 70px;
	padding-right: 0px;
	height: auto;
}
.bloc3ter {
	background-image: url(bg2_ok.jpg);
	background-repeat: repeat;
	background-color: Aqua;
	width: 100px;
	float: left;
	margin-left: 0;
	text-align: left;
	padding-top: 40px;
	padding-left: 2px;
	height: auto;
}
 
.bloc4 {
background-color : aqua; 
width : 160px; 
height : 200px; 
float : left; 
} 
.conteneur {
	width: 760px;
	text-align: center;
	background-color: #F0F8FF;
	background-image: url(bg2_ok.jpg);
	height: auto;
	display: table; /* must put this in for FireFox. */
	position: relative;
}
.conteneur img {
	border: none;
}
.conteneur2 {
	width: 760px;
	text-align: center;
	background-color: #F0F8FF;
	background-image: url(bg8.jpg);
	height: auto;
	display: table; /* must put this in for FireFox. */
	position: relative;
} 

.footer1 {
background-image : url(bg8.jpg); 
background-color : #faebd7; 
width : 760px; 
} 
.header {
	background-image: url(bg9.jpg);
	background-color: #faebd7;
	color: #330099;
	width: 760px;
	border-top: medium outset inherit;
	border: medium none #ffd700;
	font-size: 11px;
} 
.header img {
border-style : none;
}

p.left {
width : 500px; 
text-align : left; 
background-color : transparent;
color: #636363; 
cursor : help; 
} 
ul.org {
	text-align: left;
	list-style: square inside;
	padding-left: 30px;
	color: #636363;
	font-style: oblique;
}
ul.org2 {
	text-align: left;
	list-style: square inside;
	padding-left: 5px;
	color: #636363;
	font-style: oblique;
}
.p {
	margin-bottom: none;
	margin-top: none;
} 
p.just {
	text-align: justify;
	padding-left: 15px;
	padding-right: 15px;
	color: #636363;
} 
.defil {
background-image : url(bg2_ok.jpg); 
position : relative; 
width : 140px; 
overflow : auto; 
background-color : #faebd7; 
color : #246114; 
} 
h1 {
font-size : 12px; 
color : #246114; 
display : inline; 
} 
.footer1 img {
float : left; 
border : none; 
} 
h2 {
	color: #8A2BE2;
	font-size: 12px;
	font-variant: small-caps;
	margin-top: 4px;
	margin-bottom: 4px;
}
h3 {
	color: #8A2BE2;
	font-size: 11px;
	font-variant: small-caps;
	margin-top: 1px;
	margin-bottom: 1px;
	display: inline;
} 
.footer2 {
	background-image: url(bg2_ok.jpg);
	background-color: #faebd7;
	width: 760px;
	border-top-color: #FFD700;
	border-style: outset none none;
	text-align: center;
	color: #636363;
	font-size: 9px;
	cursor: url("triskel2.cur"), auto;
} 
.footer2 a {
cursor : url("triskel2.cur"), auto; 
} 
.footer2 a:hover {
text-transform : uppercase; 
} 
.footer2 img {
border : none; 
float : none; 
} 
.footer3 {
background-image : url(bg2_ok.jpg); 
background-color : #faebd7; 
text-align : center; 
color : #246114; 
font-size : 10px; 
cursor : url("cursor4_abc.cur"), auto; 
width : 760px; 
border-left-color : #ffd700; 
border-right-color : #ffd700; 
border-left-style : double; 
border-right-style : double; 
} 
.footer3 img {
border : none; 
float : left; 
} 
.tri {
background : #246114; 
color : #ffd700; 
margin-bottom : 5px; 
margin-top : 3px; 
} 
.sous {
font-style : oblique; 
text-decoration : underline; 
font-size : 12px; 
} 
.jk {
	background-color : aqua;
	background-image: url(bg8.jpg); 
}
.just	{
	text-align: justify;
	padding-left: 30%;
}