body {background:#FFF;}
#navigation {position: relative; height:66px; font-size:13px; font-weight: bold;}
#navigation div {position: absolute; bottom:0;}
#navigation a {color: black; text-decoration: none;}
#navigation a:hover {color: #00B6DF;}
#container {height:inherit; margin:0; padding:0; position:relative; width:884px;}
#middle {height:inherit; font-size: 12px; line-height:14px;}
#middle h5 {font-size: 14px; line-height:16px;}
#middle div h3:first-child {width: 100%; border-bottom: 2px solid black; margin: 0 0 10px 0;}
#middle .portailMouvement h4, #middle .portailMouvement h4 a {font-size:18px; line-height:18px;}
#middle .portailMouvement .ShortcuteSite{margin-bottom:5px;}
#middle_top {margin-bottom:15px;}
#middle_bottom div {float:left; margin: 0 7px 0 0}
#middle_bottom .ShortcuteSite {margin: 0 10px 0 0;}
#middle_bottom div .fImage {margin: 0 0 0 4px;}
#middle_bottom .fImage p {font-size: 12px; font-weight: normal; font-size:10px; line-height:11px; font-weight: bold;}
#middle_bottom {margin-top:30px;}

div#container div#decobottom {background:#33BEDF none repeat scroll 0 0; clear:both; font-size:11px; height:100%; left:0; margin:0; position:fixed; width:884px;}
div#container div#bottom {background:#33BEDF url(http://www.citoyenparent.be/common/images/spoutchHoriz.png) repeat-x scroll left top; padding:90px 15px 15px;}
#bottom .partners {text-align: center; border-bottom: solid 1px white; margin: 0 0 15px 0;}
#bottom .partners div {display:inline-block;}
#bottom {clear:both; font-size:11px; margin:0 0 -20px; position:relative; width:854px;}

.fImage p {font-size: 12px;}
.ShortcuteSite a {color:#000000; font-size:14px; font-weight:bold; letter-spacing:0; line-height:14px; margin:0 0 3px; text-decoration:none;}
 .ShortcuteSite {margin: 0 0 7px 0;}
.ShortcuteSite a:hover {color:#00B6DF;}
.portailOffre .ShortcuteSite {margin: 0 0 14px 0; clear:both;}
.portailOffre .ShortcuteSite a {color:gray;}
.portailOffre .ShortcuteSite a:hover {color:#00B6DF;}
.portailOffre .ShortcuteSite a strong {color:black;}

.boule {background:transparent none no-repeat scroll 0 0; height:120px; position:relative; width:220px; z-index:50; margin: -70px 0 0 -30px; font-weight: bold; line-height: 1.8em; padding: 40px;}
.boule a, .boule div a {color: black; text-decoration:none;}
.boule a:hover, .boule div:hover a {text-decoration:underline;}
#menu p {font-size:34px; font-weight:bold; line-height:34px; margin:0; padding:0; letter-spacing:-0.05em;}
#menu p a {border-bottom:2px solid #00B6DF; color:black; line-height:25px; padding-bottom: -5px; text-decoration: none; display: inline-block; height: 28px;}
#menu p a:hover {color:#00B6DF;}

/* fil info */
#lastnews {float:left; letter-spacing:0px; height:130px; overflow:hidden;}
#lastnews h3 {font-size:13px; letter-spacing:normal;}
#lastnews h3 a {text-decoration:none; letter-spacing:normal;}
#lastnews h3 a:hover {color:black; text-decoration:none;}
#lastnews p {font-size:12px;}
#lastnews .News {border:none; }
#lastnews .News .news_content {max-height:90px; overflow:hidden;}
#lastnews p.more a {text-decoration:none;color:#11B9E0; font-weight:bold; font-size:11px;}
#lastnews p.more a:hover {text-decoration:underline;}
#lastnews_title {text-align:right;}
#lastnews_title h3 {margin:0; text-align:left; letter-spacing:0;}
#lastnews_title .news_dot{float:left;  font-size:24px; line-height:10px;}
#lastnews_title a{ color:black; text-decoration:none;}
#lastnews_title a.active{color:#11B9E0;}
#lastnews_title a:hover{color:#11B9E0;}
#lastnews_display {clear:both;}
#lastnews_display h3 {margin:0; padding:0; font-size:11px; line-height:13px;}
#lastnews_display p {margin:0; padding:0; font-size:11px; letter-spacing:0; font-weight:normal; line-height:13px;}
#morenews {margin-top:15px;}

#bignews {float:left;}
#bignews h3 {width:165px;}
.News {border-bottom:1px solid #11B9E0; padding-bottom:5px;}
.News h3 a {color:black;}
.News h3 a:hover {color:#11B9E0;}

.Ligueur, .LigueurBebe {margin-bottom:15px;}
.Ligueur {background:transparent url(images/bgLigueur.jpg) no-repeat scroll 0 0; height:139px;}
.LigueurCover {margin:5px 0 0 5px}
.LigueurBebe {background:transparent url(images/bgLigueurBebe.jpg) no-repeat scroll 0 0; height:139px;}
.LigueurBebeCover {margin:3px 0 0 7px;}

#Login {font-weight:bold;}
#Login a {height:100px; color:#11B9E0; text-decoration:none; display:block;  font-size:15px; background:transparent url("http://www.citoyenparent.be/Public/connexion/images/boutons_cles.gif") no-repeat; padding:39px 8px 10px;}
#Login a:hover{color:black;}
#Login a em {color:#000; text-decoration:underline; font-style:normal;}

#contact{font-size:12px; font-weight:bold;}
#contact img{float:left; margin-right:5px; margin-bottom:5px; margin-top:12px;}
#contact em {color:#11B9E0; font-style:normal;}

.display {display:block;}
.hidden {display:none;}

.ImageFolder{position:relative; left:0px;}
.ImageFolderContent{position:relative; left:0px;}

#lightbox{width:884px; position:absolute; top:98px; left:259px; width:230px; height:auto; background:#ccc; margin:0; display:none;}
#lightbox_container{margin:10px; padding:0; height: auto; width:auto; background:none; text-align:left;}

#alarm{width:864px; background:#ccc; font-size:14px; font-weight:bold; color:black; padding:10px;}
#alarm a {color:black; text-decoration:underline;}
#alarm a:hover {color:blue; text-decoration:underline;}