/*********************************************************************************************************** * Website : CDC Climat * Filename : screen.css * Description : css for screen * Version : may 2010 * Author : Gaya ==STRUCTURE============================================================= * Page width : 1029px * Number of columns : __reset css __global __form __template Template definition __header Header definition __nav_main Global navigation __main Plum content __footer Footer information ***********************************************************************************************************/ /********************************************************************************************************** reset css http://developer.yahoo.com/yui/reset/ ***********************************************************************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } ol,ul { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /********************************************************************************************************** Global defini ***********************************************************************************************************/ /* clearfix : http://www.positioniseverything.net/easyclearing.html) */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block; *zoom:1; *display:block;} .clear {clear:both; font:0px/0px arial; height:0;} body {position:relative; background:#e9e9e9; border-top:solid 6px #fff; font:12px/15px Arial, Helvetica, sans-serif;} .screen a:focus img {outline:#000 dotted 1px;} h1 {margin:0; padding:0; } h2 {margin:0 0 15px 0; padding:3px 0 0 0;} h3 {margin:0 0 8px 0; padding:15px 0 0 0;} h4 {margin:0 0 7px 0; padding:9px 0 0 0;} .content p {margin:0; padding:0 0 10px 0;} .content ul {padding:5px 0 20px 0;} .content ol {padding:5px 0 20px 0; list-style-type:decimal;} .content ul li {*height:1%; padding:0 0 10px 15px; background:url(img/puce.gif) 0 8px no-repeat;} .content ol li {margin:0 0 5px 15px;} .content ul ul, .content ol ol, .content ul ol, .content ol ul {margin:0 0 0 20px; padding:10px 0 0;} .content ul li ol li {padding:0 0 5px 0; background:none; text-indent:0;} .content ol li ul {margin:0;} .content ul li ul li {padding:0 0 5px 15px;} .context h2 {margin:0; padding:0 0 5px 0;} .context h3 {margin:0 0 3px 0; padding:8px 0 0px 0;} .context p {margin:0; padding:0 0 10px 0; padding:0 0 5px 0;} .context ul {padding:5px 0 10px 0;} .context ol {padding:5px 0 10px 0; list-style-type:decimal;} .context ul li {padding:0 0 5px 15px; } .context ol li {margin:0 0 5px 15px;} .context ul ul, .context ol ol, .context ul ol, .context ol ul {margin:0 0 0 10px; padding:10px 0 0px 0;} .context ul li ol li {padding:0 0 5px 0; background:none; text-indent:0;} .context ol li ul {margin:0;} .context ul li ul li {} a {text-decoration:none; color:#393e69;} a:focus, a:active, a:hover, a:focus, a:active {color:#393e69; text-decoration:underline;} a:hover {color:#747896 !important;} .content a {text-decoration:underline;} .content a:focus, .content a:active, .content a:hover, .content a:focus, .content a:active {text-decoration:none;} .input_submit {cursor:pointer;} .padder {padding:0 20px;} .padder_contact {padding:15px 0 0;} .red {background:red;} .blue {background:blue;} .yellow {background:yellow;} /*button*/ .screen .button {float:left; margin:0 0 20px; padding:0; background:#000 url(img/button.gif) no-repeat 0 0;} .button.right {float:right} .button a {*height:1%; float:left; background:url(img/button.gif) no-repeat 100% 0; text-decoration:none;} .button a span {float:left; background:url(img/button.gif) no-repeat 0 100%;} .button a span span {*height:1%; float:left; padding:1px 10px 2px; background:url(img/button.gif) no-repeat 100% 100%; color:#fff; font-size:12px; line-height:15px;} .button a:hover span span, .button a:focus span span {color:#fff;} /********************************************************************************************************** Form defini ton ***********************************************************************************************************/ form fieldset {border:none; margin:20px 0 0;} form legend {background:none repeat scroll 0 0 #EEEFF2; clear:both; color:#051C3B; font:bold 14px/16px arial; padding:5px; width:690px; _width:675px;} form legend span {display:block; padding:0 0 14px 0;} .content form fieldset p {padding:10px 5px;} .content form ul li {clear:both; padding:0; background:none;} form label, form .label, span.spip_form_label {float:left; padding:2px 10px 5px 0; width:135px; width:195px; text-align:right; color:#543d86;} form .input, div.spip_form_champ {clear:both; margin:0 0px 0 0; padding:5px 0;} div.spip_form_champ input, form .input input, form ul li input {padding-left:5px;width:242px; background:#fff; border:1px solid #9aa5a4;} form select {width:249px; height:18px; background:#fff; border:1px solid #9aa5a4;} form select option { height:18px;} form textarea {width:248px; height:60px; background:#fff; border:1px solid #9aa5a4;} form .submit {float: none; padding: 15px 0 0 0;} .content .submit {float:right; padding:5px 0 0; width:329px;} form .input_submit {cursor:pointer;} .content form .boutons input, form .boutons input, form .spip_bouton input {padding:2px 5px; width:auto; background:none; border:1px solid #9AA5A4; color:#543D86;cursor:pointer;} .spip_form_champ .spip_form_label label, .spip_form_champ .spip_form_label .label {float:none; width:auto;} .spip_form_label_details {float:right; width:242px;font:12px/14px arial;} .spip_form_champ input {-float:left; } /*booutons radio : 1 par ligne*/ form .radio {float:none; padding: 0 0 10px 0; width:auto;} form .radio input {float:none; padding: 0; width:auto;} form .radio label {float:none; padding: 0; width:auto; color:#0093d6; font-weight:bold;} /*booutons radio : plusieurs par ligne*/ form .block_radio {} form .block_radio.half {float:left; width:49%;} form .block_radio .radio{clear:left;} form .block_radio input {float:left;} form .block_radio label {float:left; padding-left:5px; width:auto;} /*asterix*/ form .asterisque_text {color:#626564; font-size:11px;line-height:13px;} form .asterisque {color:#626564;} /*mentions legales*/ form .form_legal {padding:30px 0 15px 0; color:#888a89; font-size:10px; line-height:12px;} /*message erreur*/ .content .block_error {margin:0 30px 20px; border-bottom:1px solid red;} .content .block_error p {padding:0; color:#ee1c24;} form .error label {color:red;} form .error .input_text, form .error textarea {border-color:red;} /************************************ __TEMPLATE *************************************/ .screen {margin:0 auto; width:1029px; font:14px/17px arial;} .main {margin:0 47px 30px 34px; background:#fff url(img/main_bg.gif) 0 0 repeat-y;} .main_int {padding:0 3px 6px 4px; min-height:504px; -height:1%; background:url(img/main_bottom.gif) 0 100% no-repeat;} .context {background:url(img/colonne_bg.gif) 100% 0 repeat-y;} .context_int {background:url(img/colonne_bg.gif) 0 0 no-repeat;} .aside {background:url(img/colonne_bg.gif) -1499px 0 repeat-y;} .aside_int {background:url(img/colonne_bg.gif) -760px 0 no-repeat;} .trois_colonnes .content_int .article {-width:478px;} /*specificite de la home*/ .home .screen {width:1150px;} .home .header {margin:0 0 0 40px} .home .header .quick_link {width:643px} .home .main {margin:0 100px 30px 103px; } .home .item_liquid.item_right {width:300px;} .home .footer {margin:0 auto; width:1029px;} .home .under_footer {margin:0 auto 10px; padding:10px 60px; width:909px;} /* **************** GRIDS ***************** */ .line:after,.lastUnit:after {content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;font-size: xx-large;overflow: hidden;}.line{*zoom:1;}.unit{float:left;}.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:25%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.lastUnit{display: table-cell;*display:block;*zoom:1;float:none;_position:relative;_left:-3px; _margin-right: -3px;width:auto;} /* **************** LIQUID***************** */ .item_liquid.item_left {float:left; width:160px; -margin-right:-3px;} .item_liquid.item_content {overflow:hidden; *height:1%; } .item_liquid.item_right {float:right; width:220px; -margin-left:-3px;} /* **************** TEXT IMAGE*********** */ .block_text_image {*height:1%; position:relative;} .block_text_image .text {*height:1%; overflow:hidden; -overflow:visible; padding:0;} .block_text_image .image {float:left; padding:0 10px 25px 0; -margin-right:-3px;} .block_text_image .image.left {float:left; padding:0 10px 25px 0; -margin-right:-3px; width:200px} .block_text_image .image.right {float:right; padding:0 0 4px 10px; -margin-left:-3px; width:200px} .block_text_image .image strong {color:#333333;display:block;font-size: 10px;font-weight: bold;line-height: 12px;text-align:left;} .block_text_image .image em {display:block;font-size:10px;line-height: 12px;text-align:left;white-space:normal;} /************************************ __HEADER *************************************/ .header {position:relative; z-index:42;min-height:147px; -height:147px;} .header .logo {float:left; /*padding:0 0 0 20px;*/ padding:0; line-height:0;} .header .quick_link {float:right; width:590px;padding:6px 0 0; *padding-left:100px;} .header .quick_link .quick_search {float:left; width:215px;} .header .quick_link .quick_search .input {float:left;padding:0;width:175px; height:18px; background:url(img/quick_search_bg.gif) 0 0 no-repeat;} .header .quick_link .quick_search .input input {padding:0 0 0 20px;width:145px; background:none; border:none;color:#b5b5b5; font:12px/15px "trebuchet ms";} .header .quick_link .quick_search .submit {float:left; padding:0; } .header .quick_link .button {float:left; margin:0 5px 0 0; font:12px/15px "trebuchet ms"; background-color:#fff;} .header .quick_link .button, .header .quick_link .button a, .header .quick_link .button a span, .header .quick_link .button a span span {background-image:url(img/button_white.gif); cursor:pointer;} .header .quick_link .contact a span span {color:#583c90;} .header .quick_link .version a span span {color:#e2004a;} .header .quick_link .my_space {position:relative; z-index:6; float:left; margin-top:-12px;} .header .quick_link .my_space_content {position:absolute; top:-6px; top:-185px; /*left:41px;*/ right:5px; z-index:642; width:940px;height:130px; background:#8a82a7;} .home .header .quick_link .my_space_content {/*left:74px;*/ right:5px; } .header .quick_link .title {float:left; padding:20px 35px; width:135px; background:url(img/my_space.gif) 15px 30px no-repeat; color:#fff; font:24px/27px arial;} .header .quick_link .title strong {display:block;} .header .quick_link .my_space_content_int {float:right;width:733px; height:120px; background:#9e93b7;} .header .quick_link .intro {float:left; padding:20px 25px; width:195px; font:18px/21px arial; color:#fff;} .header .quick_link .intro2 {color:#FFFFFF;float:none;font:16px/18px arial;padding:17px 10px 0 40px;width:auto;} .header .quick_link .my_space form {float:left; padding:20px 0; width:296px;} .header .quick_link .my_space form label {width:100px; color:#fff; font:12px/15px arial} .header .quick_link .my_space form .input input {width:150px;} .header .quick_link .my_space form .submit {padding:0 28px; text-align:right;} .header .quick_link .my_space form .submit input {vertical-align:middle} .header .quick_link .my_space form .submit a {margin-right:5px; color:#000; font:11px/14px arial; text-decoration:underline;} .header .quick_link .my_space form .submit a:hover, .header .quick_link .my_space form .submit a:focus {text-decoration:none;} .header .quick_link .my_space .submit span {float:right; width:77px; height:22px; overflow:hidden; border:none; background:url(../img/valider.gif) 0 0 no-repeat;} .header .quick_link .my_space .submit input {border:none; background:none; padding:20px 0 0 100px;} .header .quick_link .lang_en .intro {width:130px;} .header .quick_link .lang_en form label {width:145px;} .header .quick_link .lang_en form .input input {width:120px;} .header .quick_link .my_space .close {position:absolute; top:110px; right:0; display:block; height:70px;background:url(img/close_bottom.png) 0 100% no-repeat; -background-image:url(img/close_bottom.gif);} .header .quick_link .block_link {float:left; padding:20px 0 0; width:185px;} .header .quick_link .block_link p {margin:0; padding:0 0 20px;} .header .quick_link .block_link a {color:#fff;} .header .nav_main {float:right; padding:7px 30px 0 0; /*width:730px;*/} .home .header .nav_main {padding:7px 80px 0 0;} .header .nav_main ul li {position:relative; float:left;background:url(img/nav_main_sep.gif) 0 10px no-repeat;} .header .nav_main ul li.item_1 {background:none;} .header .nav_main ul li.item_3 {/*width:149px*/} .header .nav_main ul li a {display:block; -display:inline; -float:left; padding:0 0 0 11px; color:#393e69; color:#715E9A; font:17px/20px arial;} .header .nav_main ul li a span {position:relative;display:block; /*-display:inline; -float:left;*/ padding:10px 12px 0 0; -padding-bottom:18px; min-height:50px; /*-height:53px;*/ cursor:pointer; font-weight: bold;} /* * html .header .nav_main.lang_en ul li.item_1 {} * html .header .nav_main.lang_en ul li.item_2 {} * html .header .nav_main.lang_en ul li.item_3 {display:none;} * html .header .nav_main.lang_en ul li.item_4 {display:none;} * html .header .nav_main.lang_en ul li.item_5 {display:none;} * html .header .nav_main.lang_en ul li.item_6 {display:none;} */ .header .nav_main.lang_en ul li.item_3 a span {padding-right:18px;} .header .nav_main ul li.on a, .header .nav_main ul li a:hover, .header .nav_main ul li a:focus {color:#e41156; text-decoration:none; } .header .nav_main ul li.on a strong, .header .nav_main ul li a:hover strong, .header .nav_main ul li a:focus strong {color:#393e69;} .header .nav_main ul li.active a.with_submenu, .header .nav_main ul li a.with_submenu:hover, .header .nav_main ul li a.with_submenu:focus {background:url(img/submenu_onglet.png) 0 0 no-repeat; -background-image:url(img/submenu_onglet.gif); color:#393e69;} .header .nav_main ul li.active a.with_submenu span, .header .nav_main ul li a.with_submenu:hover span, .header .nav_main ul li a.with_submenu:focus span {background:url(img/submenu_onglet.png) 100% 0 no-repeat; -background-image:url(img/submenu_onglet.gif); color:#393e69;} .header .nav_main ul li.active a.with_submenu strong, .header .nav_main ul li a.with_submenu:hover strong, .header .nav_main ul li a.with_submenu:focus strong {color:#a8aaba;} .header .nav_main ul li a strong {display:block;color:#a8aaba; font:12px/15px "trebuchet ms";} .header .nav_main ul li.item_2 a strong {width:80px;} .header .nav_main ul li.item_3 a strong {width:120px;} .header .nav_main ul li.item_4 a strong {width:135px;} .header .nav_main ul li .submenu {display:none;position:absolute; top:60px; -top:62px; left:-106px; padding:0; width:425px;} .header .nav_main ul li.active .submenu {display:block;} .header .nav_main ul li .block_top {*height:39px; padding:0 0 0 20px; background:url(img/sousmenu_tl.png) no-repeat 0 0; -background-image:url(img/sousmenu_tl.gif);} .header .nav_main ul li .block_top_1 {padding:0 23px 0 0; background:url(img/sousmenu_tr.png) no-repeat 100% 0; -background-image:url(img/sousmenu_tr.gif);} .header .nav_main ul li .block_top_2 {height:39px; background:url(img/sousmenu_t.png) no-repeat 0 0; -background-image:url(img/sousmenu_t.gif);} .header .nav_main ul li.item_3 .block_top_2 {background-image:url(img/sousmenu_t_2.png); -background-image:url(img/sousmenu_t_2.gif);} .header .nav_main ul li.item_4 .block_top_2 {background-image:url(img/sousmenu_t_3.png); -background-image:url(img/sousmenu_t_3.gif);} .header .nav_main ul li .block_int {padding:0 0 0 20px; background:url(img/sousmenu_l.png) 0 0 repeat-y; -background-image:url(img/sousmenu_l.gif);} .header .nav_main ul li .block_int_2 {padding:0 23px 0 0; background:url(img/sousmenu_r.png) 100% 0 repeat-y; -background-image:url(img/sousmenu_r.gif);} .header .nav_main ul li .block_int_3 {*height:1%;background:#fff;} .header .nav_main ul li .block_bottom {padding:0 0 0 20px; background:url(img/sousmenu_bl.png) no-repeat 0 100%; -background-image:url(img/sousmenu_bl.gif);} .header .nav_main ul li .block_bottom_1 {padding:0 23px 0 0; background:url(img/sousmenu_br.png) no-repeat 100% 100%; -background-image:url(img/sousmenu_br.gif);} .header .nav_main ul li .block_bottom_2 {height:13px; background:url(img/sousmenu_b.png) repeat-x 0 100%; -background-image:url(img/sousmenu_b.gif);} .header .nav_main ul li .submenu .item_left {width:93px;} .header .nav_main ul li .submenu li {float:none; background:none;} .header .nav_main ul li .submenu a {display:block; } .header .nav_main ul li .submenu .size1of2 a {-width:65px; } .header .nav_main ul li .submenu .item_content .lastUnit {float:left; width:49%; border-left:solid 1px #dadada;} .header .nav_main ul li .submenu .item_content p, .header .nav_main ul li .submenu .item_content li {padding:0 0 5px;} .header .nav_main ul li .submenu .item_content ul {margin:0 0 0 18px;} .header .nav_main ul li .submenu a {padding:0 0 0 15px; background:url(img/submenu_arrow.gif) 0 4px no-repeat; color:#9fa1b6; font:13px/16px arial} .header .nav_main ul li .submenu a:hover, .header .nav_main ul li .submenu a:focus {text-decoration:underline;} .header .nav_main ul li .submenu p strong a {padding:0 0 0 11px; background:none;color:#483d62; font:15px/20px arial} .breadcrumb {position:relative; padding:10px 140px 5px 55px; background:url(img/breadcrumb.gif) 0 0 no-repeat; color:#9194ac; font:13px/16px "trebuchet ms";} .breadcrumb a {color:#9194ac;} .service {position:absolute; top:7px; right:50px;} .service script {display:none;} .service .addthis_toolbox.addthis_default_style{float:left; padding-top:3px;} .service a {padding:0 9px 0 0; color:#847e96; font:12px/15px "trebuchet ms";} .service a.plus {padding:0 5px 0 0;} /*.service a.partager {padding-left:22px; background:url(img/partager_int.gif) 8px 5px no-repeat;}*/ .service .at300bs.at15t_expanded, .service .at300bs.at15t_compact { background:url(img/partager_int.gif) 5px 3px no-repeat;} .service .addthis_default_style .at300b, .service .addthis_default_style .at300m {padding-right:9px; float:left;} .service div.atclear {display:inline} /************************************ __CONTEXT *************************************/ .context {position:relative; z-index:6;} .context .nav_context ul {margin:0; padding:0;} .context .nav_context ul li {margin:0; padding:0;} .context .nav_context ul li a {position:relative; display:block; *height:1%; padding:10px 15px; border-top:solid 1px #fff;color:#393e69; font:bold 17px/20px arial;} .context .nav_context ul li.first a {border:none;} .context .nav_context ul li a.on, .context .nav_context ul li a:hover, .context .nav_context ul li a:focus {color:#e2004a; text-decoration:none;} .context .nav_context ul li a.on span, .context .nav_context ul li a:hover span, .context .nav_context ul li a:focus span {position:absolute; top:4px; right:-8px; display:block; width:9px; height:27px; background:url(img/nav_context_arrow.png) 100% 50% no-repeat; -background-image:url(img/nav_context_arrow.gif);} .context .nav_context ul li ul {margin:0; padding:0 0 20px;} .context .nav_context ul li ul li a {padding:5px 15px 10px 35px; background:url(img/nav_context_2.png) -569px 8px no-repeat; -background-image:url(nav_context_2.gif); border:none; color:#393e69; font:13px/16px arial;} .context .nav_context ul li a.on, .context .nav_context ul li a:hover, .context .nav_context ul li a:focus {background-position:15px 8px; color:#e2004a;} /************************************ __CONTENT *************************************/ .content {position:relative;z-index:5;} .list_article {clear:both;position:relative; *height:1%; color:#5b5d6d;font:13px/16px "trebuchet ms";} .home_publication .list_article {margin-top:-40px;} .list_article .block_text_image.first {padding-top:20px;} .list_article .block_text_image {padding:0 20px 15px; } .content .date {*height:1%; overflow:auto; -overflow:visible;margin:0; padding:0; } .content .date span {float:left; padding:0 5px 0 0; background:url(img/date_bg.gif) 100% 0 no-repeat;} .content .date span span {padding:3px 3px 3px 8px; background-position:0 0; color:#e2004a; font:13px/16px "trebuchet ms"; } .content .article_focus .date span {background-image:url(img/date_bg_gris.png); -background-image:url(img/date_bg_gris.gif);} .content .link_rdv {float:right; margin:0 20px 10px 0; padding:0; width:178px;} .content .link_rdv a {display:block; padding:0 0 4px; background:url(img/bouton_white_content.gif) 0 100% no-repeat; text-decoration:none;} .content .link_rdv a span {display:block; padding:4px 8px 0; background:url(img/bouton_white_content.gif) 0 0 no-repeat; color:#e2001a;font:13px/16px "trebuchet ms"; text-align:center;} .content .block_carte .link_rdv span {display:block; padding:0 0 4px; background:url(img/bouton_white_content2.gif) 0 100% no-repeat; text-decoration:none;} .content .block_carte .link_rdv span a {display:block; padding:4px 8px 0; background:url(img/bouton_white_content2.gif) 0 0 no-repeat; color:#e2001a;font:13px/16px "trebuchet ms"; text-align:center;} /*page standard*/ .article {padding:40px; color:#393e69; font:14px/17px Arial; } .article h1 {*height:1%; margin:0 0 10px; padding:5px 0 0 30px; background:url(img/h1_arrow.gif) 0 10px no-repeat; color:#e41156; font:24px/27px arial; } .article h2, .article legend {margin:0 0 10px; padding:10px 0 0 15px; background:url(img/h2_arrow.gif) 0 12px no-repeat; color:#747896; font:18px/21px arial; } .article h3 {margin:0 0 5px; padding:5px 0 0; color:#543d86; font:bold 14px/17px arial; } .article h4 {margin:0 0 5px; padding:5px 0 0; color:#747896; font:bold 14px/17px arial; } .article h5 {margin:0 0 5px; padding:5px 0 0; color:#747896; font:14px/17px arial; } .article .surtitre {color:#747896; font:italic 16px/19px arial} .article .soustitre {color:#543d86; font:14px/17px arial} .article p {margin:0 0 20px; padding:0;} .article .standfirst {color:#747896;font:bold 15px/18px arial;letter-spacing:0;padding:0 0 15px;} /*page article produit*/ .article_produit {padding:25px;} .article_produit .block_text_image {margin:0 0 15px; min-height:135px; -height:135px; background:url(img/article_produit_titre.gif) 0 0 no-repeat;} .article_produit .block_text_image .text {padding:25px 10px 0; min-height:110px; -height:110px; background:url(img/article_produit_titre_right.gif) 100% 1px no-repeat;} .article_produit .block_text_image .image {padding:25px 10px 0 25px;} .article_produit h1 {background-image:url(img/article_produit_titre_ico.png); -background-image:url(img/article_produit_titre_ico.gif);} .article .temoignage {padding:10px; background:#eeeff2 url(img/quote.png) 10px 45px no-repeat; -background-image:url(img/quote.gif);} .article .temoignage_int {height:1%; margin:0; padding:0 30px; background:url(img/quote.png) 100% 100% no-repeat; -background-image:url(img/quote.gif);} .article .temoignage h2 {margin:0 0 10px; padding:0 0 0 20px; background:url(img/temoignage_picto.gif) 0 0 no-repeat;} .article .temoignage i {display:block; color:#e41156;font:italic 13px/16px arial; text-align:right} /*liste aricle*/ .list_article .block_text_image.article_focus {margin:0 0 25px;padding:0; background:url(img/list_article_first_bg.gif) 0 0 repeat-y;} .list_article .block_text_image.article_focus .block_text_image_int {padding:20px 20px 10px;background:url(img/list_article_first.gif) 0 100% no-repeat;} .list_article h1 {margin:0 0 5px; padding:5px 0 0; color:#583c90; font:18px/21px "trebuchet ms"; } .list_article h1 a {color:#583c90; text-decoration:none;} .list_article h1 a:hover, .list_article h1 a:focus {text-decoration:underline;} .list_article .article_focus h1, .list_article .article_focus h1 a {color:#fff;} .list_article .article_focus {color:#2d1e4f;} /*pagination*/ .pagination {color:#2d1e4f; text-align:center;font:13px/16px Arial; } .pagination span {color:#e2004a; } .pagination a {color:#2d1e4f; text-decoration:none;} .pagination a:hover, .pagination a:focus {text-decoration:underline;} /*un article*/ .news {padding:40px; color:#393e69; font:14px/17px Arial; } .news .block_text_image {margin:0 0 10px;} .news h1 {margin:0 0 5px; padding:5px 0 0; color:#583c90; font:22px/25px "trebuchet ms"; } .news .standfirst {padding:0 0 15px;color:#747896;font:16px/19px "trebuchet ms"; } /*fichier lies*/ .content .link_files {clear:both; margin:0 0 12px; padding:11px 11px 8px 11px; background:#eeeff2;} .content .link_files.link_spip_doc {background:none repeat scroll 0 0 transparent;padding:0 0 10px;} .content .texteencadre-spip .link_files.link_spip_doc {margin:0;} .main .link_files .title {margin:0 0 12px; padding:0 0 0 20px; background:url(img/fichiers.gif) 0 5px no-repeat; color:#747896; font:18px/21px Arial;} .main .link_files ul {margin:0 0 0 5px; padding:0;} .main .link_files.link_spip_doc ul {margin:0;} .aside .link_files ul {margin-bottom:15px;} .main .link_files ul li {*height:1%;margin:0 0 4px; padding:0; background:none; color:#9396ad; font:10px/13px Arial;} .content .link_files ul li span {float:left;/* width:500px;*/ width:80%;} .aside .link_files ul li span {float:left; width:180px;} .main .link_files ul li .type_doc {margin:4px 6px 3px 3px;padding:0 2px; width:16px; background:#747896; color:#fff; font:8px/11px Arial; text-align:center; text-transform:uppercase;} .main .link_files ul li a {color:#543d86; font:13px/16px Arial; text-decoration:none;} .main .link_files ul li a:hover, .main .link_files ul li a:focus {text-decoration:underline;} /*fichier lies*/ .content .link_pages {clear:both; margin:10px 0 12px; padding:11px 11px 8px 11px; background:#eeeff2;} .content .link_pages .title, .content .link_pages h2 {margin:0 0 15px; padding:0 0 0 20px; background:url(img/pages.gif) 0 7px no-repeat; color:#747896; font:18px/21px Arial;} .content .link_pages ul {margin:0 0 0 5px; padding:0;} .content .link_pages ul li {*height:1%;margin:0 0 4px; padding:0; background:none; color:#9396ad; font:10px/13px Arial;} .content .link_pages ul li a {color:#543d86; font:13px/16px Arial; text-decoration:none;} .content .link_pages ul li a:hover, .content .link_pages ul li a:focus {text-decoration:underline;} /*videos*/ .view_video {clear:both; margin:0 0 12px; padding:20px 0; width:690px; background:url(img/video_bg.gif) 0 0 no-repeat; text-align:center;} /*focus*/ .content .texteencadre-spip {*height:1%;clear:both; margin:0 0 12px; padding:0; background:#eeeff2; border:none; color:#393e69;} .content .texteencadre-spip h1, .content .texteencadre-spip h2, .content .texteencadre-spip h3, .content .texteencadre-spip h4, .content .texteencadre-spip h5 {*height:1%; margin:0 0 15px; margin:0 0 5px; padding:11px 11px 8px 30px; /*background:#e6e7eb url(img/pages_2.gif) 11px 17px no-repeat;*/ background:url(img/pages_2.gif) 11px 17px no-repeat; /*border-bottom:solid 5px #d6d7e0;*/ color:#747896; font:18px/21px Arial;} .content .texteencadre-spip p {padding:0 11px 8px 11px;} .content .texteencadre-spip ul {padding:5px 10px 20px;} .content .texteencadre-spip ul {padding:5px 10px 0px;} .content .texteencadre-spip ul ul {padding:5px 0 5px ;} /*filtre*/ .filtre {*height:1%; margin:13px 25px;background:url(img/filtre_bg.gif) 0 0 no-repeat;} .filtre .input {float:left;} .filtre .input label {width:236px; color:#fff; font:13px/16px arial;} .filtre .input .input_loupe {float:left; width:235px; background:url(img/input_loupe.gif) 0 0 no-repeat;} .filtre .input .input_loupe input {width:200px; padding:0 20px;background:none; border:none; color:#b5b5b5; font:12px/15px "trebuchet ms";} .filtre .input.select {clear:none;width:255px;} .filtre .input select {width:155px; } .filtre .input.select label {width:80px; text-align:center;} .filtre .submit {float:left; width:auto; } /*filtre publication*/ .home_publication .filtre {margin:13px auto; width:640px; background-color:#bbbdcc;} .home_publication .sous_home_nav {margin:0 auto; width:640px;} .home_publication .sous_home_nav .block_text_image {width:420px; /*background-image:url(img/sous_home_nav_bg_big.gif);*/} /*sous_home_nav*/ .sous_home_nav {position:relative; margin:0 20px; min-height:245px; -height:245px; background:#cdced9; background:#cdced9 url(img/sous_home_nav_bg_big.gif) 0 0 no-repeat;} .sous_home_nav ul {*height:1%; margin:0; *margin-bottom:4px; padding:0; /*background:url(img/sous_home_nav_bg_big.gif) 0 100% no-repeat;*/} .sous_home_nav ul li, .sous_home_nav ul li.first {*height:1%; margin:0; padding:0; background:none; -position:relative; -top:0;width:180px;} .sous_home_nav ul li a {display:block; *height:1%; -height:7px; position:relative; z-index:18; margin:0; *margin-bottom:-4px; padding:10px 10px; border-top:solid 1px #fff;text-decoration:none;} .sous_home_nav ul li.first a {border:none;} .sous_home_nav ul li.on {-position:static;} .sous_home_nav ul li.on a, .sous_home_nav ul li a:hover, .sous_home_nav ul li a:focus {background:#dee0e5;} .sous_home_nav ul li.on a span, .sous_home_nav ul li a:hover span, .sous_home_nav ul li a:focus span {position:absolute; z-index:42; top:4px; right:-8px; display:block; width:9px; height:27px; background:url(img/nav_context_arrow.png) 100% 50% no-repeat; -background-image:url(img/nav_context_arrow.gif);text-decoration:none;} .sous_home_nav .block_text_image {position:absolute; z-index:10; top:0; left:-9999px; width:340px; min-height:245px; -height:240px; /*background:url(img/sous_home_nav_bg.gif) 0 0 no-repeat; */} .sous_home_nav .on .block_text_image {left:180px;} .sous_home_nav .block_text_image .text {*min-height:241px; padding:40px 5px 20px 20px; color:#fff; font:bold 13px/16px arial;} .sous_home_nav .block_text_image .image {padding-top:20px; padding-right:20px;} /*focus_home*/ .focus_home {height:297px; background:url(img/focus_home.gif) 0 0 no-repeat;} .focus_home_titre {margin:0 235px; padding:20px 0 15px; color:#fff; font:21px/24px arial;} .focus_home_texte {margin:0 0 0 106px; padding:0; } .focus_home_texte a {position:relative;float:left; overflow:hidden; margin:0 20px 0 0; width:300px; height:200px; color:#fff; font:24px/27px arial; text-decoration:none !important;} .focus_home_texte a .bouton_home {position:relative;height:400px;z-index:6; cursor:pointer;} .focus_home_texte a .bouton_home span {text-decoration:none; } .focus_home_texte a .bouton_home_1 {position:relative;height:200px; font:24px/27px arial;} .focus_home_texte a .bouton_home_2 {position:relative;height:200px; font:24px/27px arial;background:url(img/home_texte_2.png) 0 0 no-repeat; color:#393e69; font:15px/18px arial;} .focus_home_texte a .bouton_home_1 strong {display:block; padding:147px 0 6px 20px; padding-left:10px; background:url(img/home_texte_titre.png) 0 0 no-repeat; -background-image:url(img/home_texte_titre.gif); font-weight:normal;} .focus_home_texte a span {display:block; font:17px/20px arial; font-size:16px;} .focus_home_texte a .link {position:absolute; bottom:0; left:0; padding:3px 20px;width:260px;background:#725f9a url(img/more.gif) 285px 5px no-repeat; color:#fff; font:14px/17px arial; text-align:right;} .focus_home_texte a .text {padding:30px;color:#393e69; font:14px/17px arial;} .focus_home_texte a .bouton_home_illustr {z-index:1;position:absolute; top:0; left:0; display:block;width:300px; height:200px; background:url(img/home_texte_1.gif) 0 0 no-repeat; } .focus_home_texte a.home_texte_2 .bouton_home_illustr {background-image:url(img/home_texte_2.gif)} .focus_home_texte a.home_texte_3 .bouton_home_illustr {background-image:url(img/home_texte_3.gif)} /*home*/ .home .title_home {margin:0 0 15px; padding:20px 0 0; border-bottom:solid 9px #747896;} .home .title_home strong {display:block; border-bottom:solid 4px #d7d8e1; } .home .list_article .block_text_image {padding:0 30px;} .home .social {position:absolute; top:46px; top:43px; *top:43px; right:20px; width:105px; min-height:25px; -height:25px; background:url(img/social.gif) 0 0 no-repeat; color:#847e96; font:12px/15px "trebuchet ms";} .home .social p {margin:0; padding:8px 0 0;} .home .social a {float:left;padding:0 0 0 7px; -padding-left:3px;color:#847e96; text-decoration:none;} .home .social a.partager {padding-left:22px; -padding-left:0; background:url(img/partager.gif) 8px 3px no-repeat;} .home .at300bs.at15t_expanded, .home .at300bs.at15t_compact {-float:left; background:url(img/partager.gif) 5px 3px no-repeat;} .home .date_rdv {padding:3px 15px 3px 40px;} .home .text_rdv {padding:10px 35px 30px 40px;} .home .link_rdv {padding:0 0 15px 65px;} /*home_rubrique*/ .home_rubrique .content .block_title, .ss_rubrique_service .block_title {margin:0 0 30px; padding:0; width:780px; height:137px; background:url(img/home_rubrique_h1.gif) 0 0 no-repeat;} .home_rubrique .rubrique_service .block_title {background-image:url(img/h1_service.gif);} .home_rubrique .rubrique_recherche .block_title {background-image:url(img/home_rubrique_h1_recherche.gif);} .home_rubrique .content .title {margin:0; padding:35px 360px 0 150px; color:#fff; font:bold 30px/33px arial;} .ss_rubrique_service .block_title {color:#FFFFFF; font:bold 30px/33px arial; height:89px; margin:0; padding:48px 0 0 60px; width:501px;} .home_rubrique .content .title strong {display:block;font:23px/23px arial;} .home_rubrique .content .title_2 {margin:0; padding:0 360px 20px 30px; color:#e2004a; font:20px/23px arial;} .home_rubrique .content .standfirst {margin:0; padding:0 360px 20px 30px; color:#9890b0;font:bold 15px/18px arial;} .home_rubrique .content .standfirst a {color:#9890b0;} .home_rubrique .content .standfirst.standfirst_long {font:13px/15px arial;} /*home rubrique investissemzent*/ .rubrique_investissement .content .block_title {margin:0;width:auto; background:url(img/home_rubrique_h1_investissement.gif)} .rubrique_investissement .content .block_title .title {padding:48px 10px 0 150px;} .rubrique_investissement .content .standfirst {padding:0 0 20px;} .rubrique_investissement .article {padding-top:30px;} /**/ .main .block_focus {position:relative; overflow:hidden; width:300px;} .main .block_focus .aside_title {margin:0 0 20px;} .main .block_focus_int {position:relative; left:40px; width:1800px;} .main .news_items {margin:0 auto;} .main .block_focus_item {float:left; margin:0 40px 10px 0; margin:0 0px 10px 0; width:219px; min-height:150px; background:url(img/focus_item_bg.png) 0 100% no-repeat; -background:none;} .main .block_focus_item a {display:block; padding:1px 2px; margin:0 6px 8px 0; background:#fff;text-decoration:none; text-align:center;} .main .block_focus_item a strong, .main .block_focus_item a span {display:block; padding:2px 0; text-align:center;} .main .nav_focus a {position:absolute; top:140px; left:9px; z-index:42;} .main .nav_focus a.next {left:270px;} .main .block_button {padding:40px 20px;} .main .block_button a {float:left; margin:0 0 30px;} .main .block_button a.comprendre_carbonne {margin:0 0 30px;} .main .block_button a.espace_presse {margin:0 20px 0 0;} /*block_carousel*/ .content .block_carousel {position:absolute; top:50px; left:445px; width:320px;} .content .block_carousel .block_focus_item {background:url("img/carousel_item_bg.gif") no-repeat scroll 0 0 transparent;border:8px solid #FFFFFF;height:200px;position:relative;width:228px;} .content .block_carousel .block_focus_item a {background:none; } .content .block_carousel .block_focus_item a strong { color:#FFFFFF;/*padding:5px 0 15px; font:bold 25px/28px georgia;*/ } .content .block_carousel .block_focus_item a span {display:none;} .content .block_carousel .nav_focus a {top:95px;left:13px} .content .block_carousel .nav_focus a.next {left:285px;} .content .block_carousel .block_focus_item .texte_over_image {background:none repeat scroll 0 0 #747896;bottom:0;left:0;opacity:0.8;position:absolute;width:228px;} /*block_carte*/ .content .block_carte {overflow:visible;position:absolute; top:50px; left:470px; width:220px; min-height:292px; -height:292px; padding:10px 15px; background:#e4e0ec url(img/block_carte.gif) 0 0 no-repeat; border:solid 8px #fff; color:#565974; font:13px/16px arial;} .aside_int .block_carte {background:none repeat scroll 0 0 #E4E0EC;border:5px solid #FFFFFF;color:#565974;margin:2px;padding:5px;width:195px;} .aside_int .block_carte ul li {background:url("img/puce_violette.gif") no-repeat scroll 0 5px transparent;font:12px/16px "trebuchet ms";} .content .block_carte h2, .aside_int .block_carte h2 {padding:0 0 0 25px;background:url(img/block_carte_picto.gif) 0 5px no-repeat;color:#747896; font:18px/21px arial;} /*block_intro*/ .content .block_intro {color:#393e69; font:13px/16px arial;} .content .block_intro .title {margin:0 0 10px; padding:10px 50px 0; background:url(img/arrow_top.gif) 30px 20px no-repeat; border-bottom:solid 5px #e3e4ea; color:#747896; font:22px/25px arial;} .content .block_intro .title a {color:#747896; text-decoration:none;} .content .block_intro .title a:hover, .content .block_intro .title a:focus {text-decoration:underline;} .content .block_intro p {padding:0 20px 15px 37px;} .content .block_intro .block_text_image {padding:0 0 0 20px;} .content .block_intro .text p {padding:0 20px 15px 5px;} .content .block_intro ul {padding:0 20px 15px 25px;} /*trombinoscope*/ .trombi_filtre {padding:25px 0 0 0;} .trombi_filtre label {margin:0 0 10px 0; padding:0; *display:block; width:175px; /**height:54px;*/ background:url(img/trombi_filtre_label.gif) 0 0 no-repeat; color:#393e69; font:13px/16px arial; text-align:center;} .trombi_filtre label.on {color:#e41156;} .trombi_filtre label span {display:table-cell; *display:block; padding:3px 5px; *padding:15px 5px 5px; width:171px; height:54px; *height:30px; background:url(img/trombi_filtre_label.gif) 0 100% no-repeat; vertical-align:middle; cursor:pointer;} .trombi_filtre label.all_team {color:#e41156;} .trombi_filtre input {position:absolute; left:-99999px;} .block_trombi {*height:1%; clear:both; padding:30px 50px 0;background:#747896 url(img/block_trombi.gif) 0 0 repeat-x; position:relative;} .block_trombi ul li {float:left; overflow:hidden; margin:0 10px 25px; padding:0; width:116px;background:#a99ec2; text-align:center; height:196px;} .block_trombi ul li a {position:relative; display:block; overflow:hidden; width:116px; height:196px; *height:194px; text-decoration:none;} .block_trombi ul li a span {display:block; padding:0;background:#a99ec2;} .block_trombi ul li a span em {display:table; *display:block; padding:0; height:46px; } .block_trombi ul li a strong {display:table-cell; *display:block; width:116px; height:42px; -height:32px; padding:5px; color:#fff; font:bold 12px/15px arial; vertical-align:middle} .block_trombi ul li a span span {display:block; padding:0; height:auto; color:#543d86; font:italic 13px/16px arial} .block_trombi .trombi_info {position:relative;} /*block_carbone*/ .block_carbone {*height:1%;padding:20px 0 0; background:#6c6c8f url(img/carbone_border_top.gif) 0 0 repeat-x;} .block_carbone_int {padding:30px 255px 30px 40px ; min-height:200px; -height:200px; background:url(img/carbone_3.gif) 100% 100% no-repeat;} .block_carbone_1 .block_carbone_int {background-image:url(img/carbone_1.gif);} .block_carbone_2 .block_carbone_int {background-image:url(img/carbone_2.gif);} .block_carbone_3 .block_carbone_int {background-image:url(img/carbone_3.gif);} .block_carbone_4 .block_carbone_int {background-image:url(img/carbone_4.gif);} .block_carbone_5 .block_carbone_int {background-image:url(img/carbone_5.gif);} .block_carbone h1 {margin:0 0 35px; padding:0; color:#def002; font:31px/34px arial;} .block_carbone p {margin:0 0 10px; padding:0; color:#fff; font:15px/18px arial;} /**/ .block_trombi ul li a.cs_glossaire {display:inline;} .block_trombi ul li a.cs_glossaire span {display:inline; background:none;} /************************************ __AGRANDISSEMENT TYPO *************************************/ .size_1 .list_article {font:15px/18px "trebuchet ms"; } .content.size_1 .date span span {font:15px/18px "trebuchet ms"; } .content.size_1 .link_rdv a span {font:15px/18px "trebuchet ms";} .size_1 .article {font:16px/19px Arial; } .size_1 .article h1 {font:26px/29px arial; } .size_1 .article h2 {font:20px/23px arial; } .size_1 .article h3 {font:bold 16px/19px arial; } .size_1 .article h4 {font:bold 16px/19px arial; } .size_1 .article h5 {font:16px/19px arial; } .size_1 .article .surtitre {font:italic 18px/21px arial} .size_1 .article .soustitre {font:16px/19px arial} .size_1 .article .standfirst {font:17px/20px arial; } .size_1 .article .temoignage i {font:italic 15px/18px arial;} .size_1 .list_article h1 {font:20px/23px "trebuchet ms"; } .size_1 .pagination {font:15px/18px Arial; } .size_1 .news {font:16px/19px Arial; } .size_1 .news h1 {font:24px/27px "trebuchet ms"; } .size_1 .news .standfirst {font:18px/21px "trebuchet ms"; } .size_1 .main .link_files .title {font:20px/23px Arial;} .size_1 .main .link_files ul li {font:12px/15px Arial;} .size_1 .main .link_files ul li .type_doc {font:10px/13px Arial;} .size_1 .main .link_files ul li a {font:15px/18px Arial;} .content.size_1 .link_pages h2 {font:20px/23px Arial;} .content.size_1 .link_pages ul li {font:12px/15px Arial;} .content.size_1 .link_pages ul li a {font:15px/18px Arial;} .content.size_1 .texteencadre-spip h1, .content.size_1 .texteencadre-spip h2, .content.size_1 .texteencadre-spip h3, .content.size_1 .texteencadre-spip h4, .content.size_1 .texteencadre-spip h5 {font:20px/23px Arial;} .size_1 .filtre .input label {font:15px/18px arial;} .size_1 .filtre .input .input_loupe input {font:14px/17px "trebuchet ms";} .size_1 .sous_home_nav .block_text_image .text {font:bold 15px/18px arial;} .home_rubrique .size_1 .content.size_1 .title {font:bold 32px/35px arial;} home_rubrique .content.size_1 .title strong {font:24px/25px arial;} .home_rubrique .content.size_1 .title_2 {font:24px/25px arial;} .home_rubrique .content.size_1 .standfirst {font:17px/20px arial;} .content.size_1 .block_intro .title {font:25px/28px arial;} .content.size_1 .block_intro {font:15px/18px arial;} .size_2 .list_article {font:17px/20px "trebuchet ms"; } .content.size_2 .date span span {font:17px/20px "trebuchet ms"; } .content.size_2 .link_rdv a span {font:17px/20px "trebuchet ms";} .size_2 .article {font:18px/21px Arial; } .size_2 .article h1 {font:28px/31px arial; } .size_2 .article h2 {font:22px/25px arial; } .size_2 .article h3 {font:bold 18px/21px arial; } .size_2 .article h4 {font:bold 18px/21px arial; } .size_2 .article h5 {font:19px/22px arial; } .size_2 .article .surtitre {font:italic 20px/23px arial} .size_2 .article .soustitre {font:18px/21px arial} .size_2 .article .standfirst {font:19px/22px arial; } .size_2 .article .temoignage i {font:italic 17px/20px arial;} .size_2 .list_article h1 {font:22px/25px "trebuchet ms"; } .size_2 .pagination {font:17px/20px Arial; } .size_2 .news {font:18px/21px Arial; } .size_2 .news h1 {font:26px/30px "trebuchet ms"; } .size_2 .news .standfirst {font:20px/23px "trebuchet ms"; } .size_2 .main .link_files .title {font:22px/25px Arial;} .size_2 .main .link_files ul li {font:14px/17px Arial;} .size_2 .main .link_files ul li .type_doc {font:12px/15px Arial;} .size_2 .main .link_files ul li a {font:17px/20px Arial;} .content.size_2 .link_pages h2 {font:22px/25px Arial;} .content.size_2 .link_pages ul li {font:14px/17px Arial;} .content.size_2 .link_pages ul li a {font:17px/20px Arial;} .content.size_2 .texteencadre-spip h1, .content.size_2 .texteencadre-spip h2, .content.size_2 .texteencadre-spip h3, .content.size_2 .texteencadre-spip h4, .content.size_2 .texteencadre-spip h5 {font:22px/25px Arial;} .size_2 .filtre .input label {font:17px/20px arial;} .size_2 .filtre .input .input_loupe input {font:16px/19px "trebuchet ms";} .size_2 .sous_home_nav .block_text_image .text {font:bold 17px/20px arial;} .home_rubrique .size_2 .content.size_2 .title {font:bold 34px/37px arial;} home_rubrique .content.size_2 .title strong {font:26px/27px arial;} .home_rubrique .content.size_2 .title_2 {font:26px/27px arial;} .home_rubrique .content.size_2 .standfirst {font:19px/22px arial;} .content.size_2 .block_intro .title {font:27px/30px arial;} .content.size_2 .block_intro {font:17px/20px arial;} /************************************ __ASIDE *************************************/ .aside {color:#393e69; font:13px/16px arial;} .aside .block_aside {padding:0 0 20px;} .aside .aside_title {margin:0 0 20px; padding:0; width:220px; min-height:61px; -height:61px;} .aside .aside_title_2 {margin:0 0 3px; color:#543d86; font:bold 13px/16px arial;} .aside .block_button p {padding:0;} .aside p {margin:0 0 15px;padding:0 15px; color:#393e69; font:13px/16px arial;} .aside .citation {margin:0 10px 0 0;background:url(img/quote.png) 10px 0 no-repeat; -background:url(img/quote.gif);} .aside .citation_int {margin:0; padding:0 20px 0 30px; background:url(img/quote.png) 100% 100% no-repeat; -background:url(img/quote.gif);} .aside .author, .aside q em, .aside q i {display:block; padding:0;color:#e41156;font-style:italic; text-align:right;} .aside ul {margin:0 0 15px;padding:0 15px; } .aside ul li {margin:0 0 10px; padding:0 0 0 10px; color:#543d86; background:url(img/puce_violette.gif) 0 8px no-repeat; font:14px/17px "trebuchet ms";} .aside ul li a {color:#543d86;} .aside em {color:#747896; font-style:italic;} .aside .block_rdv .aside_title {margin:0;} .aside .block_rdv {margin:0; padding:0;} .aside .date_rdv {margin:0; padding:3px 15px; background:#eff0f2; color:#4b3b75; font:15px/18px "trebuchet ms";} .aside .text_rdv {margin:0; padding:10px 10px 10px 15px;color:#565974; font:13px/16px "trebuchet ms";} .aside .text_rdv strong {color:#583c90;} .aside .link_rdv {margin:0 0 10px 35px; padding:0; width:178px;} .aside .link_rdv a {display:block; padding:0 0 4px; background:url(img/bouton_white.png) 0 100% no-repeat; -background-image:url(img/bouton_white.gif); text-decoration:none;} .aside .link_rdv a span {display:block; padding:4px 5px 0; background:url(img/bouton_white.png) 0 0 no-repeat; -background-image:url(img/bouton_white.gif); color:#e2001a;font:13px/16px "trebuchet ms"; } .aside .mois {margin:0;padding:10px 15px;color:#e41156; font:16px/19px "trebuchet ms";} .aside .site_produit {position:relative; top:20px; margin:0 auto 20px; padding:0 0 15px; width:206px; font:14px/17px arial; background:url(img/site_produit_bg.png) 0 100% no-repeat; - background-image:url(img/site_produit_bg.gif);} .aside .site_produit_int { background:url(img/site_produit_bg.png) 0 0 no-repeat; - background-image:url(img/site_produit_bg.gif);} .aside .site_produit .aside_title {margin:0;padding:12px 10px 0 30px; width:auto; min-height:30px; -height:30px; background:url(img/fleche_site_produit.gif) 12px 16px no-repeat; color:#e41156; font:17px/20px arial;} .aside .site_produit p {margin:0; padding:0;} .aside .site_produit a {color:#e41156;text-decoration:none;font-weight:bold;} .aside .site_produit a span {display:block; color:#543d86;font:14px/17px arial;} .aside .block_aside .exemple {margin:0 auto; padding:10px 0 0; -overflow:hidden; width:178px; background:url(img/exemple_top.png) 0 0 no-repeat; -background-image:url(img/exemple_top.gif); text-align:center;} .aside .block_aside .exemple_int {padding:0 0 10px;background:url(img/exemple_bottom.png) 0 100% no-repeat; -background-image:url(img/exemple_bottom.gif); } .aside .block_aside .exemple_int_2 {*height:1%; background:#e5e5e5 url(img/exemple_bg.png) 0 0 repeat-x;} .aside .block_aside .exemple .aside_title {margin:0; padding:0; width:auto; } .aside .block_aside .exemple p {margin:0; padding:5px 10px 20px;} .aside .block_aside .exemple a {color:#747896; font:italic 13px/16px arial;} /************************************ __FOOTER *************************************/ .footer {position:relative; background:url(img/footer.gif) 0 0 no-repeat;} .footer ul {padding:5px 30px; text-align:center;} .footer ul li {display:inline; padding:0 10px 0 0; color:#fff; font:12px/15px "trebuchet ms";} .footer ul li a, .footer ul li a:hover {color:#B4B8B6;} .under_footer {position:relative;margin:0 0 10px; padding:10px 60px; background:url(img/under_footer.gif) 0 100% no-repeat;} .under_footer_int {padding:5px 60px 5px;} .under_footer, .under_footer a {color:#fff; font:12px/15px "trebuchet ms";} .under_footer .unit {border-right:solid 1px #8880ae;} .under_footer .unit.lastUnit {border:none;} .under_footer .unit_int {padding:0 0 0 75px;} .under_footer ul {padding:5px;text-align:left;} .under_footer ul li {display:block;} .under_footer ul li a {font-weight:bold} .under_footer ul li ul li a {font-weight:normal} .under_footer .lastUnit {float:left; width:32%;} /************************************ __STYLE SPIP *************************************/ .spip_documents_left {margin:0 10px 5px 0;} .spip_documents_right {margin:0 0 5px 10px;} /**/ /*popin*/ .popin-voile {position:absolute; top:0; left:0; z-index:666;} .popin {display:none; position:absolute; top:0; left:0; width:692px; z-index:42;} .popin.on {display:block; } .popin_content {*height:1%; z-index:777; padding:0 20px; background:#fff; text-align:left;} .block_trombi ul li .popin a {height:auto; width:auto;} .block_trombi ul li .close_popin {position:absolute;top:5px; right:5px;} .block_trombi ul li .close_popin a {padding:5px 5px;text-align:right;} .popin .corner_1 {position:absolute; top:0; left:0; width:24px; height:24px; background:url(img/corner_tl.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/corner_tl.png', sizingMethod='scale');} .popin .corner_2 {position:absolute; top:0; right:0; width:24px; height:24px; background:url(img/corner_tr.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/corner_tr.png', sizingMethod='scale');} .popin .corner_3 {position:absolute; bottom:0; right:0; width:24px; height:24px; background:url(img/corner_br.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/corner_br.png', sizingMethod='scale');} .popin .corner_4 {position:absolute; bottom:0; left:0; width:24px; height:24px; background:url(img/corner_bl.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/corner_bl.png', sizingMethod='scale');} .popin .top {padding:0 24px;} .popin .top_int {height:24px; background:#fff;} .popin .bottom {padding:0 24px;} .popin .bottom_int {height:24px; background:#fff;} .popin .item_liquid.item_left {width:140px; } .popin h1 {color:#543d86; font:bold 18px/21px arial} .popin h2 {color:#747896; font:italic 18px/21px arial} /************************************ __LES CLUB *************************************/ .header_club {min-height:174px; -height:174px;} .header_club h1 {position:absolute; left:-99999px;} .header_club h2 {position:absolute; left:-99999px;} .name_ident {float:right; margin:0 0 5px; -width:230px; font:bold 18px/21px arial;} .name_ident span {display:block; margin:0; padding:10px 20px 0; background:#fff; color:#005d9d;} .name_ident .bottom {position:relative;padding:0 10px; height:10px; -overflow:hidden; background:none;} .name_ident .bottom_int {background:#fff;} .name_ident .bottom_1 {position:absolute; top:0; left:0; -left:-1px; padding:0; width:12px; height:10px; background:url(img/name_ident.png) -1px 100% no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/name_ident.png', sizingMethod='crop'); } .name_ident .bottom_2 {position:absolute; top:0; right:0; -right:-1px; padding:0; width:12px; -width:16px; height:10px; -height:12px; background:url(img/name_ident.png) 100% 100% no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/name_identRightIE.png', sizingMethod='crop'); } .club_action {float:right; margin:0 0 5px; font:bold 18px/21px arial;} .club_action a {float:left; margin:0 5px 0 0; width:105px; height:20px; background:url(img/club_action.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cdcclimat_dist/css/img/club_action.png', sizingMethod='scale'); color:#e80d18; font:13px/13px "trebuchet ms"; text-align:center;} .club_action a span {display:block; padding:2px 0 0; -padding:4px 0 0; cursor:pointer;} .club_action a:hover {text-decoration:none;color:#e80d18 ; } /*club accueil*/ .club_violet .main {padding:10px 0 0; -padding:10px 4px 0 3px; } .club_violet .main_int {margin:0 3px 6px 4px; padding:0 10px 15px; background:#8A82A7 url(img/club_violet.jpg) 0 0 no-repeat;} .club_violet .content {background:#fff;} .club_violet .news h1, .club_violet .main .link_files ul li a, .club_violet .content .link_pages ul li a {color:#EEEFF2;} /*club marron*/ .club_brown .main {padding:10px 0 0; -padding:10px 4px 0 3px; } .club_brown .main_int {margin:0 3px 6px 4px; padding:0 10px 15px; background:#c38d4d url(img/club_brown.jpg) 0 0 no-repeat;} .club_brown .content {background:#fff;} .club_brown .news h1, .club_brown .main .link_files ul li a, .club_brown .content .link_pages ul li a {color:#652a0c;} .club_brown .nav_onglet {width:100%; background:#e9e9e9;} .club_brown .nav_onglet ul {margin:0; padding:15px 0 0 35px;} .club_brown .nav_onglet ul li {float:left;margin:0; padding:0; background:none;} .club_brown .nav_onglet ul li a {display:block; background:url(img/nav_onglet_sep.gif) 100% 0 no-repeat; text-decoration:none; color:#c38d4d} .club_brown .nav_onglet ul li a span{display:block; padding:10px 25px;} .club_brown .nav_onglet ul li.on a, .club_brown .nav_onglet ul li a:hover {background:#fff url(img/nav_onglet_on.gif) 0 0 no-repeat; color:#652a0c !important;} .club_brown .nav_onglet ul li.on a span, .club_brown .nav_onglet ul li a:hover span {background:url(img/nav_onglet_on.gif) 100% 0 no-repeat;} .club_brown .news {padding:20px 40px;} .club_brown .news .document p a span {text-decoration:none; color:#c38d4d} .club_brown .news .document p a:hover span {text-decoration:underline; color:#c38d4d} .club_brown .aside {width:231px;background:#652a0c;} .club_brown .aside_int {background:none;} .club_brown .aside_title {position:relative;margin:0; width:230px; height:52px; min-height:10px; overflow:hidden;} .club_brown .aside_title img {position:absolute; top:0; left:0;} .club_brown .block_aside .padder {margin:0 0 10px; padding:15px 10px 5px; background:#f4f4f4; color:#c38d4d; font:14px/17px arial;} .club_brown .block_aside .padder p {margin:0; padding:0 0 10px; color:#c38d4d; font:14px/17px arial;} .club_brown .aside .link_rdv a span {color:#652a0c;text-align:right;} /*club vert*/ .club_green .main {padding:10px 0 0; -padding:10px 4px 0 3px; } .club_green .main_int {margin:0 3px 6px 4px; padding:0 10px 15px; background:#79B63D url(img/club_green.jpg) 0 0 no-repeat;} .club_green .content {background:#fff;} .club_green .news h1, .club_green .main .link_files ul li a, .club_green .content .link_pages ul li a {color:#086d2b;} .club_green .nav_onglet {width:100%; background:#e9e9e9;} .club_green .nav_onglet ul {margin:0; padding:15px 0 0 35px;} .club_green .nav_onglet ul li {float:left;margin:0; padding:0; background:none;} .club_green .nav_onglet ul li a {display:block; background:url(img/nav_onglet_sep.gif) 100% 0 no-repeat; text-decoration:none; color:#79b63d} .club_green .nav_onglet ul li a span{display:block; padding:10px 25px;} .club_green .nav_onglet ul li.on a, .club_green .nav_onglet ul li a:hover {background:#fff url(img/nav_onglet_on.gif) 0 0 no-repeat; color:#086d2b !important;} .club_green .nav_onglet ul li.on a span, .club_green .nav_onglet ul li a:hover span {background:url(img/nav_onglet_on.gif) 100% 0 no-repeat;} .club_green .news {padding:20px 40px;} .club_green .news .document p a span {text-decoration:none; color:#79b63d} .club_green .news .document p a:hover span {text-decoration:underline; color:#79b63d} .club_green .aside {width:231px;background:#086d2b;} .club_green .aside_int {background:none;} .club_green .aside_title {position:relative;margin:0; width:230px; height:52px; min-height:10px; overflow:hidden;} .club_green .aside_title img {position:absolute; top:0; left:-230px;} .club_green .block_aside .padder {margin:0 0 10px; padding:15px 10px 5px; background:#f4f4f4; color:#79b63d; font:14px/17px arial;} .club_green .block_aside .padder p {margin:0; padding:0 0 10px; color:#79b63d; font:14px/17px arial;} .club_green .aside .link_rdv a span {color:#086d2b;text-align:right;} /*club bleu*/ .club_blue .main {padding:10px 0 0; -padding:10px 4px 0 3px; } .club_blue .main_int {margin:0 3px 6px 4px; padding:0 10px 15px; background:#65b9e5 url(img/club_bleu.jpg) 0 0 no-repeat;} .club_blue .content {background:#fff;} .club_blue .news h1, .club_blue .main .link_files ul li a, .club_blue .content .link_pages ul li a {color:#005d9d;} .club_blue .nav_onglet {width:100%; background:#e9e9e9;} .club_blue .nav_onglet ul {margin:0; padding:15px 0 0 35px;} .club_blue .nav_onglet ul li {float:left;margin:0; padding:0; background:none;} .club_blue .nav_onglet ul li a {display:block; background:url(img/nav_onglet_sep.gif) 100% 0 no-repeat; text-decoration:none; color:#65b9e5} .club_blue .nav_onglet ul li a span{display:block; padding:10px 25px;} .club_blue .nav_onglet ul li.on a, .club_blue .nav_onglet ul li a:hover {background:#fff url(img/nav_onglet_on.gif) 0 0 no-repeat; color:#005e9e !important;} .club_blue .nav_onglet ul li.on a span, .club_blue .nav_onglet ul li a:hover span {background:url(img/nav_onglet_on.gif) 100% 0 no-repeat;} .club_blue .news {padding:20px 40px;} .club_blue .news .document p a span {text-decoration:none; color:#65b9e5} .club_blue .news .document p a:hover span {text-decoration:underline; color:#65b9e5} .club_blue .aside {width:231px;background:#005e9e;} .club_blue .aside_int {background:none;} .club_blue .aside_title {position:relative;margin:0; width:230px; height:52px; min-height:10px; overflow:hidden;} .club_blue .aside_title img {position:absolute; top:0; left:-460px;} .club_blue .block_aside .padder {margin:0 0 10px; padding:15px 10px 5px; background:#f4f4f4; color:#64b9e4; font:14px/17px arial;} .club_blue .block_aside .padder p {margin:0; padding:0 0 10px; color:#64b9e4; font:14px/17px arial;} .club_blue .aside .link_rdv a span {color:#005d9d;text-align:right;}