BODY { 
background-image: url(../images/fond_page.gif);
background-repeat: repeat;
font-family:Arial, Helvetica, sans-serif;
font-style : normal;
font-size : 12px;
color: #333333;
background-color: #051132;
margin-top: 28px;
} 

/* Containers  */

.general {
width: 749px;
padding:2px;
border: 1px solid #995A0A;
margin:auto;
background-color:#FFFFFF;
background-image:url(../images/fond_page.jpg);
background-repeat: no-repeat;
}

.menu_ottrott {
width:749px;
height:25px;
background-image: url(../images/fond_menu.gif);
background-repeat: no-repeat;
margin:0px;
}


.bandeau_ottrott_general {
width: 749px;
height:216px;
background-image:url(../images/bando_general.jpg);
background-repeat: no-repeat;
text-indent:645px;
overflow:hidden;
line-height:423px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.bandeau_ottrott_nature {
width: 749px;
height:216px;
background-image:url(../images/bando_nature.jpg);
background-repeat: no-repeat;
text-indent:645px;
overflow:hidden;
line-height:423px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

a.bandeau_ottrott_lien:link, a.bandeau_ottrott_lien:active, a.bandeau_ottrott_lien:visited {
color:#ffffff;
}


.bandeau_ottrott_patrimoine {
width: 749px;
height:216px;
background-image:url(../images/bando_patrimoine.jpg);
background-repeat: no-repeat;
text-indent:645px;
overflow:hidden;
line-height:423px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.bandeau_ottrott_bienetre {
width: 749px;
height:216px;
background-image:url(../images/bando_bienetre.jpg);
background-repeat: no-repeat;
text-indent:645px;
overflow:hidden;
line-height:423px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}

.contenu_ottrott_homepage {
width: auto;
background-image:url(../images/fond_contenu.gif);
background-repeat: no-repeat;
padding-top:1px;
margin-top:10px;
padding-left:15px;
padding-right:15px;
}

.contenu_ottrott {
width: auto;
background-image:url(../images/fond_contenu_simple.gif);
background-repeat: no-repeat;
padding-top:10px;
margin-top:0px;
padding-left:10px;
padding-right:10px;
border-top:1px solid #ffffff;
text-align:justify;
}

.bottom_site {
clear:both;
width:749px;
margin: 0px;
height: 31px;
text-align:center;
background-color:#FFFFFF;
background-image:url(../images/fond_footer.jpg);
background-repeat: repeat-x;
}

.bottom_links {
width:758px;
margin: auto;
text-align:center;
color:#E29277;
}

a.bottom_links:link, a.bottom_links:visited, a.bottom_links:active {
color:#E29277;
text-decoration:none;
}

a.bottom_links:hover {
color:#ffffff;
text-decoration:none;
}

.bottom_search {
width: auto;
height: 65px;
overflow: hidden;
}


.spacer {
  display:block;
  clear: both;
  height:2px;
  line-height:2px;
}

h1 {

  display: block;
  padding: 0px 0px 0px 0px;
  font-size: 1.1em;
  border-bottom: 1px solid #f1f2f3;
  margin-bottom: 10px;
  font-weight: bolder;
  color: #BF6656;

}

h2 {

  display: block;
  background-color: #F3EED1;
  padding: 3px;
  text-indent: 5px;
  font-size: 1em;
  font-weight: bolder;
  font-weight: bolder;
  color: #CEA54B;
  height:15px;
  line-height:15px;

}

h3 {

  display: block;
  background-color: #f8f8f8;
  padding: 5px;
  text-indent: 5px;
  font-size: 1em;
  font-weight:normal;
  color: #999999;
  height:10px;
  line-height:10px;

}

 
ul.Linkactus, li.Linkactus {

	margin: 0px;
	list-style-position: inherit;
	margin-bottom: 15px;
	padding: 0px;
	list-style-type: none;
		
}
.Linkactus li {
	width: 100%;
	display: block;
	text-align:right;	
}

.Linkactus A, .Linkactus A:link, .Linkactus A:active, .Linkactus A:visited {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	color: #336699;
	border-bottom: 1px solid #f1f2f3;
	text-decoration: none;
	padding-left: 20px;
	display: block;
	height:18px;
	line-height:18px;
	
}

.Linkactus A:hover {
	background-image: url('../images/puce_actus.gif');
	background-repeat: no-repeat;
	color: #FFD800;
	
}

/* CSS Menus */

.titre_menu {
margin-top:10px;
color:#B97941;
font-size:11px;
text-align:center;
line-height: 16px;
border-bottom: 1px solid #C68450;
background-color:#Ffffff;
}

ul.LinkList, li.LinkList {
	margin: 0px;
	text-align:left;
	padding: 0px;
	list-style-type: none;
	display: block;	
}
.LinkList li {
	width: auto;
	display: block;
	background-color: #FFFDF2;
	border-bottom: 1px solid #FFF1A1;
		
}
li.first {
	width: 148px;
	border: 0px;
}

.LinkList li:hover {
    display: block;
	background-color: #FFF1A1;
}

.LinkList A, .LinkList A:link, .LinkList A:active, .LinkList A:visited {
	background-image: url('../images/puce_nav.gif');
	background-repeat: no-repeat;
	
	color: #7C8557;
	text-decoration: none;
	display: block;
	/*
	height:18px;
	*/
	line-height: 20px;
	padding-left: 25px;
	padding-top: 0px;	
	margin-left: 0px;
}

.LinkList A:hover {
	background-image: url('../images/puce_nav_over.gif');
	background-repeat: no-repeat;
	
	color: #000000;
	text-decoration: none;
	display: block;
	background-color: #FFF1A1;
}

/** styles formulaire **/

.input_home {
	padding: 1px;
	border:1px solid #1D4686;
	background-color: #051234;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#99CC33;
	padding: 3px;
	width: 100%;
}

.input_form {
	border:1px solid #CEDCEB;
	background-color: #f8f8f8;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color:#F6821F;
	padding: 3px;
}

.input_bleu {
	padding: 8px;
	border:1px solid #FFBC75;
	background-color: #FFFFD5;
	font-family : Arial, Helvetica, sans-serif;
    font-style : normal; font-size : 11px;
	color : #D93C3C;
}

/** styles contenu du site**/

.TitreMenu {

  display: block;
  margin-left: 12px;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 20px;
  height:20px;
  color: #007785;
  text-indent: 28px;
  background-image:url(../images/titre_puce.gif);
  background-repeat:no-repeat;

}

.TitrePage {

  display: block;
  font-family: Arial, Helvetica, sans-serif;
  padding: 1px;
  font-size: 1.3em;
  margin-bottom: 10px;
  font-weight: bolder;
  text-indent:5px;
  color: #9A6F10;
  background-image:url(../images/css/titre_pages.gif);
  background-repeat: repeat-y;
  height:22px;
  line-height:24px;

}

.TitrePage_times {

  display: block;
  font-family: "Times New Roman", Times, serif;
  padding: 1px;
  font-size: 1.3em;
  margin-bottom: 10px;
  font-weight: bolder;
  text-indent:5px;
  color: #9A6F10;
  background-image:url(../images/css/titre_pages.gif);
  background-repeat: repeat-y;

}

.titre_actu {

  display: block;
  background-color: #C6D4E3;
  padding: 2px;
  text-indent: 5px;
  font-size: 1.2em;
  font-weight: bolder;
  font-weight: bolder;
  color: #ffffff;
  height:15px;
  line-height:15px;
  margin-bottom:10px;
  margin-top:20px;

}

.titre_actu_homepage {

  display: block;
  font-size: 1.2em;
  font-weight: bolder;
  background-image:url(../images/css/puce_actus.gif);
  background-repeat:no-repeat;
  text-indent:15px;

}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0;
	height: 1px;
	background-color: #E8E8E8;
	color: #E8E8E8;	
	
}



.resume_actus {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #99CC33;

}

.date_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-size : 10px;
	color: #FF9933;
}

.texte_actus {
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal; font-size : 11px;
	text-align: justify;
	color: #666666;
}

span.pagination a:link, span.pagination a:visited { 
color: #7799B8; 
text-decoration : none; 
font-family: Arial, Helvetica, sans-serif; 
}

span.pagination a:hover { 
color : #DC4236; 
text-decoration : underline;
font-family : Arial, Helvetica, sans-serif;
font-style : normal; font-size : 10px;
}

.pagination {
display: block;
text-align: center;
width: 100%;

}

a:link, a:visited, a:active {
width:auto;
color:#C39F49;
text-decoration:none;
font-size:1em;
}

a:hover {
color:#B30101;
}

a.actushome:link, a.actushome:visited, a.actushome:active {
width:auto;
color:#000000;
display: block;
  font-size: 1.2em;
  font-weight: bolder;
  background-image:url(../images/css/puce_actus.gif);
  background-repeat:no-repeat;
  padding-left:15px;
}

a.actushome:hover {
color:#B30101;
}

a.horloge:link, a.horloge:visited, a.horloge:active {
color:#AC967F;
text-decoration:none;
font-size:0.9em;
padding-left:20px;
background-image:url(../images/css/horloge.gif);
background-repeat:no-repeat;
}

a.horloge:hover {
color:#ffffff;
}

a.menustyle:link, a.menustyle:visited {
width:auto;
background-color:#f1f1f1;
color:#999999;
text-decoration:none;
font-size:0.9em;
}

a.menustyle:hover {
background-color:#B3D1AC;
color:#ffffff;
}

a.footerlink:link, a.footerlink:visited {
color:#2260A7;
height:20px;
text-decoration:none;
}

a.footerlink:hover {
color:#DD4A06;
}

a.homelink:link, a.homelink:visited {
color:#3E0D08;
text-decoration:none;
}

a.homelink:hover {
color:#B30101;
}

.meteo_area {
    background-image:url(../images/fond_meteo.gif);
	background-repeat: no-repeat;
	width : 234px;
	height: 51px;
	padding-top:30px;
	padding-left:30px;
}

.IconeMeteo {
float:left;
margin-right:2px;
padding-left:3px;
}

a.boot_video_ottrott:link, a.boot_video_ottrott:visited, a.boot_video_ottrott:active {
width:188px;
height:25px;
background-image:url(../images/css/fichier.gif);
background-repeat: no-repeat;
display:block;
color:#F3DFBF;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-indent:25px;
line-height:23px;
}

a.boot_video_ottrott:hover {
color:#ffffff;
}