body {
	
	font-size: 12px;
	font-family: Verdana, "Bitstream Vera Sans",  "Lucida Grande", sans-serif;
	background: #FFF;
}

.clear {
	clear: both;
}

#container {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
}

.fr {
	background:#FC0 url('/charte/soutenu_FR.gif') no-repeat 4% 90%;
}

.uk {
	background:#FC0 url('/charte/soutenu_UK.gif') no-repeat 4% 90%;
}

#header {
	height: 191px;
	background:#FFF url('/charte/header_fond.jpg') repeat-x bottom;
	position:relative;
}

#search {
	color:#FFF;
	padding:3px 0 0 0;
	text-align:center;
	font-size:  11px;
	background:#ed660d url('/charte/clepied.jpg') no-repeat top right;
}

#menu {
	float: left;
	width: 128px;
	margin:0;
	padding:5px 0 0 0;
	color:#000;
	background-color: #FC0;
	overflow:hidden;
}

#menu ul {
	padding:0;
	margin:0;
	border:0;
}

#content {
	float: left;
	width: 640px;
	background-color: #FFF;
	margin-right: 0px;
	
	}

div#content {  /* ie hack */
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

#content2 {
	margin:30px 14px 0px 14px;
}

#ressources a {
	color:#603;
}

#footer {
	clear: both;
	text-align: center;
	background-color: #FFF;
	color: #999;
	font-size: 11px;
	border-left:128px #FC0 solid;
	padding-top:10px;
	padding-bottom:10px;
}

#footer a {
color: #999;
}
#datafooter {
	clear: both;
	text-align: left;
	background-color: #FFF;
	color: #999;
	font-size:11px;
	border-left:128px #FC0 solid;
	padding-top:10px;
	padding-left:10px;
}

#datafooter a {
color: #903;
}
/* CONTAINER = DIV GLOBALE */

/* HEADER */

#pied {
display:none;
}

#logos {
	position:absolute;
	top:9px;
	left:30px;
}

#logos a {
text-decoration:none;
border:0;
}

#logos img {
text-decoration:none;
border:0;
}

#flag {
	position:absolute;
	top:169px;
	left:30px;
	line-height:15px;
}

#flag img {
	border-top:0;
	border-bottom:2px solid black;		
	border-left:0;
	border-right:2px solid black;		
	vertical-align: middle;
}

#flag a {
	color:#FFF;
	text-decoration:none;
	font-size:10px;

}

#logos img {
	display:inline;
}

/* RECHERCHE */
#search table {
	width:750px;
	text-align:left;
}

#search select {
	width:180px;
	font-size: 11px;
	color: #000;
	background-color: #FFF;
}

#search a {
	color:#990033;
	font-size:10px;
	text-decoration:none;
}

#search input {
	width:130px;
	font-size: 0.95em;
	color: #000;
	background-color: #FFF;
}
#search .button {
	width:70px;
	font-size: 11px;
	color: #FFF;
	background-color: #990033;	
	border:0;
	height:20px;
}

/* SITE MAP */
#sitemap li {
	margin:0;
	padding-left:15px;
	list-style-type: none;
	list-style: none;
}

#sitemap a {
	color:#333;
	text-decoration:underline;
}

/* MENU */

#menu ul {
}

#menu li {
	margin:0;
	padding:0;
	
	list-style-type: none;
	list-style: none;
}

#menu li:hover {
}

#menu li a {
	display: block;
	color: #333333;
	padding-left: 10px;
	font-weight:bold;
	text-decoration: none;
		border-bottom: 1px solid #990033;
}

#menu li a:hover {
	color:#333;	
	background-color:#FFF;
	
}
#menu li.current {
	background-color:#FFF;
	border-bottom: 1px solid #990033;
}

#menu li.current2 {
	background-color:#FFF;
}

#menu li a.selected {
	/*color: #dae483;*/
}

#menu li a.selected:hover {
	background: none;
}

#menu li a.ssmenu:hover, #menu li:hover a.ssmenu {
	color:#333;
}

#menu li li {
	float: none;
	border: 0;
}

#menu li li:hover {
	border: 0;
}

#menu li li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-left: 20px;
	text-align: left;
	border:0;
	color: #333;
	font-size:11px;
	font-weight:normal;
}

#menu li ul {
	/*
	display: none;
	position: absolute;
	width: 170px;*/
	border-bottom: 1px #FC0 solid;
	
	background:#FFCC00;
	}
	
.lienmenu {
	/*background: url(images/liens_menu.jpg) no-repeat;*/
	padding: 0px 0px 0px 10px;
}
.lienmenu {
  padding: 4px;           /* Ne pas coller le TEXTE à la bordure */
  padding-left: 12px;     /* Pour que le texte ne soit pas SUR l'icône (image de fond) */
  min-height: 10px;       /* Au cas où le texte est plus petit : afficher l'icône en entier (2*4+32)... */
  vertical-align: middle; /* ... et centrer le texte verticalement */
}
.lienmenu {

  background: url('charte/puce_rouge_jaune.jpg'); /* Si on définit une propriété background alors il faut définir toutes les autres :   */
  background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */
  background-position: 0px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */
  
  }
  
  .lienmenu2 {
	/*background: url(images/liens_menu.jpg) no-repeat;*/
	padding: 0px 0px 0px 10px;
}
.lienmenu2 {
  padding: 4px;           /* Ne pas coller le TEXTE à la bordure */
  padding-left: 10px;     /* Pour que le texte ne soit pas SUR l'icône (image de fond) */
  min-height: 10px;       /* Au cas où le texte est plus petit : afficher l'icône en entier (2*4+32)... */
  vertical-align: middle; /* ... et centrer le texte verticalement */
}
.lienmenu2 {

  background: url('charte/puce_mini_rouge_jaune.jpg'); /* Si on définit une propriété background alors il faut définir toutes les autres :   */
  background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */
  background-position: 0px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */
  
  }
  
  .sousmenu { display:none; }
