#formWhere{
width:100%;
}
  
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #000000; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #FB1008;}

TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #000000; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

/* RTE / Table styling */
TABLE.contenttable { border: 1px #333333 solid; margin: 10px 0px 10px 0px; width: 100%; }
TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: #F0F0F0; }

html {
	margin : 0; 
	padding : 0; 
	text-align: center;	}




img {border: 0;
margin : 0; 
	padding : 0; 
}


h1,h2,h3,h4,h5,h6, .titactu{
	font-weight:bold;
	  font: bold 12px  Arial,verdana, Helvetica, sans-serif;
	margin-top : 0;
	margin-bottom : 2px;
	color : #333;
	padding-bottom:20px;
	padding-top:2px;
	}
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:15px;}
h5 {font-size:14px;}



p.bodytext{
clear: both;
font : normal 12px  verdana, arial,lucida, helvetica, sans-serif;
margin:0;
padding:0;
}
p{
  font: normal 12px verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
.skiplink {display:none}


div#global{
	position: relative;
	width: 925px;
	text-align: center;
	margin: 0 auto;
	/*height: 100%;*/
  background:#fff;
padding:0;

  }
	
	
	

/*********************************/
	/* entete */
/*********************************/


.arrondi{

	width: 100%;
	text-align:left;
	float:left;
	}
	
.logo{
	position: relative;
	top: 0; left: 0px;
	padding-top : 10px;
	padding-left : 0px;
	float : left;
	min-height:62px;
		margin:0;
	}

.libelle_logo{
	position: relative;
	top: 0; left: 0px;
	padding-top : 10px;
	padding-left : 10px;
	float : left;
	height:62px;
		margin:0;

}

/* fin entete */
	
	

  

   





/* fin navigation */

/*******************************/

#content{
	position: relative;
	float:left;
	top:0px; left:0;
	width:100%;
	margin:0;
	text-align: left;
	background:#fff;
padding:0;

	}


#contenu{
  background: #fff;
  padding: 0px 0 0 0px;
  text-align:left;
  float: left;
  position: relative;
  margin-top:0px;
width:665px;
border-left: #999 1px solid;
/*min-height:400px;
   top:6px;left:6px;
 	width:650px;
*/

} 

#texte{
  font: normal 12px verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  margin: 0;
  padding: 0px ;
  width: 100%;
   float: left;
     /*border-top :#66CC66 5px solid;*/
padding-top:0px;
height:100%;

  } 
 
  
#textemap{
padding:20px 0 0px 20px;
margin:0;
  font: normal 12px verdana, Arial, Helvetica, sans-serif;
  background: #fff;
  margin: 0;
 float: left;
height:100%;
text-align:left;
/*width:650px;
display:block;
position:relative;*/
  } 
  
  
  
  
#photo{
position: relative;
	top:7px; left:0;
  margin: 0;
  width: 100%; 
  text-align:center;
  float: left;
  padding: 7px 0 0 0;
  } 

#menugauche{
	position: relative;
	top:0px; left:0;
  margin: 0;
  width: 255px; 
  float: left;
  text-align:left;
  background-color:#ffffff;
/*padding: 15px 0 20px 15px;*/
margin: 0;
/*border:1px solid;*/
padding-bottom:40px;


  } 





 .ligne_verte{
/* background: #66CC66;
border-top:#66CC66 5px solid;
  margin: 0;
  text-align:left;
  float: left;
  position: relative;
  top:5px;
  padding:0px;
  width:100%;
*/
 }

/*forms*/

#content form, #contenu form{
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*width: 98%;*/
  float:left;
  width:650px;
  }

#content fieldset{
  clear: both;
  border-color: #000;
  /*border-width: 1px 0 0 0;*/
  border-width: 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0;
  /*border: 1px solid #999;*/
  }

#content form div textarea{
  width: 300px;
  padding: 1px 3px;
  margin: 0;
  }

#content form div input{
  padding: 1px 2px;
  margin: 0;
  }

#content select{
  font-size: 1em;
  /*color: #666;*/
  }




 
 /*contact form*/
#content .csc-mailform{
  margin-top: 2.5em;
  }

#content .csc-mailform-field{
  /*float-left;*/
  text-align: left;
  width: 98%;
  margin-bottom: 4px;
  }


/*submit button*/
#content .csc-mailform-submit{
  text-align: center;
  margin-left: 130px;
  margin-top: 4px;
  padding: 1px 6px;


  width: auto;

  }

#content label{
  float: left;
  width: 130px;
  font-size: 1.1em;
  }





#content .csc-legend{
  display: none;
  }

#content .legend-no-display{
  display: none;
  }

.legend-no-display{
  display: none;
  }

#content fieldset.legenddisplay{
  border: 1px solid #CCC;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 15px 1.5em 0;
  width: auto;
  }



/*********************
*** actualites ***
**********************/



dl.newsitem{
	margin: 0;
	padding: 0 5px 20px 0;
	/*float : left;
	width : 100%;*/
	font-size: 1em;
	}
	
