/* CORE CSS 20040217 */

/* BODY */

body
{
	font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
	font-size: 0.8em;
	margin: 0px;
	/*padding: 1em;*/
	background-color: #000000;
	background-image: url(../images/fond.jpg);
	height: auto;
	text-align: left;
}

/* HEADERS */

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    margin: 1em 0 0.5em 0;
    padding: 0;
}

h1
{
    font-size: 1.8em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.1em;
}

h4, h5, h6
{ 
    font-size: 1em;
}

h7{
	font-family: Arial;
	font-size: 18px;
	color: #000;
	margin-left: 25px;
}
hr.conseil{
	background-color: #000;
	height: 3px;
	width: 95%;
	float: left;
	margin-left: 20px;
}
/* PARAGRAPHS */

p
{
	line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
	/*margin-top: 0.5em;*/
	margin-bottom: 0.5em;
	margin-left: 15px;
}

/* LINKS */

a
{
 	    color: #4E720D;
    text-decoration: underline;
}

a:hover
{
    color: #213105;
    text-decoration: underline;
    cursor: pointer;
}

#lien_du_menu
{
	width:155px;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}

/* PRE TEXT */

pre, code
{
    font-family: "Courier New", Courier, monospace; /* Usually defaulted to monospaced font anyway, but browwsers may vary which one is used, so giving exact alternatives helps visual consistenct */
    font-size: 1em; /* Setting this exact size may also help visual consistency */
}

pre
{
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    margin: 1em 0 1em 0;
    padding: 0.2em;
}

/* TABLES */

table
{ 
    font-size: 1em; /* Fix for size "loss" in tables in IE; redundant for most others, but does no harm */
    margin: 0;
    padding: 0;
}

th, td
{
    padding: 0;
}

table.list
{
    width: 100%;
    margin: 1em 0 1em 0;
}

table.list th, table.list td
{
    padding: 0.25em 0.5em 0.25em 0.5em;
    text-align: left;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    background-color: #f0f0f0;
}

table.list td
{
    font-weight: normal;
}

tr.bglight
{
    background-color: #fcfcfc;
}

tr.bgdark
{
    background-color: #f8f8f8;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    padding: 0;
    margin: 0.75em 0 1em 2.5em;
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

ul, ul ul
{
    list-style-type: none;
	text-align: left
	
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;

}

/* DEFINITION LISTS */

dl
{
    padding: 0em;
    margin: 0.25em 0 0.25em 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}

/* FORM ELEMENTS */

form
{
   /* padding: 0em;
    margin: 0em;
	margin-top: -18px;*/
}




label
{
    font-weight: bold;
    padding-right: 0.5em;
   /* display: block;*/
    white-space: nowrap;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif; /* Usually defaulted to monospaced font; so it needs to be set if to change */
    font-size: 1em; /* Needs to be specified for IE */
}

input.box, textarea.box
{
    width: 98%;
}

input.halfbox, textarea.halfbox
{
    width: 47%;
}

optgroup
{
    font-weight: bold;
    font-style: normal;
}

input.button
{
    font-weight: normal;
    margin: 1em 1em 0 0;
}

input.button-default
{
    font-weight: bold;
}

/* PAGE DIVIDERS */

div.block /* Use this style around groups of objects which are connected in some way */
{
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    clear: both;
}

div.block div.element, div.buttonblock div.element /* Use this style if several objects are to be stacked horizontally within the same block */
{
    padding-right: 1em;
    float: left;
}

div.block div.left
{
    width: 48%;
    text-align: left;
    float: left;
    clear: left;
}

div.block div.right
{
    width: 48%;
    text-align: right;
    float: right;
    clear: right;
}

div.break /* Used this style to terminate floating elements, to clear all floating attributes */
{
    clear: both;
}

/* MESSAGES TO THE USER */

div.message-feedback, div.message-warning, div.message-error
{
    padding: 0.1em 0.5em 0.5em 0.5em;
}

div.message-feedback
{
    background-color: #f0fff0;
}

div.message-warning
{
    background-color: #ffffe0;
}

div.message-error
{
    background-color: #fff0f0;
}

/* PAGE NAVIGATION */

div.pagenavigator
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:80%;
}

