@import "layout.css";
 
/* Les �l�ments HTML en g�n�ral
-------------------------------------------------------- */
body{
	background-color: #CCCC99;
	color: #666;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
}
img {
	border:none;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style-type:none;
	padding:0 0 0.3em 1em;
	background-image:url(/images/fleches.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0.2em 0 0.5em 0;
	font-size:1.2em;
	}

h3.tbleu {color:#FFF; height:25px; padding-left:30px; background:#5BB0C8 url(/images/bg_encartbleu.gif) no-repeat;}
h3.titrerub {margin:1em 0; font-family:"Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color:#000;}
h3.titrerub span {color:red;}
h3.torange {color:#FFF; height:25px; padding-left:30px; background:#F60 url(/images/bg_encartorange.gif) no-repeat;}
h3.tlog {color:#000; height:25px; padding-left:30px; background:#E7EAED url(/images/bg_log.gif) no-repeat;}
h5, h6{font-size: 1.1em;}

form {
	margin:0;
	padding:0;
}
.champs {
	background-color:white;
	border:1px solid #CCC;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	margin:3px 0;
	padding:2px 0;
	text-align:left;
}
textarea:focus, input:focus {
	border: 1px solid #8794A3;
	background-color: #E7EAED;
	color:#000;
  }

a {
	color: #000;
	text-decoration:none;
}

a:hover {
	color:#F60;
}
hr {
	text-align:center;
	height:1px;
	margin:0.5em 0;
	color:#EEE;
	background-color:#EEE; 
	border:0;
}
small {
	font-size:0.9em;
}
big {
	font-size:1.2em;
	font-weight:bold;
}
	
/* conteneur
-------------------------------------------------------- */
#conteneur {
	background-color: #fff;
	color: inherit;
	border-left:1px solid Black;
	border-right:1px solid Black;
	border-bottom:1px solid #000;
}
/* Menutop horizontal
-------------------------------------------------------- */
#contentnav {
display:block;
}
#menutop ul {
list-style-type: none;
width: 100%; /* pr�cision pour Opera */
}
#menutop li {
float: left;
padding:0;
}
#menutop a {
margin: 0;
padding:3px 10px 0 10px;
font-weight:bold;
height: 19px;
display: block;
text-align: center;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
text-decoration: none;
}
#menutop .nav1 a {
width: 180px;
color: #FFF;
background-color:#5BB0C8;
}
#menutop .nav2 a {
width: 205px;
color: #FFF;
background-color:#F60;
}
#menutop .nav3 a {
width: 110px;
color: #FFF;
background-color:#369;
}
#menutop .aide a {
cursor:help;
width: 80px;
color: #FFF;
background-color:#82CA30;
}
#menutop .contact a {
width: 80px;
border-right:none;
color: #FFF;
background-color:#C30;
}
#menutop a:hover {
background-color: #FFF;
color:#000;
}
/* L'ent�te
-------------------------------------------------------- */
#top {
	background: transparent url(/images/bandeau.png) no-repeat;
	height:126px;
}
/* #left MENU
-------------------------------------------------------- */
#left  {
	color:#666;
	font-size: 11px;
	border-right:1px solid #EEE;
}
#left ul {
	margin:10px 0 20px 0;
	padding:0;
}
#left li {
	list-style-type:none;
	padding:0 0 3px 15px;
	background: transparent url(/images/list_menu.gif) no-repeat 5px 9px;
	border-bottom:1px solid #CED5D9;
}
#left li a {
	width:135px;
	display:block;
	color:#666;
	text-decoration: none;
	padding:5px 0;
}
#left li a:hover {
	color:#000;
}
#left li.actif a {
	color:red;
	cursor: default;
}

/* Contenu
-------------------------------------------------------- */
.divgris {
	border:1px solid #EEE;
	padding:0.2em 0.3em;
	vertical-align:top;
}
.bgdivbleu {
	background:transparent url(/images/trianglebleu.gif) no-repeat right bottom;
}
.bgdivorange {
	background:transparent url(/images/triangleorange.gif) no-repeat right bottom;
}
.bgdivgris {
	background:transparent url(/images/trianglegris.gif) no-repeat right bottom;
}
.noview, h1.titresite {display:none;}
.chapeau {
	display:block;
	border-left:4px solid #EEE;
	margin:10px 0 10px 0;
	padding-left:10px;
}
.gris {
	color:#666;
}
.noir {
	color:#000;
}
.bleu {
	color:#5B86AC;
}
.rouge {
	color:red;
}

/* Recherche et resultats
-------------------------------------------------------- */
.listdetail {
	background-color: #FAFBFB;
	padding:0.3em 0.5em;
	margin:0;
	font-size:1em;	
}
.floatleft {
	width:365px;
	float:left;
	text-align:left;
}
.floatright {
	float:right;
	padding:0 0 0 10px;
	width:170px;
	text-align:right;
}
.clear {
	clear:both;
}
#listresult h4 {
	color:#000;
	border-bottom:2px dotted #CCC;
	padding:0 0 0.3em 0.5em;
	font-size:1em;
	margin:0 0 0.5em 0;
}
#pager {
	margin:1.8em 0 0.5em 0;
	text-align:center;
	font-size:0.9em;
	color:#000;
}
#pager a {
	padding:0.3em 0.5em;
	margin-right:0.5em;
	background-color:#E9EAED;
	border:1px solid #E9EAED;
	font-size:0.9em;
	color:#000;
}
#pager a:hover {border:1px solid #000; background-color:#EFF0F1;}

