p
{
	color: black;
	font-size: 1.2em;
	font-family: "Times New Roman", Verdana, Arial, "Arial Black";
	text-align: justify;
	overflow:auto;
	padding:6px;
}

h1
{
	color: #2a6f78;
	font-size: 3em;
	text-align: center;
}

h2
{
	color: #2a6f78;
	font-weight: bold;
	padding:12px;
}

h3
{
	color: #ff0000;
	background-color: #00ff00;
	font-weight: bold;
	padding:12px;
	text-align: center;
}
hr
{
	width: 95%;
	color: #000000;
	background-color:#000000;
	height: 3px
}
header
{
	width:100%;
	border-bottom::3px blue groove;	
}
body
{
	background: url("images/bo2.jpg");
	
	
}
#bloc_page
{
	margin:0 auto;
	width:1077px;
}



nav
{
	background-color: #826645;
	display: inline-block;
	border-radius:10px 10px 10px 10px;
	width:180px;
	float:left;
	vertical-align: top;
}

.vertical a 
{
  color: white;
  background-color: #708c15;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 155px;
}

.vertical a:hover
{
  background-color: #0f451a;
  border: 2px inset #c0c0c0;
}

#fond_commun
{
	display: inline-block;
	width:780px;
	border:2px solid blue;
	border-radius: 10px;
	padding-left : 10px;
	vertical-align: top;
	background-image: url("images/fond-scmmc20.jpg");
	background-attachment: fixed;
	background-repeat: repeat;
	background-position: 80% 100%;
	min-height:550px;
}
#section_album
{
	display: inline-block;
	width:780px;
	border:2px solid blue;
	border-radius: 10px;
	padding-left : 10px;
	vertical-align: top;
	background-image: url("images/captieux_plan.jpg");
	background-attachment: absolute;
	background-repeat: no-repeat;
	background-position: 60% 70%;
	min-height:700px;
}

article
{
	display: inline-block;
	width:555px;
	margin-top: 10px;
	vertical-align: top;
}

aside
{
	display: inline-block;
	width:200px;
	border:2px solid blue;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 10px;
	vertical-align: top;
	background-color: #f9ecbc;	
}
.signature
{
	float:right;
	margin-right: 20px;
}
.previsions
{
	margin-left: 210px;/*Je voulais centrer le titre mais ?a marche pas*/
}

#banniere_image
{
	margin-top:15px;
	height:360px;
	position: relative;
}
#banniere_image img
{
	position:absolute;
	border-radius:10px 10px 10px 10px;
	vertical-align:top;
	display:none;
}
#banniere_image .active
{
	display:block;
}
#banniere_description
{
	position: absolute;
	top: 300px;
	padding-top: 0px;
	padding-left : 6px;
	color: #ffffff;
	font-size: 2.9em;	
}
/* Page Agenda - mise en page de la section 
.today{background-color: #A9E2F3;}/*couleur de fond de la cellule du jour
.year{ margin-left :170px; color:#D90000; font-size:85px;}/*ann?e en cours
.relative{ position:relative;}
.months{padding-left: 20px;}
.month{margin-top: 5px;}
.months ul{ font-weight: bold; list-style:none; margin:0px; padding: 0px;}
.months ul li a { float:left; margin:-1px; padding: 0px 10px 0px 0px; color:#826645; text-decoration:none; font-size:20px; font-weight:bold; text-transform:uppercase;}
.months ul li a:hover, .months ul li a.active{ color:#D90000;}
table{ margin-left: 10px; margin-bottom: 10px; margin-top: 20px; border-collapse:collapse;}/*Placement du tableau
table td{ border: 1px solid #000000; width: 70px; height: 70px; background:#f8f8f8;}/*Traits et taille des cellules
table td.today{ border:3px solid #2349DB; width:70px; height:70px;}
table td.padding{ border:none;}
table td:hover{background:#DFDFDF; cursor:pointer;}/*Cellule survol?e
table th{ font-weight:normal; color:#2a6f78;}
table td .day{ position:absolute; color:#8C8C8C; bottom:-40px; right:5px; font-weight:bold; font-size:24pt;}/*Chiffre du jour
table td .events{  position:relative;  width:39px;  height:0px;  margin:-39px 0px 0px;  padding:0px;}
table td .events li{  width:10px;  height:10px;  float:left;  background:#D90000;  /*+border-radius:10px;*/  -moz-border-radius:10px;  -webkit-border-radius:10px;  -khtml-border-radius:10px;  border-radius:10px 10px 10px 10px;  margin-left:6px; margin-top:6px; overflow:hidden;  text-indent:-500px;}/*rond evenement
table td:hover .events{  position:absolute;  left:520px;  top:66px;  width:230px;  list-style:none;  margin:0px;  padding:11px 0px 0px;}
table td:hover .events li{  min-height:40px;  font-weight:bold;  border-bottom:2px solid blue; border-left:2px solid blue; border-right:2px solid blue; padding-left:10px;  text-indent:0;  background:none;  width:230px;}/*encart evenement
table td:hover .events li:first-child{  border-top:2px solid blue; }
table td .daytitle{ display:none;}
table td:hover .daytitle{  position:absolute;  left:520px;  top:21px;  width:230px;  border:2px solid blue; border-radius: 10px; list-style:none;  margin:0px 0px 0px 16px;  padding:5px;  color:#D90000;  font-size:18px;  display:block;  font-weight:bold;}/*date evenement
.clear{ clear:both;}*/

#zone_message
{
	position:relative; 
	left:100px; 
	top:-370px;
	display: inline-block;
	width:200px;
	border:2px solid blue;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 10px;
	vertical-align: top;
	background-color: #f9ecbc;
}




td, th
{
	display: table-cell;
	vertical-align: inherit;
}