/*
	CSS pour Nutrium - Principal
	Emilie - egzakt.com
	2008/08/22
*/

body {
	background:url(../images/ul/tuiles/fond_site.gif) repeat;
	font:68.9%/130% Verdana, Arial, sans-serif;
	margin:36px 0 12px 0;
	color:#5B4105;
}

h1 {
	font:1.45em/1.2em Arial, Verdana, sans-serif;
	color:#DE6020;
	margin:0 0 5px 0;
}

h2 {
	font:bold 1.45em/1.2em Arial, Verdana, sans-serif;
	color:#DE6020;
	margin:0 0 5px 0;
}

h3 {
	font:bold 1.09em/1.2em Arial, Verdana, sans-serif;
	color:#DE6020;
	margin:0 0 5px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#5B4105;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#DE6020;
}

img {
	border:0;
}


#wrapper {
	width:728px;
	padding:0 16px 16px 16px;
	margin:0 auto;
	background-color:#fff;
}


/* ENTETE
-----------------------------------------*/
#entete {
	width:728px;
	height:190px;
	position:relative;
}

#entete #groupes {
	position:absolute;
	top:-36px;
	right:0;
}

#entete h1 {
	float:left;
	padding:42px 0 0 0;	
	margin:0;
}

#navig_sec {
	float:right;
	padding-top:115px;
}

#navig_sec ul {
	list-style-type:none;
	margin:0;
	padding:0;
/*	overflow:hidden;*/
}

#navig_sec li {
	float:left;
	position:relative;
	width:91px;
	text-align:center;
}

#navig_sec ul a {
	color:#838A1F;
	text-decoration:none;
	font-family:Arial;
}

#navig_sec ul a:hover {
	color:#B6B81C;
}


/* Sous-navig */
#navig_sec ul ul {
	position:absolute;
	top:15px;
	left:10px;
	width:130px;
}

#navig_sec ul ul li {
	float:none;
	width:auto;
	text-align:left;
}

#navig_sec ul ul a {
	font-size:0.83em;
	line-height:1em;
	color:#5B4105;
	background:url(../images/ul/icones/puce_navig_haut.gif) no-repeat 0 3px;
	padding-left:8px;
}


/* ARCHITECTURE
-----------------------------------------*/
#colonne_navig {
	float:left;
	width:218px;
}

#conteneur_colonnes {
	width:728px;
	position:relative;
}

#colonne_contenu {
	float:right;
	width:488px;
	padding-bottom:22px;
}

#colonne_contenu #contenu {
	width:418px;
	position:relative;
	background-color:#eef3d6;
	padding:10px 60px 10px 10px;
}

#conteneur_colonnes #fourchette {
	position:absolute;
	bottom:0px;
	right:15px;
	z-index:1;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:0;
	padding:0 0 5px 0;
	background:url(../images/ul/graphiques/rayures_navig.gif) no-repeat bottom left;
}

ul#navigation li {
	background:url(../images/ul/graphiques/rayures_navig.gif) no-repeat 0 0;
	padding:15px 0 8px 0;
}

ul#navigation a {
	font:bold 1.64em/1.2em Arial, Verdana, sans-serif;
	color:#838A1F;
	text-decoration:none;
}

ul#navigation a:hover, ul#navigation a.selected {
	color:#B6B81C;
}


/* Sous-navig */
ul#navigation ul {
	list-style-type:none;
	margin:0;
	padding:2px 0 0 24px;
}

ul#navigation ul li {
	background:none;
	padding:1px 0;
}

ul#navigation ul a {
	color:#5B4105;
	text-decoration:none;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
}

ul#navigation ul a:hover, ul#navigation ul a.selected {
	color:#DB5B10;
}


/* ACCUEIL
-----------------------------------------*/
#acc_nouvelles {
	width:704px;
	padding:12px;
	position:relative;
	background-color:#C2C31C;
	margin:20px 0 50px 0;
}

#acc_nouvelles #fourchette {
	position:absolute;
	bottom:-20px;
	right:63px;
}

#acc_nouvelles h2 {
	color:#5B4105;
	font:bold 1.72em/1.2em Arial, Verdana, sans-serif;
	background:url(../images/ul/graphiques/rayures_acc_nouvelles.gif) no-repeat bottom left;
	padding:0 0 12px 0;
	margin:0 0 10px 0;	
}

#acc_nouvelles .bloc_texte {
	background:url(../images/ul/graphiques/rayures_acc_nouvelles.gif) no-repeat 0 bottom;
	padding:0 200px 10px 0;
}

#acc_nouvelles .bloc_texte ul {
	width:504px;
	list-style-type:none;
	margin:0;
	padding:0;
}

#acc_nouvelles .bloc_texte li {
	padding:0 0 10px 15px;
	background:url(../images/ul/icones/puce_acc_nouvelles.gif) no-repeat 0 4px;
}


/* BLOC TEXTE
-----------------------------------------*/
.bloc_texte th, .bloc_texte td {
	vertical-align:top;
}

.bloc_texte .note {
	font-size:0.92em;
}

.bloc_texte .colore {
	color:#DE6020;
}

.bloc_texte ul {
	list-style-type:round;
	margin:0;
	padding:0 0 0 20px;
}

.bloc_texte .bloc_deroulant {
	margin:10px 0;
}

.bloc_texte a.lien_deroulant {
	display:block;
	position:relative; /* pour IE6 cliquable pleine longueur */
	padding:4px 10px 4px 37px;
	color:#838A1F;
	font:1.18em/1.1em Verdana, Arial, sans-serif;
	text-decoration:none;
	background:url(../images/ul/graphiques/deroulant.gif) no-repeat 0 0px;
}

.bloc_texte a.lien_deroulant:hover {

}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -40px;
	margin-bottom:1px;
	color:#fff;
}

.bloc_texte .zone_deroulante {
	padding:10px 10px 10px 37px;
}

.bloc_texte .zone_deroulante ol {
	padding-left:40px;
}

.tmpl_tableau {
	width:100%;
}

.tmpl_tableau th {
	padding:3px 5px;
	background-color:#838c2a;
	color:#fff;
	text-align:left;
	font-weight:normal;
}

.tmpl_tableau td {
	padding:3px 5px;
	border-bottom:1px solid #838c2a;
}

a.fichier {
	padding:2px 0 1px 22px;
}
a.fichier_pdf {
	background:url(../images/ul/icones/pdf.gif) no-repeat 0 0;
}


/* BAS
-----------------------------------------*/
#bas {
	margin-top:30px;
	text-align:right;
}


/* DIVERS
-----------------------------------------*/
.message, .succes {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Verdana, Arial, sans-serif;
}

.succes {
	background-color:#2ea542;
}

.message ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.erreur {
	color:#ff0000;
}

form {
	margin:0;
}

.radio {
	border: none;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	margin-bottom:10px;
}