/*

Ce fichier CSS mériterait un bon coup de chiffon pour être propre...

*/

body
{
background: #d6d6d6 url('fond.png') repeat-x;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 0.8em;
width: 98%;
margin: auto;
}

a img
{ border: none; }

a
{ color: #25507c; text-decoration: none; }

.clear { clear: both; }

.center { text-align: center; }


.droite { text-align: right; font-style: italic; font-weight: bold; }

.ecarte { padding-left: 15px; text-indent: 25px; text-align: justify; }

.souligne { text-decoration: underline; }

.formulaire { border: 1px solid #3e71a5; background: #e2ebef; padding: 5px; }
.formulaire textarea { width: 90%; margin-left: 4%; height: 150px; }
.formulaire img:hover { cursor: pointer; }

#viewDiv, .viewDiv
{
background: #fff;
border: 1px solid #dbdbdb;
margin: 0;
padding: 5px;
}

#accessibilite
{
text-align: right;
margin: 0;
padding: 4px;
height: 15px;
}
#accessibilite form, #accessibilite p
{
display: inline;
margin: 0;
padding: 0;
}

/* GLOBAL SITE */
#global_contenu
{
background: #fff;
}

/* CONTENU DU SITE */
#global_contenu_hg
{
background: url('contenu_haut_gauche.png') left top no-repeat;
padding-left: 18px;
}

#global_contenu_hd
{
background: url('contenu_haut_droite.png') right top no-repeat;
padding-right: 18px;
}

#global_contenu_h
{
background: url('contenu_haut.png') top repeat-x;
height: 18px;
}


#global_contenu_g
{
background: url('contenu_gauche.png') left repeat-y;
padding-left: 13px;
}

#global_contenu_d
{
background: url('contenu_droite.png') right repeat-y;
padding-right: 13px;
}


#global_contenu_bg
{
background: url('contenu_bas_gauche.png') left top no-repeat;
padding-left: 18px;
}

#global_contenu_bd
{
background: url('contenu_bas_droite.png') right top no-repeat;
padding-right: 18px;
}

#global_contenu_b
{
background: url('contenu_bas.png') top repeat-x;
height: 18px;
}
/* FIN CONTENU */



/* HEADER */
#header_hg
{
background: url('header_haut_gauche.png') left top no-repeat;
padding-left: 10px;
}

#header_hd
{
background: url('header_haut_droite.png') right top no-repeat;
padding-right: 10px;
}

#header_h
{
background: url('header_haut.png') top repeat-x;
height: 11px;
}

#header_contenu
{
background: blue url('header_fond.png') repeat-x;
}
#header_contenu .menu
{
float: right;
color: white;
}
#header_contenu .menu a
{
text-decoration: none;
color: white;
font-size: 15px;
padding-right: 5px;
padding-left: 5px;
}
#header_contenu .menu form
{ display: inline; }

#header_g
{
background: url('header_gauche.png') left repeat-y;
padding-left: 10px;
}

#header_d
{
background: url('header_droite.png') right repeat-y;
padding-right: 10px;
}


#header_bg
{
background: url('header_bas_gauche.png') left top no-repeat;
padding-left: 10px;
}

#header_bd
{
background: url('header_bas_droite.png') right top no-repeat;
padding-right: 10px;
}

#header_b
{
background: #386da2 url('header_bas.png') top center no-repeat;
height: 1px;
border-bottom: 1px solid #1a5189;
}
.fil
{
text-align: right;
margin: 0;
padding: 3px;
padding-left: 5px;
background: #f2f2f2;
border-bottom: 1px solid #ccc;
}
.fil a
{ color: blue; }
.fil form
{ margin: 0; }

/* FIN HEADER */

/* DEBUT MENU DE DROITE */
#menu_droite
{
width: 180px;
float: right;
margin: 20px;
}

#menu_droite_bas
{
padding-bottom: 10px;
background: url('menu_droite_bas.png') no-repeat bottom left;
}

#menu_droite_content
{
border-left: 1px solid #626262;
border-right: 1px solid #626262;
}

#menu_droite_content p, #menu_droite_content .menu_actions_div
{ margin: 0; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; }
#menu_droite_content form
{ display: inline; }

#menu_droite_content a
{ color: #113f6d; text-decoration: none; font-size: 12px; }

#menu_droite_content code
{ font-size: 11px; }

#psd, #mdp
{
width: 110px;
}
/* FIN MENU DE DROITE */

/* DEBUT DIFFUSER CARTE DE VISITE */
#diffuser
{
border: 1px solid #626262;
background: #7f7f7f;
-moz-border-radius: 0px 0px 3px 3px;
padding: 3px;
margin-bottom: 10px;
width: 70px;
}
#diffuser a
{
color: #fff;
font-size: 11px;
text-decoration: none;
}
#affdiffuser
{
position: absolute;
margin-left: 80px;
margin-bottom: 0;
padding: 5px;
border: 1px solid #626262;
background: #fff;
}

#details_projet p
{
margin: auto;
padding: 3px;
font-size: 11px;
border: 1px solid #939393;
-moz-border-radius: 3px;
width: 500px;
background: #ece5ff;
}
#details_projet strong
{ color: #474747; }
/* DEBUT DIFFUSER CARTE DE VISITE */

/* DEBUT Galerie */
#galerie
{
border: 1px solid #ccc;
margin: 10px;
margin-left: 0px;
padding: 3px;
}
#galerie_scroll
{
height: 110px;
overflow: auto;
}


.accueil_action_div
{ margin-top: 15px; }
.accueil_action_p
{
margin-left: 25px;
padding: 1px;
font-size: 11px;
}
.accueil_action_commentaire_reponse
{
border: 1px solid #3e71a5;
background: #e2ebef;
padding: 3px;
width: 90%;
margin-left: 25px;
}
.accueil_action_commentaire_reponse small
{
display: block;
font-size: 11px;
margin: 5px;
margin-bottom: 7px;
}
.accueil_action_galerie_aimer
{
padding: 5px;
}
.accueil_action_galerie_aimer small
{ display: inline; }

.envoyer_commentaire
{ display: none; }
.envoyer_commentaire input
{
border: 1px solid #204d7c;
background: #c0dbe7;
-moz-border-radius: 2px;
}

#accueil_icones
{
width: 170px;
margin-top: 0;
float: left;
}
.accueil_icones, .accueil_icones_top, .accueil_icones_bottom
{
padding: 5px;
border: 1px solid #ccc;
background: #e6e6e6;
}
#accueil_icones p
{
margin: 0;
}
#accueil_icones img
{
float: left;
}
#accueil_icones span
{
margin-left: 50px;
margin-top: 5px;
}
#accueil_icones input
{
width: 150px;
}
.accueil_icones, .accueil_icones_bottom
{
border-top: none;
}
.accueil_icones_top
{
-moz-border-radius: 3px 3px 0 0;
}
.accueil_icones_bottom
{
-moz-border-radius: 0 0 3px 3px;
}

.accueil_icones a
{ color: #1c3d5e; }

.accueil_deco_shema_partie
{
text-align:center;
width:160px;
}

/* FIN Galerie */

/* CONTENU */
#content
{
margin: 1.5%;
padding: 0.3%;
}

#creer_projet
{
width: 700px;
margin: auto;
font-family: Verdana;
}
#creer_projet h1
{ text-align: center; margin: 10px; }
#creer_projet h2
{
border-left: none;
font-size: 15px;
margin: 7px;
margin-left: 0;
}
#creer_projet h3
{
font-size: 13px;
color: #1a1a1a;
text-decoration: none;
margin: 0;
margin-top: 15px;
margin-bottom: 5px;
padding: 0;
}

/*
#content label
{
font-weight: bold;
display: block;
float: left;
width: 130px;
text-align: right;
margin: 2px;
}
*/


h1
{
font-size: 20px;
color: #4682b4;
font-weight: bold;
margin: 2px;
}

h2
{
color: #3a6fa5;
font-weight: lighter;
font-size: 17px;
border-left: 2px solid #3a6fa5;
padding-left: 3px;
margin: 2px;
}

h3
{
padding-left: 20px;
color: #faa500;
font-size: 14px;
font-weight: lighter;
text-decoration: underline;
}

.commentaires
{
width: 100%;
border-collapse: collapse;
}
.commentaires th
{
background: #d2d2d2;
border: 2px solid gray;
}
.commentaires td
{
border: 1px solid gray;
}

.messages_prives
{
width: 80%;
}

/*=================================================
	BLOCS ACCUEIL
=================================================*/
.top_pj { width: 99%; }
.top_projets, .top_devel, .top_graph, .last_com_membres, .last_com_projets, .fiche_onglet
{
color: #c8c8c8; 
font-family: Sans, Tahoma, "Trebuchet MS", Verdana;
font-size: 18px;
padding-bottom: 4px;
}

.fiche_onglet span { text-decoration: underline; }

.fiche_onglet_coms { font-size: 11px; margin-left: 110px; color: #aaa; }
.fiche_onglet_coms a { color: #757575; }

.top_projets a, .top_devel a, .top_graph a, .fiche_onglet a { color: #ccc; }

.top_projets { background: url('top5projets.png') bottom left no-repeat; }
.top_devel { background: url('top5dev.png') bottom left no-repeat; }
.top_graph { background: url('top5gra.png') bottom left no-repeat; }

.top_projets span, .top_devel span, .top_graph span
{
font-size: 12px;
padding-left: 2px;
}
.top_projets span { color: #c97cdd; }
.top_devel span { color: #9ad262; }
.top_graph span { color: #ffa500; }

.top_dev, .top_gra, .last_com_m, .last_com_p
{
float: left;
width: 49.5%;
}
.top_pj a, .top_dev a, .top_gra a, .last_com_m a, .last_com_p a { text-decoration: none; }

.top_pj a:hover, .top_dev a:hover, .top_gra a:hover, .last_com_m a:hover, .last_com_p a:hover
{
color: #aaa;
text-decoration: underline;
}



/* INFOBULLE */
a.info
{
position: relative;
color: black;
text-decoration: none;
}
a.info span
{
display: none;
}
a.info:hover
{
background: none;
z-index: 500;
cursor: help;
}
a.info:hover span
{
text-align: left;
width: 370px;
display: inline;
position: absolute;
top: 20px;
left: 30px;
background: white;
color: #3a6fa5;
font-size: 12px;
padding: 3px;
border: 1px solid #3a6fa5;
border-left: 4px solid #3a6fa5;
}
/* FIN INFOBULLE */
.top_hg
{
background: url('accueil_h_g.png') left top no-repeat;
padding-left: 15px;
}
.top_hd
{
background: url('accueil_h_d.png') right top no-repeat;
padding-right: 15px;
}
.top_h
{
background: url('accueil_h.png') top repeat-x;
height: 15px;
}

.top_contenu
{
background: #fff;
}
.top_contenu p
{
margin-top: 0;
margin-bottom: 0;
}
.top_g
{
background: url('accueil_g.png') left repeat-y;
padding-left: 15px;
}
.top_d
{
background: url('accueil_d.png') right repeat-y;
padding-right: 15px;
}

.top_bg
{
background: url('accueil_b_g.png') left top no-repeat;
padding-left: 15px;
}
.top_bd
{
background: url('accueil_b_d.png') right top no-repeat;
padding-right: 15px;
}
.top_b
{
background: url('accueil_b.png') top repeat-x;
height: 15px;
}


.onglet
{
height: 29px;
font-size: 12px;
margin-right: 15px;
margin-left: 5px;
padding-bottom: 1px;
border-bottom: 1px solid #dadada;
}
.onglet ul
{ margin: 0; padding: 0; }
.onglet li
{
float: left;
border: 1px solid #dadada;
border-bottom: none;
background: #daddee;
padding: 5px;
list-style-type: none;
margin-left: 5px;
margin-top: 4px;
}
.onglet li a
{
font-weight: bold;
text-decoration: none;
color: #6179ad;
}
.onglet .active
{
font-weight:bold;
border-bottom: 1px solid #fff;
background: #fff;
padding: 7px;
margin-top: 0px;
}
.onglet .active a
{ color: #4c4c4c; }

.actions_pj
{
margin: 10px;
font-weight: bold;
padding-left: 10px;
}
.actions_pj a
{ text-decoration: none; font-weight: bold; }

/*=================================================
	FIN BLOCS ACCUEIL
=================================================*/

table
{
border-collapse: collapse;
width: 100%;
margin-top: 15px;
}
/*
.recherche label, .mon_compte label
{
font-weight: bold;
font-size: 12px;
}
.recherche label:hover, .mon_compte label:hover
{ cursor: pointer; text-decoration: underline; }
*/

.top thead th, .top tbody td
{
background: none;
padding: 0px;
padding-bottom: 5px;
}
.top td
{ font-weight: bold;  }

.upload
{
width: 200px;
background: #ebf0fb;
text-align: center;
margin: 15px;
}
.upload a
{
text-decoration: none;
font-size: 13px;
color: #3a6fa5;
}

thead th
{
text-align: center;
padding: 9px;
font-size: 13px;
}
tbody th
{
background: #aaa;
text-align: left;
text-indent: 20px;
}
tbody td
{
padding-left: 15px;
}

.date:first-letter
{ text-transform: capitalize; }
.pages
{
text-align: center;
padding-left: 60px;
font-size: 13px;
font-weight: bold;
}
.pages a
{
color: blue;
text-decoration: none;
font-size: 12px;
border: 1px solid #e5e5e5;
background: #ededed;
padding: 5px;
}

.annuaire_gauche
{
width: 49%;
float: left;
}
.annuaire_droite
{
width: 49%;
margin-left: 50%;
}
.annuaire_gauche li, .annuaire_droite li
{
padding-left: 18px;
margin-bottom: 8px;
}
.annuaire_gauche a, .annuaire_droite a
{
text-decoration: none;
font-weight: bold;
}
.annuaire_liste
{
background: url('annuaire_liste.png') no-repeat;
}
.annuaire_liste2
{
background: url('annuaire_liste2.png') no-repeat;
}
.annuaire_lien_fiche
{
padding-left: 18px;
background: url('annuaire_site.png') no-repeat;
font-size: 14px;
}
.annuaire_lien
{
padding-right: 18px;
background: url('lien_go.png') no-repeat right;
color: #99cd30;
font-size: 12px;
}

.pub
{
border: 1px solid #4682b4;
}
.pub legend, .pub a
{
color: #4682b4;
font-weight: bold;
}

#nfpersos
{
width: 50%;
float: left;
padding-top: 10px;
}
#infospersos p 
{ margin: 0; }
/*
#infospersos label
{
display: block;
float: left;
width: 130px;
text-align: right;
font-weight: bold;
margin: 3px;
}
*/
#infospersos input
{ margin: 3px; }

#infospersos_boutons
{ margin-left: 15px; }
/*
#infospersos_boutons label
{ color: blue; width: 65px; }
#infospersos_boutons label:hover
{ cursor: pointer; }
*/
#infospersos_boutons p
{ margin-top: 3px; }

.membre_best_pj
{
width: 49%;
border: 1px solid #c0c0c0;
float: left;
margin-left: 5px;
margin-top: 5px;
background: #f2f2f2;
}
.membre_best_pj p
{
padding: 5px;
margin: 5px;
}
.membre_float_droite
{
border-left: 1px solid #ccc;
margin-left: 5px;
width: 25%;
float: right;
}

#membre_actions p
{
padding: 5px;
}
.membre_actions
{
padding: 5px;
margin: 15px;
clear: left;
}

.membre_fiche span
{
float: left;
width: 130px;
color: gray;
font-weight: lighter;
}
.membre_fiche
{
clear: left;
padding: 0px;
}

.presentation_formulaire_label p
{
margin: 5px;
margin-top: 15px;
}

.presentation_formulaire_label label
{
display: block;
padding: 3px;
font-size: 12px;
width: 250px;
color: #000;
font-weight: bold;
}
.presentation_formulaire_label label:hover
{
cursor: pointer;
}

#infospersos_boutons p
{
margin: 2px;
}
#infospersos_boutons label
{
margin: 2px;
padding: 2px;
display: inline;
background: none;
color: #000;
border: none;
}

.presentation_formulaire_input
{
width: 250px;
height: 16px;
font-size: 14px;
padding: 3px;
}

.details_projet
{
cursor: pointer;
}
.details_projet .infobulle_projet
{
display: none;
}

.details_projet:hover .infobulle_projet
{
display: inline;
position: absolute;
background: white;
padding: 3px;
border: 1px solid #ccc;
border-left: 4px solid #ccc;
}

.membre_pj_reco_mini a
{ display: block; text-decoration: none; color: #000; margin-bottom: 10px; }
.membre_pj_reco_mini span
{ color: blue; }

#carte_visite
{
width: 297px;
background: url('carte_visite.png') no-repeat top left;
font-size: 0.85em;
padding-top: 35px;
margin-bottom: 0px;
}
#carte_visite ul
{
list-style-type: circle;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
background: #f0f0f0;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 0px;
padding-left: 20px;
}
/* FIN CONTENU */

/* PIED DE PAGE */
#piedpage
{
text-align: center;
background: #f2f2f2;
padding: 5px;
}
#piedpage p
{
padding: 0;
margin: 0;
}
#piedpage a
{
text-decoration: none;
}
/* FIN PIED DE PAGE */