*, html { 
	margin:0; 
	padding:0; 
	border:0; 
	font-size:100%;
	font-family: arial, verdana;
}

body {
	font-size:0.75em;
	font-weight:bold;
	color:#338;
	text-decoration:none;
	line-height: 1.5em;; 
}
/***********************************************************************
 * Le bandeau
 */
div#bandeau {
	background-color:#080008;
}

div#bandeau img{
	display:block;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}

/***********************************************************************
 * Le menu
 */
div#menu{

	padding:0.2em;
	padding-left:2.0em;
	margin-bottom:0.5em;

	-moz-box-shadow: 0.3em 0.2em 0.5em #55A; 
	-webkit-box-shadow: 0.3em 0.2em 0.5em #55A; 
	box-shadow: 0.3em 0.2em 0.45em #55A; 

	behavior: url(../js/PIE.htc);
}

div#footer {

	padding:0.2em;
	padding-left:2.0em;
	margin-top:2em;

	-moz-box-shadow: 0.3em -0.2em 0.5em #55A; 
	-webkit-box-shadow: 0.3em -0.2em 0.5em #55A; 
	box-shadow:  0.3em -0.2em 0.45em #55A; 

	behavior: url(../js/PIE.htc);
}

div#menu a,div#footer a {
	margin:0em;
	background-color:#DDF;
	border: solid 1px #88F;
	padding: 0.2em 1em 0.2em 1em; 
	font-weight:bold;
	color:#66A;
	text-decoration:none;
	
	border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-khtml-border-radius: 0.2em;
	behavior: url(../js/PIE.htc);
}

div#menu a:hover, div#footer a:hover {
	background-color:#EEF;
	color:#77B;
}


div#menu a:before {
/*content:url(images/light_bulb__exclamation.png);*/
}

div#menu a.actif, div#footer a.actif {
	margin:0em;
	padding: 0.2em 1em 0.2em 1em; 
	font-weight:bold;
	background-color: #AAF;
	color: #FFFFFF;
	text-decoration:none;
}


/***********************************************************************
 * Le contenu
 */
div#content {
	overflow: hidden;
	margin:0.5em;
	margin-left:3em;
	margin-right:3em;
	text-align:left;
	min-height:35em;
	text-align:center;
}


div#content a.onglet{
	z-index:1;
	margin-top:2em;
	font-family: arial, Verdana;
	background-color: #DDF;
	color: #558;
	font-size: 1.0em;
	font-weight:bold;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	margin-right:-0.3em;
	margin-left:0em;

	border: solid 1px #AAD;
	border-radius: 1em 1em -0em -0em;
	-moz-border-radius:  1em 1em -0em -0em;
	-webkit-border-radius:  1em 1em -0em -0em;
	-khtml-border-radius:  1em 1em -0em -0em;
	
	behavior: url(../js/PIE.htc);
}

div#content a.ongletactif{
	z-index:10;
	margin-top:2em;
	font-family: arial, Verdana;
	background-color: #AAF;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight:bold;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.2em;
	padding-bottom: 0em;
	
	margin-right:-0.3em;
	margin-left:0em;
	border: solid 1px #88D;
	border-radius: 3em 3em 0em 0em;	behavior: url(../js/PIE.htc);
}


div.voyant {
	background-color:#EEF;
	background: linear-gradient( rgba(238, 238, 255, 1), rgba(160, 160, 255, 0.5) );
	display:block;
	width : 18em;
	height : 10em;
	float:left;
	border: 1px solid #DDD;
	overflow:hidden;
	margin:0.5em;
	padding:0.5em;
	display:block;
	text-align:justify;

	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;

	-moz-box-shadow: 0.3em 0.2em 0.5em #55A; 
	-webkit-box-shadow: 0.3em 0.2em 0.5em #55A; 
	box-shadow: 0.3em 0.2em 0.5em #55A; 
	
	behavior: url(templates/js/PIE.htc);
}

div.Nouveau {
	background-color:#FEE;
	background: linear-gradient( rgba(255, 238, 238, 1), rgba(255, 180, 180, 0.5) );
}

div.echarpe{
	color:#E33;
	background: rgb(255, 255, 0);
	background: rgba(255, 255, 0, 0.5);
	
	border: solid 1px #AA3;
	margin-top:-30px;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:0.8em;
	-moz-transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
}

div.voyant:hover{

	-moz-box-shadow: 0.2em 0.2em 0.3em #55A; 
	-webkit-box-shadow: 0.2em 0.2em 0.3em #55A; 
	box-shadow: 0.2em 0.2em 0.3em #55A; 
	behavior: url(templates/js/PIE.htc);
}

div.voyant div{
	text-align:center;
}

div.voyant_statut{
	color:#FFF;
	border-radius: 0.7em;
	padding: 0.1em 0.2em;
	border solid 1px black;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	-khtml-border-radius: 0.7em;
	font-size:1.2em;
	-moz-box-shadow: 0.3em 0.2em 0.5em #55A; 
	-webkit-box-shadow: 0.3em 0.2em 0.5em #55A; 
	box-shadow: 0.3em 0.2em 0.5em #55A; 
	
	behavior: url(templates/js/PIE.htc);
}


