/* CSSTidy 1.2beta: Tue, 09 May 2006 16:25:30 +0200 */
html	{font-size: 100%;}

body {
background:#fff url('http://or.lcpc.fr/orcom/images/fond_vert.png') repeat-x;
font:100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
margin:0;
padding:0;
}

#container {
width:1000px; /* mis le 15/06/2006 pour patrice. */
max-width:1000px;
}

#bottomcontent {
clear:both;
color:#000;
margin-bottom:1.25em;
position:relative;
top:1.25em;
width:80%
}

#leftcontent {
background:#fff;
border-bottom:0.06em solid #000;
border-right:0.06em solid #000;
float:left;
margin-right:-0.1em;
padding-bottom:1.25em;
width:730px;
max-width:740px;
min-width:730px;
height:80%;
}

html>body #leftcontent {
margin-right:0em;
}

html>body #leftcontent {
height: auto;
min-height: 33em;
}

#leftcontent h1 {
margin:0 0 .5em .5em;
padding-top:0.3em;
text-decoration:underline;
}

#leftcontent h2 {
margin:.75em 0 .1em 1.5em
}

#leftcontent h3 {
background:#ddd;
color:#00e;
font-weight:normal;
font-size:.8em;
margin-left:1.5em;
width:500px;
}
span.afficher {
	color:#000;
	cursor:pointer;
	text-decoration:underline;
}

#leftcontent label {
display:inline;
float:left;
margin-left:.2em;
width:16.5em
}

#leftcontent p {
margin:0 1em 0.5em 3em;
text-align:justify;
font-size:.7em;
}
p {
color:#000;
}

#leftcontent span.groupe {
color:#008
}

#leftcontent span.info {
color:#00f
}

#leftcontent span.responsable,#leftcontent span.groupe {
font-size:.9em;
}

#leftcontent span.responsable {
color:#f00;
}

#login h1 {
color:#ffd
}

#login input.text {
font-size:1em;
width:12em
}

#login span.connecte {
color:#00f;
text-decoration:underline
}

#login span.erreur,#leftcontent span.erreur {
color:#e00
}

#login span.erreur,#login span.info {
font-size:.6em
}

#login span.info {
color:purple;
font-weight:700;
margin:.25em 0
}

.navlist {
list-style:none;
margin:0;
padding:0;
}

.navlist a:visited {
color:blue
}

.navlist li {
background:url(/orcom/images/listes/arrow.gif) no-repeat 0 .5em;
font-size:.7em;
line-height:1.15em;
margin-bottom:.2em;
padding-left:0.63em;
}

ul.navlist li ul.navlist li {
font-size:100%
}

.navlist li a#current {
background:#fff;
color:#000;
font-weight:700
}

#rightcontent #login {
background:#8ADCFF;
border-bottom:1px solid #000;
border-right:1px solid #000;
margin:0;
padding-bottom:.5em;
padding-top:0em;
width:260px;
}

#rightcontent h1 {
color:#000;
font-style:italic;
margin:0 0 0.15em;
padding-top:0
}

#rightcontent p {
margin-left:2em
}

* {
margin:0;
padding:0
}

.bold {
font-weight:700
}

a{
font-weight:normal;
}

a.special:hover {
background:#FFF;
color:blue
}

a.special:link,a.special:visited {
color:green
}

a:active {
color:#FF0;
text-decoration:none
}

a:hover {
background:#ffc;
color:red;
text-decoration:none
}

a:hover img {
background:#fff
}

a:link {
color:blue;
text-decoration:underline
}

a:visited {
color:navy;
text-decoration:underline
}

div.hr {
background:url(/orcom/images/hr1.gif) no-repeat center;
height:0.94em;
margin:0 0 .5em
}

div.hr hr {
display:none
}

form {
margin:0
}

h1 {
font-size:1em;
font-weight:normal;
}

h2 {
font-size:.8em
}

img {
/*display:inline-block;*/
vertical-align:middle
}

a img,a:hover img {
border:0;
}

