html {
	font-family: Calibri, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	scrollbar-arrow-color:#EB6C67;
	scrollbar-face-color:#F0DF49;
	scrollbar-track-color:#ffffff;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#8E5995;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-darkshadow-color:#8E5995;
}
BODY { 
	font-family: Calibri, Arial, Helvetica, sans-serif; 
	/* height:100%; */
	font-size: 100%;
	background: #FFFFFF;
	color: #333333;
	margin: 0;
	padding: 0;
	/* background: transparent url("/pictures/fond1.jpg") repeat; */
	/* background-attachment: fixed; */
	/* background-color: #ACAC84; */
	/* background-color: #D1D1BA; */
}

P	{ margin: 0px; }
PAlign	{ text-align: justify; text-justify: newspaper; }

hr	{ color: #BED0D8; background-color: #BED0D8; height: 1px; border: 0;}

A:link 	{text-decoration: none; color:#004AF7; }
A:hover	{ border-bottom: 3px solid #D61C1B;}
A:active {text-decoration: none; }
A:visited {text-decoration: none; color:#663399; }


.petit	{font-size:76%;}
.titre	{font-size:170%;color:#B81801;font-weight:bold; font-style: normal;}
.GrandTitre { font-size:190%; color:#000000; font-weight:bold;}
.GrandTitre2 { font-size:190%;color:#000000; font-style: italic;}
.Soustitre { font-size:120%;color:#72277D;font-weight:bold; font-style: normal;}

.agenda_titre {font-size:150%;color:#B81801;font-weight:bold; font-style: normal;}
.agenda_titre2 {font-size:110%;color:#B81801;font-weight:bold; font-style: normal;}

.categorie { color: #CC0000; font-weight: bold; font-size: 100%; ; text-decoration: underline}
.categorie2 { color: #CC0000; font-weight: bold; font-style: italic; font-size: 80%; }

.date { font-weight:normal; font-size: 100%; color:#000000; font-style: italic}
.date2 { font-weight:bold; font-size: 80%; color:#000000}

.agenda_manif {font-size:100%; color: #333333; font-family: "Trebuchet MS", Helvetica, Arial; }
.agenda_manif2 {font-size:76%; color: #000000; font-family: "Trebuchet MS", Helvetica, Arial; }

.agenda_tarif {font-size:90%; font-weight:bold; color: #C83F03; font-family: "Trebuchet MS", Helvetica, Arial; }
.agenda_tarif2 {font-size:70%; font-weight:bold; color: #C83F03; font-family: "Trebuchet MS", Helvetica, Arial; }



ol {margin: 0; padding: 0; list-style-type: none;}

.OngleSelect {font-weight: bolder; font-size: 120%;; background-color: #CFD8DA}
.OngleUnSelect {font-size: 76%;; background-color: #FFFFFF}


.ZoneForm { border:1px solid #ACAC84; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 100%;}
input {border:1px solid #999966; }
input.btn {cursor:pointer;}
input.btn:hover {cursor:pointer; color: #FFFFFF; background: #C12B22}

.gras {font-weight: bold}

.clignoteur {  background-color: #B72720;
	border-width:1px;  border-style:solid;  border-color:#AAAAAA; padding:3px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px;
 }
A.clignoteur {  color: #FFFFFF; font-weight: bold; font-size: 110%; }

.td0	{ 
	background-color: #FFFFFF;
	border-width:1px;  border-style:solid;  border-color:#CCCCCC; padding:3px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px;
	font-size: 100%;
	}
.td1	{ 
	background-color: #D0E7FF;
	border-width:1px;  border-style:solid;  border-color:#CCCCCC; padding:3px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px;
	font-size: 100%;
	}
.td2	{ 
	background-color: #FFC8C8;
	border-width:1px;  border-style:solid;  border-color:#CCCCCC; padding:3px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px;
	font-size: 100%;
	}
.td3 	{
	background-color: #FFFAC8;
	border-width:1px;  border-style:solid;  border-color:#CCCCCC; padding:3px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px;
	font-size: 100%;
	}
.td4 	{
	background-color: #E2ADE7;
	border-width:1px;  border-style:solid;  border-color:#CCCCCC; padding:3px;
        -moz-border-radius: 6px 6px 6px 6px;
        -webkit-border-radius: 6px 6px 6px 6px;
        border-radius: 6px;
	font-size: 100%;
	}

.box	{
	border-width:0px;  border-style:solid;  border-color:#CCCCCC; padding:4px;
	font-size: 100%;
	}

.TD_MONTH {background-color: #E2ADE7;border-width:1px;border-style:solid;border-color:#CCCCCC;padding:1px;font-size: 100%;}
.TD_DAYNAME {background-color: #FFFAC8;border-width:1px;border-style:solid;border-color:#CCCCCC;padding:1px;font-size: 100%;}
.TD_DAYNONE {border-width:0px;border-style:none;padding:1px;font-size: 100%;}
.TD_DAYSELECT {background-color: #FFC8C8;border-width:1px;border-style:solid;border-color:#CCCCCC;padding:1px;font-size: 100%;}
.TD_DAYNOSELECT {background-color: #D0E7FF;border-width:1px;border-style:solid;border-color:#CCCCCC;padding:1px;font-size: 100%;}

img.agenda { 
	/*1px 1px 16px #888888, -1px -1px 16px #888888;*/
	border: 1px solid #CCCCCC; 
	-webkit-box-shadow: 6px 6px 16px #888888;
	-moz-box-shadow: 6px 6px 16px #888888;
	box-shadow: 6px 6px 16px #888888;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=145, Strength=12);
}

.floatleft {
  float: left;
  position: relative;
  margin: 0% 1% 1% 0%;
  /* @media only screen and (max-width:1270px) pour ie */
  width:expression(window.document.body.clientWidth < 1270 ? "99%" : ""); /* 1292 */
}

@media only screen and (max-width:1270px){
  .floatleft { width: 99%; }
}

.anovisi, A.anovisi:link, A.anovisi:hover, A.anovisi:active, A.anovisi:visited { border: 0px; text-decoration: none; color:#FFFFFF; }


/* ----------------- Pour infos --------------------------- 
.Sommaire { color: #333333; background-color: #666600}
text-decoration:none;
a:hover	{text-decoration:underline; color:#D71C1B;}
a.Soustitre {color: #FF0000}
a.Soustitre:hover {color: #9D0000; background: #CCCCCC}

input {border:1px solid #999966; background-color:#FFFFFF; font-size: 8pt; color:#9D0000;}
select {border:1px solid black; background-color:#333333; font-size: 8pt; color:#9D0000;}
input.btn {cursor:pointer;}
input.btn1 {cursor:pointer; background-color:#333333; color:#9D0000;}
input.btn2 {cursor:pointer; background-color:#333333; color:#9D0000;}
input.btn3 {cursor:pointer; background-color:#333333; color:#9D0000;}
input.btn4 {cursor:pointer; background-color:#333333; color:#9D0000;}

input[type=radio] {
 margin-right:50px;
 background-color:transparent;
 border:none;
 }
---------------------------------------------------------- */


