*, html, body {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	background-color: #000;
	background-image: url(../img/fond_header.gif);
	background-repeat: repeat-x;
}


#container {
	margin: 0;
	padding: 0;
	width: 100%;
}

.droite {
text-align: right;
}
a, a:link, a:visited {
text-decoration: none;
}


p a, a:link, a:visited {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 0 2px;
	color: #f00;
	text-decoration: none;
}


p a:hover {
	color: #fff;
	background-color: #f00;
}

.toggle {
	margin: 0;
	padding: 0;
	height: 60px;
	text-decoration: none;
	border-bottom: 1px solid #999;
	background-color: #EFEFEF;
}
.highlight {
	height: 60px;
	border-bottom: 1px solid #999;
	background-color: #ccc;
	background-image: url(../img/setas_vert_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


h1 {
	color: #96BF55;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	text-align: left;
}

	h1 span {
		color: #ffffff;
		font-size: 20px;
		font-weight: normal;
		margin: 5px 5px 5px 0;
		text-align: left;
	}

h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 0;
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
h4 {
	color: #f00;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 0 30px;
}
h5 {
	color: #000;
	background:#ccc;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 5px 0 5px 30px;
	font-family: "Courier New", Courier, monospace;
}


.categorie  {
	width: 450px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	text-align: left;
	font-family: "Courier New", Courier, monospace;
	letter-spacing: 1px;
	text-decoration: none;
	background-color: #333;
	border-bottom: 1px solid #666;
}


.heure {
font-size: 18px;
}

.destaque {
color: #f00;
font-weight: bold;
}

.nome {
	color: #fff;
	background-color: #f00;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	margin: 0 0 0 0;;
	padding: 3px;
	text-align: left;
}

.soustitre {
	font-family: "Courier New", Courier, monospace;
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0;
	padding: 3px 3px 0 30px;
	text-align: left;
}

.resume {
	color: #000;
	line-height: 13px;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0;
	padding: 1px 5px 0 30px;
	text-align: left;
}
.info {
	font-family: "Courier New", Courier, monospace;
	color: #f00;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0 0 0 30px;
	text-align: left;
}


.note {
	color: #666;
	background:#000;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0;
	padding: 3px 0;
	text-align: left;
}

.vignette {
float: right;
}
.imgtexte {
float: left;
padding: 0 10px 10px 0;
}

.hidden {
	display : none;
}

	/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: none;
			height: 0;
			margin: 0;
			padding: 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
		
		.accordion_content {
			overflow: visible;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 550px;
			background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			font-size: 11px;
			display: block;
			height: 138px;
			width: 30px;
			background-color: #fff;
			color: #000;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #999;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
			.logo {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			font-size: 11px;
			display: block;
			height: 138px;
			width: 30px;
			background-color: #000;
			color: #000;
			text-decoration: none;
			outline: none;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		.noCursor {
			cursor: default;
		}	
		.horizontal_accordion_toggle:hover {
			border-right: 1px solid #999;
			background-color: #f00;
			color: #fff;
		}
		
		.horizontal_accordion_toggle_active {
			background-color: #f00;
			color: #fff;		}
	
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 400px;
				line-height: 150%;
				padding: 5px 10px 15px 30px;
				margin: 0;
			}
			
			.horizontal_accordion_content ul {
				width: 400px;
				line-height: 150%;
				padding: 0 10px 0 30px;
			}
			
			.horizontal_accordion_content li {
			list-style: square;
			margin: 0 0 0 20px;
			}	
					
    /* Container styling*/
    #horizontal_container {
      margin: 0;  
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 0;
	  padding: 0;
    }
.spacer {
  clear: both;
  margin: 0;
  padding: 0;
}
/*** Mise en forme du formulaire ***/

form {
	border: none;
	margin: 0;
	padding: 0;
}


.corpForm input  {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	margin: 0 0 5px 0;
}


select  {
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;	
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
	margin: 0 0 5px 0;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	width: 280px;
    color: #000;
    background-color: #F0F0F0;
    font-size: 11px;
	border-top: 1px solid #7C7C7C;
	border-left: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-bottom: 1px solid #DDD;
}

.piedForm {
	text-align: right;
	color: #fff;
	margin: 0;
	padding: .5em;
	font-size: 1.1em;
	font-weight: bold;
}



.piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin: 0 20px;
}
fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	border: 0;
font-size: 11px;
font-weight: bold;
line-height: 16px;
}
legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #000;
}
form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 20px 0;
	margin: 0;
}
label {	/*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	font-size: 11px;
	line-height: 16px;
}
label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
	font-weight: normal;

}
.corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #f00;
	color: #fff;
}
.corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background-color: #F0F0F0;
	color: #000;
}

.floatLeft {
float: left;
}
.floatRight {
float: right;
}

#assinatura {
	position: absolute;
	bottom:20px;
	right: 0;
	height: 68px;
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
}

#didhoc  {
	background: #000 url(../img/didhoc.gif) left top no-repeat;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#didhoc:hover {
	background: #000 url(../img/didhoc.gif) right top no-repeat ;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}