div.voyant_absent{
	background-color:#C00;
	background: linear-gradient( rgba(204, 0, 0, 0.5), rgba(204, 0, 0, 1) );
}

div.voyant_dispo{
	background: linear-gradient( rgba(51, 170, 51, 0.5), rgba(51, 170, 51, 1) );
}

div.voyant_enligne{
	background-color:#33A;
	background: linear-gradient( rgba(51, 51, 170, 0.5), rgba(51, 51, 170, 1) );
}

div.voyant_ko{
	background-color:#F63;
	background: linear-gradient( rgba(255, 102, 51, 0.5), rgba(255, 102, 51, 1) );
}



div.voyant div.specialite{
	text-align:center;
	color:#88F;
	font-weight:bold;
}

div.commentaire{
	text-align:justify;
	background-color:#DDF;
	border:solid 1px #66A;
	font-weight:bold;
	margin:1em;
	padding:0.5em;
}
div.titrecommentaire{
	text-align:justify;
	background-color:#EEF;
	font-weight:bold;
	border:solid 1px black;
	padding:0.5em;
	margin-bottom:10px;
}


img.photo{
	background-color:#FFF;
	padding: 0.3em;
	border: solid 1px #DDF;
	margin: 0.5em
	
}

td.bloc {
	vertical-align:top;
	background-color:#EEF;
	padding:1em;
	width : 20em;
	text-align:justify;
	height:20em;
}

td.bloccentre {
	vertical-align:top;
	background-color:#DDF;
	padding:1em;
	width : 40em;
	text-align:justify;
	height:20em;
	border-right: dotted 1px #AAF;
	border-left: dotted 1px #AAF;
}


.audiotel {
	background-color:#6E6;
	margin:0.5em;
	padding:0.35em;
}

.cb {
	background-color:#66E;
	padding:0.0em;
	margin:0.5em;
	padding:0.35em;
}

.absent {
	background-color:#DDD;
	margin:0.5em;
	padding:0.35em;
}


/***********************************************************************
 * Les trucs généraux
 */

h1{
	font-size:2.0em;
	margin-left:2.0em;
	margin-bottom:1.0em;
}
h2{
	font-size:1.4em;
	margin-left:1.2em;
	margin-top:0.5em;
	margin-bottom:0.2em;
}

a{
	color:#666;
	font-weight:bold;
	text-decoration:none;
}


input {
	border:solid 1px #AAA;
}

select {
	border:solid 1px #AAA;
}

textarea {
	border:solid 1px #AAA;
}

div.erreur {
	color:red;
	font-weight:bold;
	text-align:center;
	border:solid 1px red;
	padding:0.2em;
	margin-bottom:1.0em;

	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;

	-moz-box-shadow: 0.3em 0.2em 0.5em #555; 
	-webkit-box-shadow: 0.3em 0.2em 0.5em #555; 
	box-shadow: 0.3em 0.2em 0.5em #555; 

	behavior: url(js/PIE.htc);
}

.cache {
	display:none;
	
}
.visible{
	display:block;
	border-top: solid 1px black;
}
.small {
	font-size:0.8em;
	color:#666;
	font-weight:bold;
}

.red {
	color:#F66;
}


table {
	background-color:#EEF;
	border-spacing: 1px;
	//border-collapse:collapse; 
}

table thead tr th {
	padding:0.5em 0.5em 0.5em 0.5em;
	background-color:#CCF;
}

table thead tr td {
	font-size:0.8em;
	line-height:0.8em;
	text-align:center;
	background-color:#DDF;
	padding: 0.5em 0.1em 0.5em 0.1em ;
}
table tfoot tr th {
	padding:0.5em 0.5em 0.5em 0.5em;
	background-color:#CCF;
}

table tfoot tr td {
	font-size:0.8em;
	line-height:0.8em;
	text-align:center;
	background-color:#DDF;
	padding: 0.5em 0.1em 0.5em 0.1em ;
}

table tbody tr th {
	text-align:right;
	padding:0.3em;
	background-color:#DDF;
}
table tbody tr td {
	background-color:#FFF;
	padding:0.2em;
}


ul {
	padding-left:1.5em;
	list-style-type:circle;
/*
	list-style-type:armenian;
	list-style-type:circle;
	list-style-type:cjk-ideographic;
	list-style-type:decimal;
	list-style-type:decimal-leading-zero;
	list-style-type:disc;
	list-style-type:georgian;
	list-style-type:hebrew;
	list-style-type:hiragana;
	list-style-type:hiragana-iroha;
	list-style-type:inherit;
	list-style-type:katakana;
	list-style-type:katakana-iroha;
	list-style-type:lower-alpha;
	list-style-type:lower-greek;
	list-style-type:lower-latin;
	list-style-type:lower-roman;
	list-style-type:none;
	list-style-type:square;
	list-style-type:upper-alpha;
	list-style-type:upper-latin;
	list-style-type:upper-roman;
*/
}

object {
	background-color:transparent;
}