/* ------------------------------- */
/* -- CSS Created by Webitou	-- */
/* -- L'AIGLON					-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE 				-- */
/* ------------------------------- */
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
	background-color:#5B5B5B;
}			
#container {
	position: relative;
	min-height: 100%;
    height: 100%;
	margin: 0px auto;
	background-image:url(../images/structure/bckgr.jpg); 
	background-repeat:repeat-y;
	background-position:top; /**/
/*	background-color:#006;  BLEU NUIT */
	width:936px;
}
html>body #container {
	height: auto;
}

/* ------------------------------- */
/* -- STYLE TEXTE				-- */
/* ------------------------------- */
a {
	text-decoration:none;
	color:#FF00CC;
}
a:hover {
	text-decoration:none;
	color:#ffffff;
}
img {
	border:0px;
	margin:5px;
	border:none;
}
hr {
	border-top:1px dotted #CCC; 
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}




/* ------------------------- */
/* HEADER	 				 */
/* ------------------------- */
#header #logo {
	width:214px;
	height:255px;	
	margin-left:18px;
	margin-top:10px;
	/*background:url(../images/structure/logo.png) ; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/structure/logo.png');
    background-image:url(../images/structure/logo.png) !important;
    background-image:none;
/*	background-color:#909;  VIOLET */
	position:absolute;
	border:none;
	z-index:1;
}

#header #calendar {
	float:left;
	position:absolute;
	margin-right:20px !important;
	margin-right:10px;
	margin-top:21px;
	width:61px;
	height:65px;
	background-color:#CC3399;
}
#header #calendar #month {
	margin-left:11px;
	font-size:20px;
	color:#FFFFFF;
	text-transform:uppercase;
}
#header #calendar #day {
	margin-left:14px;
	font-size:20px;
	color:#FFFFFF;
	text-transform:uppercase;
}

/* ------------------------- */
/* SIDEBAR	 				 */
/* ------------------------- */
#sidebar {
	float:left;
	position:absolute;
	margin:0px;
	padding:0px;
	margin-left:40px !important;
	margin-left:20px;
	margin-top:300px;
	width:180px !important;
	width:200px;
/*	background-color:#FF0;  JAUNE */
}	
/* ------------------------- */
/* MENU		 				 */
/* ------------------------- */
#sidebar #menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	text-align:right;
	font-size:11px;
}
#sidebar #menu ul li {
	list-style:none;
	padding-bottom:5px;
}
#sidebar #menu ul li a {
	padding:2px;
	padding-right:30px !important;
	padding-right:35px;
	color: #FFFFFF;
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	border:0px;
}
#sidebar #menu ul li a.selected {
	padding-right:30px !important;
	padding-right:35px;
	background-image: url('../images/structure/nav/star.png');
	background-repeat:no-repeat;
	background-position: 155px 0 !important;
	background-position: 170px 0;
}
#sidebar #menu ul li a:hover {
	padding-right:30px !important;
	padding-right:35px;
	background-image: url('../images/structure/nav/star.png');
	background-repeat:no-repeat;
	background-position: 155px 0 !important;
	background-position: 170px 0;
	color: #FF00CC;
}

/* ------------------------- */
/* SOUS-MENU 				 */
/* ------------------------- */
#sidebar #smenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:10px;
	_padding-left:20px;
	font-size:11px;
	margin-top:40px;
}
#sidebar #smenu ul li {
	list-style:none;
	padding-bottom:2px;
}
#sidebar #smenu ul li a {
	padding:2px;
	padding-left:30px;
	color: #FFFFFF;	
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	border-left:8px hidden;
}
#sidebar #smenu ul li a.selected {
    padding-left:30px;
    background-image:url('../images/structure/nav/star2.png') ;
	background-repeat:no-repeat;
	background-position:left;
	color: #FFFFFF;
}
#sidebar #smenu ul li a:hover, #sidebar #smenu ul li a.selected:hover {
    padding-left:30px;
	background-image:url('../images/structure/nav/star2.png') ;
	background-repeat:no-repeat;
	background-position:left;
	color: #FFFFFF;
}

/* ------------------------- */
/* MENULINK 				 */
/* ------------------------- */
#sidebar #menulink ul {
	list-style:none;
	_list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:50px;
	_margin-left:10px; /* Only ie6 */
/*	background-color:#FF3;  JAUNE */
}
#sidebar #menulink ul li {
	list-style:none;
	_list-style-type:none;
}
#sidebar #menulink ul li a {
	padding-left:16px;
	text-transform:uppercase;
	display:inline-block;
	font-weight:bold;
	color:#999999;
	background-image:url(../images/structure/nav/selection_arrow.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#sidebar #menulink ul li a.selected {
    padding-left:16px;
	color: #333333;
	background-color:#EEEEEE;
}
#sidebar #menulink ul li a:hover, #sidebar #menulink ul li a.selected:hover {
    padding-left:16px;
	color:#FFF;
	background-image:url(../images/structure/nav/selection_arrow_selected.gif);
	background-repeat:no-repeat;
	background-position:left;
}


