html,body {
background-color : #033067;
margin:0;
padding:0;

}

img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"
    );
}


a {
color:white;

}


legend{
color:#32a1d7;
font-weight:bold;

}


/*******************
********* CONNEXION *******
*******************/

#connexion{
margin:0;
margin-left:auto;
margin-right:auto;
margin-top:50px;
padding:8px;
width:290px;
height:220px;
background-color : white;


}

#connexion p{
margin:0;
padding:0;
padding-top:5px;
padding-left:10px;
text-align:left;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
}

p.erreur{
margin:0;
padding:0;
font-style:italic;
font-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
background-color:#eaf3fa;
}

p.retour {
text-align:center;
}

/*******************
********* AUTH *******
*******************/

#authentifie{
margin:0;
padding:0;
float:left;
background-color : white;
width:100%;

}

#authentifie p{
padding-right:10px;
text-align:right;
font-size:0.7em;
font-family: Georgia, "Times New Roman", Times, serif;
}


#authentifie a{
padding-left:10px;
color:#e9611e;
text-decoration:none;
font-style:italic;
}

/*******************
********* MENU *******
*******************/

#menu{
margin:0;
padding:0;
float:left;
background-color : white;
height:40px;
width:100%;


}

#menu ul{
margin:0;
padding:0;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
text-align:center;
}

#menu li{
margin:0;
padding:0;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
padding-right:5px;
font-weight:bold;
display:inline;
color:#e9611e;
}

#menu li a{ 
margin:0;
padding:0;
font-weight:bold;
color:#033067;
text-decoration:none;

}


#menu li a:hover{
color:#e9611e;
text-decoration:none;

}

/*******************
********* ADMIN*******
*******************/

#admin{
margin:0;
padding:0;
float:left;
width:100%;
}

#content_admin{
margin:0;
margin-left:auto;
margin-right:auto;
margin-top:50px;
padding:15px;
width:500px;
background-color:#eaf3fa;
}

#content_admin h2{
margin:0;
padding:0;
padding-bottom:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#033067;
text-align:center;
}

#content_admin li {
list-style:none;
padding-bottom:10px;

}

#content_admin li a{
margin:0;
padding:0;
padding-bottom:5px;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#e9611e;

}

/*******************
***** FORM AJOUT *****
*******************/

#form_doc{
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
padding-top:10px;
padding-left:10px;
width:80%;
text-decoration:none;
color:white;

}

#form_doc ul{
margin:0;
padding:0;
padding-top:5px;
font-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
text-align:left;
font-weight:bold;
}

#form_doc li{
margin:0;
padding:0;
padding-top:5px;
list-style:none;

}


/*******************
***** SEARCHFORM *****
*******************/

#recherche{
margin:0;
padding:0;
float:left;
padding-top:10px;
padding-left:10px;
width:41%;
height:100px;
border:none;
text-decoration:none;
color:white;

}

#recherche ul{
margin:0;
padding:0;
padding-top:5px;
font-size:0.9em;
font-family: Georgia, "Times New Roman", Times, serif;
text-align:left;
font-weight:bold;
}

#recherche li{
margin:0;
padding:0;
padding-top:5px;
list-style:none;

}


#boutonrecherche{
margin:0;
padding:2px;
margin-top:8px;
margin-bottom:10px;
margin-left:60px;
font-size:0;
width:113px;
height:21px;
background-color : #033067;
border:none;
background-image: url(http://www.interfaces-fr.com/intranet/img/bg-submit.jpg);
text-decoration:none;
}





/*******************
********* CONTENT *******
*******************/

#content{
margin:0;
padding:0;
padding-left:10px;
padding-top:30px;
background-color : #033067;
float:left;
width:55%;

}

#content h1{
margin:0;
padding:0;
padding-bottom:5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
color:#e9611e;
border-bottom:2px #e9611e solid; 

}

#content p{
margin:0;
padding:0;
padding-top:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1em;
color:white;
}

#content h1 span{
color:white;


}


#content h3{
margin:0;
padding:0;
padding-bottom:15px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#e9611e;
border-bottom:2px #e9611e solid; 

}


#content h3 span{
color:#32a1d7;
}



/*******************
********* ARTICLEs *******
*******************/

.article{
margin:0;
padding:0;
padding-top:20px;
padding-bottom:10px;
border-bottom:1px silver dashed;
width:100%;

}

.article h2{
margin:0;
padding:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:white;
}


.contenu{
margin:0;
padding:0;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#32a1d7;
}

.contenu p{
margin:0;
padding:0;
padding-bottom:10px;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#32a1d7;
}

.contenu p a{
margin:0;
padding:0;
color:#32a1d7;
}

#content p.meta{
margin:0;
padding:0;
font-size:0.85em;
font-family: Georgia, "Times New Roman", Times, serif;
color:silver;
}

