html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 14px sans-serif;
 /* background: #C7E0EF url(images/background.png) repeat-x;*/
 background-color:#C0C0C0;
  color: #000;}

p
{ padding: 0 0 20px 0;
  line-height: 1.7em;}
  
img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: bold 175% 'liberation sans', arial, sans-serif;
  color: #43423F;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;}

h2
{ font: bold 165% 'liberation sans', arial, sans-serif;}

h3
{ font: bold 125% 'liberation sans', arial, sans-serif;
  padding: 0 0 5px 0;
  color: #2091FF;}

h4, h5, h6
{
	margin: 0;
	padding: 0 0 5px 0;
	color: #5ABD21;
	line-height: 1.5em;
	font-family: 'liberation sans', arial, sans-serif;
	font-size: 110%;
	font-weight: normal;
}

h5, h6
{ font: italic 95% arial, sans-serif;
  color: #888;
  padding-bottom: 15px;}

h6
{ color: #362C20;}

/*a, a:hover
{ background: transparent;
  outline: none;
  text-decoration: underline;
  color: #2091FF;}*/

a
{ background: transparent;
  outline: none;
  text-decoration: underline;
  color: #2091FF;}

a:hover
{ text-decoration: none;
  color: #003366;}

ul
{ margin: 2px 0 22px 17px;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #container_footer, #container_header, #tableau
{ margin-left: auto; 
  margin-right: auto;}

#main
{
	width: 1150px;
	background: #FFF;
	padding-bottom: 20px;
}

#header
{
	background: transparent;
	width: 1110px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#banner
{
	width: 1110px;
	position: relative;
	height: 250px;
	background: #FFF url(../images/codivet2.jpg) no-repeat;
}/*background: #FFF url(../images/banner.jpg) no-repeat;*/

#menubar
{
	width: 1110px;
	height: 35px;
	margin: 0 auto;
	/*background: #FFF url(../images/menu.png);*/
	background-color: #3B4E77;
	color: #000;
} 

#site_content
{
	width: 1110px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
} 

.sidebar_container
{ float: right;
  width: 224px;
  margin-top: 18px;
  padding: 0;}

.sidebar_top
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_top.png) no-repeat;}

.sidebar_base
{ float: left;
  width: 224px;
  height: 15px;
  background: url(../images/side_base.png) no-repeat;}

.sidebar
{ float: right;
  width: 400px;
  padding: 0;
  background: url(../images/side_back.png) repeat-y;
  margin-bottom: 20px;}

.sidebar p
{ font-size: 95%;}

.sidebar li.selected, .sidebar li:hover
{ color: #5D5D5D;
  text-decoration: none;} 

.sidebar_item
{ padding: 0 0 0 15px;
  width: 201px;}

.sidebar_item h1
{ padding: 20px 0 10px 0;
  margin: 0;}

.content_item
{
	width: 1110px;
	margin-bottom: 20px;
}

#content
{
	text-align: left;
	width: 1110px;
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}

#container_header
{
	margin-top: 20px;
	height: 15px;
	width: 1150px;
	background: transparent url(../images/container_header.png);
}  
  
#container_footer
{
	height: 20px;
	width: 1150px;
	background: transparent url(../images/container_footer.png) repeat-x top;
}
  
#footer
{
	width: 1110px;
	font: normal 115% "liberation sans", arial, sans-serif;
	height: 35px;
	padding: 20px 0 5px 0;
	margin-bottom: -15px;
	text-align: center;
	background: #6EB2D9 url(../images/footer.png) no-repeat bottom;
	color: #000;
}

#footer a, #footer a:hover
{ color: #000;
  background: #6EB2D9;
  text-decoration: underline;}

#footer a:hover
{ text-decoration: none;
  color:#FF0000;
}

ul.links
{ margin: 0;}

ul.links li
{ list-style: none;
  padding: 8px 0;}

ul.links li a, ul.links li a:hover
{ padding: 0 0 0 28px;
  background: transparent url(../images/page.png) no-repeat left center;
  color: #06C4E6;
  text-decoration: underline;} 

ul.links li a:hover
{ color: #5D5D5D;
  text-decoration: none;} 

#nav, #nav ul
{ float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 135px;
  font: 115% helvetica;}
 
#nav a 
{ color: #2F80AF;
  display: block;
  text-decoration: none;
  list-style-type: none;}
  
#nav li, #nav li.last  
{ float: left;
  border-right: 1px solid #FFF;
  display: block;
  padding: 0;
  margin: 0;
  height: 35px;}

#nav li.last
{ border-right: 0px;}
  
#nav li a, #nav li.last a {
  padding: 9px 0;
  width: 175px;
  text-align: center;  
  height: 15px;}
  
#nav li.last a 
{ width: 176px;}

#nav li ul 
{ position: absolute;
  background: #7B7B7B;
  font: 100% arial;
  width: 100%;
  left: -999em;}
 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{ left: auto;}

#nav a:hover 
{ color: #FFF;}
 
#nav li:hover, #nav li.sfhover
{ background: #2F80AF;}

#nav li li:hover
{ background: #2F80AF;}

#nav li li 
{ border-bottom: 1px solid #FFF;
  width: 100%;
  padding: 0;
  display: block;
  float: left;
  height: auto;}

#nav li li a 
{ padding: 10px 43px 10px 43px;
  width: auto;
  height: auto;}

#nav li:hover, #nav li.hover 
{ position: static;}

#sousmenu ul 
{ width: 176px;}

/********************galerie photo*************************/
#body1{
	margin:0;
	padding:0;
	/*background-color:#99CCFF;*/
}

#vignettes{
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
/*************************************************************/