/*
	CSS pour QEF projet - Principal
	Emilie - egzakt.com
	2008/01/16
*/

body {
	background-color:#FFFFFF;
	font:68.8%/150% Verdana, Arial, sans-serif;
	margin:10px 0;
	color:#FFFFFF;
}

h1 {
	margin:0 0 10px 0;
}

h2 {
	font:1.36em/1.3em Verdana, Arial, sans-serif;
	color:#f8f63a;
	margin:0 0 3px 0;
}

h3 {
	font:1.18em/1.3em Verdana, Arial, sans-serif;
	color:#FFFFFF;
	margin:0 0 3px 0;
}

h4 {
	font:bold 1.18em/1.3em Verdana, Arial, sans-serif;
	color:#F8F63A;
	margin:2px 0 6px 0;
}

h5 {
	font:1.09em/1.3em Verdana, Arial, sans-serif;
	color:#F8F63A;
	margin:2px 0 6px 0;
}

p {
	margin:0;
	padding:0;
}

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

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

a:hover {
	color:#f8f63a;
}

img {
	border:0;
}

#wrapper {
	width:776px;
	margin:0 auto;
}

/* CONTENU
-----------------------------------------*/
#contenu_conteneur {
	overflow:auto;
	height:1%;
}

#contenu_gauche {
	float:left;
	width:184px;
}

#contenu_droite {
	float:left;
	width:592px;
}

#contenu {
	position:relative;
}

.contenu_padding {
	width:544px;
	padding:24px 24px 12px 24px;
}

#contenu #logo {
	position:absolute;
	top:14px;
	right:8px;
}


/* ENTETE
-----------------------------------------*/
#entete {
	background:#1f1586 url(../images/ul/tuiles/entete_droite.gif) no-repeat top right;
	padding:14px 0 0 20px;
	border-bottom:1px solid #FFFFFF;
	overflow:auto;
	height:1%;
}

#entete a.accueil {
	float:right;
	width:49px;	
	height:18px;
	padding:5px 0 0 22px;
	font-size:0.9em;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;	
	background:url(../images/ul/boutons/accueil.gif) no-repeat top left;
	margin-right:1px;
}

#entete a.accueil:hover {
	color:#f8f36d;
}

#entete a.projet {
	float:right;
	height:23px;
	margin:0 1px;
}

#entete a.projet:hover {
	background:transparent;
}

#entete a.projet .over {
	position:absolute;
	visibility:hidden;
}

#entete a.projet:hover .over {
	visibility:visible;
}

#entete a.langue {
	float:right;
	width:49px;	
	height:18px;
	padding:5px 0 0 8px;
	font-size:0.9em;
	line-height:1.2em;
	background-color:#0f68ac;
	text-decoration:none;
	margin-left:1px;
}

#login {
	float:right;
	height:20px;
	padding:3px 4px 0 8px;
	background:url(../images/ul/tuiles/login.gif) repeat-x top left;
}

#login label {
	color:#F8F63A;
	font-size:0.9em;
}

#login input {
	width:100px;
	padding:0 2px;
}

#login .bouton {
	position:relative;
	top:3px;
	width:12px;
	padding:0;
}

#login #barre_utilisateur {
	padding-right:6px;
}

#login #barre_utilisateur a.nom {
	color:#f8f63a;
}

#login #barre_utilisateur a.nom:hover {
	text-decoration:underline;
}

#login #barre_utilisateur a {
	text-decoration:none;
}

#login #barre_utilisateur a span {
	text-decoration:underline;
}

#login #barre_utilisateur a img {
	position:relative;
	top:2px;
	left:5px;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	background:url(../images/ul/tuiles/navig_ombre.gif) repeat-y top right;
}

#navigation ul {
	width:171px;
	list-style-type:none;
	margin:0;
	padding:10px 0;
	background:url(../images/ul/tuiles/navig.gif) repeat-y 0 0;
}

#navigation ul li {
	display:inline;
}

#navigation ul a {
	display:block;
	padding:1px 0;
}

#navigation ul a:hover {
	background-color:transparent;
}

#navigation ul a .over {
	position:absolute;
	visibility:hidden;
}

#navigation ul a:hover .over {
	visibility:visible;
}


#navigation li ul {
	width:163px;
	margin:1px 0 6px 1px;
	padding:0;
}

#navigation li ul a {
	color:#FFFFFF;
	text-decoration:none;
	padding:2px 0 2px 13px;
	background:url(../images/ul/tuiles/sous_navig.jpg) no-repeat 0 0;
}

#navigation li ul a:hover, #navigation li ul a.selected, #navigation li ul a.selected:hover {
	color:#B23F18;
	background-position:0 -50px;
}


/* ACCUEIL
-----------------------------------------*/
#accueil {
	position:relative;
	background:url(../images/ul/photos/chrono.jpg) no-repeat top left;
	height:300px;
}

#accueil h2 {
	margin:0 0 10px 24px;
	padding:24px 0 0 0;
}

#accueil .bloc_texte {
	width:327px;
	margin:0 0 5px 24px;
}

#accueil h1 {
	position:absolute;
	bottom:20px;
	right:105px;
}

#accueil a.plus {
	color:#BACEE4;
	text-decoration:none;
	padding-left:24px;
}

#accueil a.plus span {
	text-decoration:underline
}

#accueil a.plus img {
	position:relative;
	top:1px;
}

#accueil a.plus:hover {
	color:#f7f63b;
}

#limite {
	position:absolute;
	bottom:0;
	left:-170px;
	width:171px;
	height:52px;
	padding:7px 0 0 0;
	background:url(../images/ul/tuiles/accueil_limite.gif) no-repeat top left;
	font-weight:bold;
	text-align:center;
	line-height:1em;
}

#limite div {
	color:#F8F63A;
	font-size:1.64em;
	margin-top:7px;
}

#vedettes {
	/*overflow:auto;
	height:1%;*/
	margin:1px 0 0 13px;
}

#vedette_5_12 {
	float:left;
	width:165px;
	height:17px;
	padding:133px 6px 0 0;
	background:url(../images/ul/photos/vedette_5_12.jpg) no-repeat top left;
	text-align:right;
	margin-right:1px;
}

#vedette_0_4 {
	float:left;
	width:406px;
	height:150px;
	position:relative;
	background:url(../images/ul/photos/vedette_0_4.jpg) no-repeat top left;
	margin-right:1px;
}

#vedette_0_4 .titre {
	padding:12px 0 0 24px;
}

#vedette_0_4 ul {
	list-style-type:none;
	margin:0;
	width:250px;
	padding:5px 0 0 24px;
	font-weight:bold;
}

#vedette_0_4 ul li {
	background:url(../images/ul/graphiques/fleche_jaune.gif) no-repeat 0 6px;
	padding:2px 0 2px 12px;
}

#vedette_0_4 a {
	color:#FFFFFF;
}

#vedette_0_4 a:hover {
	color:#F8F63A;
}

#vedette_0_4 span {
	position:absolute;
	bottom:2px;
	right:121px;
}

#vedette_13_17 {
	float:left;
	width:166px;
	height:17px;
	padding:133px 6px 0 0;
	background:url(../images/ul/photos/vedette_13_17.jpg) no-repeat top left;
	text-align:right;
	color:#1BA0C7;
}


/* GUIDE - FORMULAIRE
-----------------------------------------*/
#guide_formulaire {
	margin-top:18px;
}

#guide_formulaire form {
	position:relative;
	margin:20px 0;
	background-color:#3164a8;
	width:330px;
	padding:15px 10px;
}

#guide_formulaire form td {
	vertical-align:top;
}

#guide_formulaire label {
	font:bold 1.18em/1.3em Verdana, Arial, sans-serif;
}

#guide_formulaire input {
	border:1px solid #538EC1;
	margin-bottom:10px;
	width:150px;
}

#guide_formulaire select {
	border:1px solid #538EC1;
	margin-bottom:10px;
}

#guide_formulaire .bouton {
	position:absolute;
	bottom:-15px;
	right:10px;
	width:113px;
	height:26px;
	border:0;
}


/* COMPTE - ACCUEIL
-----------------------------------------*/
a#gestion_dossier {
	display:block;
	width:153px;
	height:26px;
	text-align:center;
	padding:6px 0 0 0;
	margin:15px 0 0 22px;
	background:url(../images/ul/boutons/dossier.jpg) no-repeat 0 0;
	color:#F8F63A;
	text-decoration:none;
}

a#gestion_dossier:hover {
	background-position:0 -41px;
}

#note_sauvegarde {
	margin:10px 8px 20px 26px;
}

#compte_accueil a.ajouter_projet, #compte_etape a.ajouter {
	float:right;
	padding:2px 5px;
	background-color:#BCCDE3;
	color:#1F1586;
	text-decoration:none;
}

#compte_etape a.supprimer {
	text-decoration:none;
}

#compte_accueil a.ajouter_projet span, #compte_etape a.ajouter span, #compte_etape a.supprimer span {
	text-decoration:underline;
}

#compte_accueil a.ajouter_projet:hover, #compte_etape a.ajouter:hover {
	background-color:#dfe7f2;
}


#compte_accueil #projets_liste {
	margin:5px 0 0 25px;
	width:544px;
	border:5px solid #6188BC;
}

#compte_accueil #projets_liste th {
	text-align:left;
	background-color:#3164AA;
	padding:2px 5px;
	line-height:1.1em;
}

#compte_accueil #projets_liste td {
	padding:2px 5px;
	background-color:#DFE7F2;
	color:#1F4E9A;
}

#compte_accueil #projets_liste tr.paire td {
	background-color:#BCCDE3;
}

#compte_accueil #projets_liste .actions {
	text-align:right;
}

#compte_accueil #projets_liste .actions a {
	font-size:0.9em;
	color:#B23F18;
}

#compte_accueil #projets_liste .actions a:hover {
	color:#000000;
}

#compte_accueil #projets_liste td a {
	color:#1F4E9A;
}

#compte_accueil #projets_liste td a:hover {
	color:#000000;
}


#compte_accueil form {
	margin:6px 0;
	background-color:#3164a8;
	padding:15px 10px 0 15px;
	width:390px;
}

#compte_accueil form td {
	vertical-align:top;
	padding-bottom:3px;
}

#compte_accueil form th {
	text-align:right;
	vertical-align:top;
	padding:2px 8px 3px 0;
	width:110px;
	font:bold 1em/1.3em Verdana, Arial, sans-serif;
}

#compte_accueil input {
	border:1px solid #538EC1;
	margin-bottom:0px;
	width:240px;
}

#compte_accueil .bouton {
	text-align:right;	
}

#compte_accueil .bouton input {
	width:113px;
	height:26px;
	border:0;
	padding:0;
}

#compte_accueil td .note {
	margin-top:2px;
}

/*#compte_inscription {
	margin-top:22px;
}*/
#compte_connexion {
	margin-top:22px;
}


/* COMPTE - NAVIG ÉTAPES
-----------------------------------------*/
#navig_etapes {
	margin-left:15px;
}

#navig_etapes a {
	float:left;
	position:relative;
	height:27px;	
	padding:5px 8px 0 17px;
	background-color:#538EC1;
	font:0.9em/1.1em Verdana, Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:1px;
}

#navig_etapes a img {
	position:absolute;
	top:6px;
	left:5px;
}

#navig_etapes a.fait {
	background-color:#78bb8c;
	color:#FFFFFF;
}

#navig_etapes a.selected, #navig_etapes a:hover, #navig_etapes a.fait:hover, #navig_etapes a.gauche_fait:hover, #navig_etapes a.droite_fait:hover {
	color:#F8F63A;
}

#navig_etapes a.gauche {
	background-image:url(../images/ul/tuiles/navig_etapes_gauche.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
/*#navig_etapes a.gauche {
	background:#78bb8c url(../images/ul/tuiles/navig_etapes_gauche_fait.gif) no-repeat top left;
	color:#1F1586;
}*/

#navig_etapes a.droite {
	background:#538EC1 url(../images/ul/tuiles/navig_etapes_droite.gif) no-repeat top right;
}
#navig_etapes a.droite_selected {
	background:#538EC1 url(../images/ul/tuiles/navig_etapes_droite.gif) no-repeat top right;
	color:#F8F63A;
}


/* COMPTE - ÉTAPES FORMULAIRE
-----------------------------------------*/
#compte_etape {
	padding:5px 0 15px 25px;
}

#compte_etape form {
	background-color:#3164a8;
	padding:15px 10px 0 10px;
	width:520px;
}

#compte_etape label {
	font:bold 1.09em/1.3em Verdana, Arial, sans-serif;
}

#compte_etape input, #compte_etape select, #compte_etape textarea {
	border:1px solid #538EC1;
	margin:2px 0 8px 0;
}

#compte_etape .radio {
	margin:0;
	border:0;
}

#compte_etape .bouton {
	text-align:right;	
}

#compte_etape .bouton input {
	width:113px;
	height:26px;
	border:0;
	padding:0;
	margin:0;
}

#compte_etape .char {
	color:#F8F63A;
}

#compte_etape .sous_label {
	font:normal 1em/1.2em Verdana, Arial, sans-serif !important;
}

#compte_etape .message, #compte_etape .message_succes {
	margin:0 auto 20px auto;
}


/* COMPTE - ÉTAPE 1
-----------------------------------------*/
#compte_etape .habitudes {
	margin:2px 0 15px 0;
}

#compte_etape .habitudes th {
	text-align:right;
}

#compte_etape .habitudes td {
	padding-left:20px;
}

#compte_etape .habitudes label {
	font:normal 1em/1.2em Verdana, Arial, sans-serif;
}


/* COMPTE - ÉTAPE 2
-----------------------------------------*/
#partenaires, #ecoles, #municipalites, #objectifs, #annexes {
	margin-bottom:15px;
}

#partenaires .item, #ecoles .item, #municipalites .item, #objectifs .item, #annexes .item {
	margin-top:10px;
	padding:8px;
	background-color:#538ec1;
}

#compte_etape .form_horizontal th {
	text-align:right;
	vertical-align:top;
	padding:2px 8px 0 0;
	width:150px;
	font:bold 1em/1.3em Verdana, Arial, sans-serif;
}

#compte_etape .form_horizontal label {
	font:bold 1em/1.3em Verdana, Arial, sans-serif;
}

#compte_etape .form_horizontal input {
	width:250px;
	margin:0 0 7px 0;
}

#compte_etape .form_horizontal select {
	margin:0 0 7px 0;
}


/* COMPTE - ÉTAPE 3
-----------------------------------------*/
#compte_etape #etape3 #municipalites {
	margin-top:4px;
}

#compte_etape #etape3 .form_horizontal th {
	width:190px;
	font:1.09em/1.3em Verdana, Arial, sans-serif;
}

#compte_etape #etape3 .form_horizontal input {
	width:120px;
}

#compte_etape #etape3 #ecoles .form_horizontal th {
	width:165px;
	font:1em/1.3em Verdana, Arial, sans-serif;
}

#compte_etape #etape3 #municipalites .form_horizontal th {
	width:190px;
	font:1em/1.3em Verdana, Arial, sans-serif;
}


/* COMPTE - ÉTAPE 5
-----------------------------------------*/
#soumettre_final {
	margin-top:40px;
	padding-bottom:8px;
}

#soumettre_final form {
	margin-top:10px;
	border:1px solid #ec6f3b;
}

#soumettre_final form input {
	background-color:#b23f18;
	color:#f8f63a;
	border:1px solid #f8f63a;
	width:160px;
	padding:4px 0;
}


/* BAS
-----------------------------------------*/
#bas {
	width:732px;
	height:37px;
	padding:6px 0 0 17px;
	margin:1px 0 0 13px;
	background:url(../images/ul/tuiles/bas.gif) no-repeat top left;
}

#bas a {
	color:#FFFFFF;
	text-decoration:none;
}

#bas a:hover {
	color:#f8f63a;
}

#bas a span {
	position:relative;
	top:-9px;
	left:0;
	text-decoration:underline;
}

#signature {
	text-align:right;
	padding:4px 25px 0 0;
}

#signature a {
	text-decoration:none;
	color:#a7a7a7;
	text-transform:uppercase;
	font:0.81em/1.3em Arial, Verdana, sans-serif;
}

#signature a:hover {
	text-decoration:underline;
}


/* BLOC TEXTE
-----------------------------------------*/
.colore {
	color:#f8f63a;
}

.note {
	font:0.81em/1.3em Verdana, Arial, sans-serif;
}

.encadre {
	background-color:#6185dd;
	padding:10px 15px;
}

.bloc_texte ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 15px;
}

.bloc_texte .bloc_deroulant {
	margin-top:5px;
}

.bloc_texte a.lien_deroulant {
	display:block;
	text-decoration:none;
	padding:3px 8px 3px 20px;
	line-height:1.3em;
	background:#538EC1 url(../images/ul/graphiques/lien_deroulant.gif) no-repeat 4px center;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:-544px center;
}

.bloc_texte .zone_deroulante {
	margin-top:2px;
	background-color:#3164AA;
	margin-left:12px;
	padding:10px;
}



/* DIVERS
-----------------------------------------*/
form {
	margin:0;
}

input, select, textarea {
	border:0;
	padding:2px;
	font:1em/1.2em Verdana, Arial, sans-serif;
}

.message, .message_succes {
	border:1px solid #d70f0f;
	width:80%;
	margin:10px auto;
	padding:5px;
	background-color:#FFF;
	color:#d70f0f;
	text-align:center;
	line-height:1.3em;
	font-weight:bold;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.erreur {
	color:#f24a4a;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
	top:-10px;
}