/** ABOUT DEFAULT STYLES --------------------------------- * default.css is used to establish general rules, browser reset, or Admin User interface Styles BROWSER RESET --------------------------------- * For a more complete reset, go to http://developer.yahoo.com/yui/reset/ */ * { margin: 0; padding: 0; } /** Clear Floats Without Structural Markup: --------------------------------- * http://www.positioniseverything.net/easyclearing.html */ @font-face { font-family: 'segoe'; src: url('../font/segoe.eot?') format('eot'), url('../font/segoe.woff') format('woff'), url('../font/segoe.ttf') format('truetype'); } body img{ border: 0px; } .clear, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #markalama-cover{ width:100%; position:relative; top:507px; } #markalama{ position:relative; margin:0 auto; width:1280px; padding-left:8px; } #markalama img{ display:inline-block; margin-left:-4px; } .mm-aydinoto{ position: absolute; top: 0px; right: -130px; cursor:pointer; opacity:0.9; } .mm-aydinoto:hover{ opacity:1; cursor:pointer; } #belgeaydin{ display:none; width:476px; height:579px; background-color:#ededed; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* clear classes */ .clearleft, .clearl, .cleft { clear: left; } .clearright, .clearr, .cright { clear: right; } .clear, .clearboth, .clearall{ clear: both; } /* Float classes */ .floatleft, .fleft, .floatl { float: left; margin: 0 10px 5px 0; } .floatright, .fright, .floatr { float: right; margin: 0 0 5px 10px; } /** "Skip to Main Content" link --------------------------------- * This link useful for both visually impaired people and those with mobility impairments * who cannot use a mouse. http://www.webaim.org/techniques/css/invisiblecontent/ */ #skip a, #skip a:hover, #skip a:visited { position: absolute; left:-10000px; top:auto; width: 1px; height: 1px; overflow: hidden; } #skip a:active, #skip a:focus { position: static; width: auto; height: auto; } /* bug fix with views 2 edit links */ div.view div.views-admin-links { width:auto; } /** Rollover edit links for blocks */ div.block { position: relative; } div.block .edit { display: none; position: absolute; right: -20px; top: -5px; z-index: 40; padding: 3px 8px 0; font-size: 10px; line-height:16px; background-color: #fff; border:1px solid #ccc; /*let's get fancy !*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: -1px 1px 2px #666; } div.block .edit a { display:block; border:0; padding:0; margin:0; } div.block:hover .edit { display: block; } /** WIREFRAMES STYLE ------------------------------------*/ .wireframe-mode #header, .wireframe-mode #content-top, .wireframe-mode #content-top>*, .wireframe-mode #content-header, .wireframe-mode #content-header>*, .wireframe-mode #content-area, .wireframe-mode #content-area>*, .wireframe-mode #content-bottom, .wireframe-mode #content-bottom>*, .wireframe-mode #primary, .wireframe-mode #secondary, .wireframe-mode #sidebar-left-inner, .wireframe-mode #sidebar-right-inner, .wireframe-mode .block{ padding: 2px; border: 1px solid #bbb; } .wireframe-mode .node { border-bottom: 1px solid #bbb; margin-bottom:10px; } .wireframe-mode .block { margin-bottom:3px; } .wireframe-mode #content-top, .wireframe-mode #content-header, .wireframe-mode #content-area, .wireframe-mode #content-bottom { margin:0 3px 3px; } .wireframe-mode #footer { margin-top: 3px; padding: 2px; border: 1px solid #ccc; } .wireframe-mode.with-navigation #content, .wireframe-mode.with-navigation .sidebar { margin-top:50px; } .wireframe-mode #navigation { height:50px; } /** Layout --------------------------------- * Using a negative margin technique, adapted from ZEN. The page is loaded by this order: * * 1. Header * 2. Content * 3. Navigation menus * 4. Sidebar Left * 5. Sideabr Right * */ #page {} #main{width:960px; margin:0px auto 0 auto;} /** LAYOUT RULES --------------------------------- * do not change if you're not sure you know what you're doing */ #content { float: left; width: 100%; margin-right: -100%; padding: 0; position:relative; } .sidebar { float: left; } #sidebar-second { float: right; } #footer { float: none; clear: both; margin-top:15px; min-height:160px; } /* Layout Helpers */ #header, #footer, .mission, .breadcrumb, .node { clear: both; } /** Sidebars width --------------------------------- * Changing the width of the sidebars is dead easy, just change the * values below corresponding to the sidebar you want to modify. * Make sure you keep negative values as negative values. * For example, if I want to increase the width of the left sidebar * to 300px, I would have to change each '190' to '300'. */ .two-sidebars .center, .sidebar-left .center { margin-left: 240px; /* LEFT value */ } #sidebar-first { width: 240px; /* LEFT value */ margin-right: -240px; /* negative LEFT value */ } .two-sidebars .center, .sidebar-right .center { margin-right: 180px; /* RIGHT value */ } #sidebar-second { width: 180px; /* RIGHT value */ } /** Columns inner --------------------------------- * You can change the padding inside the columns without changing the * width of them by just usinbg the INNER div of each column */ .inner { padding: 0px; } /** Navigation styles --------------------------------- * The navigation is loaded after the content, so we need to make space * for it, equal to its height, so if you change the height of the navigation, * remember to adapt the margin top of the content and sidebars. */ #navigation { float: left; margin-left: 0; margin-right: -100%; padding: 0; width: 100%; } .with-navigation #content, .with-navigation .sidebar { margin-top: 40px; /* Navigation Height */ } #navigation { height: 40px; /* Navigation Height */ } /** Font styles ---------------------------------*/ body { margin: 0; /* * Setting up font size, leading and font family * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */ font:normal 11px segoe; background:#790303;/*32575E;*/ color:#333333; } ul li{list-style-type:none;list-style-position:outside;} ol li{list-style-position:inside;} @font-face { font-family: 'DINRegular'; src: url('../fonts/DIN-REGU.eot'); src: local('☺'), url('../fonts/DIN-REGU.woff') format('woff'), url('../fonts/DIN-REGU.ttf') format('truetype'); /*src: local('DIN Regular'), local('DIN-Regular'), url('../fonts/DIN-REGU.woff') format('woff'), url('../fonts/DIN-REGU.ttf') format('truetype');*/ } @font-face { font-family: 'DINBold'; src: url('../fonts/DIN-BOLD.eot'); src: local('☺'), url('../fonts/DIN-BOLD.woff') format('woff'), url('../fonts/DIN-BOLD.ttf') format('truetype'); /*src: local('DIN Bold'), local('DIN-Bold'), url('../fonts/DIN-BOLD.woff') format('woff'), url('../fonts/DIN-BOLD.ttf') format('truetype');*/ } /* position */ .clear{display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; } .right, .right_2{float:right;} .left, .left_2{float:left;} /* Links */ a{ color:#e53138; border:0; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } /* Paragraph Styles */ p { margin:0 0 1em 0; } /* List Styles */ ul, ol { margin-left: 0; padding-left: 2em; } /* Table Styles */ table { width: 99%; } tr.even td, tr.odd td { padding: 10px 5px; } tr.odd { background-color: #fff; } /* Code */ pre, code, tt {font:1em segoe;line-height:1.5;} pre { background-color: #efefef; display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaa; } /* List Styles */ ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ul ul ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: decimal; } /* Abbreviation */ abbr { border-bottom: 1px dotted #666; cursor: help; white-space: nowrap; } /* UI improvments */ #edit-title{ font-size: 24px; } #system-themes-form img{ width:100px; } .form-item .description{ font-style:italic; line-height:1.2em; font-size:0.8em; margin-top:5px; color:#777; } #edit-delete{ color:#c00; } /** * Console, style from Slate theme */ div.messages { padding:1px 0 1px 20px; margin: 10px 0; color: #036; background: #bdf; } div.warning { color: #FF9702; background:url(../images/po/warning_msg_icon.gif) no-repeat left top; border:none; } div.error { color: #f16048; background:url(../images/po/error_msg_icon.gif) no-repeat left top; border:none; } div.status { color: #7CBE2D; background:url(../images/po/success_msg_icon.gif) no-repeat left top; border:none; } .ombre_g{background:url(../images/ombre_g.png) no-repeat left top; padding-left:5px;} .ombre_d{background:url(../images/ombre_d.png) no-repeat right top; padding-right:5px;} .ombre_h{background:url(../images/ombre_h.png) repeat-x 50% top; padding-top:5px; padding-bottom:5px;} /* hp */ .front #header{height:470px; background-image:none;} .front #main{margin-top:185px;} #hp .col{float:left; width:320px;} #hp .col-inner{background: #fff; zoom:1; box-shadow: 3px 3px 10px #82858c; border-radius:1px;} .clair{color:#847f68;} #flash_home{position:absolute; width:100%; left:0; top:40px; z-index:0;} #flash_home_innerfr {position:absolute; width:1280px; left:50%; margin-left:-640px; height:480px; top:-30px;} #flash_home_inneren {position:absolute; width:1280px; left:50%; margin-left:-640px; height:480px; top:15px;} #flash_home_inneres {position:absolute; width:1280px; left:50%; margin-left:-640px; height:480px; top:-30px;} #hp .divisions{padding:17px 7px 0 7px;} #hp .divisions h2{font: 16px segoe; text-transform:uppercase; color:#000;} #hp .divisions ul a{display:block;} #hp .divisions ul a img{display:block;} #hp .solutions{ margin-top: 14px; padding: 5px 0 0 5px; height: 80px; position: relative; background-color: #F8F7F1; } #hp .solutions h2{font: 16px segoe; color:#504634; } .safari #hp .solutions h2{font: 14px segoe; color:#504634; } #hp .solutions form{margin-top:6px;} #hp .solutions form:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp .solutions form{zoom:1;} #hp .solutions .element_form{margin-top:3px;} #hp .solutions .element_form:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp .solutions .element_form{zoom:1;} #hp .solutions label{width:95px; float:left; text-align:right; margin-right:6px;} #hp .solutions select{width:170px/*200px;*/; float:left; background:#847f68; color:#ffffff; border:none; font:normal 11px segoe; padding:1px 0;} #hp .solutions .bt_valider{position:absolute; right:0; bottom:0; color:#ffffff; background:#504634 url(../images/po/fl_d_blanc.gif) no-repeat 8px 50%; border:none; font:normal 11px segoe; padding:2px 7px 3px 13px; cursor:pointer;} #hp .solutions .bt_valider:hover{background-color:#5F523B;} #hp .solutions .bt_valider:active{background-color:#6F5D3E;} #hp .solutions .etou{float:left; font-size:10px; color:#676767; margin-left:3px; margin-top:2px;} .i18n-en #hp .solutions .etou{float:left; font-size:9px; color:#676767; margin-left:3px; margin-top:2px;} #hp .flux_rss{float:right; display:block; width:32px; height:21px; padding-left:22px; padding-top:19px; text-align:center;} #hp .flux_rss img{display:block;} #hp .flux_rss { display: none; } #hp #tabs ul{padding:0;} #hp #tabs ul:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp #tabs ul{zoom:1;} #hp #tabs li{list-style-type:none; float:left; background:#9c998a url(../images/fd_onglet.gif) repeat-x 50% bottom; display:block; width:128px;} #hp #tabs li a{color:#e3ddc1; font: 16px segoe; text-transform:uppercase; padding:17px 13px 4px 13px; display:block; outline:none;} #hp #tabs li a:hover{text-decoration:none; color:#EFECE0;} #hp #tabs li.ui-tabs-selected{background:#ffffff;} #hp #tabs li.ui-tabs-selected a{color:#504634;} #hp #tabs .ui-tabs-hide{display:none;} #hp #tabs .ui-tabs-panel:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} /*.ie7 #hp #tabs .ui-tabs-panel{content:"."; display: block; height: 0; clear: both; visibility: hidden;}*/ #hp #tabs .block-views{margin-top:10px; height:200px;} #hp #tabs .ui-tabs-panel{position:relative;} .ie7 #hp #tabs .ui-tabs-panel{} #hp #tabs .b_info{padding:10px;} #hp #tabs .b_info:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp #tabs .b_info{zoom:1;} #hp #tabs .pair{background:#f8f7f1;} #hp #tabs .b_info .imagefield{border:3px solid #c1bda8; display:block; float:left;} #hp #tabs .b_info .date{color:#ec1a1a; padding-left:10px;} #hp #tabs .b_info .col_detail{float:right; width:170px;} #hp #tabs .b_info .col_detail p{margin:0;} #hp #tabs .b_info .lien{color:#333333; background:url(../images/po/fl_d_rouge.gif) no-repeat 2px 5px; padding-left:10px; display:block; margin-top:10px;} #hp #tabs .b_info .lien:hover{color:#E53138; text-decoration:none;} #hp .lien_hp{ position:absolute; right:0; bottom:0; color:#ffffff; background:#504634 url(../images/po/fl_d_blanc.gif) no-repeat 8px 50%; padding:3px 10px 4px 15px;} #hp .lien_hp:hover{background-color:#5F523B; text-decoration:none;} #hp .lien_hp:active{background-color:#6F5D3E;} #hp .dans_le_monde{background:url(../images/illus/continents_herbe.jpg) no-repeat left top; height:145px; position:relative;} #hp .dans_le_monde:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp .dans_le_monde{zoom:1;} #hp .dans_le_monde fieldset{border:none; margin:0; padding:0;} #hp .dans_le_monde h2{font:normal 16px segoe; color:#ffffff; padding-top:10px; padding-left:10px;} #hp .dans_le_monde label{width:260px; float:left; color:#ffffff; /*background:rgba(1, 1, 1, .3);*/ background:url(../images/trans.png) repeat top left ; margin-top:10px; padding:3px 10px 5px 10px; font-size:13px;} #hp .dans_le_monde select{width:200px; float:left; background:#847f68; color:#ffffff; border:none; margin-left:10px; margin-top:48px; font:normal 11px segoe; padding:1px 0;} .i18n-es #hp .dans_le_monde select{margin-top:30px;} #hp .dans_le_monde .lien_hp{margin-top:6px;} #hp .postuler{background:url(../images/illus/laptop.jpg) no-repeat left top; height:105px; position:relative;} #hp .postuler:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #hp .postuler{zoom:1;} #hp .postuler-inner{padding-left:165px; padding-top:15px; padding-right:15px;} #hp .postuler h2{font: 16px segoe; color:#504634;} #hp .postuler p{margin-top:5px;} /** Region Colors --------------------------------- * delete when starting a new theme */ #header{background-image:url(../images/illus/bandeau/coton.jpg); background-repeat:no-repeat; background-position:50% 20px; height:240px;} #header.raisin {background-color:#ffffff; background-image:url(../images/illus/bandeau/raisin.jpg); background-repeat:no-repeat; background-position:50% 20px; height:240px;} #header.chene {background-color:#ffffff; background-image:url(../images/illus/bandeau/chene.jpg); background-repeat:no-repeat; background-position:50% 20px; height:240px;} #header.noix {background-color:#790303; background-repeat:no-repeat; background-position:50% 20px; height:100px;} #header.abeille {background-color:#ffffff; background-image:url(../images/illus/bandeau/abeille.jpg); background-repeat:no-repeat; background-position:50% 20px; height:240px;} #header-inner{width:100%; height:94px; position:relative; margin:0 auto; background:rgba(0,0,0,0.75); z-index:5; top: 10px;} #header-inner #logo{display:block; position:relative; right:36px;left:0; top:10px;} #header-inner #logo img{display:block;} #header-inner .accroche{position:absolute; left:180px; top:37px; font:14px segoe; color:#848173; line-height:13px;} #header-inner .accroche .alt{font:18px segoe; color:#e53138;} #header-inner #ln_espace_client{display:block; float:right; margin-right:10px; margin-top:10px;} #header-inner #choix_langue{float:right; margin-right:10px; margin-top:15px; text-align:right; color:#999999; font-size:10px;} #header-inner #choix_langue a{color:#999999; background:url(../images/po/fl_d_rouge.gif) no-repeat left 50%; padding-left:8px; margin-left:4px; margin-right:4px;} #header-inner .block-search {float:right; position:absolute; top:38px; right:10px;} #header-inner .block-search .form-submit{border:none; background:#E8E4D2; font-size:12px; padding:1px; cursor:pointer; color:#484434; font-family:segoe;} #header-inner .block-search .form-submit:hover{background:#cec8ac;} /* Search results*/ .search-results .search-info {display:none;} #header-inner .nav-container{position:relative; right:0px;margin-left: 410px;} #header-inner #nav{position:relative; right:0; bottom:10px; list-style-type:none; padding:0; padding-left: 132px; text-align:left;} #header-inner #nav li{float:left; border-left:1px solid #cccccc;} #header-inner #nav li.first{border:none;} #header-inner #nav a{color:#f1f1f1; font: 12px segoe; padding:6px 7px 5px 7px; display:block;} #header-inner #nav a:hover{color:#9a0002; text-decoration:none;} #header-inner #nav li.on > a{color:#e53138; text-decoration:none;} #header-inner #nav a.active{color:#e53138; text-decoration:none;} #header-inner #nav ul{position:absolute; top:25px; /*right:0;*/ background:rgba(0,0,0,0.7) url(../images/nav/fd_niv_2.gif) repeat-x 50% top; list-style-type:none; z-index:10; padding:10px; -moz-box-shadow:0 0 5px rgba(0, 0, 0, .3); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .3); /* width:480px; height:280px;*/} #header-inner #nav ul li{float:none; border:none; width:160px;} #header-inner #nav ul a{border-bottom:1px solid #e5e4df; font:normal 11px segoe; text-transform:none; background:url(../images/po/fl_d_rouge.gif) no-repeat 10px 11px; padding:6px 3px 5px 17px; } #header-inner #nav ul li.on > a{ width:140px; background-color:#fff;} #header-inner #nav ul li > a.active{width:140px; background-color:#fff; color:#e53138;} #header-inner #nav ul ul{top:10px; left:170px; background-color:#ece9d8; background-image:none; width:150px; padding:0; -moz-box-shadow:none; -webkit-box-shadow:none;} #header-inner #nav ul ul li.on > a{background-color:#d6d2bc;} #header-inner #nav ul ul li > a.active{background-color:#d6d2bc; color:#e53138;} #header-inner #nav ul ul ul{top:0; left:160px; background-color:#d6d2bc;} #header-inner #nav ul ul ul li.on > a{width:130px;} #header-inner #nav ul ul ul li > a.active{width:130px; color:#e53138;} #navigation { background-color: #feffa5; } #content-inner{} #content-inner-inner{background:#ffffff; padding:20px 150px 60px 150px;} #content-inner-inner p, #content-inner-inner ul{font-size:12px;} #content h1{ margin-bottom:16px; font-size: 25px; position: relative; color: #000; left: -100px;} #content .content h2{font: 16px segoe; margin-top:15px; margin-bottom:10px;} #content .content h3{font: 12px segoe; margin-top:15px; margin-bottom:10px;color:#e53138} #content .content a{color:#e53138;} #content .content p{margin-top:10px; margin-bottom:10px;} #content .content ul{padding:0; list-style-type:none;} #content .content ul li{background:url(../images/po/puce_carre_rouge.gif) no-repeat left 6px; list-style:none; /*display:inline;*/} #content .content .bloc_marron{ background:#ece9d8; padding:14px;} #content .content .bloc_marron ul li{background:url(../images/po/fl_d_rouge.gif) no-repeat left 6px; margin:7px 0; padding-left:10px;} #content .content .image_gauche{border:3px solid #b3b0a1; float:left; margin-right:10px;} #content .content .image_droite{border:3px solid #b3b0a1; float:right; margin-left:10px;} #content .content .image_large{border:3px solid #b3b0a1;} #content-area{min-height:400px;} .block-questionnaire form{background:#d6d2bc; padding:1px 10px 10px;} .block-questionnaire form:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 .block-questionnaire form{zoom:1;} .block-questionnaire .form-submit{background:#4f4838 url(../images/po/fl_d_blanc.gif) no-repeat 8px 50%; border:none; color:#ffffff; font:normal 11px segoe; float:right; display:inline-block; padding:0 7px 1px 13px; margin-right:9px; cursor:pointer;} .ie7 .block-questionnaire .form-submit{padding:0 2px 0 5px;} .block-questionnaire .form-submit:hover{background-color:#5F523B;} .block-questionnaire .form-submit:active{background-color:#6F5D3E;} .bloc_hub{margin-top:10px;} .bloc_hub h2{font: 12px segoe;} .bloc_hub .bloc_hub_inner{background:#ece9d8; margin-top:4px; position:relative; padding-bottom: 15px;} .bloc_hub .bloc_hub_inner:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 .bloc_hub .bloc_hub_inner{zoom:1;} .bloc_hub .illus{border:3px solid #c8c3ae; display:block; float:left; margin-right:10px;} .bloc_hub .illus img{display:block;} .bloc_hub .desc{padding-top:10px; padding-right:5px; line-height:13px;} .bloc_hub .lien{background:url(../images/po/fl_d_blanc.gif) no-repeat 8px 50% #504634; color:#FFFFFF; padding:3px 10px 4px 15px; position:absolute; right:0; bottom:0;} .bloc_hub .lien:hover{background-color:#5F523B; text-decoration:none;} .bloc_hub .lien:active{background-color:#6F5D3E;} .bloc_hub_gauche{float:left; width:240px;} .bloc_hub_droite{float:right; width:240px;} #sidebar-first {} #sidebar-first-inner {background:#ffffff;} #sidebar-first h3{font: 16px segoe; text-transform:uppercase; color:#5e5940; background:#a9a595; padding:7px 20px 4px 20px;} /*.xp #sidebar-first h3{font-family:arial;}*/ #sidebar-first ul.menu{padding:5px 20px;} #sidebar-first ul.menu li{list-style-type:none; list-style-image:none; margin:0; padding:0;} #sidebar-first ul.menu li.collapsed > a{background-image:url(../images/po/fl_d_rouge.gif); background-repeat:no-repeat; background-position:6px 50%;} #sidebar-first ul.menu li.expanded > a{background-image:url(../images/po/fl_b_rouge.gif); background-repeat:no-repeat; background-position:5px 50%;} #sidebar-first ul.menu li.expanded a{border-bottom:none; color:#5e5940;} #sidebar-first ul.menu li.leaf > a{background-image:url(../images/po/trait_rouge.gif); background-repeat:no-repeat; background-position:6px 50%;} #sidebar-first ul.menu li.active-trail > a{color:#333333;} #sidebar-first ul.menu li.active-trail a.active{color:#e53138;} #sidebar-first ul.menu li.active-trail{background-color:#ece9d8;} #sidebar-first ul.menu li.active-trail ul a{padding:3px 13px;} #sidebar-first ul.menu ul li.active-trail{background-color:#C9E195;} #sidebar-first ul.menu a{color:#333333; display:block; padding:6px 13px; border-bottom:1px solid #e5e4df;} #sidebar-first ul.menu a:hover{color:#e53138 !important; text-decoration:none;} #sidebar-first ul.menu ul{padding:0 0 0 10px;} #sidebar-second{} #sidebar-second p { margin: 0; } #sidebar-second .block { margin-bottom: 15px; } #sidebar-second #block-block-1 a img { display: block; } #sidebar-second .push_siege_social{display:block;} #sidebar-second .push_siege_social img{display:block;} /*#sidebar-second .push_dans_le_monde{margin-top:10px;}*/ #sidebar-second .push_dans_le_monde form{background:url(../images/fr/push/dans_le_monde.jpg) no-repeat left top; height:195px;} #sidebar-second .push_dans_le_monde fieldset{margin:0; padding:0; border:none;} #sidebar-second .push_dans_le_monde label{/*background:rgba(1, 1, 1, .5);*/ background:url(../images/trans.png) repeat top left ; color:#ffffff; display:block; padding:5px 12px; font-size:13px;} #sidebar-second .push_dans_le_monde select{background:#504634; color:#ffffff; border:none; font:normal 11px segoe; width:150px; padding:1px 0; margin:90px 10px 10px 10px;} .i18n-es #sidebar-second .push_dans_le_monde select{margin:75px 10px 10px 10px;} #sidebar-second #block-block-11, #sidebar-second #block-block-12, #sidebar-second #block-block-13, {} #sidebar-second #block-block-11 .content, #sidebar-second #block-block-12 .content, #sidebar-second #block-block-13 .content { background-color: #484035; padding: 15px; } #sidebar-second #block-block-11 .content h3, #sidebar-second #block-block-12 .content h3, #sidebar-second #block-block-13 .content h3 { font-family: segoe; font-size: 17px; color: #fff; margin-bottom: 14px;} #sidebar-second #block-block-11 ul, #sidebar-second #block-block-12 ul, #sidebar-second #block-block-13 ul { list-style-type: none; margin: 0; padding: 0; } #sidebar-second #block-block-11 ul li, #sidebar-second #block-block-12 ul li, #sidebar-second #block-block-13 ul li { margin-top: 5px; } #sidebar-second #block-block-11 a, #sidebar-second #block-block-12 a, #sidebar-second #block-block-13 a { color: #fff; background: url(../images/nav/puce_liens.gif) no-repeat left 5px transparent; padding-left: 7px; } .breadcrumb{color:#999999; font-size:10px; background:url(../images/po/home.gif) no-repeat left 2px; padding-left:14px;margin-bottom:10px;position: relative; left: -150px; top: -5px;} .breadcrumb a{color:#999999; text-decoration:underline;} .breadcrumb a:hover{color:#e53138;} #footer .form-submit{ font-size:11px; padding:5px 10px; background-color:#fff; color:#79974f; } #footer{background-color: #000/*4F8E97*/; color:#ffffff; top: 60px; position: relative;} #footer-inner{width:950px; margin:0 auto; padding-top:8px; padding-bottom:20px; position:relative;} #footer .col{width:190px; float:left; padding:18px 15px 18px 25px; border-left:1px solid #444; min-height:120px;} #footer .col_first{border:none;} #footer h2{font:normal 16px segoe; background:url(../images/footer/sep.gif) repeat-x 50% bottom; padding-bottom:3px; border-bottom:1px dotted #444;} /*.xp #footer h2{font-family:arial;}*/ #footer ul{list-style-type:none; padding:0; margin-top:10px;} #footer li a{display:inline-block; padding:2px 0 2px 6px; background:url(../images/po/fl_d_rouge.gif) no-repeat left 50%; color:#ffffff;} #footer p{margin-top:10px;} .foot-logo{position: relative; left: -20px;} .simplenews-block #edit-mail-wrapper label{display:none;} .simplenews-block .form-radios .form-item{float:left; margin:0 10px 0 0;} .simplenews-block #edit-mail{background:#847f68; color:#ffffff; border:none; font:normal 11px segoe; padding:2px 7px; width:261px; display:block;} .simplenews-block #edit-submit{float:right; display:block; font:normal 10px segoe; color:#ffffff; background:#504634 url(../images/po/fl_d_blanc.gif) no-repeat 8px 50%; border:none; padding:2px 7px 3px 13px; cursor:pointer;} .ie7 .simplenews-block #edit-submit{padding:0 0 0 1px; cursor:pointer;} /* pager */ #content .content ul.pager li{background:none; margin:0 4px; padding:0;} /* /pager */ .view-page-faq{} .view-page-faq .views-row{background:#ebe7d6; margin-top:10px; margin-bottom:10px; padding:10px;} .view-page-faq .views-row .bt_faq{float:right; color:#ffffff; font-size:10px; background:#504634 url(../images/po/fl_b_faq.gif) no-repeat 5px 50%; padding:0 6px 0 13px; cursor:pointer;} .view-page-faq .views-row .views-field-title{color:#504634; font-size:12px; cursor:pointer; outline:none; background:url(../images/fr/bt/ouvrir.gif) no-repeat right top;} .view-page-faq .views-row.selected{background:#d6d2bc;} .view-page-faq .views-row.selected .views-field-title{color:#e53138; background-image:none;} .i18n-es .view-page-faq .views-row .views-field-title{background:url(../images/es/bt/ouvrir.gif) no-repeat right top;} .i18n-es .view-page-faq .views-row.selected .views-field-title{background-image:none;} .i18n-en .view-page-faq .views-row .views-field-title{background:url(../images/en/bt/ouvrir.gif) no-repeat right top;} .i18n-en .view-page-faq .views-row.selected .views-field-title{background-image:none;} .webform-client-form{background:#d6d2bc; padding:1px 10px 10px 10px;} .webform-client-form:after{content:"."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 .webform-client-form{zoom:1;} .webform-client-form .webform-component-select, .webform-client-form .webform-component-radios, .webform-client-form .webform-component-textfield, .webform-client-form .webform-component-email, .webform-client-form .webform-component-textarea, .newsletter-form > div > .form-item {margin-top:13px; margin-bottom:13px;} .ie7 .webform-client-form .webform-component-select, .ie7 .webform-client-form .webform-component-radios, .ie7 .webform-client-form .webform-component-textfield, .ie7 .webform-client-form .webform-component-email, .ie7 .webform-client-form .webform-component-textarea, .newsletter-form > div > .form-item {zoom:1;} .webform-client-form .webform-component-select:after, .webform-client-form .webform-component-radios:after, .webform-client-form .webform-component-textfield:after, .webform-client-form .webform-component-email:after, .webform-client-form .webform-component-textarea:after, .newsletter-form > div > .form-item:after {content:"."; display: block; height: 0; clear: both; visibility: hidden;} .webform-client-form .webform-component-select > .form-item > label, .webform-client-form .webform-component-radios > .form-item > label, .webform-client-form .webform-component-textfield > .form-item > label, .webform-client-form .webform-component-email > .form-item > label, .webform-client-form .webform-component-webform_email > .form-item > label, .webform-client-form .webform-component-textarea > .form-item > label, .newsletter-form > div > .form-item > label, .newsletter-form > div > .form-item > label, .newsletter-form > div > .form-item > label, .newsletter-form > div > .form-item > label, .newsletter-form > div > .form-item > label {width:125px; float:left; text-align:right; margin-right:10px; margin-top:4px;} .webform-client-form .form-item, .newsletter-form .form-item {margin:0;} .webform-client-form .form-text, .webform-client-form .form-textarea, .newsletter-form .form-text, .newsletter-form .form-textarea {width:320px; background:#ece9d8; border:1px solid #a9a595; padding:2px;} .webform-client-form .form-text:hover, .webform-client-form .form-textarea:hover, .webform-client-form .form-text:focus, .webform-client-form .form-textarea:focus, .newsletter-form .form-text:hover, .newsletter-form .form-textarea:hover, .newsletter-form .form-text:focus, .newsletter-form .form-textarea:focus {background:#fcfcfc;} .webform-client-form .form-radios, .webform-client-form .form-checkboxes, .newsletter-form .form-radios, .newsletter-form .form-checkboxes {float:left; margin:0;} .webform-client-form .form-radios .form-item, .webform-client-form .form-checkboxes .form-item, .newsletter-form .form-radios .form-item, .newsletter-form .form-checkboxes .form-item {float:left; margin:4px 10px 4px 0;} .ie7 .webform-client-form .form-radios .form-item, .ie7 .webform-client-form .form-checkboxes .form-item, .ie7 .newsletter-form .form-radios .form-item, .ie7 .newsletter-form .form-checkboxes .form-item {margin:0 10px 0 0;} .webform-client-form .form-radios input, .webform-client-form .form-checkboxes input, .newsletter-form .form-radios input, .newsletter-form .form-checkboxes input {display:block; float:left; margin-right:4px;} .ie7 .webform-client-form .form-radios input, .ie7 .webform-client-form .form-checkboxes input, .ie7 .newsletter-form .form-radios input, .ie7 .newsletter-form .form-checkboxes input {display:inline; float:none; margin-right:0;} .webform-client-form .form-submit, .newsletter-form .form-submit {background:#4f4838 url(../images/po/fl_d_blanc.gif) no-repeat 8px 50%; border:none; color:#ffffff; font:normal 11px segoe; float:right; display:inline-block; padding:0 7px 1px 13px; margin-right:9px; cursor:pointer;} .ie7 .webform-client-form .form-submit, .ie7 .newsletter-form .form-submit {/*padding:0 2px 0 5px;*/} .webform-client-form .form-submit:hover, .newsletter-form .form-submit:hover {background-color:#5F523B;} .webform-client-form .form-submit:active, .newsletter-form .form-submit:active {background-color:#6F5D3E;} .webform-client-form .form-item input.error, .webform-client-form .form-item textarea.error, .webform-client-form .form-item select.error, .newsletter-form .form-item input.error, .newsletter-form .form-item textarea.error, .newsletter-form .form-item select.error {border:1px solid #F16048;} .newsletter-form { background: none repeat scroll 0 0 #d6d2bc; padding: 1px 10px 10px; } .newsletter-form:after, .newsletter-form .form-radios:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .ie7 .newsletter-form{ zoom:1; } /* .newsletter-form .form-item:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .newsletter-form > div > .form-item > label { width:125px; float:left; text-align:right; margin-right:10px; margin-top:4px; } .newsletter-form .form-radios label { display: inline; } .newsletter-form .form-radios input { float: left; margin-right: 5px; }*/ /* image flotant a gauche */ .marge_img_flotant_g {margin: 0px 20px 10px 0;display:block } /* liste a puces */ .liste_fleche li { padding:2px 0 2px 6px; background:url(../images/po/fl_d_rouge.gif) no-repeat left 50%;} /*implantation */ .implantation{background-color:#f2f0e7; padding:1px;margin-top:20px;} h4{font: 12px segoe; color:#e53138;margin-top:10px} h4.no_margin{margin-top:0} .txt_rouge {color:#e53138} /* actu */ .node-type-actu_evt .date-display-single{color:#E53138; font: 12px segoe;} .view-hub-actus .view-content:after{content:" "; display:block; height:0; clear:both; visibility:hidden;} .view-hub-actus .views-row{padding-top:10px; position:relative;} .view-hub-actus .titre{color:#E53138; font: 12px segoe; display:inline-block;} .view-hub-actus .imagefield-nodelink{float:left; margin-right:10px; border:3px solid #C8C3AE; display:block;} .view-hub-actus .imagefield-nodelink .imagefield-field_img_actu{display:block;} .view-hub-actus .resume{background:#ece9d8; line-height:13px; padding-right:5px;padding-top:10px;} .view-hub-actus .resume:after{content:" "; display:block; height:0; clear:both; visibility:hidden;} #content .view-hub-actus .lien{background:url(../images/po/fl_d_blanc.gif) no-repeat 8px 50% #504634; bottom:0; color:#FFFFFF; padding:3px 10px 4px 15px; position:absolute; right:0;} .view-hub-actus .lien:hover{background-color:#5F523B; text-decoration:none;} .view-hub-actus .lien:active{background-color:#6F5D3E;} #contenu_popup{display:none;} #nyroModalContent #contenu_popup{display:block; width:420px; height:150px; padding:20px;} #nyroModalContent .titre{color:#E53138; font: 16px segoe; margin-bottom:16px; text-transform:uppercase;} #nyroModalContent .col_g{float:left; width:200px;} #nyroModalContent .col_d{float:right; width:200px;} #nyroModalContent .logo{margin:0 auto;} #nyroModalContent ul{font-size:14px; padding-left:40px; margin:20px 0;} #nyroModalContent li{padding-left:10px; background:url(../images/po/fl_d_rouge.gif) no-repeat left 50%; margin:5px 0;} #nyroModalContent #contenu_espace_client_temp{padding:320px 0px 0px 0px; text-align:center; background:url(../images/credits_ecocert.gif) 50% 50% no-repeat;} /* page évènement */ .view-hub-evt .views-row{padding-top:10px; position:relative;} .view-hub-evt .titre{color:#E53138; display:inline-block; font: 12px segoe;} .view-hub-evt .imagefield-nodelink{border:3px solid #C8C3AE; display:block; float:left; margin-right:10px;} .view-hub-evt .imagefield-nodelink img{display:block;} .view-hub-evt .resume{background:none repeat scroll 0 0 #ece9d8; line-height:13px; padding-right:5px; padding-top:10px;} .view-hub-evt .resume p{margin-bottom:10px; margin-top:10px;width:395px;} .view-hub-evt .lien{background:url(../images/po/fl_d_blanc.gif) no-repeat 8px 50% #504634; color:#FFFFFF; padding:3px 10px 4px 15px; position:absolute; right:0; bottom:0; } .view-hub-actus .resume p{margin-bottom:10px; margin-top:10px;width:395px;} /*form_generique */ #content h1{zoom:1} .form_generique .form-item{ margin-top:14px;zoom:1} .form_generique .webform-client-form{ position:relative} .form_generique .fond_blanc{ background:#ece9d8; padding:3px 20px; margin-top:6px} .form_generique .form-item label.option{margin-right:100px; margin-top:14px; padding-top:5px;} .form_generique .form-item label.option *{ vertical-align:middle} .form_generique .form-item label.option span{ margin-left:10px} .form_generique .webform-client-form .form-submit{ margin-right:0; margin-top:14px; float:inherit} .txt-d {text-align:right} ul#document{background:#ece9d8; margin-top:10px; padding:2px 10px;} ul#document li{margin:8px 0;} ul#document li a{color:#333; background:url(../images/po/fl_d_rouge.gif) no-repeat left 50%; padding-left:6px;} /* plan du site */ .page-sitemap #content-inner-inner{padding-right:1px; position:relative; zoom:1} #site-map h2{display:none} #site-map .site-map-box{clear:both; padding-bottom:20px;} #content #site-map .content ul li.leaf{list-style-image:none;list-style-type:none;margin:0;padding:0;display:block; background:none} #content #site-map .content ul li.expanded{list-style-image:none;list-style-type:none; background: url(../images/fd_plan.png) no-repeat right top;margin:0;padding:0; display:inline-block; width:238px; vertical-align:top; margin-right:6px;margin-bottom:20px;} .site-map-menu .collapsed{background:none !important; padding-left:0 !important;} /* gestion de l'affichage sur ie7 */ .ie6 .rubrique0, .ie6 .rubrique1, .ie6 .rubrique2{float:left;} .ie6 .rubrique0 ul ul li.expanded li, .ie6 .rubrique1 ul ul li.expanded li, .ie6 .rubrique2 ul ul li.expanded li{float:none !important;} .ie6 .rubrique0 ul ul, .ie6 .rubrique1 ul ul, .ie6 .rubrique2 ul ul{display:none !important;} .ie7 .rubrique0, .ie7 .rubrique1, .ie7 .rubrique2{float:left;} .ie7 .rubrique0 ul ul li.expanded li, .ie7 .rubrique1 ul ul li.expanded li, .ie7 .rubrique2 ul ul li.expanded li{float:none !important;} .ie7 .rubrique0 ul ul, .ie7 .rubrique1 ul ul, .ie7 .rubrique2 ul ul{display:none !important;} /* SITEMAP */ #content #site-map .content ul li.expanded li.expanded{margin-bottom:0; background:none; width:auto; vertical-align: 0; margin-right: 0; display:block} #content #site-map .content li a{color:#5E5940;font: 15px segoe;padding-top:14px;padding-left:20px;text-transform:uppercase; display:block; height:30px } #content #site-map .content li li a{color:#333333;font:normal 11px segoe;text-transform: none; display:block; margin-bottom:4px; height:auto; border-bottom:1px solid #e5e4df; padding-bottom:6px;background:url("../images/po/fl_d_rouge.gif") no-repeat left 7px transparent;padding:2px 0 6px 6px;} #content #site-map .content .site-map-menu .site-map-menu{margin:8px 16px} .resizable-textarea{width:320px; float:left} #content .clause{font-size:11px;} #content .clause p{font-size:11px;} .site-map-menu:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .ie6 .site-map-menu{display:inline-block;} .ie7 .site-map-menu{display:inline-block;} li.alaligne{ clear:both; border-bottom:solid 1px #e5e4df; font-size:0; height:0; margin:7px 0 0 0 !important;} #content #site-map .content ul li.rubrique3{width:/*730px*/495px; background:url(../images/fd_plan_r3.gif) no-repeat top left;} #content #site-map .content ul li.rubrique3 a{padding-top:18px;} #content #site-map .content ul li.rubrique3 ul{margin:0 !important; padding:10px 10px 10px 10px;} #content #site-map .content ul li.rubrique3 ul li.expanded{float:left; width:210px; padding:0 10px 10px 10px;} #content #site-map .content ul li.rubrique3 ul li a{border:none; margin:10px 0 0; padding:2px 0 0 6px;} #content #site-map .content ul li.rubrique3 ul ul{display:block; padding:5px 0 0 4px; float:none;} #content #site-map .content ul li.rubrique3 ul ul li{width:200px; margin:0 0 0 0px; float:none !important;} #content #site-map .content ul li.rubrique3 ul ul li.expanded{padding-bottom:0 !important; padding-left:0 !important;} #content #site-map .content ul li.rubrique3 ul ul li a,#content #site-map .content ul li.rubrique0 ul ul li a,#content #site-map .content ul li.rubrique1 ul ul li a,#content #site-map .content ul li.rubrique2 ul ul li a {font-weight:normal; border:none; margin:0; padding:2px 0 0 5px; background:url(../images/po/tr_d_rouge.gif) no-repeat 0 9px;} #content #site-map .content ul li.rubrique3 ul ul ul{padding-top:0 !important; padding-left:6px !important;} #content #site-map .content ul li.rubrique3 ul ul ul li{} #content #site-map .content ul li.rubrique3 ul ul ul li a, #content #site-map .content ul li.rubrique2 ul ul ul li a, #content #site-map .content ul li.rubrique1 ul ul ul li a{color:#79b526; background:url(../images/po/eq_d_rouge.gif) no-repeat 0 4px; padding:0 0 0 5px;} #content #site-map .content ul li.rubrique3 .site-map-menu{margin:5px 0 0 10px} #onglet_20ans{ background-position:10px 0; background-repeat:no-repeat; display:block; position:absolute; width:76px; height:243px; top:130px; right:0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index:30; } .front #onglet_20ans{ background-position:0px 0; background-repeat:no-repeat; display:block; position:abdolute; width:230px; height:65px; top:510px; /*right:56px;*/ right:864px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index:30; } .front #certificats {background-position:0px 0; background-repeat:no-repeat; display:block; position:absolute; width:230px; height:65px; top:510px; /*right:-169px;*/ right:639px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index:30; } .front #certificats2 {background-position:0px 0; background-repeat:no-repeat; display:block; position:absolute; width:230px; height:65px; top:510px; /*right:-169px;*/ right:1090px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; z-index:30; } #onglet_20ans:hover{background-position:0px; cursor:pointer;} .front #onglet_20ans:hover{background-position:0px -4px; cursor:pointer;} #certificats:hover{background-position:0px -4px; cursor:pointer;} #certificats2:hover{background-position:0px -4px; cursor:pointer;} .i18n-fr #onglet_20ans{background-image:url(../images/fr/onglet_20ans.png);} .i18n-fr #certificats {background-image:url(../images/fr/certificat_fr.png);} .i18n-fr.front #onglet_20ans{background-image:url(../images/fr/onglet_20ans_hor.png);} .i18n-fr.front #certificats {background-image:url(../images/fr/certif_hor.png);} .i18n-en #onglet_20ans{background-image:url(../images/en/onglet_20ans.png);} .i18n-en #certificats {background-image:url(../images/en/certificat_en.png);} .i18n-en.front #onglet_20ans{background-image:url(../images/en/onglet_20ans_hor.png);} .i18n-en.front #certificats {background-image:url(../images/en/certif_hor.png);} .i18n-es #onglet_20ans{background-image:url(../images/es/onglet_20ans.png);} .i18n-es #certificats {background-image:url(../images/es/certificat_es.png);} .i18n-es.front #onglet_20ans{background-image:url(../images/es/onglet_20ans_hor.png);} .i18n-es.front #certificats {background-image:url(../images/es/certif_hor.png);} .i18n-en.front #certificats2 {background-image:url(../images/en/certif_hor2.png);} /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the