body {
	margin-left : 1cm;
	margin-right: 1cm;
	padding: 0cm;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	/*background-image: url('http://histoire.haspres.free.fr/images/fond_cahier.gif');*/
	/*background-image: url('http://histoire.haspres.free.fr/images/grille_noel.jpg');*/
	background-image: url('http://histoire.haspres.free.fr/images/fond3.gif');
	/* background-repeat: repeat;*/

}


div.titre {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				font-size: 35px;
				color: rgb(255,153,0);
				text-align : center;
				line-height: 8cm;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0.5cm;
				margin-top: 10px;
				width: 780px;
				height: 320px;
				padding: 17px;
        /*border: 5px solid #C3CACF;*/
				border: 5px solid #505050;
				background-image: url('http://histoire.haspres.free.fr/images/fond_histoire.jpg'); 
				background-repeat: no-repeat;
        border-radius: 25px;
				-moz-border-radius: 25px;
				
}			

div.NEWtitre {
				font-family: 'Frijole', cursive;
				font-size: 45px;
				color: rgb(255,165,0);
				text-align : center;
				line-height: 8cm;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 0.5cm;
				margin-top: 10px;
				width: 780px;
				height: 320px;
				padding: 17px;
				/*border: 5px solid #C3CACF;*/
        border: 5px solid #505050;
				background-image: url('http://histoire.haspres.free.fr/images/fond_histoire.jpg'); 
				background-repeat: no-repeat;
        border-radius: 25px;
				-moz-border-radius: 25px;
				
}

/* Corps de la page */
#corps {
				text-align : justify;
				margin-left: auto;
				margin-right: auto;
				width: 780px;
				padding: 15px;
				/*border: 5px solid #C3CACF;*/
        border: 5px solid #505050;
				background-color:#ffffff;
				border-radius: 25px;
				-moz-border-radius: 25px;
}

/* Corps de la page adjudication écoles des garçons */
#corps_adjudication {
				text-align : justify;
				margin-left: auto;
				margin-right: auto;
				width: 780px;
				padding: 15px;
				border: 5px solid #cc3300;
				background-color:#FF6600;
				font-family: Times;
}

/* Corps de la page adjudication affiche 1913 */
#corps_adjudication_1913{
				text-align : justify;
				margin-left: auto;
				margin-right: auto;
				width: 780px;
				padding: 15px;
				border: 5px solid #cc3300;
				background-color:#B99B75;
				font-family: Times;
}


#pied {
			  font-family: Verdana,Arial,Helvetica,sans-serif;
				font-size: 10px;
				text-align : justify;
				margin-left: auto;
				margin-right: auto;
				width: 780px;
				padding: 15px;
        border: 5px solid #505050;
				/*border: 5px solid #C3CACF;*/
				background-color:#ffffff;
        border-radius: 25px;
				-moz-border-radius: 25px;
}

/* Style pour la barre de menu */
#barre1 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 background-color: #ffffff;
				 border-top: 2px solid #000099;
				 border-bottom: 2px solid #000099;
				 padding-left: 1cm;
				 padding-top: 0.1cm;
				 padding-bottom: 0.1cm;
				 margin-left: auto;
				 margin-right: auto;
				 width: 780px;
				 color: blue;
}

/* Style general des paragraphes */
p.style1 {
				margin-left: 1cm;
				margin-right: 1cm;
				text-align : justify;
}

p.style2 {
				margin-left: 1cm;
				margin-right: 1cm;
				text-align : right;
}

table.style1 {
				margin-left: 1cm;
				margin-right: 1cm;
				text-align : justify;
}
/* Texte autours d'une image : style paginée */
img.style1 { 
				float : right ;
				margin : 0.5cm;
				border : 1px solid black;
}

img.style2 { 
				float : left ;
				margin : 0.5cm;
				border : 1px solid black;
}

img.ombre {
  box-shadow: 10px 10px 20px grey;
}


/* Mise en forme de paragraphe */
.specialNote {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #000000; 
						background-color: #FFCC66;
						padding-left: 0.5cm;
						padding-right: 0.5cm;
}

.Note {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 14px;
						color: #000000; 
						text-decoration: none; 
}

.fluo {
			 			background-color: #ffff33;
}

.fluorange {
			 			background-color: #ff9900;
}
/* menu */
.menu {
			 			color: #F3F3F3;
						text-decoration: none;
						font-family: Verdana, Arial, Helvetica, sans-serif;
}

.menu:hover {
						background-color: #FFFF00;
						color:#000000;
}
						
/* Titre */
h2.style1 {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 25px;
					background : url('http://histoire.haspres.free.fr/images/separateur.jpg') bottom no-repeat;
					height: 67px;
					/* border-bottom: 2px solid #ce8b30; */
					padding-left: 0.2cm;
					margin-left : 1cm;
					margin-right: 1cm;
					color: #4A0DFF;
}
h3.style1 {
					font-family: Verdana,Arial,Helvetica,sans-serif;
					font-size: 15px;
					border-bottom : 1px outset #ce8b30;
					padding-left: 0cm;
					margin-left : 1cm;
					margin-right: 2cm;
					color: #B9321D;
}

/* Style pour page actualitée du site */
div.style1 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 background-color: #ffcc66;
				 border-top: 2px solid #ce8b30;
				 border-bottom: 2px solid #ce8b30;
				 padding-left: 1cm;
				 margin-left : 1cm;
				 margin-right: 1cm;
				 color: blue;
}

div.style2 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 background-color: #ffff99;
				 padding-left: 1cm;
				 margin-left : 1cm;
				 margin-right: 1cm;
				 color: #993300;
}