input.bouton {
border:0.06em outset #ffc;
cursor:pointer;
font-size:.7em;
font-weight:700;
margin-top:.2em;
width:auto
}

input.bouton:active {
background:red;
border:0.06em inset red;
color:#FFF
}

input.bouton:hover {
background:#ffc;
border-color:#00f
}

input.text,input.text2,select,textarea {
background:#FFF;
border:0.06em solid #BAB8A4;
border-bottom:0.06em solid #e7e7ef;
border-right:0.06em solid #e7e7ef;
}

textarea {
width:25em;
}

input.text,input.text2,select {
/* width:10em; trop petit - modif loïc le 27/09/2006*/
width:14em;
}

input.text2,select {
font-size:.9em;
margin-bottom:.2em;
}

input.text:focus,input.text2:focus,select:focus {
background:#E4F5FA
}


p,a.special {
font-size:.8em
}

span.small,span.connecte,.cadre_bordure p,#leftcontent span.erreur,#leftcontent span.info,label,span.afficher {
font-size:.7em;
font-weight:normal;
}

table.login,table.menulogin,table.selec_groupes,table {
border:0;
border-collapse:collapse;
margin:0;
padding:0;
width:245;
}
table.nouvelles_evenements {
width:96%;
margin:.5em .5em .5em .5em;
background:#fff;
border:1px solid #000;
font-size:.7em;
}
table.nouvelles_evenements tr.titre td {
border:1px solid #00e;
font-size:1.1em;
}
table.nouvelles_evenements tr.titre:hover, table.nouvelles_evenements tr.titre {
background:#eef;
cursor:auto;
}
table.nouvelles_evenements tr.prive {
color:#f00;
}
table.nouvelles_evenements tr.public {
}
table.nouvelles_evenements tr.prive,table.nouvelles_evenements tr.public {
cursor:pointer;
}
table.nouvelles_evenements tr.prive:hover,table.nouvelles_evenements tr.public:hover {
background:#eee;
color:#00e;
}
table.nouvelles_evenements tr.text td {
font-size:1.5em;
}
table.nouvelles_evenements tr.text:hover {
background:none;
cursor:auto;
}

#arborescence {
margin:0;
padding:0;
color:#000;
}
#arborescence div.dossier {
padding:.2em;
margin:.1em 0 0 .5em;
display:none;
width:90%;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
}
#arborescence div.dossier div.dossier {
padding:.2em;
margin:.1em 0 0 .5em;
width:95%;
border-right:1px solid #bbb;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
}
#arborescence p {
font-weight:normal;
font-size:.7em;
color:#000;
margin:0;
padding:0;
}
#arborescence div.racine {
margin:0 0 0 .5em;
}
#arborescence div.racine div.dossier span.dossier {
font-weight:normal;
}
#arborescence span.fichier {
}
acronym {border-bottom: 1px dashed #000;cursor:help;}

#rightcontent .validation-advice {
	width:15em;
	font-size:.55em;
}

#righcontent .form-row {
clear:none;
padding:0;
margin:0;
}

#righcontent .form-row input {
padding:0;
margin:0;
}

.validation-advice {
	margin:0px;
	padding: 0px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:.6em;
	width:50%;
	border:1px solid #000;
}

#login .validation-advice {
font-size:.8em;
}

.form-row {
	clear: both;
	padding: .2em;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
div.infos_membres {
	border-left:3px solid blue;margin-left:1.2em;width:70%;
}
div.utils {
	margin-right:2em;background:#FFE6BF;color:#000;font-size:.8em;border-right:.5em solid #bbb;padding-right:1em;text-align:right
}

.purple {
color:purple;
}

.italic {
font-style:italic;
}
#lefcontent p.left {
text-align:left;
}

#leftcontent #page {
font-size:70%;
margin-left:25px;
}

#leftcontent #page img {
/*border:1px solid #000;*/
margin:.3em;
padding:.1em;
max-width:660px;
}