#content p.meta a{
margin:0;
padding:0;
font-size:1em;
font-family: Georgia, "Times New Roman", Times, serif;
color:#e9611e;
}

#content p.meta span{
margin:0;
padding:0;
font-size:1em;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif;
color:white;
}




/*******************
********* FOOTER *******
*******************/

#footer{
margin:0;
padding:0;
margin-top:350px;
padding-bottom:20px;
float:left;
width:100%;
color:white;
text-align:center;

}

/*******************
********* EXPLORATEUR DE FICHIERS *******
*******************/

.bback{
	background-image:url('./images/backgroundXP.gif');
}

.center{
	text-align: center;
}

img{
	border: none;
}

.ico{
	vertical-align: middle;
}

.borderinfo{
	text-align: left;
	border: 1px solid #CCCCCC;
	margin-left: 100px;
	margin-right: 100px;
	padding: 3px;
	font-size: 11px;
	font-weight:none;
}
.borderinfo a:link { color:#002280; text-decoration:underline }
.borderinfo a:visited { color:#002280; text-decoration:underline }
.borderinfo a:hover { color:#296DC1; text-decoration:none}


.tn{
	text-align: center;
	border: 1px solid #BBBBBB;
    	padding: 0px;
	background-color: white;
}

.bande { 
	 font-size: 11px;
	 height:19px;
	 font-weight:bold;
	 color: #215195;
	 background-image:url('./images/3XP.png');
}
.bande a:link { color:#215DC6; text-decoration:none }
.bande a:visited { color:#215DC6; text-decoration:none }
.bande a:hover { color:#6CB8F7; text-decoration:none }

.gestfile { 
	 font-size: 11px;
	 height:19px;
	 font-weight:bold;
	 color: #215195;
	 background-image:url('./images/5XP.png');
}
.gestfile a:link { color:#215DC6; text-decoration:none }
.gestfile a:visited { color:#215DC6; text-decoration:none }
.gestfile a:hover { color:#6CB8F7; text-decoration:none }

.diaporama {
	background-color: #CCCCCC;
}

.message {
	border: 1px solid #BBBBBB;
    	padding: 0px;
	font-weight:bold;
	background-color: white;
}
.message a:link { color:white; text-decoration:none }
.message a:visited { color:white; text-decoration:none }
.message a:hover { color:white; text-decoration:none }

.lien { 
	font-size: 11px;	
	font-weight:bold;
        color:white;
}
.lien a:link { color:white; text-decoration:none }
.lien a:active { color:white; text-decoration:none }
.lien a:visited { color:silver; text-decoration:none }
.lien a:hover { color:#e9611e; text-decoration:none }


.titre1 { 
	 font-size: 11px;
}
.titre1 a:link { color:#215DC6; text-decoration:none }
.titre1 a:active { color:#215DC6; text-decoration:none }
.titre1 a:visited { color:#215DC6; text-decoration:none }
.titre1 a:hover { color:#6CB8F7; text-decoration:none }

.titre2 { 
	 font-size: 11px;
	 font-weight:bold;
	 color:#D9E1F6;
}

.Ctitre2{
	 font-size: 11px;
	 font-weight:bold;
	 color:#FFFFFF;
	 background-image:url('./images/1XP.png');
}
.Ctitre2back{
    font-size: 11px;
	background-image:url('./images/fondXP1.png');
}

.Ctitre2back a:link { color:#215DC6; text-decoration:none }
.Ctitre2back a:active { color:#215DC6; text-decoration:none }
.Ctitre2back a:visited { color:#215DC6; text-decoration:none }
.Ctitre2back a:hover { color:#6CB8F7; text-decoration:none }

.Ctitre3 {
	 font-size: 11px;
	 font-weight:bold;
	 color:#225DD9;
	 background-image:url('./images/2XP.png');
}

.Ctitre3back{
	font-size: 11px;
	background-image:url('./images/fondXP2.png');
}
.Ctitre3back a:link { color:#215DC6; text-decoration:none }
.Ctitre3back a:active { color:#215DC6; text-decoration:none }
.Ctitre3back a:visited { color:#215DC6; text-decoration:none }
.Ctitre3back a:hover { color:#6CB8F7; text-decoration:none }

.cadre{
	background-color:#FFFFFF;
}

.miniatureliste { 
	 font-size: 11px;
	 font-weight:bold;
}
.miniatureliste a:link { color:white; text-decoration:none }
.miniatureliste a:active { color:white; text-decoration:none }
.miniatureliste a:visited { color:white; text-decoration:none }
.miniatureliste a:hover { color:blue; text-decoration:none }

.nom { 
	 font-size: 11px;
	 font-weight:none;
}
.nom a:link { color:white; text-decoration:none }
.nom a:visited { color:white; text-decoration:none }
.nom a:hover { color:white; text-decoration:none }

.recherche { 
	 font-size: 11px;
	 font-weight:bold;
	 color:white;
}