body {
margin:0; 
padding:0; 
font-family:verdana, arial, sans-serif; 
font-size: 80%; 
text-align:center;
background-image: url(../images/fond_ban.jpg);background-repeat: repeat-x;background-position: top;
}

p {
margin:0.2em 0 1.2em 0; 
padding:0.3em;}

h1 {
padding:0; 
margin:1em;
font-size: 20px; 
font-style:italic; 
color: #f0c030;
font-family: Verdana, Helvetica, Arial, sans-serif;letter-spacing: 0.25em;
}

h2 {color: #b32a2a; /*rouge foncé*/
font-size: 90%;  
font-style: normal;font-family: Verdana, Helvetica, Arial, sans-serif;border-bottom: 1px #cccccc dashed;font-weight: bold;
}

div {
margin:0; padding:0; display:block;
}

a:link, a:visited {
color: #F0c030;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#8CD749; text-decoration:underline;}



.container {
margin:0 auto 0 auto; 
padding:0; 
width:100%;}

.titleblock {
text-align:left;
background-image: url(../images/banniere.jpg); 
background-position: top right;height: 142px;background-repeat: no-repeat;
}

.titleblock p { /*Sous titre header*/color: #b32a2a;text-indent: 1em;font-style: normal;font-size: 14px;}



        ul.navbar {
        list-style-type:none; 
        float:left; 
        display:block; 
        width:100%; 
        line-height: 1em ;
        clear:both; 
        margin:0;padding:0;  
        background-color: #fafafa;        border-bottom: 1px #e7e7e7 solid;
        padding-left : 15em;
        padding-top : 1px;
        padding-bottom : 1px;}

        ul.navbar li {
        display:inline;}

        a.nav:link, a.nav:visited {
        display:block; 
        float:left; 
        width: 180px; 
        margin:0; 
        text-decoration:none; 
        background-color: #fafafa;
        color: #000000;        font-weight: bold;
        font-size: 1em;
        }

        a.nav:hover {
        display:block; float:left; width: 180px; margin:0; 
        text-decoration:none;
        color:#ffffff;
        background-color: #b32a2a;        font-weight: bold;
        }

        a.nav:active {
        display:block; float:left; width: 180px; margin:0; 
        text-decoration:none; background-color:#999999; color:#FFFFFF;}



.leftcontainer {
float:left; clear:both; width:13em; margin: 2em 0em 0em 0em;padding-top: 0em;background-color: #fafafa;

}

.leftcontainer ul{
padding-left:10px;
text-align:left;
list-style-type:none;
}
.leftcontainer li{
padding-top:4px;
}

.leftbox {
margin:0; padding:0;  
text-align:center;border: 1px #ededed solid;}

.leftcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}


.content {
clear:right; text-align:left; margin:1.2em 1.5em 0 14em; padding: 0em 1ex 1em 1ex}

.content img{
border:0;
}

.content h2 {text-indent:3em;margin-bottom:30px;}

        .admin a{
        text-decoration:none;
        }
        .admin img{
        border:none;
        }
        .admin td{
        /*border:1px solid black;*/
        text-align:center;
        padding-left:20px;
        padding-right:20px;

        }

        .admin table { /*Bordure du formulaire de l'admin*/
        width:650px;
        margin:auto;
        border: 1px solid #999;
        padding: 1em 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color:#fafafa;
        }

.content table { /*Bordure des autres tableaux*/
margin:auto;
border: 1px solid #999;
padding: 1em 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#fafafa;
}

.collec table {
margin-top:20px;
/*float:left*/
}
.collec table td{
width:150px;
}
.collec table th{
padding-bottom:20px;
}

        .footer {
        color: #000000; padding:0.8em; 
        text-align: right;clear:both;        font-family: Verdana, Helvetica, Arial, sans-serif;        font-size: 75%;        border-bottom: 1px #e3e3e3 solid;}

        .footer .right {
        float:right; clear:right;
        text-align:right;        }

        .footer p {margin:0;}
        

fieldset { /*Bordure du formulaire de login*/
width:150px;
border: 1px solid #999;
padding: 1em 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#fafafa;
}

        .content_fiche {
        clear:right; margin:1.2em 1.5em 0 14em; padding: 0em 1ex 1em 1ex
        }
        
        #fiche table{
        /*border:1px solid black;*/
        text-align:left;
        margin-bottom:10px;
        }
        
        #fiche img{
        float:right;
        }


/*Calendrier*/
        .ds_box {
	        position: absolute;
	        z-index: 32767;
	        
            width:100px;
            border: 1px solid #999;
            padding: 0.5em 5px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            background-color:#fafafa;
        }

        .ds_tbl {
	        background-color: #FFF;
        }

        .ds_head {
	        background-color: #333;
	        color: #FFF;
	        font-family: Arial, Helvetica, sans-serif;
	        font-size: 13px;
	        font-weight: bold;
	        text-align: center;
	        letter-spacing: 2px;
        }

        .ds_subhead {
	        background-color: #CCC;
	        color: #000;
	        font-size: 12px;
	        font-weight: bold;
	        text-align: center;
	        font-family: Arial, Helvetica, sans-serif;
	        width: 32px;
        }

        .ds_cell {
	        background-color: #EEE;
	        color: #000;
	        font-size: 13px;
	        text-align: center;
	        font-family: Arial, Helvetica, sans-serif;
	        padding: 5px;
	        cursor: pointer;
        }

        .ds_cell:hover {
	        background-color: #F3F3F3;
        } /* This hover code won't work for IE */