#leftcontent #page h1 {
font-size:1.4em;
margin-left:-1.6em;
}

#leftcontent #page h2 {
font-size:1.25em;
margin-left:-1.2em;
}

#leftcontent #page p {
font-size:.95em;
margin-left:0em;
}

.orange {
color:#FF9900;
}

span.explication, span.ok, span.aff_erreur {
  display:block;
  font-size:60%;
  margin:.5em 10em .5em 5em;
  border: 1px solid gray; /* Pas besoin d'expliquer */
  padding: 2px;           /* Ne pas coller le TEXTE à la bordure */
  padding-left: 40px;     /* Pour que le texte ne soit pas SUR l'icône (image de fond) */
  min-height: 18px;       /* Au cas où le texte est plus petit : afficher l'icône en entier (2*4+32)... */
  vertical-align: middle; /* ... et centrer le texte verticalement */
}

span.aff_erreur {
background: url('/orcom/images/icones/erreur.gif') #FFAA90; /* Si on définit une propriété background alors il faut définir toutes les autres :   */
	background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */
	background-position: 4px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */
}
span.explication {
	background: url('/orcom/images/icones/lampe.png') #DDDDDD; /* Si on définit une propriété background alors il faut définir toutes les autres :   */
	background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */
	background-position: 4px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */
}

span.ok {
	background: url('/orcom/images/icones/ok.gif') #FFE6BF; /* Si on définit une propriété background alors il faut définir toutes les autres :   */
	background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */
	background-position: 4px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */
}



a.stroke:hover { text-decoration:line-through; }