div.pagenavigator span.previous
{
    float: left;
}

div.pagenavigator span.next
{
    float: right;
	/*padding-right: 15%;*/
}

/* MISC STYLES */

.small
{
    font-size: 85%;
}

.hide
{
    display: none;
}


div.imageleft, div.imageright, div.faxtboxleft, div.faxtboxright, div.leftobject, div.rightobject
{
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: inline;
}

div.imagecenter, div.factboxcenter, div.centerobject
{
    width: 100%;
    margin-top: 0.3em;
    margin-bottom: 0.1em;
    display: block;
}

div.imagecenter
{
    text-align: center;
}

div.factboxcenter
{
    text-align: left;
}

div.imageleft, div.factboxleft, div.leftobject
{
    float: left;
    padding-right: 0.5em;
}

div.imageright, div.factboxright, div.rightobject
{
    float: right;
    padding-right: 0.5em;
}

div.faxtboxleft, div.faxtboxright
{
    background-color: #f0f0f0;
}

div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext, p.factbox
{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext, p.factbox
{
    background-color: #f0f0f0;
}

/* Misc */

span.spamfilter
{
     display: none;
}

/* maincontent */
div#maincontent ul{
    list-style-type: none;
	text-align: left
	
}


div#maincontent li{
	padding: 0;
	line-height: 1.25em;
	list-style-image : url(../images/fleche.gif);
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

div#bloc_calendrier ul{
	list-style-type: none;
	text-align: left;
	margin-top:10px;
	margin-left:30px;
}


div#bloc_calendrier li{
	padding: 1px 0px 0px 0px;
	list-style-image : none;
	font-size: 9pt;
	margin-left:-24px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:10px;
}

div#fond_calendrier_evenement li
{
	text-align:left;	
	margin-bottom:4px;
	margin-top:4px;
}




/*  ################################################################
	####################Tableau JQuery##############################
	################################################################*/

div#maincontent-navigationtab{
	margin: 0;
	padding: 0;
	list-style: none:
	background: #000;
	color: #fff;
	width: 200px;
	font: 1.2em "Trebuchet MS", sans-serif;
	}
div#maincontent-navigationtab a, #navigationtab span {
	display: block;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	background: #000 url(menu-item.png) left bottom no-repeat;
	}
div#maincontent-navigationtab .toggleSubMenu a, #navigationtab .toggleSubMenu span {
	background-image: url(menu-item-deroule.png);
	}

div#maincontent-navigationtab .toggleSubMenu2 a, #navigationtab .toggleSubMenu2 span {
	background-image: url(menu-item-deroule.png);
	}

div#maincontent-navigationtab .open a, #navigationtab .open span {
	background-color: black;
	}
div#maincontent navigationtab a:hover, #navigationtab a:focus, #navigationtab a:active {
	text-decoration: underline;
	}
div#maincontent-navigationtab .subMenu {
	font-size: .8em;
	background: #ccc url(subMenu.png) 0 0 repeat-x;
	font-size: .9em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	}
div#maincontent-navigationtab ul.subMenu a {
	background: none;
	padding: 3px 20px;
	}

div#maincontent-navigationtab .subMenu2 {
	font-size: .8em;
	background: #ccc url(subMenu.png) 0 0 repeat-x;
	font-size: .9em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	}
div#maincontent-navigationtab ul.subMenu2 a {
	background: none;
	padding: 3px 20px;
	}


div#slide {
-x-system-font:none;
color:#FFFFFF;
font-family:"Trebuchet MS",sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
width:600px;
margin-left:auto;
margin-right:auto;

}

#slide  a {
background:#000000 url(../images/f_barre.gif) repeat-x scroll left bottom ;
color:#ffffff;
display:block;
padding:4px 20px;
text-decoration:none;
}

