body {font: 11px verdana, arial, sans-serif;  /* overal font and sizing */
	text-align:center; /* centers the layout in IE */
	color:#FFFFFF;
	background:#000000;
	behavior:url(csshover.htc);
	}
blockquote{
margin:0 0 0 5em;
}
* {margin:0; padding:0;} /* removes defaults of all elements */
img{border:0px; margin:0px; padding:0px;}
div#mainwrap {min-width:800px; max-width:800px; /* sets the max and miin widths */
	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
	text-align:left; /* stops elements inheriting the body's text-center */
	}
div#header {height:14px; text-align:left; margin:35px 5px 70px 5px; width:790px; background:url(../charte/fond_menu_haut.png); background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000;} /* tempoarary placeholder styles for header */
div#header a {
color:#000000;
text-decoration:none;
}
div#header a:hover {
color:#000000;
text-decoration:underline;
}

a {
color:#663;
text-decoration:none;
}
a:hover {
color:#663;
text-decoration:underline;
}

/* Pas de marges sur les images dans les onglets */
li span.spip_documents_center{
	margin-top : 0px;
}

/* Pas de marges sur les images */
div.texte span.spip_documents img.nomargins{
	margin : 0 0 0 0;
	float : left;
}


div#contentarea { 
	position:relative; /* set positioning context  for left sidebar div */
	
	}
div#contentarea2 {
	position:relative; /* set positioning context  for right sidebar div */
	}

div#column1 {width:200px; /* left col width */
	float:left;
	position:relative;
	}

div#column2 {
float:left;
width:600px;
position:relative;
min-height:380px;
	}
div#sousmenu {
	height:14px;
	text-align:right;
	margin-right:10px;
	padding-top:1px;
}

.sousmenu {
	float:right;
	margin-left:2px;
	margin-right:2px;
}


.photos{
text-align:left;
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
float:left;
}
.aw {
}

div#column3 {width:170px; 
	position:absolute;  /* contextual positioning in contentarea container */
	top:0px; right:0px; /*positions col within contentarea container */
	background-color:#DDD; /* left col bg color - (change color to see divs is position : ) */
	overflow:hidden; /* prevents overlarge elements breaking out of column */
	}
div#footer {} /* temp footer styles */
/* some basic styles for placeholder content */
div#column1 ul {margin: 0px 0 0 0px; list-style:none;} 
div#column1 ul li {margin: 0px 0 0 0px;} 
div#column3 p {margin: 20px 10px 0 10px;}

a {
color:#663;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

div#column2 img.vc{
float:left;
margin-right:10px;
}

.titre {
color:#663;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
}

.titresecondaire {
color:#663;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-bottom:2px;
}

.voirtelecharger {
color:#663;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.ensavoirplus {
float:right;
margin-right:9px;
margin-top:8px;
}

.ensavoirplusagenda {
float:left;
margin-right:9px;
margin-top:8px;
color : #963;
width:590px;
text-align : center;
}

div.ensavoirplusagenda a.rouge {
color : #963;
}

.soustitredroite {
float:right;
margin-right:9px;
margin-top:-13px;
color:#CCC;
font-size:11px;
}


.petitevignette {
text-align:right;
clear:both;
width:590px;
padding-right:5px;
margin-top:7px;
height:32px;
}

.texte {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:11px;
margin:0px 9px 0 0;
}

.fondblanc {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
background : #FFF;
text-align:justify;
font-size:11px;
padding : 2px 5px;
margin:0px 0px 0 0;
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* D�BUT Ajouts Thierry */

.archives {
color:#663;
font-family:Verdana, Arial, Helvetica, sans-serif;
background : #FFF;
text-align:right;
font-size:9px;
padding : 2px 5px;
margin:0px 0px 0 0;
}


.fondor {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
background : #663;
text-align:justify;
font-size:11px;
padding : 2px 5px;
margin:0px 0px 0 0;
}

.fondrouge {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
background : #963;
text-align:justify;
font-size:11px;
padding : 2px 5px;
margin:0px 0px 0 0;
}

/* FIN Ajouts Thierry */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------ */







.suretsoustitre {
color:#CCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:11px;
margin:0px 9px 0 0;
min-height:11px;
padding-bottom:3px;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */


div#listmenu {
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	height:14px;
	padding-top:1px;
	position:relative;
	z-index:50;
	}
div#listmenu ul {margin:0 10px 0 0px;/* indents ul from edge of container */
height:14px;
	}
div#listmenu li {
	float:right;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	}
div#listmenu li:first-child {
	}
div#listmenu li:hover { 
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 4px; /*creates space each side of menu item's text */
	color:#000;
	text-decoration:none;
	}
div#listmenu a:hover {
	color:#FFF;
	text-decoration:none;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul:first-child {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:15em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	right:-1px; /*aligns the drop exactly under the menu */
	
	}

div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:15em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	margin-left:4px;
	
	}

div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:0px solid #666; /*  three sides of each drop-down item */
	border-bottom:2px solid #000;
	border-right:0px solid #666;
	padding:1px 0 1px 0;
	background-color:#663;
	
	}
div#listmenu ul li ul li a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 4px; /*creates space each side of menu item's text */
	color:#000;
	text-decoration:none;
}
div#listmenu ul li ul li a:hover {
color:#FFF;
text-decoration:none;
}
div#listmenu ul li ul li:first-child {
	border-top:2px solid #000; /*the top edge of the dropdown */
	margin-top:2px;
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:15em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */
div#listmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:15px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:14.35em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  }
/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  top:-4px;
  left:14.55em;
  border-left:2px solid #000000;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:70px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   body div#listmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */


/*Tabs*/

.panel {
	clear: both;
	display: none;
	background-color: #000;
	padding: 0px;
	min-height:120px;
}

fieldset {
	padding: 2em;
}

.panel.active-tab-body {
	display: block;
}

.tabs {
	height: 16px;
	list-style: none;
	background-color:#663;
	margin-right:9px;
}

.tabs li {
	float: left;
	border-right:3px solid #000000;
}

.tabs a {
	float: left;
	padding: 1px 3px 2px 3px;
	margin-left: 0px;
	background-color: #663;
	text-decoration: none;
	color: #FFF;
}

.tabs a.active-tab {
	background-color: #FFF;
	color: #663;
}
/* end tabs*/


ul.plansite, ul.plansite ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
ul.plansite ul li ul, ul.plansite ul li ul li ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 1.5em; }
ul.plansite ul {
margin-bottom:20px;
   }
ul.plansite li {
  margin: 0;
  padding: 0; }
ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none; }
ul.plansite li a:hover {
  text-decoration: underline; }
  
  
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.form {
	border:#000000 1px solid;
	height:15px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
}
.formulaire {
	border:#666633 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:3px;
}

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; color:#CCC; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px solid #222; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
}

.formulaire_spip label {}
.formulaire_spip .forml {
	border:#666633 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	margin-right:3px; }

.spip_bouton { text-align: right; }
.spip_bouton input { 
	border:#666633 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-size:11px;
	margin-right:3px;}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }