/*
   agcmq.css
   AGQ-001
   
   Philippe Durocher - 2007-09-17.
   Copyright 2007 Egzakt. Tous droits réservés.
*/

body{
	background-color:#D3DDE0;
	font:11px/13px Arial, Verdana, sans-serif;
	margin:20px 5px;
	color:#5B7988;
}
#wrapper{
	width:770px;
	margin:0 auto 0 auto;
	background-color:#D3DDE0;
}

input, select{
	border:1px solid #aaa;
}

h1{
	font-size:14px;
	color:#000000;
	padding-bottom:12px;
	font-weight:bold;
}

h3{
	font-size:12px;
	padding-bottom:6px;
	font-weight:bold;
}

a {
	cursor:pointer;
	outline:none;
}

/* ========== */
/* = ENTETE = */
/* ========== */
#entete{
	height:80px;
	background: #ffffff url(../images/graphiques/entete.jpg) no-repeat 0 0;
}
#entete h1{
	padding:17px 0 0 10px;
}


/* =============== */
/* = BOITE LOGIN = */
/* =============== */
#boite_login{
	float:right;
	background: #1B1214 url(../images/graphiques/boite_login.gif) 0 0 no-repeat;
	width:216px;
	height:67px;
	margin-top:12px;
	margin-right: 5px;
	color:#ffffff;
}
#bienvenue{
	padding:7px 0 0 14px;
}
#formulaire{
	padding-left:9px;
	margin-top:9px;
	color:#000000;
}
#formulaire input{
	padding-left:2px;
	font-size:11px;
	width:100px;
	border:1px solid #aaa;
	height:13px;
}
#login{
	margin-left:28px;
}
#formulaire #bt_login{
	width:25px;
	height:17px;
	background-color:#000000;
	border:1px solid white;
	color:#ffffff;
	cursor:pointer;
}

#profil{
	background: #D7C67E url(../images/icones/profil.gif) 0 0 no-repeat;
	margin:12px 0 0 1px;
	padding:1px 0 0 16px;
	color:#000000;
}
#deconnexion{
	padding-left:132px;
}
#deconnexion a{
	color:#000;
	text-decoration:none;
}
#deconnexion a:hover{
	text-decoration:underline;
}

/* ======================== */
/* = CONTENEUR AVEC TUILE = */
/* ======================== */
#conteneur{
	background:#E4E9EB url(../images/tuiles/conteneur.gif);
	border-top:#E4E9EB solid 6px;
	border-bottom:#E4E9EB solid 8px;
	margin-bottom:4px;
	height:100%;
}


/* =================== */
/* = NAVIGATION HAUT = */
/* =================== */
#navigation_haut{
	height:15px;
	padding:0;
	background: #ffffff url(../images/graphiques/navigation_haut.jpg) no-repeat 0 0;
}
#navigation_haut a{
	margin-left:18px;
	padding-top:1px;
	font-size:10px;
	color:#000000;
}
#navigation_haut.prive{
	height:31px;
}
#navigation_haut.prive a{
	font-size:12px;
	height:27px;
	color:#000000;
	background: #B0B382 url(../images/boutons/navigation_haut_gauche.gif) left 0 no-repeat;
	text-decoration: none;
	padding:0 0 0 16px;
	margin:0 4px 0 0;

}
#navigation_haut.prive a span{
	height:27px;
	background: #B0B382 url(../images/boutons/navigation_haut_droite.gif) right 0 no-repeat;
	padding-right: 10px;
}
#navigation_haut.prive a, #navigation_haut.prive a span{
	display: block;
	float: left;
	display:inline;
}
#navigation_haut.prive a:hover, #navigation_haut.prive a.selected{
	background: #B0B382 url(../images/boutons/navigation_haut_gauche.gif) left -28px no-repeat;	/* hover */
	padding-left: 16px;
}
#navigation_haut.prive a:hover span, #navigation_haut.prive a.selected span{
	background: #B0B382 url(../images/boutons/navigation_haut_droite.gif) right -28px no-repeat;
	padding-right: 10px;
}
#navigation_haut.prive a span.centre{
	height:20px;
	padding-top:7px;
	background: #B0B382 url(../images/boutons/navigation_haut_centre.gif) 0 0 repeat;
}
#navigation_haut.prive a:hover span.centre, #navigation_haut.prive a.selected span.centre{
	background: #B0B382 url(../images/boutons/navigation_haut_centre.gif) 0 -28px repeat;
}
#navigation_haut.prive ul{
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top:4px;
	float:right;
}
#navigation_haut.prive li{
	float: left;
	margin: 0;
}


/* ===================== */
/* = NAVIGATION GAUCHE = */
/* ===================== */
#navigation_gauche{
	float:left;
	background: #A8B9C6 url(../images/tuiles/navigation_gauche.gif) no-repeat 0 0;
	width:172px;
	margin-top:6px;
}
#navigation_gauche a{
	display:block;
	background: #A8B9C6 url(../images/boutons/navigation_gauche.gif) no-repeat 0 -28px;
	width:150px;
	height:21px;
	color:#ffffff;
	margin:0 0 0 6px;
	border-bottom:4px solid #A8B9C6;
	padding:7px 0 0 16px;
	font:12px/13px Arial, Verdana, sans-serif;
	text-decoration: none;
}
#navigation_gauche a:hover{
	background: #A8B9C6 url(../images/boutons/navigation_gauche.gif) no-repeat 0 0;
}
#navigation_gauche a.selected{
	background: #A8B9C6 url(../images/boutons/navigation_gauche.gif) no-repeat 0 0;
	border-bottom:0;
}


/* ========================== */
/* = SOUS-NAVIGATION GAUCHE = */
/* ========================== */
#sous_navigation{
	border-bottom:8px solid #A8B9C6;
}
#navigation_gauche #sous_navigation a{
	display:block;
	background:#426B89 url(../images/graphiques/fleche_sous_navig.gif) no-repeat 0 0;
	width:142px;
	height:auto;
	color:#ffffff;
	margin:0;
	padding:2px 4px 2px 15px;
	font:10px/11px Arial, Verdana, sans-serif;
	text-decoration: none;
	border-top:2px solid #A8B9C6;
	border-bottom:0;
	margin-left:6px;
}
#navigation_gauche #sous_navigation a:hover, #navigation_gauche #sous_navigation a.selected{
	color:#000000;
	background:#EAE2C3 url(../images/graphiques/fleche_sous_navig.gif) no-repeat 0 -100px;
}


/* =========== */
/* = CONTENU = */
/* =========== */
#contenu{
	float:left;
	width:583px;
	padding:0 0 0 8px;
}


/* =================== */
/* = CONTENU ACCUEIL = */
/* =================== */
#contenu_accueil{
	float:left;
}


/* ========================= */
/* = TEXTE ACCUEIL (PHOTO) = */
/* ========================= */
#texte_accueil{
	position:absolute;
	color:#ffffff;
	width:129px;
	height:334px;
	font:13px/22px Arial, Verdana, sans-serif;
	padding:18px 0 0 210px;
}
#texte_accueil a{
	color:#ffffff;
}
#texte_accueil .accueil{
	position:absolute;
	bottom:0;
	right:-4px;
}
a.en_savoir_plus{
	display:block;
	width:73px;
	border:1px solid #ffffff;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	line-height:11px;
	padding:1px 8px 2px 8px;
}
a.en_savoir_plus:hover{
	border:1px solid #ffffff;
	color:#ffffff;
	background-color:#000000;
}


/* ========================= */
/* = NOUVELLES EN VEDETTES = */
/* ========================= */
#nouvelles_accueil{
	float:left;
	padding:0 0 12px 7px;
}
#nouvelles_accueil a.entete{
	display:block;
	height:23px;
	width:172px;
	background:#E4E9EB url(../images/graphiques/entete_nouvelles_accueil.gif) no-repeat 0 0;
	color:#ffffff;
	font-size:12px;
	padding:6px 0 0 50px;
}
div.accueil{/* padding nouvelle accueil */
	width:198px;
	padding-left:12px;
}


/* ============ */
/* = NOUVELLE = */
/* ============ */
.nouvelle{
	padding-top:4px;
}
.nouvelle .date{
	color:#46B9D1;
	font-size:10px;
	padding-bottom:1px;
}
div.nouvelle a{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
div.nouvelle a:hover{
	text-decoration:underline;
}
div.accueil a, div.nouvelle a.sans_href:hover{
	color:#000000;
	text-decoration:none;
}
div.intro{
	padding-top:3px;
}
.nouvelle .en_savoir_plus, .nouvelle .en_savoir_plus:hover{
	display:block;
	width:80px;
	border:none;
	border-top:5px solid #E4E9EB;
	border-bottom:6px solid #E4E9EB;
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	line-height:11px;
	padding:1px 8px 2px 8px;
	background-color:#8199AF;
}
.nouvelle .en_savoir_plus:hover{
	background-color:#426B89;
}


/* =============================== */
/* = DEVENIR MEMBRE - FORMULAIRE = */
/* =============================== */
#devenir_membre td{
	padding:10px 0 0 0;
}
#devenir_membre td input{
	margin-top:1px;
}
#devenir_membre .erreur{
	color:darkred;
	font-weight:bold;
}
.btn_etape_suivante, .btn_soumettre{
	width:100px;
	background-color:#5E7C97;
	color:#ffffff;
	border:2px solid white;
	padding:2px 0 2px 0;
}
.msg_erreur{
	color:darkred;
	font-size:12px;
	font-weight:bold;
	background-color:#ffffff;
	padding:10px;
	border:1px solid darkred;
	margin-bottom:10px;
	line-height:18px;
}

/* ================================= */
/* = DEVENIR MEMBRE - CONFIRMATION = */
/* ================================= */
#confirmation input{
	width:auto;
}
#confirmation td{
	padding:12px 20px 0 20px;
}


/* ============== */
/* = REPERTOIRE = */
/* ============== */
#repertoire input{
	width:516px;
}
#repertoire select{
	width:518px;
}
#repertoire input.btn_soumettre{
	width:100px;
	background-color:#5E7C97;
	color:#ffffff;
	border:2px solid white;
	padding:2px 0 2px 0;
}
#repertoire ul{
	list-style: none;
}
#repertoire ul{
	padding-left:18px;
}
#repertoire td{
	height:45px;
}
#repertoire .label{
	color:#46B9D1;
}
.recherche{
	padding:0 0 12px 12px;
	padding-left:12px;
	background-color:#F4F6F7;
}
#recherche_index{
	font-size:13px;
	padding-top:10px;
	width:543px;
}
.selected_index{
	font-weight:bold;
}
#repertoire #tableau_membre td{
	height:30px;
	padding-left:40px;
}
#repertoire a{
	color:#5E7C97;
	text-decoration:none
}
#repertoire a:hover{
	text-decoration:underline;
}
#fiche {
	margin:10px 2px 0 5px;
}

#fiche .gauche {
	float:left;
	width:400px;
	margin-top:14px;
	background-color:#F4F6F7;
}

#fiche .droite {
	float:right;
	width:164px;		
}	

#fiche .gauche h4, #fiche .gauche h5 {
	padding:3px 10px;
	border-bottom:2px solid #E4E9EB;
	color:#46B9D1;
	font-weight:bold;
}

#fiche .gauche h4 span, #fiche .gauche h5 span {
	border-top:2px solid #E4E9EB;
	border-left:2px solid #E4E9EB;
	border-right:2px solid #E4E9EB;
	border-bottom:2px solid #F4F6F7;
	padding:4px 12px;
	background-color:#F4F6F7;
}

#fiche .gauche h4 {
	background-color:#E4E9EB;
	color:#426B89;
	font-size:12px;
}	

#fiche .gauche .blocs_texte {
	padding:10px 20px 15px 20px;
	line-height:18px;
}

#fiche .gauche .blocs_texte .colore {
	color:#46B9D1;
}

#fiche .droite a.bouton {
	float:right;
	width:110px;
	padding:5px 10px;
}

#fiche .droite #zone_photo {
	background-color:#F4F6F7;
	text-align:center;
	padding:20px 0;
	margin-top:8px;
}
#fiche .autre{
	padding-top:6px;
}




/* ========= */
/* = TEXTE = */
/* ========= */
.texte{
	padding:12px 14px 12px 14px;
}
.blocs_texte h1{
	font-size:14px;
	color:#000000;
	padding-bottom:12px;
	font-weight:bold;
}
.blocs_texte h2{
	font-size:12px;
	color:#000000;
	padding-bottom:12px;
}
.blocs_texte img{
	padding:0 10px 0 0;
}
.blocs_texte ul{
	padding:10px 24px 10px 24px;
	list-style-type: square;
}
.blocs_texte li{
	padding-bottom:10px;
}
.blocs_texte strong{
	font-weight:bold;
}
table#historique td{
	border:1px solid #aaa;
	padding:10px;
	font-size:11px;
}
.blocs_texte a{
	color:#426B89;
}
.blocs_texte a:hover{
	color:#234664;
}
.blocs_texte td{
	border:1px solid #aaa;
	padding:10px;
	font-size:11px;
}
#formulaire_recherche td, #devenir_membre td{
	border:0;
}

.plan ul, .plan ul ul li{
	padding-top:0;
	padding-bottom:0;
}
.plan{
	font-size:12px;
}
.plan ul {
	padding-bottom:8px;
}
.plan ul ul li{
	padding-top:6px;
	list-style-type: circle;
}


/* ======== */
/* = COUR = */
/* ======== */
#cour_recherche select{
	border:1px solid #aaaaaa;
	font-size:11px;
	padding:1px 1px 3px 1px;
	width:250px;
	margin:10px 0 0 0;
}
#cour_recherche #colonne_gauche{
	float:left;
	width:280px;
}
#cour_recherche #colonne_droite{
	float:right;
	width:280px;
}
#resultats .cour{
	margin:4px 0 0 0;
	background-color:#ECF0F1;
	border:1px solid #ECF0F1;
	padding:10px;
}

#resultats .titre{
	font-size:12px;
	color:#46B9D1;
	font-weight:bold;
}


/* =========== */
/* = COMITES = */
/* =========== */
table.comite td{
	background-color:white;
	width:200px;
	padding:10px;
	font-size:11px;
	border:0;
}
table.comite td.titre{
	width:auto;
	font-size:12px;
	font-weight:bold;
	color:#46B9D1;
}
table.comite td.description{
	width:auto;
	padding:0 10px 10px 10px;
	font-weight:bold;
	border-bottom:1px solid #E4E9EB;
}


/* ========== */
/* = FOOTER = */
/* ========== */
#footer{
	background-color:#EDE6C7;
	padding:4px 10px;
}
#footer div{
	float:left;
}
#footer a{
	display:block;
	float:right;
	padding-top:2px;
	text-decoration:none;
	color:#5B7988;
	font:9px/11px Arial, Verdana, sans-serif;
}
#footer a:hover{
	text-decoration:underline;
}


/* ==================================== */
/* = BIBLIOTHEQUE + RESSOURCES UTILES = */
/* ==================================== */
#wrapper_documents{
	border:1px solid #E4E9EB;
}
a.categorie{
	display:block;
	background: #F4F6F7 url(../images/icones/fleche_ferme.gif) 0 0 no-repeat;
	padding:4px 0 4px 20px;
	text-decoration:none;
	margin-top:2px;
}
a.categorie:hover{
	background: #F4F6F7 url(../images/icones/fleche_ferme.gif) 0 -22px no-repeat;
	color:#6CDEF0;
	text-decoration:none;
}
a.selected{
	background: #F4F6F7 url(../images/icones/fleche_ouverte.gif) 0 0px no-repeat;
}
a.selected:hover{
	background: #F4F6F7 url(../images/icones/fleche_ouverte.gif) 0 -22px no-repeat;
}

.documents{
	background-color: #EDF1F2;
	margin-top:1px;
}
.documents ul{
	list-style: none;
	padding:0 12px 10px 12px;
	margin:0;
}
.documents li{
	padding:10px 0 8px 0;
	margin:0;
	border-bottom:1px solid #A8B9C6;
}

.documents li a{
	display:block;
	background-color:#EDF1F2;
	padding:1px 0 3px 24px;
	text-decoration:none;
}
.documents li a .description{
	display:block;
	font-size:9px;
	padding:3px 0 0 5px;
}
	
a.pdf{
	background: #F4F6F7 url(../images/icones/pdf.gif) no-repeat 0 0;
}
a.doc{
	background: #F4F6F7 url(../images/icones/doc.gif) no-repeat 0 0;
}
a.txt{
	background: #F4F6F7 url(../images/icones/txt.gif) no-repeat 0 0;
}
a.ppt, a.pps{
	background: #F4F6F7 url(../images/icones/ppt.gif) no-repeat 0 0;
}
a.xls{
	background: #F4F6F7 url(../images/icones/xls.gif) no-repeat 0 0;
}
a.url{
	background: #F4F6F7 url(../images/icones/html.gif) no-repeat 0 0;
}


/* ========= */
/* = FORUM = */
/* ========= */
#forum h3{
	font-size:12px;
	color:#46b9d1;
	padding:0;
	margin:0;
}
#forum a{
	color:#000;
	text-decoration:none;
}

#forum a:hover{
	color:#000;
	text-decoration:underline;
}

#forum #gauche{
	float:left;
	width:416px;
}
#forum #droite{
	float:right;
}
#forum #droite .bouton{
	font-size:11px;
	color:#fff;
	display:block;
	width:117px;
	text-align:center;
	padding:4px;
	
}


#forum .thread{
	background-color:#f0f3f4;

}
#forum .titre{
	padding:10px 10px 4px 10px;
}
#forum .titre a{
	color:#46b9d1;
	text-decoration:none;
	font-size:14px;
}
#forum .titre a:hover{
	color:#46b9d1;
	text-decoration:none;
}

#forum .description{
	border-bottom:2px solid #e4e9eb;
}
#forum .description .padding{
	padding-left:10px;
	padding-bottom:6px;
	padding-right:6px;
}

/* ======== */
/* = PIED = */
/* ======== */
#forum .pied div{
	padding:5px 10px;
}
#forum .commentaires img{
	float:left;
	padding:1px 5px 0 0;
}
#forum .commentaires{
	float:left;
}

#forum .publie{
	height:100%;
	float:right;
	width:262px;
	border-left:2px solid #e4e9eb;
}


/* ==================== */
/* = FORUM CATEGORIES = */
/* ==================== */
#forum #boite_categories{
	background-color:#f0f3f4;
	margin-top:6px;
	padding:6px 10px 0 0;
}
#forum #boite_categories h3{
	padding-left:8px;
}
#forum ul#categories{
	padding:2px 0 0 24px;
}
ul.categories{
	list-style: disc;
	color:#46b9d1;
	width:90px;
	padding-right: 0;
}
ul.categories li{
	padding:5px 0 2px 0;
}


/* ======== */
/* = MISC = */
/* ======== */
.clear{
	clear: both;
}
a.bouton, a.bouton:hover{
	width:100px;
	background-color:#5E7C97;
	color:#ffffff;
	border:2px solid white;
	padding:8px;
	text-decoration:none;
	font-size:12px;
}
.encadre_blanc{
	background-color:#F4F6F7;
	padding:0 0 14px 12px;
	margin:10px 0 10px 0;
}
.label{
	color:#46B9D1;
}
h2.sous_section_nom{
	padding:0;
	margin:0;
	color:#426B89;
	font-size:12px;
}
.float_right{
	float:right;
}
.adhesion td{
	border:0;
}