#slide  span {
/*background:#000000; url(menu-item.png) no-repeat scroll left bottom;*/
color:#FFFFFF;
display:block;
padding:4px 10px;
text-decoration:none;


}

#slide.toggleSubMenu a {
/*background:#ffffff;*/
color:#ffffff;
/*border:2px groove threedface;*/
}

#slide.toggleSubMenu2 a {
/*background:#ffffff;*/
color:#ffffff;
/*border:2px groove threedface;*/
}

#slide.toggleSubMenu span {
background-image:url(../images/f_barre2.gif);
}

#slide.toggleSubMenu2 span {
background-image:url(../images/f_barre2.gif);
}

#slide  .open a, #slide  .open span {
background-image:url(../images/f_barre2.gif);;
/*background-image:none;*/
}

#slide toggleSubMenu .open a{
background:#CC0000;}

#slide toggleSubMenu2 .open a{
background:#CC0000;}

#slide  a:hover, #slide  a:focus, #slide  a:active {
text-decoration:none;
color:#73d007;

}
#slide  .subMenu {
/*background:#CCCCCC url(subMenu.png) repeat-x scroll 0 0;*/
border-bottom:1px solid #666666;
font-size:0.9em;
margin:0;
padding:0;
}

#slide  .subMenu2 {
/*background:#CCCCCC url(subMenu.png) repeat-x scroll 0 0;*/
border-bottom:1px solid #666666;
font-size:0.9em;
margin:0;
padding:0;
}

#slide ul.subMenu a {
background:transparent none repeat scroll 0 0;
padding:3px 20px;

}

#slide ul.subMenu2 a {
background:transparent none repeat scroll 0 0;
padding:3px 20px;

}

#slide table{
color:#000000;
background:#FFF none repeat scroll 0 0;
}
#slide table tbody  {
border-style:none;
border-width:0;
position:relative;
text-align:left;}

#slide .subMenu table td { border:none; }
#slide .subMenu table td a{ border:none; background:none; color:#000000;}
#slide .subMenu table tr {background-image:none; }

#slide .subMenu2 table td { border:none; }
#slide .subMenu2 table td a{ border:none; background:none; color:#000000;}
#slide .subMenu2 table tr {background-image:none; }	
	
/*---------slide_archive-----------------------*/

div#slide_archive {
-x-system-font:none;
color:#FFFFFF;
font-family:"Trebuchet MS",sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
margin-left:10%;
width:700px;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid #999999;
}

#slide_archive  a {
background:#000000 url(../images/f2_barre.jpg) repeat-x scroll left bottom ;
color:#ffffff;
display:block;
padding:4px 20px;
text-decoration:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}

#slide_archive  span {
	color:#FFFFFF;
	display:block;
	padding:4px 10px;
	text-decoration:none;
	

}

#slide_archive.toggleSubMenu a {
color:#ffffff;
}

#slide_archive.toggleSubMenu2 a {
color:#ffffff;
}

#slide_archive.toggleSubMenu span {
background-image:url(../images/f2_barre.jpg);

}

#slide_archive.toggleSubMenu2 span {
background-image:url(../images/f2_barre.jpg);

}

#slide_archive  .open a, #slide_archive  .open span {
background-image:url(../images/f2_barre2.jpg);;
}

#slide_archive toggleSubMenu .open a{
background:#CC0000;}

#slide_archive toggleSubMenu2 .open a{
background:#CC0000;}

#slide_archive  a:hover, #slide_archive  a:focus, #slide_archive  a:active {
text-decoration:none;
color:#73d007;

}
#slide_archive  .subMenu {
border-bottom:1px solid #666666;
font-size:0.9em;
margin:0;
padding:0;
}

#slide_archive  .subMenu2 {
border-bottom:1px solid #666666;
font-size:0.9em;
margin:0;
padding:0;
}

#slide_archive ul.subMenu a {
background:transparent none repeat scroll 0 0;
padding:3px 20px;

}

