body
{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background:black;
	font-family:Calibri,"Times New Roman",Arial;
	
}
#banniere
{
	width:921px;
	margin-left:auto;
	margin-right:auto;
	height:95px;
	background: url(images/accueil/banniere_accueil4.jpg) no-repeat;
}
#date_heure 
{
		/*font-weight:bolder;*/
		text-align:right;
		padding-right:20px;
		padding-top:5px;
		color:black;
}
h2
{
	margin-left:-50000px;
}
#container
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:660px;
	
}
/*=========================================================*/
/* Attention pour IE il faut impérativement un espace après les ":" du "background"*/
/* ainsi qu'un espace avant no-repeat sinon l'image ne s'affiche pas */
#illustration.b1{background: url("images/accueil/image1_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;} 
#illustration.b2{background: url("images/accueil/image2_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;} 
#illustration.b3{background: url("images/accueil/image3_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b4{background: url("images/accueil/image4_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b5{background: url("images/accueil/image5_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b6{background: url("images/accueil/image6_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b7{background: url("images/accueil/image7_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b8{background: url("images/accueil/image8_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b9{background: url("images/accueil/image9_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b10{background: url("images/accueil/image10_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b11{background: url("images/accueil/image11_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b12{background: url("images/accueil/image12_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b13{background: url("images/accueil/image13_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b14{background: url("images/accueil/image14_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b15{background: url("images/accueil/image15_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}
#illustration.b16{background: url("images/accueil/image16_64b.jpg") no-repeat;width:620px;height:465px;margin-left:302px;border:solid 1px red;}

/**/
#menu
{
	width:925px;
	margin-left:auto;
	margin-right:auto;
	background:transparent;
	text-align:center;
}
#actu
{
	width:280px;
	height:455px;
	float:left;
	margin-left:13px;
	border:solid 1px red;
	border-top:11px solid red;
	background: url(images/fond-gipro.jpg) repeat;
}
#actu h4
{
	color:yellow;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	background:green;
}
#actu p
{   
	color:white;
	font-size:0.8em;
	text-align:left;
	padding-left:8px;
	padding-right:6px;}
#actu p a
{color:cyan;}
#actu p a.balade
{color:yellow;}
#footer
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	color:black;
	background:#c0c0c0;
	
}
#footer span
{float:left;
padding-top:4px;
padding-left:7px;}

/*=================== section Menu glossy =============================*/

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background:#070707FF; /*menu strip background */
/*border: 1px solid gray;*/
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url(images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 4px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url(images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url(images/aeroleftblack.gif);
}

.black a.aero span{
background-image: url(images/aerorightblack.gif);
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}
/*=================== fin section Menu glossy =============================*/