.newsitem dt {
	margin: 0;
	padding: 0 0 2px 18px;
	background: #FFF url(../images/pictoactus.gif) no-repeat;
	color: #333;
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	}

.newsitem dd{
	margin: 0;
	padding: 0 0 0 30px;
	color: #333;
	text-align: left;
	}

dd.newsub{
  /*font-size: 1.0em;*/
	}
dd.date{
  margin: 0;
  padding: 0 0 4px 30px;
	}
	
#news-single-item p.date{
	margin: 0;
	padding: 0 0 6px 8px;
	color: #999;
	text-align: left;
	}

#news-single-item p.backlink{
	margin: 0;
	padding: 0 0 0 8px;
	color: #999;
	text-align: left;
	}

.backlink a{
	margin: 0;
	padding: 0 6px 0 0;
	}
	
.backlink img{
	margin: 0;
	padding: 0 6px 0 0;
	}

.tx-ttnews-browsebox a{
	margin: 0;
	padding: 0 6px 0 0;
	}

.tx-ttnews-browsebox a:link{color: #7A8F0D;}
.tx-ttnews-browsebox a:visited{color: #7A8F0D;}
.tx-ttnews-browsebox a:hover{color: #7A8F0D;}
.tx-ttnews-browsebox a:active{color: #7A8F0D;}
  



/*forms*/

#content form{
  margin: 0;
  padding: 0;
  font-size: 100%;
  /*width: 98%;*/
  float:left;
  width:640px;
  }
#content form input{
padding:0 2px;
margin:0;
}
#content fieldset{
  clear: both;
  border-color: #000;
  /*border-width: 1px 0 0 0;*/
  border-width: 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0;
  /*border: 1px solid #999;*/
  }

#content form div textarea{
  width: 300px;
  padding: 1px 3px;
  margin: 0;
  }

#content form div input{
  padding: 1px 2px;
  margin: 0;
  }

#content select{
  font-size: 1em;
  /*color: #666;*/
  }




 
 /*contact form*/
#content .csc-mailform{
  margin-top: 2.5em;
  }

#content .csc-mailform-field{
  /*float-left;*/
  text-align: left;
  width: 98%;
  margin-bottom: 4px;
  }


/*submit button*/
#content .csc-mailform-submit{
  text-align: center;
  margin-left: 130px;
  margin-top: 4px;
  padding: 1px 6px;


  width: auto;

  }
  
  /* CSS Document */
.news-list-item h3.titrenews ,.news-latest-container h3.titrenews, .news-single-item h3.titrenews{
	font : bold 14px  verdana, lucida, arial, helvetica, sans-serif;
	margin:0;
	padding: 4px 0 10px 0px;
}
.news-list-item img{
float:left;
margin:0px 10px 10px 0;
display:block;
/*width:130px;*/
}
.news-latest-container img{
float:left;
margin:0px 10px 10px 0;
display:block;
}
.news-list-item .textenews{
float:left;
position:relative;
width: auto;
padding: 0;
}
/*
.news-latest-container .textenews{
float:left;
position:relative;
width: auto;
padding:0;
}*/
.clear {
clear:both;
}

.news-latest-container a:hover,.news-latest-container a:active,.news-list-item a:active, .news-list-item a:hover, .news-single-item a:hover, .news-single-item a:active, .news-amenu-container a:hover, .news-amenu-container a:active{
/*background : #C7E8F8;*/

color:#09479F;
}
.news-list-item a, news-list-item a:visited, .news-latest-container a, .news-latest-container a:visited, .news-single-item a, .news-single-item a:visited, .news-amenu-container a, .news-amenu-container a:visited{
color:#09479F;

}

.news-amenu-container li.news-amenu-item-year {
list-style:none;
background:none;
font-weight:bold;
padding:0;}
.news-amenu-container li{
list-style:none;
background : url(../images/puce1_bleu.gif) left top no-repeat;
padding : 2px 0 2px 12px;
}

.news-list-morelink a, .news-latest-morelink a{
font-size : 10px;
font-weight:bold;
text-decoration:none;
}
.imagenewslatest{
float left;
width:80px;

}
.textenewslatest{
width:530px;
float :left;

}
/*
.news-latest-item{
width:100%;

}


hr{
width:650px;
color:#0170BF;
border:1px solid;
height:1px;
padding:0;
margin:0;
}
*/
input button{
padding: 0 2px;
margin:0;
}


.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 650px;
background: #fff; /*menu strip background F7F7F7*/
border-bottom: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
text-align:center;
}
.aerobuttonmenu2{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 650px;*/
background: #fff; /*menu strip background F7F7F7*/
padding: 4px 0;
border-width: 1px 0;
text-align:center;
}
* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}


.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #804000 url(media/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #AE5300; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #804000; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


.aerobuttonmenu a.aero, .aerobuttonmenu2 a.aero{ /*aero button CSS*/
background: transparent url(../images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
/*line-height: 23px;  This value + 8px should equal height of button background (default is 31px) */
  height: 48px;/*Height of button background height */
/*padding-left: 10px;  Width of left menu image */
margin: 0 0px 0 0;
padding: 0 0 1px 0px;
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);/* this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;

}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active,
.aerobuttonmenu2 a.aero:link, .aerobuttonmenu2 a.aero:visited, .aerobuttonmenu2 a:active{
color: #333; /*button text color*/
}