.affichersud, .cachersud {
cursor:pointer;text-decoration:underline
}
.affichersud { color:blue; }
.cachersud {color:red;}
.aide {font-size:.6em}
.textecentre {text-align:center;}
.textegauche {text-align:left;}
.bordure1pxdroite {border-right:1px solid #000;}
.bordure2pxdroite {border-right:2px solid #000;}
.vertpublic {color:#0a0}
.rougeprive {color:#f00}
.finalise {color:#00f}
.brouillon {color:purple}
.font130 {font-size:130%}
.font120 {font-size:120%}
.font90 {font-size:90%}
.font80 {font-size:80%}
.font70 {font-size:70%}
.font60 {font-size:60%}
.finalisenolink {color:#000}
table.tab50 {width:50%}
table.tab70 {width:70%}

/***********************/
/* Textarea de gestion des modèles */
/***********************/
textarea.actif {
   background-color: #FFF;
}

textarea.bloque {
   background-color: #FA7A7A;
}

.formtdgroupe {
border-right:2px solid #24b300;padding-left:2em;vertical-align:top;padding-right:1em;
}

#menumembre, #outils, #outilsadmin, #menu, #login_form {
padding-left:.25em;
}

#rightcontent #outils, #rightcontent #outilsadmin {
margin:0;
padding-bottom:.2em;
}

#rightcontent #outils {
background:#ddf5ff;
}

#rightcontent #outils a:link, #rightcontent #outils a:visited {
color:navy;
}

#rightcontent #outilsadmin {
background:#fff;
}

#rightcontent #outilsadmin a:link,#rightcontent #outilsadmin a:visited {
color:green;
}
.nouvelle_groupes,.evenement_groupes { border-bottom:1px dashed #00f;}

.gerer_membre, .gerer_groupe {
border-bottom:1px solid #24b300;
padding:.2em;
margin-bottom:.2em;
font-size:.9em;
margin-left:4em;
margin-right:20em;
width:60%
}

.gerer_membre:hover, .gerer_groupe:hover {
background:#ccffbf;
border-left:1px solid #000;
}

.gerer_membre:hover span.nom_membre, .gerer_groupe:hover {
font-weight:bold;
}

.div_form_dossiers {
margin-top:1em;
padding:.5em;
margin-right:5em;
margin-left:1em;
margin-bottom:1em;
border:1px solid #aaa;
font-size:90%;
}

div.liste_fichiers {
text-align:left;margin-top:.8em;font-size:.7em;
}

div.ligne_fichier {
background:#eee;margin-bottom:2px;border-bottom:1px solid #888;
}

div.ligne_fichier:hover {
background:#fff;border-bottom:1px solid #eee;font-style:italic;cursor:default;
}


div.liste_fichiers div.div_form_dossiers {
font-size:110%;
}

.div_form_dossiers span.small {
font-size:80%;
}

.FFE6BF { background:#FFE6BF; }

.FFCC80 { background:#FFCC80; }

.FFE6E6 { background:#FFE6E6; }

.contenu_nouvelle_evenement {
	font-size:75%;margin-left:.5em;border-left:2px solid #555;padding-left:.5em;padding-bottom:.5em;margin-bottom:.1em;
}

.contenu_nouvelle_evenement ol li {
list-style:decimal;
margin-left:1.75em;
padding:0;
}

.contenu_nouvelle_evenement ul li {
list-style:disc;
margin-left:1.75em;
padding:0;
}

.descr_fichier { font-size:70%;background:#fff;padding:.3em;border-bottom:2px solid #888;margin:.2em; }

div.mini_dossiers {margin-left:1em;font-size:130%}

div.mini_dossiers div.mini_dossiers {font-size:100%}

h4 {
	font-size:120%;
	color:#B36B00;
	border-bottom:2px dashed #000;
	margin-bottom:2px;
	}

p.rouge {
border-left:20px solid #FFCC80;
text-align:justify;
}

a.info{
    position:relative;
    z-index:24;
    text-decoration:none}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{
/*le contenu de la balise span ne
sera visible que pour l'état a:hover */
 display:block;
 position:absolute;
    top:-40px; left:-210px; width:200px;
    border:1px solid #00CC00;
    background-color:#BFFFBF; color:#000;
    font-weight:none;
    padding:1px;
    }

.bigform {font-size:200%}

.message_erreur, .message_succes {margin:20px;text-align:center;font-weight:bold;}

.message_erreur {border-top:2px solid #000;padding:15px;border-bottom:2px solid #000;color:#000;background:#fff url('http://or.lcpc.fr/orcom/images/fond_erreur.png') repeat-x;}

.message_succes {border-top:2px solid #000;padding:15px;border-bottom:2px solid #000;color:#000;background:#fff url('http://or.lcpc.fr/orcom/images/fond_succes.png') repeat-x;}

/* corrections paragraphes <p> BUGS dans nouvelles evenements */
#leftcontent div.domtab div.sousdomtab table.nouvelles_evenements tr.text td div.contenu_nouvelle_evenement p {
	font-size:11px;margin:0;padding:0;
}

/* corrections listes imbriquées */
#archives .groupe .messages .message .contenu_message ul li ul,#archives .groupe .messages .message .contenu_message ol li ol,
#archives .groupe .messages .message .contenu_message ul li ol,#archives .groupe .messages .message .contenu_message ol li ul,
#leftcontent table.menulogin #page ul li ul, #leftcontent table.menulogin #page ol li ol,
#leftcontent table.menulogin #page ul li ol, #leftcontent table.menulogin #page ol li ul,
#leftcontent div.domtab div.sousdomtab table.nouvelles_evenements tr.text td div.contenu_nouvelle_evenement ul li ul, #leftcontent div.domtab div.sousdomtab table.nouvelles_evenements tr.text td div.contenu_nouvelle_evenement ol li ol,
#leftcontent div.domtab div.sousdomtab table.nouvelles_evenements tr.text td div.contenu_nouvelle_evenement ul li ol, #leftcontent div.domtab div.sousdomtab table.nouvelles_evenements tr.text td div.contenu_nouvelle_evenement ol li ul,
#leftcontent div div #page ul li ul, #leftcontent div div #page ol li ol,
#leftcontent div div #page ul li ol, #leftcontent div div #page ol li ul {
margin-left:25px;
}

/* correction marges des listes dans une page */
#archives .groupe .messages .message .contenu_message ul,
#archives .groupe .messages .message .contenu_message ol,
#leftcontent table.menulogin #page ul,
#leftcontent table.menulogin #page ol,
#leftcontent div div #page ul, #leftcontent div div #page ol {
margin-left:25px;
}

#envoi_message {font-size:80%;}
#selec_groupes { margin-top:5px }
#destinataires_form {font-size:110%;width:250px;border:1px solid #8ADCFF}
#destinataires_form:hover {border-color:#00f}
#destinataires {}
#message {margin-top:5px;}
#selec_groupes span.explication { font-size:80%;text-align:left }

.form_input { border:1px solid #8ADCFF}
input.form_input:focus { background:#ddf5ff;border-color:#00f }

table.selec_groupes td { border-right:2px solid #24b300;padding-left:15px;vertical-align:top;padding-right:15px;width:155px;text-align:left }

/* archives messages */

#archives .groupe {width:95%;margin:0 0 5px 0;padding:25px 0 0 0}

#archives .groupe .messages {font-size:80%;margin-left:25px}

/* header général pour un tableau de messages archivés */
#archives .groupe .messages .entete_tab {background:#9aff80;color:#24b300;font-weight:bold;border-bottom:2px solid #000;}

#archives .groupe .messages .entete_tab .date {float:left;width:20%}

#archives .groupe .messages .entete_tab .sujet {width:80%}
/* fin header général */

#archives .groupe .messages .message {clear:both;font-size:95%;}

/* spécialement pour les messages lorsqu'on passe la souris par dessus mais pas les headers de tableau */
#archives .groupe .messages .message .entete { border-bottom:1px solid #ddf5ff;margin:0;padding:0;height:16px; }

#archives .groupe .messages .message .entete:hover { border-color:#88f;}

#archives .groupe .messages .message .entete .date {float:left;width:20%;height:100%;background:#ddf5ff;color:#88f}

#archives .groupe .messages .message .entete .sujet {float:left;width:75%;height:100%;}

#archives .groupe .messages .message .entete .sujet:hover {background:#88f;color:#fff;}

#archives .groupe .messages .message .entete .action {width:5%}

#archives .groupe .messages .message .contenu_message {clear:both;padding:1px 1px 1px 15px;border-left:5px solid #88f;margin-bottom:5px}

#archives h3 {font:normal;background:#fff;margin:0 0 0 10px;padding:0;color:#000;font-size:105%;letter-spacing:2px;font-weight:bold}

#archives h3:hover {color:#8ADCFF;}

#archives hr {padding:0;margin:10px auto 10px auto;width:20%;height:3px;background:#8ADCFF;border:0;}

#archives .groupe span.aucun {margin-left:50px;color:#aaa;font-size:80%;border-bottom:1px dashed #eee;letter-spacing:3px;}

.pointer { cursor:pointer}

#archives .groupe .messages .message .contenu_message p { margin:0;padding:0;font:normal;font-size:100%; }

a.novisited:visited {color:blue;}

#chemin {font-size:80%;margin:10px 0 10px 10px;background:#ccc;}

#chemin a#current {
text-decoration:none;
color:#000;
font-weight:bold;
}

ul#navrapide {
	margin:10px 0 10px 0;
	padding-left: 0;
	display: inline;
	}

ul#navrapide li {
	padding: 2px 15px 5px;
	border: 1px solid #000;
	list-style: none;
	display: inline;
	}
ul#navrapide li:hover {
background:#852800;
border-color:#fff;
cursor:pointer;
}
ul#navrapide a,ul#navrapide a:visited { color:#000;text-decoration:none}
ul#navrapide a:hover { color:yellow;}
ul#navrapide.small {
	font-size:95%;
	margin:5px 0 5px 0;
}
ul#navrapide.small li {
	padding: 1px 7.5px 2.5px;
}



/* BLEUS :
#ddf5ff clair

#8ADCFF moyen

#88f foncé
*/