html {
    font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align:left;
	color: #000;
	background:#4d8830 url(interface/bg_x.jpg) repeat-x;
}
tr,td, table {
	margin: 0;
	padding: 0;
}
#global{
	width:1044px;
	min-height:750px;
	margin:0 auto;	
	background:url(interface/bg_principal.jpg) no-repeat;
	*position:relative;
	*z-index:1px;
	font-size: 0.9em;
}
#globalrepeat{
	float:left;
	margin:569px auto 0px auto;	
	background:url(interface/bg_y.jpg) repeat-y;
	*position:relative;
	*z-index:1px;
}
#header{
	position:relative;
	top:0;
	width:1044px;
	height:179px;
}
#logoIC{
	width:265px;
	height:150px;
	float:left;
	margin-left:10px;
}
/*#points{
	float:left;
	width:492px;
	height:122px;
	background-image:url(interface/points.png);
}*/
#logo{
	width:759px;
	height:150px;
	float:left;
	margin-top:-150px;
	*margin-top:-155px;	
	margin-left:275px;
	background-image:url(interface/logoAutosite.png);
	clear:both;
}
#position{
	position:absolute;
	top:144px;
	left:227px;
	background:url(interface/header.png) no-repeat;
	width:582px;
	height:35px;
	font-size:0.9em;
	padding:13px 0 0 0;
	color:#333333;
}
#position a, #position a:visited{
		color:#333333;
		text-decoration:none;
}
#position a:hover{
	font-weight:bold;
	text-decoration:none;
}
#colGauche{
	float:left;
	*position:relative;
	*z-index:10px;
	margin-top:-550px;
	margin-left:36px;
	width:155px;
	padding-bottom:10px;
	
}
#colDroite{
	float:right;
	margin-right:25px;
	margin-top:-550px;
	width:155px;
	*position:relative;
	*z-index:10px;
}
#contenuEditable{
	float:left;
	margin-left:192px;
	width:646px;
	font-size:0.9em;
	padding:0 10px 10px 10px;
	text-align:left;
	*position:relative;
	*z-index:10px;
}
#gadget{
	text-align:left;
	margin: 0;
	background:url(interface/module_milieu.png) repeat-y;
	padding:0px 15px;
}
#gadgetTitre{
	font-weight:bold;
	font-size:1em;
	color:#4d8830;
	text-transform:none;
	background:url(interface/module_haut.png) no-repeat top left;
	height:18px;
	text-align:left;
	padding:10px 15px;
}
#gal_photo td{
	padding:2px;
}
#filAriane{
	float:left;
	margin-top:-550px;
	margin-left:192px;
	*margin-left:5px;
	width:366px;
	height:40px;
	text-align:left;
	color:#696a67;
	*position:relative;
	*z-index:10px;
}
#filAriane a, #filAriane span, #filAriane p{
	margin:0px;
	font-size:0.8em;
	color:#696a67;
	text-decoration:none;
	font-weight:normal;
}
#filAriane a:hover{
	color:#432b18;	
}
h1{
	font-size:1.8em; 
	color:#4d8830;
	text-transform:uppercase;
}
h2{
	font-size:1.6em;
	font-weight:bold;
}
h3{
	font-size:1.4em;
	color:#7ac054;
	font-weight:bold;
}
#barre_config{
	clear:both;
	background-color:#eee;
	width:100%;
	text-align:center;
	height:16px;
	margin : 10px;
}
.geoloc_addr{
	color:#000;
}
.savoir_plus{
	font-size:0.8em;
	padding-top:5px;
	color:#4d8830;	
	text-align:right;
	border-top:1px solid #4d8830;
}

/* ---------->>> FOOTER <<<-----------------------------------------------------------------------------*/
#footer{
	clear:both;
	width:1044px;
	height:101px;
	font-size:0.8em;
	background:url(interface/footer.jpg) no-repeat;
	text-align:center;
	color:#000;
	padding-top:30px;
}
a:visited.lien_bas,  a.lien_bas{
	color:#000;
		font-size:0.8em;
	text-decoration:none;
}
a:hover.lien_bas{
	color: #000;
		font-size:0.8em;
	text-decoration:underline;
}
/* ---------->>> style des langues <<<-----------------------------------------------------------------------------*/
#langue{
	float:left;
	margin-top:-550px;
	margin-left:558px;
	padding:0;
	width:300px;
	height:40px;
	*position:relative;
	*z-index:10px;
}
#langue ul{
	float:right;
	list-style:none;
	margin: 0px;
	padding:0;
}
#langue li{
	float:left;
	margin-right:5px;
}
#langue a{
	color: #000000;
	text-decoration:none;
}
#langue a:hover{
	color:#666;
	font-weight: bold;
}


