/* CSS Document */
body{
 margin:0; 
 padding:0;
 background-image:url(body-bg.jpg);
 background-repeat:repeat-x; 
 background-color:#465DEB;
 font-family: Arial, Helvetica, sans-serif;
 /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
 font-size: 12px;
 /*color: #A4E4F5;*/
 color: #333333;
}

hr{
	border: 0;
	color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
}
#container{
	width:1010px;
	margin:0 auto;	
	padding:0;	
	background-color:transparent;
	color:#333333;
}

#hautcontainer{
	width:1010px;
	height:215px;
	margin:0 auto;
	padding:0;
	background-image:url(haut-bg.jpg);
	background-repeat:repeat-y;	
	/*border:1px solid #000;*/
}

#header{
	height:175px;
	width:980px;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
	/*border-bottom:1px solid #000;*/
	font-size: 0;
}

#menuHaut{
	width:980px;
	margin:0 auto;
	padding:0;
	/*
	background-color:#FFFFFF;
	border-bottom:2px solid #000;
		*/
	height:40px;
	
	
	
	/*
	background-image:url(menu-off.jpg);
	background-repeat:repeat-x;
	border:1px solid #000;
	*/
	;
}

#html_content{
	width:1010px;
	margin:0 auto;
	background-image:url(container-bg.jpg);
	background-repeat:repeat-y;
	padding-left:15px;
	/*
	border:1px solid #333333;
	*/
}

.solidblockmenu{
margin:0 auto;
padding:0;
float:left;
font: bold 12px Arial;
width: 980px;
background: black url(menu-off.jpg) center center repeat-x;	
/*border:1px solid #000;*/
}

.solidblockmenu li{
	display: inline;
	height:35px;
	background: black url(menu-off.jpg) center center repeat-x;	
}

.solidblockmenu li a{
float: left;
color: white;
padding: 8px 11px;
text-decoration: none;
background: black url(menu-off.jpg) center center repeat-x;	
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(menu-on.jpg) center center repeat-x;
text-decoration:underline;
}



#leftSide{
	/*position:relative;*/
	float:left;
	width:200px;
	background-color:#465DEB;
	color:#FEFEFE;
	height:650px;
	padding-bottom:100px;
	padding-left:2px;
	padding-top:5px;
	/*
	
	border:1px solid #999;*/
}
html>body #leftSide{
	height:auto;
	min-height:650px;
	padding-bottom:100px;
}

.sidebar {
	float: left;
	width: 200px;
}



.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.sidebar h2 {
  margin: 15px 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.sidebar li {
  padding-left:5px;
}
.sidebar li ul {
}
.sidebar li li {
	padding: 6px 0 6px 10px;
	background: url(arrow-left.gif) no-repeat 0 12px;
	border-bottom: 1px solid #AAAAAA;
	/*border-bottom: 1px solid #2872A6;*/
}
.sidebar li li a {
	text-decoration: none;
	color: #C9ECF5;
}
.sidebar li li a:hover {
	color: #FFFFFF;
	font-weight:bold;
}
.sidebar li h2 {
	padding-top: 1px;
	color: #FFFFFF;
}



#calendar_wrap {
	color: #A4E4F5;
}

.calendar{
	border:1px solid #00CCFF;
}

.calendar a{
	color:#00CCFF;
}

.calendarHeader{
	font-weight:bold;
}
.calendarToday { 
	background-color: #FFFFFF;
	color:#0033CC; 
}

#calendar_wrap table {
	text-align: center;
	border-collapse:collapse;
	width:95%;
}

#calendar_wrap tfoot {
	font-weight: bold;
}

#calendar_wrap tfoot a {
	text-decoration: none;
}

#calendar_wrap #prev {
	text-align: left;
}

#calendar_wrap #next {
	text-align: right;
}

h1,h2,h3{
    color:#003366;
}
h1{
    font-size: 18px;
}
h2{
    font-size: 16px;
}
h3{
    font-size: 14px;
}
/*



#calendar_wrap tbody {
	border-bottom: 1px solid #2872A6;
	border-right: 1px solid #2872A6;
}

#calendar_wrap tbody td {
	padding: 3px 0;
	border-top: 1px solid #2872A6;
	border-left: 1px solid #2872A6;
}
#calendar_wrap tbody td a {
	font-weight: bold;
}
*/
td{
	/*font-family: Arial, Helvetica, sans-serif;*/
 	font-size: 12px;
}