/* ------------------------- */
/* CONTENT	 				 */
/* ------------------------- */
#content {
	padding: 10px;
/*	background-color:#F33;  ROUGE */
	padding-bottom: 48px;
	width:670px;
	float:right;
}

* html #page {  /* Lu uniquement par IE 6 */
	width:620px;
	_background-image:url(../images/structure/box_bckgr_white.gif);
	_height:750px;
	
}
#page {
	width: 620px;
	margin-top:20px;
	padding:10px;
	background:url(../images/structure/box_bckgr_white.png) !important; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/structure/box_bckgr_white.png');
    background-image:url(../images/structure/box_bckgr_white.png) ;
    background-image:none;
/*	min-height:750px !important;
	height:800px ;
	background-color:#6F0;  VERT POMME */
	color:#FFF;
	position:relative;
	z-index:2;
}

/* ------------------------- */
/* CONTENT 2 COLONNES	 	 */
/* ------------------------- */
#box-right {
	float:right;
	position:relative;
/*	display:table-cell; 
	vertical-align:top !important;
	vertical-align:baseline;*/
	width:250px;
	margin-bottom:15px;
}
#box-left {
	float:left;
	position:relative;
/*	display:table-cell; 
	vertical-align:top !important;
	vertical-align:baseline;*/
	width:340px;
	margin-bottom:15px;
	margin-left:10px;
}


#both-box {
    clear:both;
    height:10px;
	width:250px;
    overflow:hidden;
	background-color:#9F0;
}

/* ------------------------- */
/* TITRE ICONS		 		 */
/* ------------------------- */
#box-right h1.weather {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	background-image:url(../images/structure/iconbox/weather.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-right h1.press {
	border-left:0px;
	
	background-image:url(../images/structure/iconbox/headlines.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-left h1.events {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	/*background-image:url(../images/structure/iconbox/time.gif);*/
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-left h1.menu {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	background-image:url(../images/structure/iconbox/newsfeed.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-right h1.media {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	/*background-image:url(../images/structure/iconbox/time.gif);*/
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-right h1.time {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	background-image:url(../images/structure/iconbox/time.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}
#box-right h1.converter {
	border-left:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
	background-image:url(../images/structure/iconbox/converter.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:35px;
	font-size:12px;
}



/* ------------------------- */
/* TITRES   	 			 */
/* ------------------------- */
#page h1 {
	margin:0px;
	background-color:#730043; /* D1D1D1 */
	border-left:8px solid #cc3399;  /* C1C1C1 */
    color:#ffffff;
	font-size:16px;
	padding:6px;
	font-weight:normal;
	margin-bottom:10px;
}
#page h2 {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	border-bottom: #ffffff 1px dotted;
}
#page h3 {
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#page h4 {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	background-color:#FF00CC;
}
#page h5 {
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	font-style:italic;
}


#page li {
	list-style-image: url("../images/structure/nav/list.png");
}

/* ------------------------- */
/* CONTENT TYPE				 */
/* ------------------------- */
#page .text {
	padding:0px;
	/*padding-left:20px;*/
	padding-right:5px;
	margin:0px;
	margin-bottom:10px;
}

#page #text {
	padding:20px;
	padding-top:5px;
	margin:0px;
}

#page .timer {
	width:70px;
	float:left;
	padding-left:7px;
}

#page .spacer {
	clear:both;
}

#page .timer .town {
	font-weight:bold;
}

#page .menu {
	background-color:#EFEFEF;
	padding:3px;
	height:25px;
}

/* ------------------------- */
/* NEWS		 				 */
/* ------------------------- */
#page .showdate {
	font-size:10px;
	color:#ffffff;
}
/**/
#page #news {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #CCC; 
}

#page .news {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#page .news-content {
	padding-left:40px;
	padding-right:5px;
}

/* UTILISATION SUR LA PAGE BG_PAGE.PHP
#background {
	position:absolute;
	top:100px;
	background-image:url('../images/structure/bckgr/pict_00.png') ;
	height:533px;
	width:600px;
	z-index:1;
}
*/



.bodure {
	border:1px solid black;
	-moz-border-radius: 20px;
	/*border-radius : 20px; */
}

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */
#bothFooter {
    clear:both;
    height:10px;
	width:936px;
    overflow:hidden;/**/
/*	background-color:#F3C;  ROSE */
}
#footer {
	margin: 0px auto;
	position: absolute;
	bottom: 0;
	color:#666;
	/*padding: 10px; */
/*	background-color: #609;  VIOLET */
	background-image:url(../images/structure/footer_bckgr.jpg); 
	background-repeat:no-repeat;
	background-position:top;
	width:936px;
	height:45px;
}

#footer a {
	color:#666;
}
#footer a:hover {
	color:#FF00CC;
}
#footer h1 {
	color: #fff;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 1.5em;
}
#footer p {
	margin: 0;
	margin-left:230px;
	padding-bottom: 1em;
}