/* Corps de la page */
body, html {margin: 0px 0px 0px 0px; background: #000 url(../img/blackBackground.gif);}
input {margin: 1px;}
form {padding: 0px; margin: 0px;}
a:link {text-decoration: none; color: #0000FF;}
a:visited {text-decoration: none; color: #0000FF;}
a:hover {text-decoration: underline; color: #0000FF;}

/* Overall Table */
table#overallTable {width: 100%; height: 100%;}
table#overallTable td#leftTd {border-right: 1px solid #bbbbbb; vertical-align: top;}
table#overallTable td#rightTd {border-left: 1px solid #bbbbbb; vertical-align: top;}
table#overallTable td#contentTd {width: 1024px; background: #ffffff; vertical-align: top;}

/* Top Bar */
div#topBar {width: 100%; height: 25px; background: URL(../img/bannerShadowTop.gif) bottom repeat-x; color: #000000; letter-spacing: 1px; font-size: 10px; font-family: arial; border-bottom: 1px solid #000000;}
div#topBar div#floatLeft {float: left; margin-left: 15px; margin-top: 4px;}
div#topBar div#floatRight {float: right; margin-right: 15px; margin-top: 4px;}
div#topBar div#floatRight a:link {color: #000000; text-decoration: none;}
div#topBar div#floatRight a:visited {color: #000000; text-decoration: none;}
div#topBar div#floatRight a:hover {color: #000000; text-decoration: none;}

/* Header */
div#mainHeader {width: 800px; height: 250px ;float: left; background: URL(../img/banniereB2.png)  right no-repeat;}
div#FBHeader {width: 150px; height: 250px ; float: right;; text-align: center; Font-family: Lucida, sans-serif;}
div#mainFooter {text-align: center; font-size: 13px; color: #222222; margin-bottom: 20px; font-family: Arial;}

/* ContentTable */
table#contentTable {width: 100%;}
table#contentTable td#mainContentTd {font-family: Georgia, Times, serif, sans-serif; line-height: 180%; font-size: 13px; color: #333333; vertical-align: top;}
table#contentTable td#mainContentTd div#topImg {width: 600px; height: 191px; margin: 15px auto 15px auto; background: #ffffff URL(../img/logo2011.png) center no-repeat;}
table#contentTable td#mainContentTd .textBox {text-align: left; background: transparent url(../img/contentLeftBg.png) top left no-repeat; margin-bottom: 25px; padding-right: 20px;}
table#contentTable td#mainContentTd .textBox h1 {color: #07497d; font-size: 16pt; font-weight: bold; font-variant: small-caps; padding-top: 15px; line-height: 100%; font-family: Garamond, Times, Arial; margin-bottom: 25px; padding-left: 15px;}
table#contentTable td#mainContentTd .innerTube {margin-left: 15px; margin-right: 15px;}
table#contentTable td#mainContentTd .error {margin-left: auto; margin-right: auto; color: red; font-weight: bold;}
table#contentTable td#mainContentTd .textBox p {text-align: justify;}
table#contentTable td#mainContentTd table {font-family: Georgia, Times, serif, sans-serif; line-height: 180%; font-size: 13px; color: #333333;}

/* Small Boxes */
table#contentTable td#menuTd {width: 250px; vertical-align: top;}
table#contentTable td#menuTd div#smallBox {margin: 15px; background: #dee7ee; font-family: arial; font-size: 13px; color: #404040; border: 1px solid #bbbbbb;}
table#contentTable td#menuTd div#smallBox h2 {height: 30px; color: #ffffff; font-size: 16px; padding: 5px 8px 0px 8px; margin: 0px;}
table#contentTable td#menuTd div#smallBox h2#titleMenu {background: URL(../img/titleMenu.jpg) no-repeat;}
table#contentTable td#menuTd div#smallBox h2#titleCalendar {background: URL(../img/titleCalendar.jpg) no-repeat;}
table#contentTable td#menuTd div#smallBox h2#titlePrivateAccess {background: URL(../img/titlePrivateAccess.jpg) no-repeat;}
table#contentTable td#menuTd div#smallBox h2#titleQuestion {background: URL(../img/titleQuestion.jpg) no-repeat;}
table#contentTable td#menuTd div#smallBox div#innerTube {margin: 15px; padding-bottom: 5px;}
table#contentTable td#menuTd div#smallBox ul {list-style-type : none; margin: 0px; padding: 0px;}
table#contentTable td#menuTd div#smallBox ul li {margin-top: 2px; margin-bottom: 2px;}
table#contentTable td#menuTd div#smallBox a.menuLink:link {padding-left: 5px;}
table#contentTable td#menuTd div#smallBox a.menuLink:visited {padding-left: 5px;}
table#contentTable td#menuTd div#smallBox a.menuLink:hover {border-left: 2px solid #666699; padding-left: 3px; color: #000000;}

/* Calendar */
table#calendarTable {font-size: 12px; text-align: center;}
table#calendarTable #calendrier li {list-style-type: none;}
table#calendarTable #libelle {list-style-type: none; width: 182px; margin: 0; padding: 0;}
table#calendarTable .ligne {width: 182px; margin: 0; padding: 0;} 
table#calendarTable #libelle li {float: left; width : 26px;}
table#calendarTable .ligne li {color: #000; float: left; width: 26px; list-style-type: none;}
table#calendarTable .ligne li a:hover{text-decoration: none;}
table#calendarTable li.itemCurrentItem {}
table#calendarTable li.itemSelectedItem {}	

/* Mise en page */
.centerTxt {text-align: center;}

/* Included text CSS */
div#includedText {font-family: Arial;}
div#includedText h4 {font-weight: bold; text-decoration: underline; font-size: 1.1em;}
div#includedText span.impact {color: #537fc0; font-weight: bold; text-decoration: underline; font-size: 1.2em;}
div#includedText span.grey {color: #8c8b93;}
div#includedText span.blue {color: #537fc0;}
div#includedText span.ital {font-style: italic;}
div#includedText div.quote {background: #f3f6fa; border: 2px solid #5e7bcb; padding: 10px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; text-align: center;}