#content{
	position:relative;
	float:left;
	width:780px;
	height:650px;
	padding-left:10px;
	padding-top:5px;
	color:#0B3356;	
}
html>body #content{
	height:auto;
	min-height:650px;
	width:auto;
	min-width:780px;
}
#content h1{
	color:#003366;
	font-size:18px;
    
    /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#content h2{	
	font-size:16px;
	/*font-family: arial, "lucida console", sans-serif;*/
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#content h3{	
	font-size:14px;
	/*font-family: arial, "lucida console", sans-serif;*/
    /*font-family:Georgia, "Times New Roman", Times, serif;*/
}
#content p{   
    
    /*
    width:auto; 
    width:700px;
    */
    width:700px;     
}

#content td p{
 /*
 border:1px solid #CCC;
 */
 width:10px;
 width: auto;
}

#content ul{
	width:700px;
}

/*********************************************
NEWS 
**********************************************/
.news{
	padding:5px;
	margin:5px;
	border:1px solid #CCC;
	width:95%;	
    height:auto;
}



.newsHover{
	padding:5px;
	margin:5px;
	border:1px solid #000;	
	background-color:#EDEDED;
	width:95%;	
}

p.dateNews{
	font-size:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#000099;
	position:relative;
	float:right;
	margin-bottom:0;
}

.news_img_left{
	float:left;
	margin-right:7px;
	padding:1px;
	border:1px solid #FFFFFF;
	background-color:#213141;
}

.news_img_shadow{
	padding:2px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;	
}

.news_img_left_shadow{
	float:left;
	margin-top:3px;
	margin-bottom:3px;
	margin-right:7px;
	padding:2px;
	border: 1px solid rgb(204, 204, 204);
	/*
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	*/
}

.news .newsHover p{
	font-size:12px;
}


/*********************************************
PHOTO GALERIES
**********************************************/
.little_thumbnail {
	/*position:relative;*/
	padding:3px;
	text-align:center;
	border : 1px solid #CCCCCC;
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
	width:100px;
	height:100px;
}

.big_thumbnail {
	padding:10px;	
	border:1px solid #666666;
	background-color:#EFEFEF;
}

.thumbnail {
position:relative;
padding-top:5px;
text-align:center;
border : 1px solid #CCCCCC;
float : left;
margin-right : 10px;
margin-bottom : 10px;
width:120px;
height:120px;
font-size:11px;
}
.thumbnailover{
position:relative;
padding-top:5px;
text-align:center;
border : 1px solid #666;
float : left;
margin-right : 10px;
margin-bottom : 10px;
width:125px;
height:125px;
font-size:11px;
background-color:#EFFFFF;
}

.img_galery_border{
	border : 1px solid #CCCCCC;	
	padding:2px;	
}
#big_img_galery{
	padding:0;
	width:980px;
	margin:0 auto;
	border:0px solid #CCC;
	height:600px;
}
#textes h1{
	font-size:16px;
	padding:2px;
	margin:0;
}
#textes p{
	font-size:12px;
	padding:1px;
	margin:0;
}


html>body #big_img_galery {	
	width:980px;
	margin:0 auto;
	border:0px solid #CCC;
	height: auto;
	min-height:600px;
	padding:0;
} 

.titre_galerie_photo{
	font: bold 120% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	
}


.imgBorder{
	margin-right:7px;
	padding:1px;
	border:1px solid #FFFFFF;
	background-color:#213141;
}



.negative{	
	left:-600px;
	top:-40px;
	height:2px;
	width:500px;
	overflow:auto;
}



form.css{
	padding:0;
	margin:0;
}

form.css fieldset {
  padding: 0.7em;
  margin:0;
  color:#333;
  background-color:#FFF;
  }
form.css label {
  display: inline;
  float: left;
  width: 140px;
  padding:4px; 
}
form.css input {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
	width:250px;
	height:15px;
	padding-bottom:2px;	
}

form.css select {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
}

form.css textarea {
	font: bold 80% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#EFEFEF;	
	border:1px solid #CCC;
	width:250px;
	height:150px;	
}

form.css input.bt {
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
	color:#333;
	background-color:#AAA;	
	border:1px solid #333;
	width:120px;
	height:20px;	
}

.form_div_error{
	width:200px;
	background-color:#FF0000;
	color:#FFFFFF;
	font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;	
}


.noborder{
	border:0;
}


#footer{
	background-color:#093354;
	height:60px;
	text-align:center;
	font-size:11px;
	color:#0099FF;
}
#footer a{
	color:#0099FF;
}
.grise{
    background-color:#99CC00;
}