/* Formatage des formulaires
-------------------------------------------------------- */
div.row {
	clear: both;
	padding-top: 10px;
  }

div.row span.label {
	float: left;
	width: 130px;
	text-align: right;
  }
  div.row span.label2 {
	float: left;
	width: 180px;
	text-align: right;
  }

/* Le pied de page
-------------------------------------------------------- */
#footer {
	background: #666 url(/images/bg_footer.gif) no-repeat;
	padding-top:12px;
	display:block;
	color:#FFF;
	font-size:9px;
	text-align:center;
	
}
#footer a {
	color:#FFF;
	text-decoration:none;
}
#footer a:hover {
	color:yellow;
	text-decoration:underline;	
}
#baseline a {
	color:#000;
	text-decoration:none;	
}/******************************************************************************/
/*                         MAIN LAYOUT CSS FILE                               */
/******************************************************************************/
/*
Theme  : Default Seagull Theme
Author : Julien Casanova <julien_casanova@yahoo.fr>
Version: 1.0
Date   : 2006/03/20
*/

/*
==========================General=============================*/
html, body {
	margin: 0;
	padding: 0;
	text-align: left;
}
#conteneur {
position: absolute;
width: 759px;
left: 50%;
margin-left: -380px;
}

#top{
	position:relative;
	margin: 0;
}
#pubtop {
	position:absolute;
	text-align:left;
	left:270px;
	top:55px;
}
#date {
	position:absolute;
	text-align:center;
/*	border:1px solid #000;*/
	left:50px;
	top:90px;
	width:155px;
	font-size:0.9em;
	color:#000;
}
#mapbandeau a {
	position:absolute;
	left:0px;
	top:0px;
	width:255px;
	display: block;
	height: 85px;
	text-indent: -9000px;	
}
#contentnav {
	height:25px;
	}
#left {
	float:left;
	text-align:left;
	margin: 20px 0 0 0;
	width:160px;
	padding: 0 5px;
	}
#content {
	margin: 20px 5px 0 185px;
	padding: 0 0 15px 0;
	width:565px;
	vertical-align: top;
/*	border:1px solid gray;*/
	}
#footer {
	clear:both;
	width:760px;
	height:29px;
}	
#baseline {
text-align:center;
color:#000;
padding:5px 0;
font-size:9px;
}
/******************************************************************************/
/*                        BLOCKS STYLE CSS FILE                               */
/******************************************************************************/
/*
Theme  : Default Seagull Theme
Author : Julien Casanova <julien_casanova@yahoo.fr>
Version: 1.0
Date   : 2006/03/20
*/

/*
====================Default Block Styling=====================*/
.block {
    margin-bottom: 1.5em;
}
.block .header {
    margin: 0 0.4em;
    padding-bottom: 0.4em;
    border-bottom: 1px solid ;
    color: ;
    font-weight: bold;
}
.block .header h2 {
    font-size: 1.1em;
    font-family: ;
}
.block .content {
    padding: 0.4em;
    font-size: 0.9em;
}
#leftCol .content a {
    color: ;
}
/*
=====================Lang Switcher Block======================*/
#lang-switcher {
    float: right;
}

/*
====================Top Navigation Block======================*/
#top-nav {
    background: ;
    border: 2px solid ;
    border-top: none;
}
#top-nav .inner {
    height: 2.2em;
    padding-left: px;
    border: 1px solid ;
}
#top-nav ul {

}
#top-nav li {
    float: left;
}
#top-nav li a {
    display: block;
    padding: 0.5em 1em;
    border-right: 1px solid ;
    font-weight: bold;
    color: ;
}
#top-nav li a:hover, #top-nav li.current a {
    background-color: ;
    color: ;
    text-decoration: none;
}
#nav {
    height: 50px;
    font-size: 0.75em;
}
#nav ul {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: ;
}
#nav ul li {
    float: left;
    display: inline;
    margin: 0;
}
#nav ul li a {
    display: block;
    position: relative;
    padding: 0.2em 1.5em;
    background-color: ;
    font-size: 1.3em;
    font-weight: bold;
    color: ;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.05em;
    border-right: 1px solid ;
}
#nav ul li a:hover {
    color: ;
    text-decoration: underline;
}
#nav ul li.current a {
    color: ;
    background-color: ;
}
#nav ul li.current a:visited {
    color: ;
}
/* hide the sublevels */
#nav ul ul {
    display: none;
}
#nav ul li.current ul {
    position: absolute;
    left: 0;
    display: block;
    /* use max-width emulation hack from
     * http://www.svendtofte.com/code/max_width_in_ie/, using the IE5.0+ dynamic
     * properties syntax, see
     * http://msdn.microsoft.com/workshop/author/dhtml/overview/recalc.asp */
        padding: 0;
    background-color: ;
}
#nav ul li.current li {
    padding: 0.4em 0;
}
#nav ul li.current li a {
    /* hide first pipe */
    left: -1px;
    padding: 0 1em;
    font-weight: normal;
    font-size: 1.1em;
    color: ;
    border-right: none;
    border-left: 1px solid ;
}
/* hide 3rd or more levels */
#nav ul ul ul li {
    display: none;
}