/* CSS Document */
body {
	margin: 8px 0px 0px 0px;
	padding: 0px; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: black;
	background: #069 url(roster/img/structure/wallpaper-01.jpg) no-repeat top center;
}
.edge {border: 1px solid #CCC;}
.img-news {float: left; text-align: center; margin-right: 12px; background-color:#069; color:#FFF; border: 1px solid #069;}
.ximg-left {float: left; margin-right: 8px;}
.timg-right {float: right; padding: 6px 0px 6px 0px; margin-left: 10px; text-align:center;}
.timg-btn {margin: 3px 0px 0px 9px;}
.box-dot {border-top: 1px dashed #09C;}
.news-date {
	display: block;
	width: 200px;
	height: 14px;
	color: #999;
	font-size: 10px;
	font-style: oblique;
	padding: 2px;
	margin: 0px 0px 0px 8px;
}
/* ================================================================================= */
/* STRUCTURES DU SITE */
#global {
	width: 982px;
	margin: 0 auto;
	border: 1px solid #CCC;
	background-color:#FFF;
}
#entete { /* brandNameBanner */
	padding: 0px;
	margin: 0px;
	width: 982px;
}
#centre { /* brandNameBanner */
	padding: 0px;
	margin: 0px;
	width: 982px;
}
#main-block { /* brandNameBanner */
	padding: 0px;
	margin: 0px;
	width: 642px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/base-main-block.jpg);
}
#main-block h2{ /* brandNameBanner */
	color: #09C;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 0px 0px 8px;
	padding: 0px;
}
#main-block p{ /* brandNameBanner */
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1.25em 5px 0px 8px;
	padding: 0px;
}
.news-para {
	margin: 1.25em 5px 0px 8px;
	padding: 0px;
}
.para-index {
	display: block;
	float: right;
	width: 440px;
	margin: 1.25em 10px 0px 0px;
	padding: 0px;
}
/* ================================================================================= */
/* NAVIGATION PRINCIPAL */
#navigation-box {
	width: 982px;
	height: 37px;
	background: #FFF;
	background-position: left;
	background-repeat: repeat-x;
	background-image: url(imgs-structure/menu-fond.gif);
}
#navigation {
	width: 900px;
	padding: 7px 0px 3px 0px;
}
#navigation a {
	color: #FFF;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	font-weight: bold;
	text-decoration: none;
}
#navigation a:hover, #navigation a:focus {
	color: #09C;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	font-weight: bold;
	text-decoration: none;
}
a {
	color: #09C; font-weight: bold; text-decoration: none;
}

a:hover, #navigation {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/* ================================================================================= */
/* TITRES */
#h1-box {
	width: 642px;
	height: 59px;
	margin: 0px;
	padding: 0px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/title-fond.jpg);
}
h1 {
	color: #FFF;
	font-size: 24px;
	font-weight: 200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 12px 0px 0px 8px;
	margin: 0px;
}
h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;}
h2 {
	color: #09C;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
/* ================================================================================= */
/* BOITE INFORMATIVE RAPIDE*/
.box-quick-info {
	width: 310px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/info-box-318.gif);
}
.box-quick-info h2 {
	color: #FFF;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0px 0px 6px;
	margin: 0px;
}
.box-quick-info2 {
	width: 320px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/fond-titre-news.gif);
}
.box-quick-info2 h2 {
	color: #FFF;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 0px 0px 6px;
	margin: 0px;
}
.box-quick p {
	color: #000;
	font-size: 0.95em;
	padding: 6px 0px 0px 6px;
	margin: 0px;
}
#h2-rbox{
	width: 315px;
	padding: 3px;
	margin: 0px;
	text-align: left;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/right-box-title.gif);
}
#h2-rbox h2{
	color: #FFF;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 0px 0px 6px;
	margin: 0px;
}
#h2-rbox li{
	color: #09C;
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* ================================================================================= */
/* COPYRIGHTS -- UTILITY MENU */
#copyright-box {
	width: 982px;
	height: 50px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #FFF;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(imgs-structure/copyrights-bar.gif);
}
#utility-menu {
	width: 960px;
	margin: 0px 0px 0px 5px;
	padding: 20px 0px 5px 0px;
	text-align: center;
}
#utility-menu a {
	color: #09C;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	text-decoration: none;
}
#utility-menu a:hover, #utility-menu a:focus {
	color: #F60;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	text-decoration: none;
}
#copyright {
	color: #FFF;
	width: 960px;
	margin: 0px 0px 0px 5px;
	padding: 15px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
	font-style:oblique;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.rouge {
	color: #FF0000;
}
.bgrouge {
	background-color: #F9DCDC;
}
/*=== BAR =============================================== */
.borderBarUpDashed {
	border-top: 1px dashed #CCC;
}
.borderBarDownDashed {
	border-bottom: 1px dashed #CCC;
}
.borderBarDashed {
	border: 1px dashed #CCC;
}
.borderBarLeftDashed {
	border-left: 1px dashed #CCC;
}