/************************** Copyright : CENGEPS version : 1.10/ 2010.03.02 **************************/ /* reset version : 1.00 / 2009.05.14 */ /************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-family: inherit; vertical-align: baseline; font-size: 100%; } :focus { outline: 0; } body { background: white; } ol, ul { list-style: none; margin: 0; padding: 0; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /*******************/ /* Global styles */ /*****************/ html, body { } body { border:0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 75%; background-color: #3b5e9e; } a:hover, a:focus { } .clearboth { clear: both; } .clearleft { clear: left; } .clearright { clear: right; } .float_left { float: left; margin-right: 10px; } .float_right { float: right; margin-left: 10px; } .hidden { display: none; } .color1 { color: #fff; } .color2 { color: #000; } .color3 { color: #8c5cbf; } .color4 { color: #96bd0d; } .color5 { color: #f49d00; } .color6 { color: #5f96f0; } .color7 { color: #4166a4; } #global { width: 1004px; margin-right: auto; margin-left: auto; position: relative; background: url(../img/body_bg.png) repeat-y center top; } .jumpers { left:-999px; position:absolute; top:-999px; } /*************/ /* HEADER */ /***********/ #header { position: relative; height: 170px; margin: 0px; z-index: 20; width: 1004px; background: #3B5E9E url(../img/header_bg_bot.png) no-repeat center bottom; } #headlogo { position: absolute; height: 106px; width: 136px; display: block; text-align: center; top: 65px; z-index: 99; left: 28px; } #headlogo h1 span { display:none; text-indent: -9999px; } #headlogo h1 a { display: block; } #header #topsearch { color: #FFF; top: 2px; right: 10px; height: 22px; font-size: 90%; font-family: Arial, Helvetica, sans-serif; text-align: right; padding-right: 10px; margin-top: 8px; position: absolute; display: block; min-width: 600px; } #header #topsearch ul { float: left; position: relative; padding-top: 4px; margin-right: 10px; } #header #topsearch li { display: inline; } #header #topsearch a { color: #FFF; text-decoration: none; margin-left: 3px; margin-right: 3px; } #header #topsearch a:hover { text-decoration: underline; } .searchform { right: 0px; position: relative; text-align: right; float: left; margin-right: 10px; width=150px } #header #topsearch label { display: none; } input.search { vertical-align:top; height: 15px; /*color: #777777;*/ background-color: #f1f3f5; border: 1px solid #cad5e6; padding-left: 2px; font-size: 100%; } input.btn { border: none; color: #fff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; width: 22px; height: 18px; background: #fff url(../img/header_form_btn_ok.png) no-repeat center center; padding-bottom: 4px; } #liens_header, #top_search, #toplinks { float : right; } #header #toplinks { /*top: -20px; float: right; margin:-2px; */ color: #fff; font-family: Arial, Helvetica, sans-serif; position: relative; min-width: 160px; } #header #toplinks ul { padding-top: 0px; float: right; } #header #toplinks li { display: inline; margin-left: 0px; margin-right: 0px; padding-right: 0px; padding-left: 0px; } #header #toplinks img { vertical-align:middle; margin-left: 1px; margin-right: 1px; } #header #toplinks a { color: #fff; margin-left: 0px; margin-right: 0px; } #header #header_flash { width: 1012px; height: 125px; position: absolute; z-index: 1; border: none; background-color: #3B5E9E; top: 32px; left: -3px; } #content { width: 984px; padding-right: 10px; padding-left: 10px; font-size: 90%; color: #000000; padding-bottom: 25px; padding-top: 20px; } /************/ /* TOPMENU */ /**********/ /* TOPMENU */ #topmenu a.item1 { color: #fff; background: url(../img/menu_item1.png) no-repeat center top; } #topmenu a.item2 { color: #fff; background: url(../img/menu_item2.png) no-repeat center top; } #topmenu a.item3 { color: #fff; background: url(../img/menu_item3.png) no-repeat center top; } #topmenu a.item4 { color: #fff; background: url(../img/menu_item4.png) no-repeat center top; } #topmenu a:hover.item1, #topmenu a.item1-on { color: #fff; background: url(../img/menu_item1.png) no-repeat center bottom; } #topmenu a:hover.item2, #topmenu a.item2-on { color: #fff; background: url(../img/menu_item2.png) no-repeat center bottom; } #topmenu a:hover.item3, #topmenu a.item3-on { color: #fff; background: url(../img/menu_item3.png) no-repeat center bottom; } #topmenu a:hover.item4, #topmenu a.item4-on { color: #fff; background: url(../img/menu_item4.png) no-repeat center bottom; } /******************/ /* COLUMNS SIZES */ /****************/ /* LEFT SIDE */ .leftSide { position: relative; float: left; } /* MAIN CENTER */ .main { position: relative; float: left; } .sansBords { border : none ! important; } .sansBordsMiddle { border : none ! important; vertical-align : middle; text-align : center ! important; } /* RIGHT SIDE */ .rightSide { position: relative; float: left; } .footer { clear: left; /*width: 1004px;*/ display: block; margin-right: auto; margin-left: auto; position: relative; color: #fff; text-align: center; font-size: 90%; font-family: Arial, Helvetica, sans-serif; height: 15px; background: #3b5e9e url(../img/body_bottom_bg.png) no-repeat center top; padding-bottom: 20px; padding-top: 12px; } .footer a { color: #fff; text-decoration: none; } .footer a:hover { text-decoration: underline; } /************/ /* BREADCRUMB */ /**********/ #breadcrumb { color: #000; position: relative; float: left; padding-bottom: 10px; width: 100%; } #breadcrumb a { text-decoration: underline; color: #5c79b1; } #breadcrumb a:hover, #pathway a:focus { text-decoration: none; } /*****************/ /* SOCIAL LINKS */ /***************/ #cadre_partage { background:transparent url(/fileadmin/templates/img/box_add-this.gif) no-repeat scroll 0 0; height:60px; padding:9px; position:absolute; text-align:left; float: right; top:0; left:0; width:170px; z-index:2; display: none; } /*************************/ /* Résultat de recherche */ .csc-searchResult { margin-bottom : 15px; } .csc-searchResultHeader { margin-top : 15px; font-size : 14px; padding-bottom:5px; padding-left:0px ! important; } /* Plan du site */ .tx-dropdownsitemap-pi1 { margin : 15px } .level1 { margin : 15px; } /* 2 colonnes */ .main.int_big { width : 620px; } /* videos */ embed { margin-top : 15px; margin-bottom : 15px; } /* end */ /*********************/ /* HOME LEFTSIDE */ /*******************/ /* Search */ #content .user_bloc .search_essai { background: url(../img/home_search_essai_bg.png) repeat-y center top; width: 240px; padding-bottom: 10px; } #content .user_bloc .search_essai_bot { background: url(../img/home_search_essai_bot.png) no-repeat center top; width: 240px; height: 10px; } #content .user_bloc .search_essai h2 { background: url(../img/home_search_essai_top.png) no-repeat center top; display: block; background-color: #8B5BBE; height: 34px; color: #fff; font-size: 125%; padding-left: 40px; padding-top: 16px; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; } #content .user_bloc .search_essai p { margin-right: 15px; margin-left: 15px; } #content .user_bloc .search_essai form { margin-bottom: 10px; border-bottom: 1px dotted #d0c9c9; padding-bottom: 10px; margin-right: 15px; margin-left: 15px; } #content .user_bloc .search_essai form p { margin: 0; } #content .user_bloc .search_essai form fieldset { } #content .user_bloc .search_essai form label { } #content .user_bloc .search_essai form label.search { text-indent: -999px; display: none; } #content .user_bloc .search_essai form input.search, #content .user_bloc .search_essai form input.dpt { background-color: #f1f3f5; background-image: none; border: 1px solid #cad5e6; color: #777777; padding-left: 3px; padding-right: 3px; font-size: 100%; font-weight: bold; } #content .user_bloc .search_essai form input.search { width: 200px; margin-top: 8px; margin-bottom: 8px; } #content .user_bloc .search_essai form input.dpt { width: 22px; position: absolute; top: 0px; right: 3px; } #content .user_bloc .search_essai form label.dpt { display: block; position: relative; padding-top: 4px; } #content .user_bloc .search_essai form input.btn { background: url(../img/search_essai_btn_ok.png) no-repeat center center; text-indent: -999px; border: none; height: 22px; width: 22px; cursor: pointer; position: absolute; top: 0px; right: 0px; display: block; color: #fff; font-size: 1%; } #content .user_bloc .search_essai form p.btn { text-align: right; color: #4166A4; margin-top: 10px; position: relative; padding-top: 4px; padding-right: 27px; text-indent: -999px; } #content .user_bloc .search_essai .search_detail a { background: url(../img/search_essai_detail.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; } #content .user_bloc .search_essai .search_action a { background: url(../img/search_essai_list.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; } #content .user_bloc .search_essai .search_protocoles a { background: url(../img/search_essai_list.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; } #content .user_bloc .search_essai .map { margin-top: 10px; text-align: center; } #content .user_bloc .search_essai .map h3 { background-color: #405692; color: #fff; padding-left: 15px; margin-right: 5px; margin-left: 4px; padding-top: 3px; display: block; height: 18px; margin-bottom: 10px; text-align: left; } #content .leftSide .search_essai .map p { text-align: left; } /*********************/ /* HOME MAIN CENTER */ /*******************/ #content .main .bloc_info { clear: left; margin-bottom: 15px; position: relative; } #content .main .bloc_info h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 160%; color: #4166a4; font-weight: normal; padding-top: 8px; display: block; padding-left: 40px; margin-bottom: 10px; line-height: 100%; min-height: 28px; } #content .main .bloc_info h2 span { border-bottom: 1px solid #97abce; display: block; padding-bottom: 6px; } #content .main .bloc_info.video h2 { background: url(../img/rub2_picto_video.png) no-repeat; } #content .main .bloc_info.outils h2 { background: url(../img/rub2_picto_outils.png) no-repeat; } #content .main .bloc_info img { margin-bottom: 5px; } #content .main .bloc_info .pictleft { float: left; margin-right: 10px; margin-left: 5px; border: 1px solid #BBBBBB; } #content .main .bloc_info .pictright { float: right; margin-left: 10px; margin-right: 5px; border: 1px solid #BBBBBB; } #content .main .bloc_info p { margin-bottom: 5px; margin-left: 3px; } #content .main .bloc_info.comment p { border-bottom: 1px dotted #8099c2; padding-bottom: 10px; padding-top: 5px; } #content .main .bloc_info .date { color: #797979; } #content .main .bloc_info.comment .date { text-align: right; font-style: italic; border: none; margin: 0; padding: 0; } #content .main .bloc_info a { color: #4166a4; } #content .main li a { text-align: right; } #content .main .bloc_info.comment p.link { border-bottom: none; } #content .main .bloc_info.actus .list_actus { position: absolute; top: 20px; right: 0px; display: block; background-color: #fff; height: 17px; padding: 0; } #content .main .bloc_info.actus .list_actus li { width: 17px; height: 17px; margin-left: 5px; float: left; } #content .main .bloc_info.actus .list_actus li a { display: block; float: left; width: 17px; height: 16px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; padding-top: 1px; font-size: 120%; } #content .main .bloc_info.actus .list_actus li.actu1 a { background: url(../img/home_actus_picto_rub2.png) no-repeat center center; } #content .main .bloc_info.actus .list_actus li.actu2 a { background: url(../img/home_actus_picto_rub3.png) no-repeat center center; } #content .main .bloc_info.actus .list_actus li.actu3 a { background: url(../img/home_actus_picto_rub4.png) no-repeat center center; } #content .main .bloc_video { width: 320px; background: url(../img/home_video_bg.png) repeat-y center top; position: relative; margin-bottom: 15px; } #content .main .bloc_video .links { height: 45px; } #content .main .bloc_video .video { text-align: center; width: 312px; background-color: #748fbe; position: relative; margin-right: auto; margin-left: auto; color: #fff; padding-bottom: 5px; } #content .main .bloc_video .video a { color: #fff; text-decoration: none; } #content .main .bloc_video .bot { background: url(../img/home_video_bot.png) no-repeat center bottom; width: 320px; height: 9px; } /*********************/ /* HOME RIGHTSIDE */ /*******************/ #content .rightSide .bloc_info { clear: left; margin-bottom: 30px; position: relative; } #content .rightSide .bloc_info h2 { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 160%; color: #4166a4; font-weight: normal; padding-top: 8px; display: block; padding-left: 40px; margin-bottom: 10px; line-height: 90%; min-height: 28px; } #content .rightSide .bloc_info h2 span { border-bottom: 1px solid #97abce; display: block; padding-bottom: 6px; } #content .rightSide .bloc_info.doc1 h2 { background: url(../img/rub4_picto_doc1.png) no-repeat; } #content .rightSide .bloc_info.doc2 h2 { background: url(../img/rub4_picto_doc2.png) no-repeat; } #content .rightSide .bloc_info.comment h2 { background: url(../img/rub4_picto_comment.png) no-repeat; } #content .rightSide .bloc_info .pictleft { float: left; margin-right: 10px; margin-left: 5px; border: 1px solid #BBBBBB; } #content .rightSide .bloc_info .pictright { float: right; margin-left: 10px; margin-right: 5px; border: 1px solid #BBBBBB; } #content .rightSide .bloc_info p { margin-bottom: 5px; margin-left: 3px; } #content .rightSide .bloc_info.comment p { border-bottom: 1px dotted #8099c2; padding-bottom: 10px; padding-top: 8px; } #content .rightSide .bloc_info .date { color: #797979; } #content .rightSide .bloc_info.comment .date { text-align: right; font-style: italic; border: none; margin: 0; padding: 0; } #content .rightSide .bloc_info a { color: #4166a4; } #content .rightSide .bloc_info p.link { text-align: right; } #content .rightSide .bloc_info.comment p.link { border-bottom: none; } #content .rightSide .bloc_info p.link a { color: #4166a4; font-weight: bold; background: url(../img/home_picto_list.png) no-repeat left center; padding-left: 12px; } /*#content .rightSide .bloc_info .list_actus { position: absolute; top: 20px; right: 0px; display: block; background-color: #fff; height: 17px; padding: 0; }*/ #content .rightSide .bloc_info .list_actus li { width: 17px; height: 17px; margin-left: 5px; float: left; } #content .rightSide .bloc_info .list_actus li a { display: block; float: left; width: 17px; height: 16px; color: #fff; text-decoration: none; font-weight: bold; text-align: center; padding-top: 1px; font-size: 120%; } #content .rightSide .bloc_info .list_actus li.actu1 a { background: url(../img/home_actus_picto_rub2.png) no-repeat center center; } #content .rightSide .bloc_info .list_actus li.actu2 a { background: url(../img/home_actus_picto_rub3.png) no-repeat center center; } #content .rightSide .bloc_info .list_actus li.actu3 a { background: url(../img/home_actus_picto_rub4.png) no-repeat center center; } #content .video { background: url(../img/rub1_picto_video.png) no-repeat; } #content .search { background: url(../img/rub1_picto_search.png) no-repeat; } #content .outils { background: url(../img/rub1_picto_outils.png) no-repeat; } #content .doc1 { background: url(../img/rub1_picto_doc1.png) no-repeat; } #content .doc2 { background: url(../img/rub1_picto_doc2.png) no-repeat; } #content .comment { background: url(../img/rub1_picto_comment.png) no-repeat; } #content img { border:1px solid #BBBBBB; margin : 5px; } /* #content .user_bloc .search_essai .form { margin-bottom: 10px; border-bottom: 1px dotted #d0c9c9; padding-bottom: 10px; margin-right: 15px; margin-left: 15px; } #content .user_bloc .search_essai .form p { margin: 0; } #content .user_bloc .search_essai .form fieldset{ } #content .user_bloc .search_essai .form label { } #content .user_bloc .search_essai .form label.search { text-indent: -999px; display: none; } #content .user_bloc .search_essai .form input.search, #content .user_bloc .search_essai form input.dpt { background-color: #f1f3f5; background-image: none; border: 1px solid #cad5e6; color: #777777; padding-left: 3px; padding-right: 3px; font-size: 100%; font-weight: bold; } #content .user_bloc .search_essai .form input.search { width: 200px; margin-top: 8px; margin-bottom: 8px; } #content .user_bloc .search_essai .form input.dpt { width: 22px; position: absolute; top: 0px; right: 3px; } #content .user_bloc .search_essai .form label.dpt { display: block; position: relative; padding-top: 4px; } #content .user_bloc .search_essai .form input.btn { background: url(../img/search_essai_btn_ok.png) no-repeat center center; text-indent: -999px; border: none; height: 22px; width: 22px; cursor: pointer; position: absolute; top: 0px; right: 0px; display: block; color: #fff; font-size: 1%; } #content .user_bloc .search_essai .form p.btn { text-align: right; color: #4166A4; margin-top: 10px; position: relative; padding-top: 4px; padding-right: 27px; text-indent: -999px; } #content .user_bloc .search_essai .search_detail a { background: url(../img/search_essai_detail.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; } #content .user_bloc .search_essai .search_protocoles a { background: url(../img/search_essai_list.png) no-repeat left top; padding-left: 28px; display: block; height: 17px; padding-top: 5px; margin-left: 15px; } */