/*
	Copyright (c) 2002-2007 Netlor
	Copyright (c) 2007-2008 Ovensia
	Contributors hold Copyright (c) to their code submissions.

	This file is part of Ploopi.

	Ploopi is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 2 of the License, or
	(at your option) any later version.

	Ploopi is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with Ploopi; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
*/
/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body, table, td {
font: 12px Verdana,Tahoma,Arial,sans-serif;
}

body {
margin: 0 auto;
padding: 0;
background: #f4f4f4 url(../gfx/bg.gif) top center repeat-y;
}

form {
margin:0;
padding:0;
}

a {
text-decoration: none;
color: #005382;
}


a:hover {
text-decoration: underline;
}

a img {
border: 0;
}


#wrap {
background: #f0f0f0;
color: #303030;
margin: 0 auto;
width: 990px;
/*height:580px;*/
}

#header {
margin-bottom: 10px;
margin-top: 2px;
border: 0;
background-image:url(../gfx/front.jpg);
width:990px;
height:114px;
position:relative;
}

#header_droite {
width:220px;
float:right;
height:80px;
}

#header_gauche {
width:100px;
float:left;
}

#header_centre {
width:570px;
margin-left: 110px;
}

#title {
width:470px;
text-align:left;
position:absolute;
top:2px;
left:110px;
color:#ffffff;
/*opacity:0.9;*/
font-size: 1.4em;
font-weight: bold;
}

#path, #pathtrans {
position:absolute;
bottom:0px;
width:100%;
height:2.2em;
padding:0;
font-size:10px;
clear:both;
}


#path {
z-index:1;
border-top:1px solid #ffffff;
}

#pathtrans {
opacity:0.8;
background-color:#ffffff;
}

#path a {
display: block;
float:left;
text-decoration: none;
color: #000000;
padding: 0.5em 0.2em;
}

#path a:hover {
display: block;
text-decoration: none;
color: #005382;
padding: 0.5em 0.2em;
}

#liens {
width:470px;
text-align:left;
position:absolute;
top:60px;
left:110px;
/*opacity:0.9;*/
font-size: 10px;
color:#ffffff;
}

#liens a {
display:block;
float:left;
color: #ffffff;
text-decoration: none;
padding:0 4px;
white-space: nowrap;
border-left:1px solid #ffffff;
}

#liens a:hover {
background-color: #000000;
}

#main {
clear: both;
margin-top:20px;
overflow:auto;
}

#mainmenu {
float: left;
width: 140px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}


#hmenu {
width: 130px;
text-align:left;
height:400px;
background-color:#F0F0F0;
}


#hmenu a.r1h1 {
height:25px;
display: block;
font-weight: bold;
text-decoration: none;
color: #005382;
padding: 6px 0 6px 10px;
background: #f4f4f4;
margin-left:2px;
/*border-left: 4px solid #cccccc;*/
margin-bottom:15px;
}

#hmenu a.r1h1:hover {
background: #eaeaea;
color: #005382;
/*border-left: 4px solid #286ea0;*/
}

#hmenu a.r1h1selected {
height:25px;
display: block;
font-weight: bold;
text-decoration: none;
padding: 6px 0 6px 10px;
background: #eaeaea;
margin-left:2px;
color: #005382;
/*border-left: 4px solid #286ea0;*/
margin-bottom:15px;
}

#pagemenu {
}

#colonne1, #colonne2 {
float:left;
width:410px;
}

#colonne2 {
margin-left:0px;
}

/* vertical alignement : IE / FF / Opera */
a.subheading1 {
text-align:left;
margin:0;
text-decoration:none;
display:block;
font-weight:bold;
white-space: nowrap;
}

a.subheading1 img, a.subheading1 span {
display: inline-block;
vertical-align: middle;
text-align:left;
text-decoration:none;
border:0;
cursor:pointer;
}

a.subheading1:hover {
text-decoration:none;
text-align:left;
color:#404040;
}

#subheading2{
text-align:left;
margin-bottom:5px;
}

#subheading2 a:hover {
text-decoration:underline;
color:#404040;
}


.headings_page {
margin:6px 0;
text-decoration:none;
display:block;
}
	
.headings_page img, .headings_page span {
display: inline-block;
vertical-align: middle;
text-decoration:none;
border:0;
cursor:pointer;
}	
	
.headings_page:hover {
text-decoration:none;
color:#404040;
}

#sitemap {
font-size:14px;
font-weight:bold;
}

#sitemap div {
margin-left:60px;
}

#sitemap .sitemap_heading1 {
font-size:13px;
font-weight:bold;
}

#sitemap .sitemap_heading2 {
font-size:12px;
font-weight:normal;
}

#sitemap .sitemap_heading3 {
font-size:11px;
font-weight:normal;
}

#sitemap .sitemap_heading4 {
font-size:10px;
font-weight:normal;
}

#sitemap a {
display:block;
padding:1px 10px;
}

#sitemap a:hover {
text-decoration:none;
font-weight:bold;
color:#404040;
}


#pagemenu a.page {
display: block;
float:left;
padding: 2px 10px;
margin:0px 2px 2px 0px;
background: #f4f4f4;
text-decoration: none;
border-bottom:2px solid #cccccc;
border-right:2px solid #cccccc;
color: #505050;
}