/* Style pour les périodes historique */
div.exstyle3 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 background-color: #6666ff;
				 border-top: 1px solid #000099;
				 padding-left: 1cm;
				 margin-left : 1cm;
				 margin-right: 1cm;
				 color: #ffffff;
}
/* Style pour le bouton année */
div.style3 {
        text-decoration:none; 
        background-image:url(../images/bt_annee.jpg);
        color:rgb(153,0,0);
        font-family:"Verdana", "Arial";
        margin-left:1cm;
        text-align:center;
        width:140px;
        height:42px;
        font-size:18px;
        font-weight:bold;
        line-height:25px;
}

div.style4 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 background-color: #ffffff;
				 padding-right: 1cm;
				 padding-left: 1cm;
				 margin-left : 1cm;
				 margin-right: 1cm;
				 color:rgb(51,51,255);
}

/* Style petit bouton */
div.style5 {
				 font-family: Arial,Verdana,Helvetica,sans-serif;
				 font-size: 14px;
				 font-weight: bold;
				 background-image: url('http://histoire.haspres.free.fr/images/fd_pt_bt.jpg');
				 background-repeat: repeat-y;
				 padding-left: 1cm;
				 color: #ffffff;
}

/* Style pour page classe 1908 */
div.style6 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 font-size: 10px;
				 background-color: #ffffcc;
				 border: 2px solid #ce8b30;
				 padding-left: 1cm;
				 padding-right: 1cm;
				 margin-left : 10cm;
				 margin-right: 1cm;
				 color: blue;
}

/* Encart */
div.style7 {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 font-size: 10px;
				 background-color: #ffffcc;
				 border: 2px dashed #cc0000;
				 padding-left: 1cm;
				 padding-right: 1cm;
				 margin-left : 2cm;
				 margin-right: 2cm;
				 color: black;
}

/* Style Image placée à Droite de l'écran */
div.imageD {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
		 		 float: right;
				 font-size: 10px;
				 background-color: #ffffcc;
				 border: 1px solid #990000;
				 margin-left : 0.5cm;
				 margin-right: 0.5cm;
				 margin-bottom: 0.5cm;
				 color: black;
}

/* Style Image placée à Gauche de l'écran */
div.imageG {
				 font-family: Verdana,Arial,Helvetica,sans-serif;
				 float: right;
				 font-size: 10px;
				 background-color: #ffffcc;
				 border: 1px solid #990000;
				 margin-left : 0.5cm;
				 margin-right: 0.5cm;
				 margin-bottom: 0.5cm;
				 color: black;
}

/*
.titrebox {
				 width: 650px;
				 height: 30px;
				 border-style: solid;
				 border-width: 1px;
				 font-weight: bold;
				 border-color: black;
				 color: white;
		 		 background-color:#cc6600;
}
*/

.box {
		 		 border-color: black;
				 font-weight: normal;
				 color: blue;
		 		 background-color:#ffcc66;
}

li.63 {
			 	 list-style-type:none;
				 image:url(../images/63.gif);
				 background-repeat:no-repeat;
				 margin-left: 10%;
				 margin-right: 10%;

}

.lettrine {
		    float: left;
		    font-size: 3em;
		    line-height: 1;
		    font-weight: bold;
		    margin-right: 0.2em;
}

ul.liste {
			 	 list-style-type: none;
				 list-style-image: url(../images/puce_carre.jpg);
				 background-repeat: no-repeat;
         padding-left: 1cm;
				 margin-left : 1cm;
				 margin-right: 1cm;

}

/* Style bouton Glossy */
#barnav { text-align:center;}
#barnav a:visited {text-decoration:none; background-image:url(../images/bt.jpg); color:rgb(255,204,0); font-family:"Verdana", "Arial"; display:block; width:146px; height:38px; font-size:12px; font-weight:bold; line-height:25px;}
#barnav a { text-decoration:none; background-image:url(../images/bt.jpg); color:rgb(255,255,255); font-family:"Verdana", "Arial"; display:block; width:146px; height:38px; font-size:12px; font-weight:bold; line-height:25px;}
#barnav a:hover {text-decoration:none; color:rgb(255,0,0); font-family:"Verdana", "Arial"; display:block; width:146px; height:38px; font-size:12px; font-weight:bold; line-height:25px;}
#barnav a:active {text-decoration:none; font-family:"Verdana", "Arial"; display:block; width:146px; height:38px; font-size:12px; font-weight:bold; line-height:25px;}

/* Barre de navigation horizontale */
#styletwo {position:relative;display:block;height:25px;font-size:11px;font-weight:bold;background:transparent url(../images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:20px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(../images/bgON.gif) repeat-x top left;}

/* Style pour les années retro */
#retro ul { padding:0; margin:0; list-style-type:none; }
#retro li { margin-left:12px; margin-top:10px; float:left; /*pour IE*/ }
#retro ul li a { display:block; float:left;  width:100px; background-color:#C07F00; color:black; text-decoration:none; text-align:center; padding:5px; border:2px solid; border-color:#DCDCDC #696969 #696969 #DCDCDC; }
#retro ul li a:hover { background-color:#D3D3D3; border-color:#696969 #DCDCDC #DCDCDC #696969; } 

/* Style pour le portail 1418 */
#portail1418 ul { padding:0; margin:0; list-style-type:none; }
#portail1418 li { margin-left:12px; margin-top:10px; float:left; /*pour IE*/ }
#portail1418 ul li a { display:block; float:left;  width:700px; background-color:#9999FF; color:black; text-decoration:none; text-align:center; padding:5px; border:2px solid; border-color:#DCDCDC #696969 #696969 #DCDCDC; }
#portail1418 ul li a:hover { background-color:#CCFFFF; border-color:#696969 #DCDCDC #DCDCDC #696969; }