/* police par defaut de tout le site */
BODY, TD, DIV, SPAN {font-family:Arial, Verdana, Helvetica, sans-serif; font-size:small; color:#000; font-weight:normal}
html, body {margin:0; padding:0; background-color: #333;}


A {color:#006; text-decoration:none}
A:hover {color:royalblue; text-decoration:none}

ul {list-style-type:disc; margin:0; padding-left:20px}

h1 {color:royalblue; font-size:2em; margin:0.7em ;padding:0; text-align:center;}
h2 {font-size:1.5em;}
/*DIV.dossier */
h2 {font-size:1.5em;padding-left:0.2em;color:lightcyan;
	background: url(img/fond_h2.gif) repeat-y;}
h2 a {color:lightcyan;}
h2 a:hover {color:#333;}

img{border:0}


/* temp.html */

#page {width:1000px; max-width:1000px; height:auto; margin:auto; padding:0; }

#page_head {float:left; width:1000px; margin:0; background: lightcyan url(img/page_head.gif) repeat-x top left; border-right:2px black solid}
#page_foot {float:left; width:1000px;margin:0; background: url(img/page_foot.gif) repeat-x bottom left;border-bottom:2px black solid; border-right:2px black solid} 
 
#contenupage {} 
    #coulcentre {min-height:500px}
	
#google728{float:left; width:100%; padding-top:1.5em; text-align:center;}

#footer{float:left; width:100%; padding:1em 0;}
	#foot_0 {float:left; width:960px; padding: 0 20px; margin-bottom:0.5em;}
	#foot_1 {float:left; width:960px; padding: 0 20px; }
	#foot_2 {float:left; width:958px; padding: 0 20px; margin-top:10px;}
	#foot_21 {float:left; width:52%;color:#FFF;text-align:left; font-size:0.85em; }
		#foot_21 form {margin:0; padding:0;}
	#foot_22 {float:right; width:43%;color:#FFF; text-align:right;padding:4px 0 0 0 ; font-size:0.85em;}
		#foot_22 ul {display:inline; text-decoration:none; margin: 0; padding:0; }
    	#foot_22 ul li {display:inline; text-decoration:none; padding:0 0.1em}
	    #foot_22 A {color:#fff}
    	#foot_22 A:hover {color:#333}

#footer2 {float:left;
	margin-top:1.5em;
    color:#999;
    text-align:center;
    width:47%;}
    #footer2 A {color:#999}
    #footer2 A:hover {color:royalblue}
	
#footer3 {
    float:right;
    width:47%;
	margin:1em 0;
    color:#999;
    text-align:center;
	font-size:0.95em
}
    #footer3 ul {display:inline; }
    #footer3 ul li {display:inline; padding:0 0.5em}
    #footer3 li.foot3m A {color:lightcyan}
    #footer3 A:hover {color:royalblue}

	
/* Page d'accueil - accueil.html */

#accueil {float:left;width:960px;padding:0 20px;text-align:justify;}

#acc_header {float:left; margin:0; left:0; width:100%; height:180px; text-align:center;background: url(img/entete.jpg) no-repeat center top;}
#acc_header div {float:right; width: 50px; margin:15px;}

#acc_col1, #acc_col2 {padding-top:2.5em; text-align:center;}
	#acc_col1 img {margin:0.7em 1em 0.7em 0;}
	#acc_col2 img {margin:0.7em 0 0.7em 1em;}
	#acc_col2b img {margin:0.3em 0 0 1em;}
#acc_col1 {float:left;width:225px; }
#acc_col2 {float:right;width:225px; }
#acc_col2b {margin-top:0.4em}
#acc_col3 {float:left; width:510px}

#acc_col4 {float:left;width:300px;margin-right:20px}
	#acc_col4 form {float:left; margin-top:1.5em; width: 100%; text-align:center} 
	#acc_col4 li {list-style-image:url(/bibliotheque/ressources/puce.gif);}

#acc_col5 {float:right;width:620px; text-align:right}

#acc_col6, #acc_col7 {float:left;width:290px; text-align:left}
#acc_col6 {margin:0 26px 0 4px}
#acc_col6 ul, #acc_col7 ul {margin:1em 0}

#acc_tit, #acc_titnews {
	background-color: royalblue;
	background: url(img/fond_tit.gif) no-repeat;
	padding-left:0.2em;
	color:lightcyan;
	font-size:11pt; font-weight:bold;
	margin-top:1.5em;
}
#acc_tit {float:left; width:100%}

.diapo {background: url(img/diapo_fond.png) no-repeat top left; margin-top:1.5em; }
.diapo img {border:0; margin:4px 16px 16px 4px}
.diap_tit {position:relative; top:-30px; height:20px; background: url(img/diapo_titre.png) repeat-y top left; margin:-29px 16px 0 4px; padding:10px; font-size:1.3em; font-weight:bold; color:lightcyan; text-align:right}
.diapo_protec {position:relative; top:-30px; height:300px; background: url(img/diapo_protec.gif) no-repeat top left; margin:-300px 0 0 0;}


/* Pages de contenu - page.html */

#cont_header {margin:0; padding:0; width:1000px;height:180px; background: url(img/logo.jpg) no-repeat left top;}

#cont_head0 {float:left;width:200px; height:160px; }
#cont_head1 {float:right; width:468px; height:60px;}
	#cont_head_ban {background-color:#333; width:468px; height:60px; }
#cont_head2 {float:right; width:660px; height:35px; text-align:center; padding: 22px 10px 0 0; color:#FFF; font-weight:bold;}
	#cont_head2 a {color:#FFFFFF}
	#cont_head2 a:hover {color:royalblue;}
	#cont_head21 {float:right;color:#FFF; font-weight:bold; text-align :right}
	#cont_head22 {float:right; width:250px; text-align:left;  margin-right:10px;}
	#cont_head22 div {float:right;}
#cont_head3 {float: right; display:block; width:80%}


#mentete {clear:left;margin:15px 0 0 0; padding-left:20px}
    #entete{float:left;}
    #entete2 {clear:left;width:100%}


#contenu {float:left; margin-top:0; width:960px; padding:0 20px;}

.image {border:0;}

/* autres éléments par défaut */
INPUT {
   background:transparent; border-color:lightcyan;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}


textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:thin ridge;
   border-color:black;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}