/* Définitions générales */
body{
background-color:#fff;
color:#000;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin:0.5em;
padding:0;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
}

img{
border: 0;
}

acronym.premier{
cursor:help;
border-bottom:1px dotted #693;
}

code,pre{
color:#297700;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #a2c2e1;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#693;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:small;
color:#000;
background-color:#d6e1ec;
}

caption{
margin:0;
padding: 0;
color:#fff;
background-color:#f90;
font-weight:bold;
font-size: 1.5em;
}


label{
width: 150px;
text-align: right;
}

input{

}

thead{
background-color:#d6e1ec;
color:#693;
}

table{
margin-top:0;
}

table,td{
border-collapse:collapse;
border:1px solid #693;
padding:0.2em;
}

:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}

/**********************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}

/* Définitions des éléments dans l'ordre du code XHTML */
#page{
color:#000;
background-color:#fff;
}

#identification{
position:absolute;
right:22%;
top:0.1em;
text-align:center;
margin: 0;
width: 57%;
background-color: #efe;
}
#identification a{
text-decoration: none;
color: #000;
}
#identification a:hover{
text-decoration: none;
color: #f60;
}

#moteur{
position:absolute;
right:0.2em;
top:0.1em;
text-align:right;
}

#moteurint label{
display:block;
text-align:left;
color:#c60;
background-color:#fff;
font-weight:700;
}

#moteur input.champs ,#texte #moteurint input.champs{
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:10em;
}

#moteur input.valid,#texte #moteurint input.valid{
background-color:#f90;
background-image:url("ok.png");
background-position:bottom;
background-repeat:repeat-x;
border-color:#c60;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#moteur input.valid:hover,#texte #moteurint input.valid:hover{
background-color:#fc9;
background-image:url("oksurvol.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #693;
color:#fff;
}

#moteur input.valid:active, #texte #moteurint input.valid:active{
background-color:#9cf;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}

#accueil{
margin-bottom:1em;
}

#accueil ul{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:0;
}

#accueil li{
border-bottom:1px solid #d6e1ec;
list-style:none;
margin:0;
}

#accueil a{
display:block;
text-decoration:none;
color:#693;
background-color:#fff;
padding-left:1em;
}

#accueil a:hover{
background-color:#efe;
color:#360;
}

#sectionmenus{
left:1%;
position:absolute;
top:0;
width:17%;
overflow:hidden;
}

#sectionmenus h1{
margin: 0.1em;
text-align: center;
font-size: 18px;
color: #f60;
font-style: italic;
border: 3px solid #f60;
}

.menu{
color:#655f4b;
background-color:#fff;
}

.menu h2{
border-color:#690;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin: 0 0 0 -2em;
padding:0;
text-transform:uppercase;
}

.menu h2:first-letter{
color:#360;
background-color:transparent;
}

.menu h3{
	margin: 0;
}
.menu h4{
	margin: 0;
}
.menu h5{
	margin: 0;
}
.menu ul{
margin-bottom:0.1em;
margin-top:0em;
}

.menu li{
display:inline;
list-style:none;
}

.menu a{
color:#f60;
background-color:transparent;
display:block;
font-weight:700;
margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

.menu a:hover{
background-color:#ffecce;
color:#f60;
}

#position{
color:#360;
background-color:transparent;
margin:1.5em 0 0 0;
padding:0;
}

#position ul{
margin:0;
padding:0;
}

#position li{
border:0;
font-variant: small-caps;
display:inline;
margin:0 0 0 0.1em;
padding:0 0 0 0.1em;
}

#position li a{
background-color:transparent;
color:#360;
text-decoration:none;
}

#position a:hover{
background-color:#efe;
color:#693;
text-decoration:none;
}
#ours{
color:#360;
background-color:transparent;
margin:0 3% 0 21%;
padding:0 0 1em 0;
}

#ours ul{
margin-left:0;
padding-left:0;
}

#ours li{
border-right:1px solid #360;
display:inline;
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;
}

#ours li.dernier{
border:0;
}

#ours a{
background-color:transparent;
color:#f60;
}

#ours a:hover{
background-color:#efe;
color:#693;
text-decoration:none;
}

/* Page d'accueil */
#texteaccueil{
margin:0 0 2em 20%;
}

#texteaccueil h2{
font-family:Georgia,"Times New Roman",Times,serif;
font-size:medium;
font-weight:700;
}

#texteaccueil h3{
color:#690;
background-color:transparent;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:small;
font-weight:700;
}

#intro{
margin-top: 3em;
float:right;
margin-left:1em;
width:30%;
}

.annexe{
border:1px solid #360;
margin:0.3em 0;
padding:0 0.2em 0.2em 0.2em;
}

