@charset "iso-8859-1";

/* --- Base ---*/
* {padding: 0; margin: 0; border: 0;}
html {background-color: #7f7f7f;}
p.pagijaune, p.pagirouge {margin: 10px; text-align: center; font: bold 9px "verdana", sans-serif; color: #fff;}
p.pagijaune a {color: #ffcc00;}
p.pagirouge a {color: #b1001e;}

/* Blocs */
#page1, #page2 {width: 750px; height: 750px; margin: 10px auto 10px auto;}
#HG, #HC, #HD, #CG, #CC, #CD, #BG, #BC, #BD {width: 250px; height: 250px; float: left;}

/* Textes */
#HC h4, #CD h4, #HC h4, #CG h4 {padding: 20px 20px 15px 20px; font: bold 17px "Georgia", "Times New Roman", "Times", serif; font-variant: small-caps;}
#HC p, #CG p, #CD p {padding: 0 20px 5px 20px; text-indent: 10px;}
#CD p strong, #HC p strong {font-weight: bold; font-style: normal;}

/* Commentaire photos */
#HG p, #page1 #CC p, #BC p, #BC p {color: #fff;}
#HD p, #page2 #CC p {color: #000;}
#HG p, #CC p, #BC p, #BC p, #HD p, #CC p {font: normal 9px "verdana", sans-serif;}
#HG p, #page1 #CC p, #page2 #BC p {padding: 230px 10px 0 0;}
#HD p, #page2 #CC p, #page1 #BC p {padding: 230px 0 0 10px;}


/* --- Page 1 (jaune) ---*/
/* Ligne 1 */
#page1 #HG {background: transparent url("./p1l1b1.jpg") top left no-repeat; text-align: right;}
#page1 #HC {background-color: #ffcc00;}
	#page1 #HC h4 {color: #000;}
	#page1 #HC p {font: normal 10px "Georgia", "Times New Roman", "Times", serif; color: #000;}
#page1 #HD {background: #4b4b4d url("./p1l1b2.gif") top left no-repeat;}

/* Ligne 2 */
#page1 #CG {background: transparent url("./p1l2b1.jpg") top left no-repeat;}
#page1 #CC {background: transparent url("./p1l2b1.jpg") top right no-repeat; text-align: right;}
#page1 #CD {background-color: #ffcc00;}
	#page1 #CD h4 {color: #000;}
	#page1 #CD p {font: italic 12px "Georgia", "Times New Roman", "Times", serif; color: #000;}

/* Ligne 3 */
#page1 #BG {background-color: #4b4b4d; text-align: center;}
		#page1 #BG address {padding-top: 200px; font: italic 17px "Georgia", "Times New Roman", "Times", serif;}
		#page1 #BG address a {color: #707070; text-decoration: none;}
		#page1 #BG address a:hover {text-decoration: underline;}
		#page1 #BG address a span {color: #ebebeb;}
#page1 #BC {background: transparent url("./p1l3b2.jpg") top left no-repeat;}
#page1 #BD {background: transparent url("./p1l3b2.jpg") top right no-repeat;}

/* --- Page 2 (rouge) ---*/
/* Ligne 1 */
#page2 #HG {background: #fff url("./p2l1b1.gif") top left no-repeat;}
#page2 #HC {background-color: #b1001e;}
	#page2 #HC h4 {color: #fff;}
	#page2 #HC p {font: italic 12px "Georgia", "Times New Roman", "Times", serif; color: #fff;}
#page2 #HD {background: transparent url("./p2l1b2.jpg") top left no-repeat; text-align: left;}


/* Ligne 2 */
#page2 #CG {background-color: #b1001e;}
	#page2 #CG h4 {color: #fff;}
	#page2 #CG p {font: normal 12px "Georgia", "Times New Roman", "Times", serif; color: #fff;}
#page2 #CC {background: transparent url("./p2l2b2.jpg") top left no-repeat;}
#page2 #CD {background: transparent url("./p2l2b2.jpg") top right no-repeat; text-align: right;}

/* Ligne 3 */
#page2 #BG {background: transparent url("./p2l3b1.jpg") top left no-repeat;}
#page2 #BC {background: transparent url("./p2l3b1.jpg") top right no-repeat; text-align: right;}
#page2 #BD {background-color: #fff; text-align: center;}
		#page2 #BD h5 {padding-top: 60px; padding-bottom: 15px; font: bold 17px "Georgia", "Times New Roman", "Times", serif; color: #b1001e;}
		#page2 #BD p {padding-bottom: 10px; font: normal 17px "Georgia", "Times New Roman", "Times", serif;}
		#page2 #BD a {font: italic 17px "Georgia", "Times New Roman", "Times", serif; color: #000; text-decoration: none;}
		#page2 #BD a:hover {text-decoration: underline;}
		#page2 #BD a span {color: #b1001e;}