#pagemenu a.page:hover {
background: #eaeaea;
border-bottom:2px solid #005382;
border-right:2px solid #005382;
color: #005382;
}

#pagemenu a.pageselected {
display: block;
float:left;
padding: 2px 10px;
margin:0px 2px 2px 0px;
background: #eaeaea;
text-decoration: none;
border-bottom:2px solid #005382;
border-right:2px solid #005382;
color: #005382;
}

.rssfeed {
margin-top:10px;
}

.rssfeed a {
display:block;
margin-bottom:2px;
color:#505050;
padding:2px 2px 2px 4px;
text-decoration: none;
border-bottom:1px solid #c0c0c0;
}

.rssfeed a:hover {
display:block;
margin-bottom:2px;
color: #005382;
text-decoration: none;
}

.rssfeedtitle {
background: #f4f4f4;
font-weight:bold;
}

#carte {
margin-left:35px;
/*margin-right:225px;*/
padding:0px;
width:350px;
height:250px;
}

#icone {
margin-left:20px;
margin-top :15px;
}

#content {
/*
margin-left:150px;
margin-bottom:10px;
padding: 0;
*/
float:left;
overflow:auto;
margin-bottom:5px;
width:840px;
}

#content h2 {
font-size: 1.4em;
margin: 0 0 0.5em 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 2px 0 2px 0;
/* border-top: 4px solid #005382; */
width: 725px;
text-align: center;
color: #000000;
font-size: 0.8em;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}
#recherche{
float:right;
margin-right:5px;
top:2px;
position:relative;
color:#ffffff;
font-weight:bold;
}

#menu_droite{
width:415px;
height:350px;
float:right;
margin-right:2px;
}

#menu_droite_haut{
float:right;
margin-right:2px;
font-size: 10px;
background-color: #ffffff;
}

#menu_droite_centre {
float:right;
margin-right:2px;
font-size: 10px;
background-color: #ffffff;
}

#menu_droite_bas {
float:right;
margin-right:2px;
font-size: 10px;
background-color: #ffffff;
}

#boite_haut {
/*border:1px solid #09307D;*/
margin-top:25px;
height:100px;
background-color:#ffffff;
border:1px solid #005382;

}

#boite_titre_haut {
/*border:1px solid #005382;*/
border-bottom: 1px dashed #005382;
padding:2px;
text-align:left;
font-weight:bold;
background-color:#ffffff;
color:#005382;
font-size: 1.2em;
}

.root3_heading1 {
display:block;
padding:4px;
overflow:auto;
background-color:#ffcc66;
color:#005382;
}


.root3_heading1:hover {
background-color:#000000;
color: #ffffff;
text-decoration: none;
}

#boite_root3_titre{
border-bottom:1px solid #09307D;
padding:2px;
text-align:center;
font-weight:bold;
background-color:#005382;
color:#ffffff;
/*background-color:#ff0000;
color:#000000;*/
}

#boite_root3 {
/*border:1px solid #09307D;*/
/*margin-top: 10px;*/
background-color:#F0F0F0;
/*border:1px solid #005382;*/
}

#boite_root3 marquee {
height:110px;
width:100%;
}

.boite_central {
/*border:1px solid #09307D;*/
margin-top: 10px;
height:50px;
background-color:#ffffff;
border:1px solid #005382;
}

.boite_titre_central {
/*border:1px solid #005382;*/
border-bottom: 1px dashed #005382;
padding:2px;
text-align:left;
font-weight:bold;
background-color:#ffffff;
color:#005382;
font-size: 1.2em;
}

#boite_bas {
/*border:1px solid #09307D;*/
margin-top:25px;
height:100px;
background-color:#ffffff;
border:1px solid #005382;
}

#boite_titre_bas {
/*border:1px solid #005382;*/
border-bottom: 1px dashed #005382;
padding:2px;
text-align:left;
font-weight:bold;
background-color:#ffffff;
color:#005382;
font-size: 1.2em;
}


#menu_central_home {
margin-left:200px;
margin-right:225px;
padding:0px;
height:445px;
background: url(gfx/image_centrale.jpg) no-repeat center;
}
#marianne {
float:left;
margin-top:0px;
margin-left:0px;
}

#texte {
width:200px;
font-size:7px;
font-weight:bold;
}

#bandeau {
width:350px;
position:absolute;
left:635px;
top:73px;
font-size:12px;
/*margin-top:100px;*/
/*font-weight:bold;*/
color:#000000;
}

#bandeau a {
display:block;
float:left;
background-color:#ffffff;
padding:0 4px;
margin-left:1px;
}

#bandeau a:hover {
background-color:#000000;
color: #ffffff;
text-decoration: none;
}

#mini_form {
font-size:0.9em;
font-weight:normal;
margin-bottom:4px;
}

#mini_form fieldset {
border: 1px solid #d0d0d0;
background-color: #f0f0f0;
padding:4px;
margin:0px;
}

#mini_form .text {
width:70%;
margin-right:2px;
border:1px solid #c0c0c0;
padding-left:2px;
font-size:0.9em;
}

#mini_form .button {
width:20%;
border:1px solid #a0a0a0;
font-size:0.9em;
}

p.va {
margin:2px 0;
}

p.va img, 
p.va span, 
p.va label, 
p.va strong, 
p.va em, 
p.va input, 
p.va select, 
p.va a {
display: inline-block;
vertical-align: middle;
font-size:9px;
}