#slide_archive ul.subMenu2 a {
background:transparent none repeat scroll 0 0;
padding:3px 20px;

}

#slide_archive table{
color:#000000;

}
#slide_archive table tbody  {
border-style:none;
border-width:0;
position:relative;
text-align:left;}

#slide_archive .subMenu table td { border:none;}
#slide_archive .subMenu table td a{ border:none; background:none; color:#000000;}
#slide_archive .subMenu table tr {background-image:none; }

#slide_archive .subMenu2 table td { border:none;}
#slide_archive .subMenu2 table td a{ border:none; background:none; color:#000000;}
#slide_archive .subMenu2 table tr {background-image:none; }


.subMenu table{
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.subMenu2 table{
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.subMenu table td{
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.subMenu2 table td{
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;	
}

#contact_form
{
	/*border:2px groove threedface;*/
	font-family:"Trebuchet MS";
	/*font-size:14px;
	margin-bottom:10px;*/
	margin-left:20%;
	margin-top:1em;
	padding: 2px 0 2px 10px;
	width:420px;
	/*position:relative;
	width:600px;*/
}


div#maincontent #fond_mail h4{
	font-size: 10px;
	color: #000;
	width:100px;
	float:left;
margin-bottom:0px;
margin-left:15px;
margin-top:15px;}

#contact_form input
{
	font-family:"Trebuchet MS";
	margin-left: 2em;
	width:250px;
	float: left;
	margin-bottom:0px;
margin-left:15px;
margin-top:15px;
height:15px;
}

#contact_form textarea
{
	font-family:"Trebuchet MS";
	width:400px;
	margin-left: 2em;
	float:left;
	margin-bottom:0px;
margin-left:15px;
margin-top:15px;
}

#contact_form buttom
{
	font-family:"Trebuchet MS";
	width:400px;
	margin-left: 2em;
}


#contact_form input.contactbutton {

border:1px dotted #999999;
float:right;
font-weight:bold;
/*margin-right:15%;*/
width: 60px;
height: 20px;

}
#contact_resume
{
	font-family:"Trebuchet MS";
	margin-left:20%;
	margin-top:1em;
	padding: 2px 0 2px 10px;
	width:420px;
	height: 400px;
	position: relative;
}

div#resumetitre
{
	font-size: 10px;
	color: #000;
	width:100px;
	float:left;
	margin-bottom:0px;
	margin-left:15px;
	margin-top:15px;
	position: relative;
}

div#resumeform {
	/*padding-left:5%;*/
float:left;
	font-family:"Trebuchet MS";
	height:15px;
	margin-bottom:0;
	margin-left:15px;
	margin-top:15px;
	width:290px;
	position: relative;
	min-height: 30px;
}

div#publications a {

border:1px dotted #999999;
float:right;
font-weight:bold;
margin-right:15%;

}



div#map_canvas{
	width:837px; 
	height:450px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 25px;}
	
	
	
/* menu */



div#maincontent #menu {
	position:relative;
	overflow: hidden;
	width:670px;
	margin:0px auto;
	background-image:url('/design/wabcg/script/lavalamp/images/f_agenda.jpg');
	height: 65px;
	font-family: tahoma;
	font-size: 13px;
	font-weight: bold;/*padding:20px 0px 0px;*/
}
div#maincontent #menu li {
	float: left;
	list-style: none;
	width: 132px;
	margin-top:20px;
	border-right: thin solid #FFF;
}
div#maincontent #menu li.backLava {
	margin:0;
	opacity : 0.5;
	filter : alpha(opacity=50);
	background-color:#b70100;
width: 133px;
	position: absolute;
	border-right: none;
	/*background-image: url(../images/curseur.jpg);
	height: 61px;*/
}
div#maincontent #menu li a{
text-decoration: none;
color: #FFF;
text-align: center;
padding: 2px 5px;
z-index: 10;
display: block;
position: relative;
margin: auto 5px;
outline:none;
}