/* ---------->>> menu t <<<-----------------------------------------------------------------------------*/
#menuHgauche{
	float:left;
	margin-top:-510px;
	margin-left:197px;
	width:18px;
	height:36px;
	background:url(interface/menu_h_gauche.jpg) no-repeat;
	*position:relative;
	*z-index:10px;
}
#menuH{
	float:left;
	margin-top:-510px;
	margin-left:215px;
	width:620px;
	height:36px;
	text-align:left;
	background:url(interface/menu_h_milieu.jpg) repeat-x;
	padding:2px 0;
	*position:relative;
	*z-index:10px;
}
#menuHbas{
	float:left;
	margin-top:-510px;
	margin-left:835px;
	height:36px;
	width:16px;
	background:url(interface/menu_h_droite.jpg) no-repeat bottom left;
	*position:relative;
	*z-index:10px;
}
#menuV{
	float:left;
	width:155px;
	text-align:left;
	background:url(interface/menu_g_haut.png) no-repeat;
	padding:18px 0 0 0;
}
#menuVbas{
	float:left;
	width:155px;
	background:url(interface/menu_g_bas.png) no-repeat bottom left;
	height:20px;
}
#nav_1{ 
	padding: 0;
	margin: 0;
	list-style: none;
}
#menuV #nav_1 a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding: 4px 5px 2px 10px ;
	width:145px;
}
#menuH #nav_1 a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding: 4px 5px 2px 10px ;
}
/* [for non-javascript users this applies to submenu links as well]*/
#menuV #nav_1 a{
	float:left;	
	background:url(interface/menu_g_milieu.png) repeat-y;
	*width:155px;
	text-align:left;
	color:#FFF;
	height:18px;
	*height:24px;
}
#menuH #nav_1 a{
	float:left;
	text-align:left;
	color:#FFF;
	height:36px;
}
#nav_1 a div{
	margin:0;
}
#menuV #nav_1 a:hover, 
#menuV #nav_1 li a:focus, 
#menuV #nav_1 a.mainMenuParentBtnFocused{
	color:#000;
	background:url(interface/menu_g_over.png) no-repeat;
	height:18px;
	*height:24px;
	width:155px;
}
#menuH #nav_1 a:hover, 
#menuH #nav_1 li a:focus, 
#menuH #nav_1 a.mainMenuParentBtnFocused{
	position:relative;
	top:-2px;
	color:#000;
	background:url(interface/menu_h_over.jpg) repeat-x;
	height:22px;
	*height:28px;
	line-height:1.4em;
	border-left:1px solid #000;
	border-right:1px solid #000;
}
#subMenusContainer a, 
#nav_1 li li a{
	text-align:left;
	color:#000;
}
#nav_1 ol, #nav_1 ul, 
#subMenusContainer ul, 
#subMenusContainer ol {	
	margin: 0px;
	padding:0px;
	list-style: none;
	background-color:#fad42a;

}
#subMenusContainer li:hover{ /* MOZILLA */
	background-color:#eee;
}
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused,{
	background-color:#eee; /* IE */
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav_1 li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}
#subMenusContainer li{	list-style: none; }

#subMenusContainer{	
display:block; 	
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{}
/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ }
/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	 }
/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{ }

/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav_1 li li{	float:none; }
#nav_1 li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}
#nav_1 li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
/* third-and-above-level lists */
#nav_1 li ul ul { margin: -1em 0 0 -1000em; }
#nav_1 li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav_1 li:hover ul{	margin-left: 0; }
#nav_1 li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav_1 li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav_1 li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav_1 li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav_1 li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav_1 li:hover a:focus{ margin-left: 0; }
#nav_1 li li:hover a:focus + ul { margin-left: 10em; }




/* ---------->>> texte de formulaire et formulaire input submit etc <<<-----------------------------------------------------------------------------*/
.texte {
	color:#4d8830;
	font-weight: bold;
	text-decoration:none;
	font-size:0.8em;
}
.texteoffb {
	color:#7ac054;
	font-weight: normal;
	text-decoration:none;
}
.href {
	color: #7ac054;
	font-weight: bold;
	text-decoration:none;
}
.href:hover {
	color: #bd8e5f;
	text-decoration:underline;
}
.input, textarea {
    border:1px solid #ccc;
	color: #000;
}
.submit {
	background-color: #4d8830;
	color:#fff;
	font-weight: bold;
	border:1px solid #4d8830;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px;
	cursor:pointer;
	font-size:1em;
}
.submit:hover{
	background-color:#fff;
	color:#4d8830;
}
fieldset{
	padding:10px;
	border:1px solid #4d8830;
	*border:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:2px 5px ;
	background:#ddeacc;
}
fieldset legend{
	background-color:#7ac054;
	border:1px solid #4d8830;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	padding:5px;
}
fieldset legend span.texte{
	color:#fff;
	padding:5px;
	font-size:1.1em;
}

/* ---------->>> Galerie Image et blog photo <<<-----------------------------------------------------------------------------*/
#imageg {
		border: 3px solid #ffffff;
}
#imageg:hover {
		background-color:#ea8e07;
}
#pages{
	cursor:pointer;
	font-weight:bold;
	background-color:#ea8e07;
	color:#535c9e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:2px;
}
#pagedessus{
	cursor:pointer;
	font-weight:bold;
	background-color:#535c9e;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:2px;
}

/* ---------->>> ADMIN <<<-----------------------------------------------------------------------------*/
#admin{
	color: #000;
	font-weight: normal;
	font-size: 9pt;
	text-decoration:none;
}
#admin:hover{
	color: #000;
	text-decoration:underline;
}
.type {
	color: #f5902a;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration:none;
}

/* ---------->>> ATTENTION NE PAS MODIFIER <<<-----------------------------------------------------------------------------*/

/* Bouton editer */
.editer{
color:#999;
font-size:8pt;
}
.editer:hover{
color:#000;
}
/* bloc admin haut */
#authen {
	position:absolute;
	top:10px;
	right:30px;
	padding: 10px;
	background-color:#C39;
	-moz-border-radius:10;
	-webkit-border-radius:10;
	border:2px solid #333;
	z-index:45;
	
}

/* ---------->>> FIN DE ATTENTION NE PAS MODIFIER <<<----------------------------------------------------*/

/* ---------->>> style de la bonne année <<<-----------------------------------------------------------------------------*/

.new_year {
	color: #FF0000;
	font-weight: bold;
	font-size: 12pt;
}