/* FIN MENU */


/* CONTENT */
#content2 .rubrique {
	float:left;
	width:290px;
	margin-top:20px;
}
#content2 img {margin-right:5px}

#content2 p {font-size:12px;margin:0 0 10px 0;color:#333;text-align:justify;}

#content2 a {text-decoration:underline;color:#903}

h1 { color:#333333; border-left:5px #903 solid;font-size:13px;margin:0 0 5px 0;padding:6px;}
h1 a { color:#333333; text-decoration:underline}
h1.yellow, h1.blue { background:#FFCC00 }
h1.green, h1.purple { background:#ed660d }
/*
h1.purple { background:#903;color:#FFF;}
h1.blue { background:#e62522; }
*/
h2 { font-size:12px;color:#990033;margin:10px 0 5px 0; }

#content2 #actus {margin-right:20px;}
#content2 #ressources {}
#content2 #forum {margin-right:20px;}
#content2 #inscrire {}

h3 { color:#990033;font-size:11px;margin:0;padding:0;}

#content2 p.mini {margin:0;padding:0;}


a.index_lien {color:#990033;font-size:11px;}
#currentlimenu {font-weight:bold;text-decoration:underline}

#divnews a {color:#990033;}

#divfiches ul {
	margin:0;
	padding:0;
}

#divfiches ul li p { 	
	font-size:12px;
}

#divfiches ul li{ 	
	list-style-type: none;
	list-style: none;
	margin:5px;
	padding:5px;
}

#divfiches a {
	color:#333;
	text-decoration:underline;
}

#indexpage ul {
	Margin:10px;
}

#indexpage ul li {
	Margin:0;
	padding:0;
}

#indexpage ul li a {
	color:#990033;
}

.centered {text-align:center;border: 1px solid;}

#form_contact {border: 1px dashed #333;padding:15px}
#form_contact fieldset {border: 0px solid}
#form_contact OPTION { background-color: #FFF ; }
#form_contact SELECT { border: 1px solid #333;background-color: #FFF ; }
#form_contact TEXTAREA { width:255px; border: 1px solid #333;background-color: #FFF ; color: #000 ; }
#form_contact .BUTTON { width:200px; border: 1px solid #333;font-family: arial, helvetica, sans-serif ; border-width: 1pt ; font-size: 10pt ; color: #000 ; background-color: #FFF ; }
#form_contact INPUT { width:255px; border: 1px solid #333; background-color: #FFF ; font-family: Arial, Helvetica, sans-serif ; color: #000 ; }
#form_contact LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 150px ; margin-left: 10px ; }

span.require {color:red}

#form_contact .CHECKBOX {width:50px;border: 0px;}
#form_contact .checklabel {float:none;width:300px;margin-left:0px;}

#error {
	color:black;
	display:block;
	padding:5px 5px 5px 15px;
	border: 1px solid #990033;
	margin-bottom:10px;
}

#divresults {
	font-size:13px;
}

#divresults ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

#divresults ul li {
	margin-left:10px;
	margin-bottom:5px;
}

#divresults a {
	color:#454545;
}

#ulnl a {
	color:#434343

}

.nums {

font-size:10px;

}

#nav {
	border-top:1px solid;
	margin-top:10px;
}

#nav a {

color:#454545;
}

#content2 ol, #content2 ol li {
	text-align:justify;
	font-size:12px;
}

#content2 ol li {
	margin-bottom:5px;
}
a.mini {font-size:11px}

#form_contact INPUT.formerror {
	border: 1px solid #990033;
}

#fastsearch {
	float:right;
	margin-right:5px;
	border:1px solid #903;
	border-left:5px solid #903;
	padding:5px;
	text-align:right;
	background:#FC0;
}

#fastsearch h2 {
margin:0 0 10px 0;

}
#fichersl {width:450px;}

#fichG {
	margin-right:5px;
	border:1px solid #903;
	border-left:5px solid #903;
	float:right;
	width:200px;
	background:#FC0;
	margin-top:10px;
}

#fichD {
}

#fichG  {
	padding:3px;
	font-size:10px;
}

#content2 ul {
	margin:0 0 0 10px;

}


#content2 ul li {
	list-style-type:disc;

}

#indexpage ul li {
	list-style-type:none;
	margin:0;
}

#content2 .ulcontent2 li {
	list-style-type:none;

}

.veriform {
	float:left;
	width:100px;
	margin-left:100px;
}

.veriq {
	float:left;
}

.verifres {
	float:right;
	margin-right:200px;
	width:100px;
	border:1px solid black;
}

.verifok {
	border:1px solid #5ECC1E;
	background:#AFCC9F;
}

.verifko {
	border:1px solid #D60018;
	background:#D8616D;	
}

.verifko, .verifok {
	margin-left:15px;
	padding:10px;
	width:150px;
	text-align:center;
	color:#444;
	font-weight:bold;	
}


#ulliens
{
	margin:0;
	padding:0;
}

#divli0, #divli1 {
	width:290px;
	text-align:justify;
}

#divli0 {
	float:left;
}

#divli1 {
	float:right;
}

#divli0 .liens, #divli1 .liens{
	margin-bottom:10px;
	/*padding-left:3px;
	border-left:3px #903 solid;*/
}

#divli0 .liens a, #divli1 .liens a{
	margin:0;
	padding:0;
}