.aerobuttonmenu a.aero span, .aerobuttonmenu2 a.aero span{
background: transparent url(../images/aeroright.gif) no-repeat top right;
display: block;
  height: 48px;
/*padding: 4px 10px 6px 0; Set 10px here to match value of 'padding-left' value above*/
padding: 15px 19px 3px 0px;
margin-left:15px;
}

.aerobuttonmenu a.aero:hover, .aerobuttonmenu2 a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span, .aerobuttonmenu2 a.aero:hover span{ /* Hover state CSS (for text) */
color: #000;
}



.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}


.tx-keyac-pi1 table.calendar td.cat19,
 .tx-keyac-pi1 table.calendar td.todaycat19 {
	border: 1px solid #FF954F;
	background:#FF954F;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}
.tx-keyac-pi1 table.calendar td.cat2,
.tx-keyac-pi1 table.calendar td.todaycat2 {
	border: 1px solid #FF3F3F;
	background:#FF3F3F;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}



ul.csc-menu.csc-menu-1{
width: 650px
padding: 0;
padding-left: 30px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
/*border-bottom: 1px solid black;
padding-bottom:20px;*/
display: inline;
margin:0;

}

ul.csc-menu.csc-menu-1 li{
display: inline;
margin: 0;

}

ul.csc-menu.csc-menu-1 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 2px; /*padding inside each tab*/
border-right: 15px solid white; /*right divider between tabs*/
color: #333;
background: #B3CEEF; /*background of tabs (default state)*/
width:145px;
text-align:center;
}

ul.csc-menu.csc-menu-1 li a:visited{
color: #333;
}

ul.csc-menu.csc-menu-1 li a:hover, ul.csc-menu.csc-menu-1 li.selected a{
background: #66CC66; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

ul.csc-menu.csc-menu-3 {
padding:10px 0 0 15px;
margin:0;
}

.csc-linkToTop{
background:url(../images/up.png) top right no-repeat;
padding: 4px 20px 0 0px;
height:16px;
float:right;
font-size:11px;
font-weight:normal;
}

.buttonmenu4 {
/*background:blue url(../images/bouton_color_4.gif) no-repeat top left; */
width:100.5%; 
height:25px;
float: left;
clear:both;
padding:0 0 20px 0;
margin:0;
}
.buttonmenu4 li{


}
a.boutonrose {background:#FD3E9E;   width:150px; margin-right: 15px;}
a.boutonvert {background:#07BF00;  width:150px; margin-right: 15px;}
a.boutonbleu {background:#0170BF;   width:150px;margin-right: 15px;}
a.boutonrouge {background:#FF3600;  }

.buttonmenu4 a.boutonrose,/*aero button CSS*/
.buttonmenu4 a.boutonbleu,
.buttonmenu4 a.boutonvert,
.buttonmenu4 a.boutonrouge{
display: block;
float: left;
text-align:center;
font: bold 12px Verdana, Trebuchet MS; /* Change 13px as desired */
/*line-height: 23px;  This value + 8px should equal height of button background (default is 31px) */
  /*height: 25px;Height of button background height */
height:16px;
  color:#fff;
/*padding-left: 10px;  Width of left menu image */

padding: 5px 0px ;
text-decoration: none;

 /*spacing between buttons*/
}
.buttonmenu4 a.boutonrouge{ 
margin:0;
  width:150px;
  float:right;
}

.buttonmenu4 a:hover.boutonrose,
.buttonmenu4 a:hover.boutonbleu,
.buttonmenu4 a:hover.boutonvert,
.buttonmenu4 a:hover.boutonrouge,
.buttonmenu4 a:active.boutonrose,
.buttonmenu4 a:active.boutonbleu,
.buttonmenu4 a:active.boutonvert,
.buttonmenu4 a:active.boutonrouge{
background:#ccc;
color:#666;
}

ul.csc-menu.csc-menu-def{
/*background:url(../images/bouton_color_4.gif) no-repeat top left;*/
width: 650px;
height:25px;
padding: 0;
/*padding-left: 30px; offset of tabs relative to browser left edge
font: bold 12px Verdana;
list-style-type: none;*/
/*border-bottom: 1px solid black;
padding-bottom:20px;*/
display: inline;
margin:0;
border:1px solid;
}

ul.csc-menu.csc-menu-def li{
display: inline;
margin: 0;
line-height:25px;
}

ul.csc-menu.csc-menu-def222 li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 2px; /*padding inside each tab*/
border-right: 15px solid white; /*right divider between tabs*/
color: #333;
/*background: #B3CEEF; background of tabs (default state)*/
width:140px;
text-align:center;
}

ul.csc-menu.csc-menu-def li a:visited{
color: #333;
}

ul.csc-menu.csc-menu-def li a:hover, ul.csc-menu.csc-menu-def li.selected a{
/*background: #66CC66; background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}