.annexe h2{
background-color:#efe;
border-color:#360;
border-style:solid;
border-width:0 1px 1px 1px;
color:#693;
margin:0 0 0.5em 0;
padding:0.2em 0.2em 0.2em 0.2em;
width:90%;
}

.annexe p{
margin:0;
}

.annexe a{
color:#f60;
background-color:transparent;
}

.annexe a:hover{
color:#693;
background-color:transparent;
}

#contenu{
margin-bottom:2em;
padding:0 2%;
voice-family:"\"}\"";
voice-family:inherit;
width:63%;
}

html>body #contenu,html>body .extensions{
width:63%;
}
.extensions{
  width:63%;
  background: #fc9;
  padding: 0 1% 1% 1%;
  border: 1px solid #f90;
}
.extensions h2{
background-color:#fec;
border-color:#f90;
border-style:solid;
border-width:0 1px 1px 1px;
color:#f60;
margin:0 0 0.5em 0;
padding:0.2em 0.2em 0.2em 0.2em;
width:90%;
}
#contenu h1{
margin:0.1em;
border-bottom:2px solid #360;
color:#360;
font-size:1.5em;
background-color:transparent;
padding:0 0 0.2em 0;
}

#contenu h2{
border-bottom:2px solid #693;
color:#693;
font-size:large;
background-color:transparent;
padding:0 0 0.2em 0;
}

#contenu h3{
margin:0;
color:#f60;
background-color:transparent;
}

#contenu s{
color:#fc0;
}

#contenu h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
}

#contenu p,#extensions p{
margin:0 0 2em 0;
}

#contenu a{
background-color:transparent;
color:#f60;
}

#contenu a:hover{
color:#693;
background-color:transparent;
text-decoration:none;
}
#warning{
color:#F00;
background-color:transparent;
font-weight:700;
}

#valid{
color:#090;
background-color:transparent;
font-weight:700;
}

.warning{
color:#F00;
font-weight:700;
border: 1px solid #F00;
padding: 0 3px 0 16px;
font-size: 12px;
margin: 3px 0;
background: #FEE url("/bureau_virtuel/img/icones/exclamation.png") no-repeat left top;
}

.valid{
color:#090;
background-color:transparent;
font-weight:700;
}

.information{
color:#009;
background-color:transparent;
font-weight:700;
}

#contenu th{
border-right:#9c6 2px solid;
border-bottom:#360 2px solid;
border-top:#9c6 2px solid;
border-left:#360 2px solid;
background-color: #eeffee;
color: #360;
}


#formu{
text-align:right;
border: 1px solid #360;
padding: 5px;
background: #efe;
width: 100%;
}

#formu label{
display:block;
text-align:left;
color:#c60;
background: #efe;
font-weight:700;
width: auto;
}

#formu select.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

#formu textarea.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

#formu input.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

#formu input.valid {
background-color:#f90;
background-image:url("ok.png");
background-position:bottom;
background-repeat:repeat-x;
border-color:#c60;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

#formu input.valid:hover{
background-color:#fc9;
background-image:url("oksurvol.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #693;
color:#fff;
}

#formu input.valid:active{
background-color:#9cf;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}

#formu legend{
background-color:#fc9;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #693;
color:#000;
font-weight: bold;
font-variant: small-caps;
}


.formu{
text-align:right;
border: 1px solid #360;
padding: 5px;
background: #efe;
width: 100%;
}

.formu label{
display:block;
text-align:left;
color:#c60;
background: #efe;
font-weight:700;
width: auto;
}

.formu select.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

.formu textarea.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

.formu input.champs {
color:#333;
background-color:#fff;
background-image:url("champs.png");
background-position:top;
background-repeat:repeat-x;
border:1px solid #999;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:100%;
}

.formu input.valid {
background-color:#f90;
background-image:url("ok.png");
background-position:bottom;
background-repeat:repeat-x;
border-color:#c60;
border-style:solid;
border-width:1px;
color:#fff;
cursor:pointer;
font-weight:700;
text-align:center;
}

.formu input.valid:hover{
background-color:#fc9;
background-image:url("oksurvol.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #693;
color:#fff;
}

.formu input.valid:active{
background-color:#9cf;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #9cb4ce;
color:#fff;
}

.formu legend{
background-color:#fc9;
background-image:url("okclic.png");
background-position:bottom;
background-repeat:repeat-x;
border:1px solid #693;
color:#000;
font-weight: bold;
font-variant: small-caps;
}

.select_recherche{
border:1px solid #693;
background-color:#eee;
text-align: left;
padding: 0;
margin: 0;
}
.select_recherche ul{
padding: 0;
margin: 0;
}
.select_recherche li{
list-style:none;
padding: 0;
margin: 0;
}

#arbo{
position:relative;
text-align:right;
border: 1px solid #360;
padding: 5px;
background: #efe;
width: 100%;
}
#arbo th{
	text-align: center;
	font-variant: small-caps;
	border: 0;
	border-bottom: 2px solid #360;
}
#arbo tr{
	border-top: 1px solid #ccc;
}
#arbo td{
	border:0;
}

