body{ margin: 0px; font: normal 70% Arial, Verdana, sans-serif; color: #000;} dl, dt, dd {margin:0; padding:0;} a{text-decoration: none;font-weight: bold;} .clear{ clear: both; } #fsds{ width: 980px; margin: auto; background: #000; min-height: 100px; } #fsds #header{} #fsds #header .nav{height: 35px; position: relative; background: #0070b0 url(../images/bgnav.gif) repeat-x 0 0; position: relative;} #fsds #header .nav ul{padding-top: 5px; padding-left: 5px; list-style-type: none; margin: 0;} #fsds #header .nav ul li{margin: 0; padding: 0 19px 0px 13px; float: left; background: url(../images/bgsep.gif) no-repeat 100% 4px;} #fsds #header .nav ul li a{display: block; padding: 0; height: 30px; line-height: 30px; color: #FFF; font-size: 1.1em;} #fsds #header .nav ul li:hover{ background: #004E89 ; border-radius: 5px 5px 0px 0px;} #fsds #header .nav ul li ul{ display: none; position: absolute; background: #004E89 ; margin-left: -13px; border-radius: 0px 0px 5px 5px; } #fsds #header .nav ul li:hover ul{ display: block;} #fsds #header .nav ul li ul li:hover{ background: #fff; } #fsds #header .nav ul li ul li:hover a{ color: #004E89; } #fsds #header .logo{ background: url(../images/bglogo.gif); } #fsds #content{ background: #F0F0F0; padding: 20px;} #fsds #content .ctitle{ padding: 0 0 0 16px; font-size: 1.25em; line-height: 1.8em; font-weight: bold; color: #fff; text-transform: uppercase; background: #025a9c url(../images/bgtitle.jpg) repeat-x 0 0;} #fsds #content .ctitle1{ padding: 0 0 0 16px; font-size: 1.25em; line-height: 1.8em; font-weight: bold; color: #fff; text-transform: uppercase; background: #FEA500; } #fsds #content .ctitle2{ padding: 0 0 0 16px; font-size: 1.25em; line-height: 1.8em; font-weight: bold; color: #fff; text-transform: uppercase; background: #808080; } #fsds #content .cmore{ clear: both; display: block; padding: 0 25px 0 0; height: 23px; line-height: 23px; font-weight: bold; color: #585858; text-align: right; background: #EBEBEB url(../images/bglink.gif) no-repeat 98% 6px;} #fsds #content .cleft{ width:640px; float:left; } #fsds #content .cleft .cslide{ margin-bottom: 10px; } #fsds #content .cleft .cslide img{ width: 100%; } #fsds #content .cleft .ccleft{ width: 315px; float: left; margin-right: 10px; } #fsds #content .cleft .ccright{ width: 315px; float: left; } #fsds #content .cleft .cactu{ border: 1px solid #c4cfd8; background: #fff; margin-bottom: 10px;} #fsds #content .cleft .cactu .actu{ padding: 6px 10px; line-height: 1.1em; border-bottom: 1px solid #CFE9EC; } #fsds #content .cleft .cactu .actu span{ color: #818181 !important; display: block; } #fsds #content .cleft .cactu .actu a{ color: #214a87; text-decoration: none; line-height: 1.3em; font-weight: normal; } #fsds #content .cleft .cactu .actu a:hover{ color: #932b24; text-decoration: underline; } #fsds #content .cleft .cevent{ background: #fff; border: 1px solid #c4cfd8; margin-bottom: 10px; } #fsds #content .cleft .cevent ul{ margin: 0px; padding: 0px; list-style: none; padding-right: 20px; padding-left: 20px; } #fsds #content .cleft .cevent .event{ background: transparent url(../images/bgli.gif) no-repeat scroll 0 3px !important; padding: 0 0 0 10px; margin-bottom: 10px; overflow: hidden;} #fsds #content .cleft .cevent .event a{color: #214a87; text-decoration: none; line-height: 1.3em; font-weight: normal; display: block;} #fsds #content .cleft .cevent .event a:hover{ color: #932b24; text-decoration: underline;} #fsds #content .cleft .cpub{ background: #fff; border: 1px solid #c4cfd8; margin-bottom: 10px; } #fsds #content .cleft .cpub .pub{ padding: 5px; overflow: hidden; border-bottom: 1px solid #CFE9EC; } #fsds #content .cleft .cpub .pub img{ float: left; margin-right: 5px; } #fsds #content .cleft .cpub .pub a{color: #214a87; text-decoration: none; line-height: 1.5em; padding-top: 10px; font-weight: bold; display: block;} #fsds #content .cleft .cpub .pub a:hover{ color: #932b24; text-decoration: underline;} #fsds #content .cright{ width: 290px; padding-left: 10px; float: left; } #fsds #content .cright .crel{} #fsds #content .cright .crel{ background: #fff; border: 1px solid #c4cfd8; margin-bottom: 10px; } #fsds #content .cright .crel .rel{ padding: 5px; overflow: hidden; border-bottom: 1px solid #CFE9EC; } #fsds #content .cright .crel .rel div{ height: 73px; overflow: hidden; float: left; } #fsds #content .cright .crel .rel img{ float: left; margin-right: 5px; } #fsds #content .cright .crel .rel a{color: #214a87; text-decoration: none; line-height: 1.5em; padding-top: 5px; font-weight: normal; display: block;} #fsds #content .cright .crel .rel a:hover{ color: #932b24; text-decoration: underline;} #fsds #content .cright .cart{ position: relative; height: 104px; overflow: hidden; margin-bottom: 10px; } #fsds #content .cright .cart img{ width: 100%; } #fsds #content .cright .cart div{ height: 104px; position: absolute; width: 100%; background: rgba(0,0,0,0.5); top: 0; color: #fff; } #fsds #content .cright .cart div span{ padding: 10px; display: block; font-size: 30px; } #fsds #content .cright .cfin{ border: 1px solid #c4cfd8; background: #fff; margin-bottom: 10px;} #fsds #content .cright .cfin>a>img{ width: 100%; } #fsds #content .cright .cfin .fin{ padding: 6px 10px; line-height: 1.1em; border-bottom: 1px solid #CFE9EC; } #fsds #content .cright .cfin .fin span{ color: #818181 !important; display: block; } #fsds #content .cright .cfin .fin a{ color: #214a87; text-decoration: none; line-height: 1.3em; font-weight: normal; } #fsds #content .cright .cfin .fin a:hover{ color: #932b24; text-decoration: underline; } #fsds #content .cright .csmedia{ border: 1px solid #c4cfd8; padding: 10px; background: #fff; margin-bottom: 10px; } #fsds #content .cright .csmedia a{ display: block; float: left; margin-right: 20px} #fsds #content .cright .csmedia a img{ height: 36px;} #fsds #content .cright .cres{ border: 1px solid #c4cfd8; background: #fff; margin-bottom: 10px;} #fsds #content .cright .cres>a>img{ width: 100%; } #fsds #content .cright .cres .res{ padding: 6px 10px; list-style: none; line-height: 1.1em; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CFCFCF; margin: 0; background: #EDEDEF; overflow: hidden; zoom: 1; } #fsds #content .cright .cres .res:hover{background: #DEDEE0} #fsds #content .cright .cres .res div{ margin: 10px 0px; padding: 2px 0 0 46px; min-height: 30px;} #fsds #content .cright .cres .res h3{ font-size: 1.25em; margin: 0 !important; line-height: 1.3em; font-weight: bold; padding: 0; } #fsds #content .cright .cres .res h3 a{ color: #000; text-decoration: none; } #fsds #content .cright .cres .res a:hover{ color: #932b24; text-decoration: underline; } #fsds #content .cright .cres .res p{ margin: 0; font-weight: normal !important; font-size: 1.08em; line-height: 14px; } #fsds #content .cright .cres .res p a{ color: #818181; text-decoration: none; } #fsds #footer { position:relative; padding:18px 12px 0 12px;border-top:1px solid #ccc;background:transparent url(../images/bgfooter.jpg) repeat-x 0 0; overflow:hidden; } #fsds #footer #fsds #footer_lnk {} #fsds #footer dl { margin:0; padding:0;overflow:hidden; _overflow:visible; zoom:1; } #fsds #footer dt { float:left; font-weight: bold; } #fsds #footer dt span.left {display:block; float:left; height:18px; width:11px; background:url(../images/bg_dt_footer.gif) no-repeat 0 -18px; } #fsds #footer dl.active dt span.left {background:url(../images/bg_dt_footer.gif) no-repeat 0 0;} #fsds #footer dt span.right {display:block; float:left; padding:3px 11px 0 0;height:15px;/* 18 */color:#666; background:url(../images/bg_dt_footer.gif) no-repeat right -18px; } #fsds #footer dl.active dt span.right { color:#fff; background:url(../images/bg_dt_footer.gif) no-repeat top right; } #fsds #footer dd { float:left; padding-top:3px; font-size:10px; background:url(../images/bg_dd_footer.gif) no-repeat 100% 6px; } #fsds #footer dd.last {margin:0; background:none;} #fsds #footer dd a { margin:0 10px 0 9px; color:#666; text-decoration:none;font-weight: normal; } #fsds #footer dl.active dd a {color:#4294c3;} #fsds #footer dd a:hover {text-decoration:underline;} #fsds #footer .separation { clear:both; margin:3px 0;height:2px;font-size:1px; background:transparent url(../images/bgseparation.gif) repeat-x 0 0; } #fsds #footer #fsds #footerLower { margin-top:10px;height:44px;background:transparent url(../images/bgfooterbottom.gif) no-repeat center bottom;} #fsds #footerLower ul { margin-left:230px; padding-top:15px; overflow:hidden;zoom:1;} #fsds #footerLower li { float:left; padding:0 10px 0 11px; background:transparent url(../images/bglifooterLower.gif) no-repeat 0 3px; } #fsds #footerLower li.first {background:none;} #fsds #footerLower li a{font-weight: normal;color: #214a87;text-decoration: none;} #fsds #footerLower li a:hover{ text-decoration: underline; } /*---------------------------------------------- ARTICLES CSS -------------------------------------------------------------*/ #fsds #content .sitemap{ margin-top: -15px; margin-bottom: 10px;} #fsds #content .sitemap a{color: #214a87; text-decoration: none; font-weight: normal; } #fsds #content .sitemap a:hover{ text-decoration: underline;} #fsds #content .cleft .carticle{ background: #fff; padding: 10px; min-height: 100px;} #fsds #content .cleft .carticle a{ font-weight: normal; color: #3f95c3;} #fsds #content .cleft .carticle a:hover{ text-decoration: underline;} #fsds #content .cleft .carticle .cartdate{ color: #818181;} #fsds #content .cleft .carticle .carttitle{ color: #3f95c3; line-height: 23px; font-weight: normal; margin: 0px; margin-bottom: 10px; margin-top: 3px; font-size: 2.15em; line-height: 1.2em;} #fsds #content .cleft .carticle>img{ margin-bottom: 10px; margin-right: 10px; border-bottom: 4px solid #3f95c3; min-width: 150px; max-width: 310px; } #fsds #content .cleft .carticle .cartcontent{ font-size: 1.05em; line-height: 18px; } #fsds #content .cleft .carticle ul{ margin: 0 0 10px 0; padding: 0;list-style: none; position: relative;} #fsds #content .cleft .carticle li { padding:0 0 10px 20px; background:url(../images/bg_li_content_content.gif) no-repeat 4px 6px; } /*------------------------------------------------- RUBRIQUES CSS -----------------------------------------------------------*/ #fsds #content .cleft .crubrique{ min-height: 100px;} #fsds #content .cleft .crubrique .crubleft{ width: 190px; float: left; min-height: 50px; background: #005CA1; border-radius: 0px 0px 10px 10px; } #fsds #content .cleft .crubrique .crubleft h2 { margin: 0 0 0px 5px; padding: 5px 0 0 0; font-size: 1.6em; line-height: 1.45em; color: #FFF; background: none; font-weight: normal; } #fsds #content .cleft .crubrique .crubleft ul { padding: 5px 7px 5px 5px; margin: 0; list-style: none; } #fsds #content .cleft .crubrique .crubleft li { position: relative; color: #005CA1; background: url(../images/bgsepnav.gif) repeat-x bottom left; } #fsds #content .cleft .crubrique .crubleft li a { text-decoration: none; font-weight: normal; color: #FFF; padding: 8px 0 10px 4px; display: block; font-size: 1.2em; } #fsds #content .cleft .crubrique .crubleft li a:hover{ text-decoration: underline;} #fsds #content .cleft .crubrique .crubright{ width: 440px; float: left; min-height: 50px; background: #fff; margin-left: 10px; padding-bottom: 20px; } #fsds #content .cleft .crubrique .crubright .crubtitle{ font-size: 2.15em; font-weight: normal; line-height: 1em; margin-bottom: 10px; color: #3F95C3; background: white;padding: 0.5em;} #fsds #content .cleft .crubrique .crubright .crubnews{ padding: 5px; font-size: 1.05em; border-bottom: 1px solid #eee; } #fsds #content .cleft .crubrique .crubright .crubnews img{ float: left; padding-right: 5px;} #fsds #content .cleft .crubrique .crubright .crubnews span{ display: block; color: #4D4D4D;} #fsds #content .cleft .crubrique .crubright .crubnews a{ color: #214a87; text-decoration: none; font-weight: normal; } #fsds #content .cleft .crubrique .crubright .crubnews a:hover{ text-decoration: underline;} #menu { width: 100%; height: 40px; clear: both; background: #fff; } ul#nav { float: left; width: 100%; margin: 0; padding: 0; list-style: none; background: #147fb4 url(../img/menu-parent.png) repeat-x; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } ul#nav li { display: inline; } ul#nav li a { float: left; font: bold 1.1em arial,verdana,tahoma,sans-serif; line-height: 35px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #1376a7; margin: 0; padding: 0 16.5px; background: #1376a7 url(../img/menu-parent.png) repeat-x; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } /* APPLIES THE ACTIVE STATE */ ul#nav .current a, ul#nav li:hover > a { color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #0b4765; background: #0e6692; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; } /* THE SUBMENU LIST HIDDEN BY DEFAULT */ ul#nav ul { display: none; } /* WHEN THE FIRST LEVEL MENU ITEM IS HOVERED, THE CHILD MENU APPEARS */ ul#nav li:hover > ul { position: absolute; display: block; width: 970px; padding-left: 10px; height: 35px; position: absolute; margin: 35px 0 0 0; background: #0e6692 url(../img/menu-child.png) repeat-x; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; } ul#nav li:hover > ul li a { float: left; font: bold 1.1em arial,verdana,tahoma,sans-serif; line-height: 35px; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #0b4765; margin: 0; padding: 0 15px; border-right: 1px solid #147fb4; background: #0e6692 url(../img/menu-child.png) repeat-x; } ul#nav li:hover > ul li a:hover { color: #9cdeff; text-decoration: none; text-shadow: none; } nav a { text-decoration: none; } /*---------- Wrapper --------------------*/ nav { width: 100%; max-width: 980px; margin: auto; background: #1b456d; } nav ul { text-align: center; margin: 0; padding: 0; } nav ul li { font: 13px Verdana, 'Lucida Grande'; cursor: pointer; -webkit-transition: padding .05s linear; -moz-transition: padding .05s linear; -ms-transition: padding .05s linear; -o-transition: padding .05s linear; transition: padding .05s linear; } nav ul li.drop { position: relative; border-right: 1px solid #32608c; } nav ul > li { display: block; float: left; } nav ul li a { padding: 10px 16.8px; font-size: 12px; font-weight: normal; display: block; color: #fff; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } nav ul li a:hover { color: #eee; } nav .dropOut .triangle { width: 0; height: 0; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid white; top: -8px; left: 50%; margin-left: -8px; } nav .dropdownContain { width: auto; max-width: 460px; position: absolute; z-index: 2; left: 50%; margin-left: -240px; /* half of width */ top: -400px; } nav .dropOut { width: 460px; background: white; float: left; position: relative; margin-top: 0px; opacity: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15); box-shadow: 0 1px 6px rgba(0,0,0,.15); -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } nav .dropOut ul { float: left; width: 100%; padding: 10px 0; } nav .dropOut ul li { text-align: left; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; float: left; width: 43%; padding: 12px 0 10px 15px; margin: 0px 10px; margin-right: 0; color: #777; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -ms-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out; } nav .dropOut ul li:hover { background: #f6f6f6; } nav ul li:hover a {color: white;background: #008000;} nav ul li:hover .dropdownContain {top: 36px;background: rgba(0, 0, 0, 0.35);padding: 0 10px;padding-bottom: 10px;} nav ul li:hover .underline { border-bottom-color: #777; } nav ul li:hover .dropOut { opacity: 1; margin-top: 8px; }