@import url(../css/fck.css);
@import url(../css/site_menu.css);
@import url(../css/maintenance.css);

body{ background: #002845; }
html>body#home #wrap { width: 900px; }
#wrap { width:900px; margin: 0 auto; padding:0 50px; background: transparent url(img/wrap.gif) repeat-y; }

/* @group header */

#header { height: 71px; background: transparent url(img/header.jpg) no-repeat; position: relative; }
    #twitter { position: absolute; right: 10px; top: 10px; width: 60px; margin: 0; padding: 0; overflow: hidden; }
        #twitter .logo { display: block; float: left; width: 22px; height: 22px; background: url(http://twitter-badges.s3.amazonaws.com/t_small-b.png) 0 0 no-repeat; margin: 0 2px 0 0; padding: 0; }
        #twitter .logo span { position: absolute; top: -9999px; left: -9999px; }
        #twitter .id, #twitter .at { color: #186487; display: inline; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 22px; margin: 0; padding: 0; text-decoration: none; }
        #twitter .id { cursor: pointer; }
        #twitter .id:hover { text-decoration: underline; }

h1#logo span {display:none; visibility:hidden;}
h1#logo a{width:100%; height:54px; display:block; }

#tagline { height: 0; overflow: hidden; }

/* @end */

/* @group content */

#content { clear:both; color: #585858; overflow: hidden; width: 900px; /*opacity: 0.8;*/ min-height:400px; /*_height:400px;*/ }
#news #content { background: #fff url(img/bg-news.gif) no-repeat 0 208px; }

.main h3 { margin: 12px 0; }

#content h6 sup{ line-height:12px; font-size:9px; text-transform:none; display:block; float:left; }
#content h6 span{ padding-top:4px; padding-bottom:4px; display:block; float:left; }

/* @group nav */
#content .sub-nav { float: left; width: 193px; margin:0; padding: 24px 0 0 12px; }
html>body#home #content .sub-nav { width: 193px; }
#content .sub-nav li { text-align: left; font-size: 12px; line-height: 16px; border-bottom:2px solid #E9EDF2; padding: 10px 0; }

#content .sub-nav li.current { font-weight: bold; }
#content .sub-nav li a { color: #53728d; text-decoration: none; }
#content .sub-nav li.current a, #content .sub-nav li a:hover { color: #003d6a; }
#content div.last_update { clear: both; padding-left: 12px; }
#content div.last_update p { color: #93a2ad; font-size: 10px; font-style: italic; }
/* @end */

/* @group side */
#content div.fck { padding-right: 16px; }
/* @end */


/* @group main */
#content .main { float: left; padding: 17px 0 0 40px; background: transparent url(img/tpuce.gif) no-repeat 15px 25px; color: #003c69; width: 455px; }
#content .main h2 { padding: 0 0 15px 0; color: #003d6a; font-family: times new roman; font-weight: bold; font-size: 24px; line-height: normal; }
body#home #content .main img { margin:0 6px 6px 6px; }
body#site #content .main select { margin-left:0; }


/* NEW CAROUSEL ******************************************/
/* * @ Width & Height for carousel should define JUST for item :
   * @ file "jcarousel/skins/news/skin.css"
   * @ example: .jcarousel-skin-news .jcarousel-item-horizontal { width:200px; } */
#content .bloc_info { float: right; margin-top:64px; background: transparent url(img/info.gif) repeat-x top left; }
#content .bloc_info .fck{ padding: 10px 0 0 16px; }
#content .bloc_info h2 {visibility:hidden;}
#content .bloc_info h3 { color: white; font-family: times new roman; font-size: 24px; line-height: 22px; font-weight: bold; }
#content .bloc_info p { color:#000; padding: 0 20px 0 0; line-height:16px; }
#content .bloc_info .info_bottom { float:none; _width:100%; text-align:center; clear:both; color:#2244aa; padding:14px 0; }
#content .bloc_info .info_bottom a { font-weight:bold; color:#2244aa; }

/* NEW CAROUSEL end ******************************************/

/* @end */


/*============= FORM ===============*/
form .label { display:block; float:left; width:80px; color:#2244aa; font-weight:bold; }
form .message { color:#2244aa; font-weight:bold; }
form .message .comment { font-size:10px; font-weight:normal; }
#content form li,#content form textarea { clear:both; margin: 6px 0; }
#content form textarea {display:block;}
#content form input, #content form select { margin: 0 12px 0 6px }
#content form input.submit{ background: url(img/bg_menu3.gif) repeat-x; padding:6px; color:#fff; font-weight:bold; margin-top: 24px !important; margin-left:0; }
#content form input.submit { border:1px solid #DCECFF; }
#content form input.submit:hover { color:#000; }

/* table.tableau added 14.9.2007 15:05 UA time */
table.tableau {
border-collapse : collapse;
border : 1px solid #000;
margin-left: 4px; }
table.tableau td, table.tableau th{
padding: 0 2px 0 2px;
border : 1px solid #000; }
table.tableau th {
font-weight: bold; }
/* table.tableau */

/* @end */

#content div.last_update { clear: both; padding-left: 12px; }
#content div.last_update p { color: #93a2ad; font-size: 10px; font-style: italic; }

/* @group footer */

#footer { clear: both; height: 60px; background: url(img/bg_footer.gif) repeat-x top left; }

#footer p { display:block; text-align:right; padding-top:34px; margin-right: 36px; color: #003c69; font-size:10px;
/* background-color:red;*/ }

#footer p a{ color: #003c69; font-weight:bold; }
/* @end */