.repertoire{
color:#f90;
background-color:transparent;
margin:0;
padding:0;
}

.repertoire ul{
margin:1px;
padding:0;
}

.repertoire li{
font-variant: small-caps;
display:inline;
margin:1px;
padding:0;
font-size:90%;
}

.repertoire li a{
background-color:#efe;
color:#360;
text-decoration:none;
}

.repertoire a:hover{
background-color:transparent;
color:#693;
text-decoration:none;
}

#calendrier{

}
#calendrier td{
text-align: center;
font-size: 120%;
line-height: 10px;
padding: 0;
}
#calendrier a{
text-decoration: none;
font-weight: bold;
}
#calendrier a:hover{
text-decoration: none;
}
#calendrier th{
text-align: center;
background-image:url("okclic.png");
background-position:top;
background-repeat:repeat-x;
padding: 0;
}
#calendrier img{
vertical-align: middle;
}
#calendrier .jour{
background-color:#efe;
color:#f90;
border-left: 0;
}
#calendrier .jour_encours{
background-color: #f90;
color: #000;
border-left: 0;
}
#calendrier .jour_aujourdhui{
background-color: #360;
border-left: 0;
}
#calendrier .jour_aujourdhui a{
color: #fff;
}
#calendrier .jour_aujourdhui a:hover{
color: #f90;
}
#calendrier .jour_inexistant{
background-color: #eee;
}
#calendrier .jour_plages{
  border-right: 0;
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 5px;
}
#calendrier .jour_plages div{
cursor: help;
width: 5px; 
height: 5px;  
font-size: 1px;
}
#calendrier .semaine{
background-color: #efe;
}
.info{
background-color: transparent;
color: #000;
font-size: 90%;
border: 0;
padding: 10px 20px 40px 10px;
background-image:url("postit.png");
background-position:bottom right;
background-repeat:no-repeat;
}
.points{
  border: 5px dotted #f00;
  text-align: center;
  font-size: 24px;
  color: #f00;
  padding: 20px 0;
}
.colorpicker{
  display: block;
  height: 256px;
  width: 100%;
  text-align: left;
}
div#wheel {
  position: absolute;
  visibility:visible; 
  width: 256px; 
  height: 256px;
  clear: both;
  padding: 10px;
}
div#picker {
  position: absolute;
  width: 100px; 
  height: 256px; 
  padding: 0 10px;
  margin: 10px;
  background: #000;
  border: 1px solid #000;
  margin-left: 280px;
}

.agenda_jours_rdv{
 background-color: #cfc;
 vertical-align: top;
 white-space: normal;
 clear: none;
 margin: 0;
 line-height: 14px;
}
.agenda_jours_surrdv{
 vertical-align: top;
 display: block;
 clear: both;
 color: #06c;
 width: 100%;
}
.agenda_semaine_surrdv{
 background-color: #fec;
 vertical-align: top;
 display: block;
 clear: both;
 height: 100%;
 margin: 3px;
 border: 1px solid #060;
 padding: 0 2px 0 0;
}
.agenda_semaine_surrdv_aconfirmer{
 background-color: #fca;
 vertical-align: top;
 display: block;
 clear: both;
 height: 100%;
 margin: 3px;
 border: 1px solid #060;
 padding: 0 2px 0 0;
}
.agenda_jours_surrdv .categorie_indicator{    
    width: 8px;
    height: 8px;
    margin: 5px;
    border: 1px solid #000;
    display: block;
   float: left;
}
.agenda_jours_rdv_aconfirmer{
 background-color: #fec;
 vertical-align: top;
}
.agenda_jours_indisponible{
 background-color: #ccc;
}

.periode_masq{
  height: 16px;
  display: block;
  overflow: hidden;
  background: #ccc;
  border: 1px solid #000;
}
.periode_aff{
  background: #aaa;
  border: 1px solid #000;
  color: #fff;
  font-weight: bold;
 }
 
 .periode_masq table{
  background: #fff;
  color: #000;
}
.periode_aff table{
  background: #fff;
  color: #000;
 }
 
#contenu caption a{
color:#fff;
text-decoration: none;
}