html {
    font-size: 100%; /* Évite un bug d'IE 6-7. */
}
body{
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
}
tr,td, table, a {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#global{
	background:#ffffff url(interface/bg.jpg) repeat-x bottom;
	overflow:hidden;
	margin:0 auto;
}
#globalInterieur{
	width:991px;
	overflow:hidden;
	margin:0 auto;
}
#logo{
	background:url(interface/logo.jpg) no-repeat;
	width:246px;
	height:170px;
	float:left;
}
/*#onglet{
	float:left;
	background:url(interface/ongletG.jpg) no-repeat;
	margin-top:38px;
	height:21px;
	*height:51px;
	width:203px;
	padding-top:30px;
	color:#FFF;
	font-size:0.8em;
	text-transform:uppercase;
}
#onglet:hover{
	background:url(interface/ongletR.jpg) no-repeat;
}*/
#droite{
	float:left;
	background:url(interface/droite.jpg) no-repeat;
	height:170px;
	width:135px;
}
#contenuEditable{
	float:left;
	width:724px;
	*width:744px;
	min-height:500px;
	padding:10px;
	text-align:left;
	overflow:hidden;
	border:1px solid #d8d8d8;
	background-color:#FFF;
}
#contenuEditable p{
	clear:both;

}
#contenuEditable td{
	padding:5px;
}
#gal_photo td{
	padding:2px;
}
#colGauche{
	float:left;
	width:239px;
	height:500px;
}
#new_box_rss{
	text-align: left;
	margin-top: 0px;
	width: 233px;
	border: 1px solid #CCC;
	font: normal 9pt Arial;
}
#filAriane{
	width:991px;
	clear:both;
	background:url(interface/filariane.jpg) no-repeat;
	height:17px;
	*height:42px;
	text-align:left;
	padding:25px 0 0 280px;
	
}
#filAriane a, #filAriane span, #filAriane p{
	margin:0px;
	font-size:0.8em;
	color:#fff;	
	text-decoration:none;
	font-weight:normal;
}
#filAriane a:hover{
	text-decoration:underline;	
}
h1{
	clear:both;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:bold;
	color:#b51a2a;
	text-align:center;
	background: url(interface/h1.jpg) no-repeat right;
	height:30px;
}
h2{
	font-size:1.3em;
	padding:5px;
	font-weight:bold;
	color:#b51a2a;
}
#titre{
	font-size:1em;
	padding:2px 5px;
	background-color:#b51a2a;
	color:#FFF;
	text-align:left;
	margin:12px 2px 0px 2px;
}
h3{
	font-size:1em;
	color:#535c9e;
	font-weight:bold;
	text-transform:uppercase;
}
#barre_config{
	clear:both;
	background-color:#eee;
	width:100%;
	text-align:center;
	height:16px;
}
.geoloc_addr{
	color:#000;
}
#bas{
	clear:both;
	height:31px;
	width:982px;
	background:url(interface/bgcontenu.png) no-repeat;
	-background:none;
}
/* ---------->>> FOOTER <<<-----------------------------------------------------------------------------*/
#footer{
	clear:both;
	position:relative;
	left:0;
	margin-left:0;
	font-size: 0.8em; 
	padding-top:100px;
	height:90px;
	background:url(interface/footer.jpg) repeat-x;
	line-height:1.9em;
	text-align:center;
	color:#000;
}
a:visited.lien_bas,  a.lien_bas{
	color:#000;
	text-decoration:none;
}
a:hover.lien_bas{
	color: #999;
	text-decoration:underline;
}
/* ---------->>> style des langues <<<-----------------------------------------------------------------------------*/
#langue{
	clear:both;
	float:right;
	width:991px;
	font-size:0.8em;
}
#langue ul{
	list-style:none;
	margin: 0px;
}
#langue li{
	float:right;
}
#langue a{
	color: #555e9f;
	text-decoration:none;
	padding-left: 5px;
}
#langue a:hover{
	color: #ea8e07;
	font-weight: bold;
	text-decoration:underline;
}


/* ---------->>> menu t <<<-----------------------------------------------------------------------------*/
#menuH{
	float:left;
	width:609px;
	text-align:left;
	height:60px;
	*height:170px;
	padding-top:110px;
	background:url(interface/menu.jpg) repeat-x;
	font-size:0.8em;
}
#nav_1{ 
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav_1 a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:0px;
	line-height:1.7em;
}
/* [for non-javascript users this applies to submenu links as well]*/
#nav_1 a{
	float:left;	
	color:#737373;
	padding:5px 10px;	
}
#nav_1 a:hover, 
#nav_1 li a:focus, 
#nav_1 a.mainMenuParentBtnFocused{
	color:#C00;
}
#subMenusContainer a, 
#nav_1 li li a{
	text-align:left;
	font-size:0.9em;
	padding:3px;
	color:#535c9e;
}
#nav_1 ol, #nav_1 ul, 
#subMenusContainer ul, 
#subMenusContainer ol {	
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#f9f9f9;
}
#subMenusContainer li:hover{ /* MOZILLA */
	background-color:#c7c7c7 ;
}
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused,{
	background-color:#c7c7c7 ; /* 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;
	background:url(interface/separator.jpg) no-repeat right center;
}
#subMenusContainer li{	list-style: none;}
#subMenusContainer{	
	display:block; 	
	position:absolute;	
	top:0px;	
	left:0px;	
	width:200px;	
	height:0;	
	overflow:visible;	
	z-index:1000000000; }
/* 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:#666;
	font-weight: bold;
	font-size: 10pt;
	text-decoration:none;
}
.texteoffb {
	color: #666666;
	font-weight: normal;
	font-size: 10pt;
	text-decoration:none;
}
.href {
	color: #666666;
	font-weight: bold;
	font-size: 10pt;
	text-decoration:none;
}
.href:hover {
	color: #cc0000;
	text-decoration:underline;
}
.input, textarea {
    border:1px solid #ccc;
	color: #000;
	font-size: 10pt;
}
.submit {
	background-color: #b51a2a;
	color:#fff;
	border:1px solid #c7c7c7;
	font-weight: bold;
	font-size: 10pt;
	padding:5px;
	cursor:pointer;
}
.submit:hover{
	background-color:#333;
}
fieldset{
	padding:10px;
	border:1px dashed #CCC;	
	margin: 15px 25px ;
}
fieldset legend{
	background-color:#999;	
	
	padding:3px;
}
fieldset legend span.texte{
	color:#ffffff;
	padding:3px;
}

/* ---------->>> 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:25px;
	right:45px;
	padding: 5px;
	background-color:#FFF;
	border:5px solid #FB3532;
	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;
}

