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;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} q:before,q:after{content:'';} abbr,acronym{border:0;} body{font:13px/1.22 arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;line-height:99%;} body{background: url("../img/bgv.gif") repeat-x top left fixed;text-align:center;color:#2d2d2d; font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;} a{outline: none;} :focus{-moz-outline-style: none;} h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;} p {margin: 10px 0; padding: 0;} ul {list-style: none; margin: 0; padding: 0;} img {border: none;} a img { border: none;/*remove border for linked images*/} sup {position: relative; bottom: 0.3em; vertical-align: baseline;} sub {position: relative; bottom: -0.2em; vertical-align: baseline;} hr {display: block; clear: both; border-top: 1px dotted #E7E1DE; border-bottom: 1px dotted white; margin: 5px 20px 0;} a, a:hover {text-decoration: none;} table {border: 0; margin: 0 0 18px 0; padding: 0;} table tr td {padding: 2px;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */.clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .bold {font-weight: bold; } /***** Main Layout ****/ #container {width: 100%; height: 100%; text-align: center;} #wrapper {width: 960px; margin: 0 auto; text-align: left; } #header_content {width: 960px; height: 27px; padding: 0px; margin:0px;margin-left:-1px; background:url(../img/bg_content_header.png) no-repeat 0 0;} #content {width: 960px; padding: 0px; background: url(../img/bg_content_top.png) repeat-y 0 0;} #content_inner{padding: 5px 12px 2px 9px;} /***** TAB *****/ #navWrapper {display: block; width: 960px; height: 30px; padding-left:40px; margin-bottom:-8px; position: relative; z-index: 100;} #nav {display: block; width: 980px; height: 30px; float: left; list-style: none; text-align: center;} #nav li {text-align: center; display: block; float: left; height: 30px; width: auto; margin: 0; margin-right:18px; padding: 0 5px 0 8px;} #nav li a {display: block; float: left; height: 30px; line-height: 30px; background: url(../img/nav_l.png) no-repeat left -38px; cursor: pointer; } #nav li a span {display: block; float: left; position: relative; height: 30px; padding: 0 17px 0 2px; line-height: 30px; left: 15px; background: url(../img/nav_r.png) no-repeat right -38px; font-policy: helvetica, sans-serif, arial; font-weight:normal;color: #2d2d2d; font-size: 12px;} #nav li a.current_page_item {background: url(../img/nav_l.png) no-repeat left 0px; } #nav li a.current_page_item span {background: url(../img/nav_r.png) no-repeat right 0px; color: #1D67A1; font-weight:bold;} #nav li a:hover span , #nav li a.current_page_item:hover span{color: #1D67A1; } /***** HEADER *****/ #header{width: 960px; height:85px; background: url("../img/headerbg.png") top left no-repeat; margin-bottom:12px; color:#2E2E2E; font-size:90%;} #header #espace_client {width:120px;} #header #header_ul { width:960px; padding-top:7px;} #header #header_ul li { float: left; margin-right: 15px;} #header #lang_select { padding-left: 10px; vertical-align: middle; } #header #select_lang {width:88px; margin-left: 2px; margin-top:-2px; border:1px solid #CCCCCC; background: #FFFFFF; padding:0px; position:absolute; z-index:9999; display: none;} #header #select_lang ul li img {padding-right: 5px; vertical-align:middle;} #header #select_lang ul li {width:100%; text-align: left; padding:0px 0px 0px 2px; margin:0px; line-height: 17px;} #header #select_lang ul li:hover {background:#F1F1F1; } #header #select_lang ul li a, #select_lang ul li a:hover {color: #454545;padding:0px; margin:0px; font-size: 0.90em;} #header #lastnewsletters { color:#656565; font-weight:bold;padding:0px; padding-left:20px; margin-top: -7px; text-align:left;} #header #news_suscribe { border:none; margin:0px; padding:0px; } #header #news_suscribe #form_email{ border:none; width:190px; padding-right:34px; } #header #news_suscribe #form_submit{ vertical-align:middle; padding-bottom:2px; padding-left:47px; padding-right:10px; } #header .logo_baseline {color:#2d2d2d; font-size:12.26px; font-weight: bold; padding-left:20px; font-policy: helvetica, sans-serif, arial;} #header #header_logo {width:260px;} #header #header_logo div{text-align:center; padding:2px 0px 0px 9px;} #header #header_logo img{padding-left:10px;} #header #header_flag {margin-left:15px;} #header #header_lang { width:85px; height:38px; text-align: center; background: url(../img/header_subcadre1.png) no-repeat 0 0;background-repeat:no-repeat; line-height:38px;} #header #espace_client{ width:124px; height:38px; text-align: center; background: url(../img/header_subcadre.png) no-repeat -83px 0; background-repeat:no-repeat; line-height:38px;} #header #header_news{width:410px; height:38px; text-align: right; background: url(../img/header_subcadre.png) no-repeat -209px 0;background-repeat:no-repeat; line-height:38px; } /***** FOOTER *****/ #footer {clear: both; width: 960px; height: 67px; font-size: 0.9em; background: url(../img/bg_content_bottom.png) no-repeat 0 0; text-align: center; padding-top: 33px;} #footer .footer_content {display: block; float: left; width: 850px; text-align: center; padding-left: 70px; text-align: center;} #footer a {color: #FFFFFF;} #footer p {color: #FFFFFF; margin-top:0px; } #footer ul {margin-bottom: 4px;} #footer ul li {display: inline; padding: 0 2px;} #home_tbl2 {margin:0px; margin-top:-4px; padding:0px;} #home_tbl3 {margin:2px; margin-top:9px; margin-left:3px; padding:0px;} #cleenmain h1 {font-size:24px; text-align:center; padding: 3px 5px 5px 5px; font-weight:bold; color:#464646; letter-spacing:2px; } .cadre_inner { padding:10px; position:relative;} #argtab ul {padding-left:3px; } #argtab ul li {height:66px;} #argtab ul li a {color:#474747; font-size:103%; font-weight:bold; } .arg_nav_first {padding:0px; background: url("../img/arg_nav_entier.png") left 0px no-repeat; display: block; width: 125px; min-width: 125px;} .arg_nav {padding:0px; background: url("../img/arg_nav_entier.png") left -66px no-repeat; background-repeat:no-repeat; display: block; width: 125px; min-width: 125px; } .arg_nav_last {height:67px; padding:0px; background: url("../img/arg_nav_entier.png") left -132px no-repeat; background-repeat:no-repeat; display: block; width: 125px; min-width: 125px;} .arg_nav_title {height:66px; padding:0px; margin:0px; } .arg_nav_title p{ line-height:14px; padding:0px; margin: 0px; padding-top:11px; padding-right:6px;} .arg_nav_number1 {margin-top:-33px; height:33px; background-repeat:no-repeat; background-position:top right; background-image:url(../img/arg_1.png);} .arg_nav_number2 {margin-top:-33px; height:33px; background-repeat:no-repeat; background-position:top right; background-image:url(../img/arg_2.png);} .arg_nav_number3 {margin-top:-33px; height:33px; background-repeat:no-repeat; background-position:top right; background-image:url(../img/arg_3.png);} .ui-tabs-hide { display: none; } .li_g { display: block; float: left; } .ui-tabs-nav li { width: 125px; text-align: center; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {background-image: none;} #argtab ul li.active div, #argtab ul li.selected div{background-image: none;} .title {text-decoration: none; background: url(../img/underline.png) no-repeat 0% 100%; margin:0px; padding-bottom: 15px; white-space: nowrap; color: #0077B9;font-weight:bold;font-size: 16.32px; } a.title1 , a.title1 :hover, a.title1 :visited{text-decoration: none; background: url(../img/underline.png) no-repeat 0% 100%; margin:0px; padding-bottom: 12px; white-space: nowrap; color: #FFFFFF;font-weight:bold;font-size: 14px; } .title2 {text-decoration: none; background: url(../img/underline2.png) no-repeat 0% 100%; margin:0px; padding-bottom: 15px; white-space: nowrap; color: #0077B9;font-weight:bold;font-size: 16.32px; } #lang_ul li {padding:3px 5px 3px 5px;} #lang_ul img {padding-right:5px;} #lang_ul a {color: #000000;} #navcontainer{ margin: 0px; padding: 0px; padding-top: 5px; } #navcontainer ul{margin: 0px; padding: 0px; list-style-type: none; } #navcontainer ul li { float: left; padding-top:5px; margin-left:3px; width:175px; height:165px; background-image:url(../img/li_nav.gif);background-repeat:no-repeat;background-position:center center;} #navcontainer ul li a {text-decoration: none; margin: 0px; padding:0px;} .inline_images_outer { border:1px solid #E5E5E5; padding:2px; width:156px; margin:0 auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .inline_images { position: relative; border:none; cursor:hand; margin:0 auto; text-align: center; margin-top:8px;} .inline_images img {width: 150px; height:84px; border:1px solid #E4E5E7; } .inline_images span {position: absolute;top: 0px;left: 17px;clear:both; width: 150px;height: 84px;background-image:url(../img/play.png);background-repeat:no-repeat;background-position:center center;} .inline_images h2 { clear:both; text-align: left; font-size:91%; font-weight:bold; color: #000000; padding: 0px; padding-left:13px; padding-right: 10px; margin:0px; line-height:14px;} .inline_images h3 { font-size:90%; text-align: left;font-weight:normal; color: #000000; padding: 0px; padding-left:13px; margin:0px;} .video_image {margin: 0 auto;} .video_image img{margin: 0 auto; padding-left:2px; padding-top: 3px;} .video_image .video_info {text-align: left; padding: 0px; padding-left:10px; padding-right: 6px; margin:-6px 0px 0px 0px; line-height:12px; color: #000000;} .video_image .video_info h2 { font-size:91%; font-weight:bold; height:37px;} .video_image .video_info h3 { font-size:90%; font-weight:normal; text-align:right; padding-right:4px;} .video_image .reflect { height:25px; min-height:25px; background-image:url(../img/reflect.png);background-repeat:no-repeat;background-position:center center;} #home_video{height:250px; width:300px; min-height:250px; min-width:300px; background-image: url(../img/cadre_video.png); background-repeat:no-repeat; } #home_arg{height:260px; width:620px; min-height:260px; min-width:620px; background-image: url(../img/cadre_arg.png); background-repeat:no-repeat; } #home_arg_title {height:52px; line-height:52px;} #home_diffusion{height:250px; width:400px; min-height:250px; min-width:400px; background-image: url(../img/cadre_diffusion.png); background-repeat:no-repeat;} #home_news{height:250px; width:520px; min-height:250px; min-width:510px; background-image: url(../img/cadre_blog.png); background-repeat:no-repeat;} #home_gallery{height:230px; width:940px; min-height:230px; min-width:940px; background-image: url(../img/cadre_gallery.png); background-repeat:no-repeat;} #blog{ margin: 0px; padding: 0px; } #blog ul {margin: 0px; padding: 0px; list-style-type: none; } #blog ul li {margin:0px 0px 9px 0px; padding:0px;} #blog ul li a {margin: 0px; padding:0px;} #blog .blog_title { color: #0077B9; font-size:12px; font-weight:bold; margin:0px; padding:0px; height:12px;} #blog .blog_content { margin:0px; padding:4px 0px 4px 0px; height:25px;} #blog .blog_content a, #blog .blog_content a:hover, #blog .blog_content a:visited{color: #333333; font-size:12px; font-weight:normal; } #blog .blog_date { color: #666666; font-size:11px; font-weight:normal; margin:0px; padding:0px; height:12px;} #blog .blog_link { margin:0px; padding:0px; font-size:12px; height:12px;} #blog .blog_link a, #blog .blog_link a:hover, #blog .blog_link a:visited{color: #99CC00;} #blog .blog_title a, #blog .blog_title a:hover, #blog .blog_title a:visited{color: #0077B9;} #blog .news_content_line {width: 830px; height: 1px; margin: -0.5em 0; padding: 0; color: #DDDDDD; background-color: #DDDDDD; border: 0; margin: 8px 0px 8px 0px; } .news_rss {background-image:url(../img/news_rss.png);background-repeat:no-repeat;background-position:center center; width:254px; height:46px; text-align: left; } .news_rss a{text-decoration: none; font-size: 13.76px; font-weight: bold; height:46px; line-height:46px; padding-left: 55px;} .news_rss a, .news_rss a:hover, .news_rss a:visited{color: #323232; } #category_list{ margin: 0px; padding: 10px 0px 0px 10px; } #category_list ul {margin: 0px; padding: 0px; list-style-type: none; width:240px; } #category_list ul li {padding-bottom:10px; } #category_list ul li a {margin: 0px; padding:0px; color:#000000; font-size:90%;} #category_list ul li a span{color:#ADADAD; font-size:85%;} .arrowg { padding-right: 8px; border:0px; vertical-align: middle;} .arrowg1 { padding-right: 1px; border:0px; vertical-align: middle;} .div_note { position: absolute; bottom: 28px; right: 10px; } .div_slide_b { position: absolute; bottom: 5px; right: 0px } .div_slide_b a { text-decoration: underline; color:#4E4130; font-weight: bold; line-height: 16px; font-size:95%; } .div_pres_plus { position: absolute; bottom: 15px; right: 25px } .div_pres_plus a { text-decoration: underline; color:#5E553B; font-weight: bold; font-size:95%; font-policy: helvetica, sans-serif, arial;} .form-asteryx { font-weight: normal; font-size:19px; color:#FF0D13; } .spinner {background-image:url(../img/spinner.gif);background-position:center center;background-repeat:no-repeat;} .error-message {color:#df280a !important; } .success-message {color:#149c27 !important; } .messages ul { border:0 !important; } .messages li {min-height:23px !important; margin-bottom:0px !important; padding:2px 8px 2px 32px !important; font-size:.95em !important; font-weight:bold !important; list-style:none;} .messages ul li {margin:0 0 1px 0 !important; border:0 !important; padding:0 !important;} .error-msg {border:1px solid #f16048 !important; color:#df280a !important; background:#faebe7 url(../img/icons/error.gif) no-repeat 10px 10px !important;} .success-msg {border:1px solid #95a486 !important; color:#3d6611 !important; background:#eff5ea url(../img/icons/success.gif) no-repeat 10px 10px !important;} .warning-msg {border:1px solid #666e73 !important; background:#e6e6e6 url(../img/icons/warning.gif) no-repeat 10px 10px !important; color:#000000 !important;} .flash-success {border:3px double #0067A4 ; color:#0067A4; font-size: 14px; dont-family: arial; padding:5px; text-align: center; margin-bottom: 7px;} /*.content_r, #p_content, #p_contact{margin-right:15px; padding: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ; background-color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.3em; vertical-align: baseline; text-align: left; text-indent: 0px; text-align: justify;}*/ .content_r{margin-right:15px; padding: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ; background-color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.3em; vertical-align: baseline; text-align: left; text-indent: 0px; text-align: justify;} #p_content p{margin-bottom:20px;} .content_r { margin-right:15px; padding: 20px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ; background-color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.3em; vertical-align: baseline; text-align: left; text-indent: 0px; text-align: justify;} .content_r h6 { text-decoration: underline; font-weight: bold; font-size:120%; padding:5px; margin:5px; color:#0067A4;} .content_videos { margin:0px; margin-left:-3px;padding: 0px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ; background-color: #FFFFFF; border:1px solid #FFFFFF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; line-height: 1.3em; vertical-align: baseline; text-align: left; text-indent: 0px; text-align: justify;} .main_inner {padding: 0px 12px 10px 12px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ;} .main_inner h6 { text-decoration: underline; font-weight: bold; font-size:120%; padding:5px; margin:5px; color:#0067A4;} .a_b, .a_b:hover, .a_b:active, .a_b:visited { text-decoration: underline; color:#000000;} .a_blue, .a_blue:hover, .a_blue:active, .a_blue:visited { text-decoration: underline; color:#0077B9;} .bold {font-weight: bold;} .fs13 {font-size: 13px;} /*.main_page_inner {padding: 0px 9px 0px 15px; margin-top:-12px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ;}*/ .main_page_inner {max-width:935px; width:935px; padding-left:5px; margin-top:-18px; margin-bottom:-18px; font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ;} .line { background: #fff url(../img/borderLine.gif) no-repeat center bottom; margin: 8px auto; height: 1px;} #mySlides p { padding:0px; margin:0px;} .arg_accroche { color: #5E553B; font-weight: bold; font-size: 125%; padding-bottom:3px; padding-left:6px;} .arg_content { color: #5A4F3D; padding-right:5px; padding-top:7px; padding-left:30px; line-height: 15px;} .arg_content ul li {padding-bottom:7px;} .f1 {font-size: 0.98em;} .f2 {font-size: 1.02em;} .ul_home .li_home { display: block; float: left;} .cadre_inner { position: relative;height:100%;} .a_rss { background-image:url(../img/rss.png); background-repeat:no-repeat; background-position:center left; padding-left: 15px; font-size:90%;} .a_rss, .a_rss:hover, .a_rss:active, .a_rss:visited { color:#454545;} .link_rss,.link_rss:hover,.link_rss:active, .link_rss:visited {text-decoration:underline; font-family: arial,helvetica,sans-serif; font-size: 12.23px; color: #000000; } .a_account { background-image:url(../img/cadenas.png); background-repeat:no-repeat; background-position:top left; height:22px; padding:2px 0px 2px 20px; } .a_account, .a_account:hover, .a_account:active, .a_account:visited { color:#2d2d2d;} .a_home { background-image:url(../img/icons/house.png); background-repeat:no-repeat; background-position:top left; padding-left: 20px; height:16px; } .a_home, .a_home:hover, .a_home:active, .a_home:visited { color:#454545;} .a_w, .a_w:hover, .a_w:active, .a_w:visited {text-decoration:underline; color:#FFFFFF;} .a_u, .a_u:hover, .a_u:active, .a_u:visited {text-decoration:underline; color:#777777;} .a_u1, .a_u1:hover, .a_u1:active, .a_u1:visited {text-decoration:underline; color:#000000; font-size:130%;} .a_g , .a_g:hover, .a_g:active, .a_g:visited { text-decoration: underline; color:#84BA0A; font-weight: bold; line-height: 16px; font-size:95%; } a.abu, a.abu:hover, a.abu:active, a.abu:visited {text-decoration:underline; color:#454545; } .abu-up {text-decoration: underline; background-image:url(../img/arrow_up.png); vertical-align:bottom; padding:3px; background-repeat:no-repeat; background-position:center right; padding-right: 25px; } .abu-up, .abu-up:hover, .abu-up:active, .abu-up:visited { color:#454545;} .breadcrumb_gallery {background:url(../img/bg-stripe-3.png); overflow:hidden;margin:0;padding:0;height:30px;line-height:30px;margin-bottom:20px; border:1px solid #eee;} .breadcrumb_gallery a, .breadcrumb_gallery em, .breadcrumb_gallery span {float:left;overflow:hidden;height:30px;padding:0 8px;font-style:normal; color:#208cbd;font-size: 115%; font-weight: bold; } .breadcrumb_gallery span {background:url(../img/bg-breadcrumb.png) no-repeat left center; overflow:hidden;padding:0 0 0 10px;width:0px;filter:alpha(opacity=40);opacity:0.4;} .a_b, .a_b:hover, .a_b:active, .a_b:visited {color:#454545;} .nbvideos {color:#6e6e6e; font-size:90%;} .corner { border:1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px 8px 5px 8px; } .p_feed h2 {font-family: Arial,Helvetica,sans-serif; font-size: 13.82px; font-weight: bold; border-bottom:1px solid #CED2D2; margin-bottom:15px; padding-top: 30px;} .line_rss {padding: 4px;} div.rss_logo {white-space:nowrap; padding: 5px 4px 4px 4px;} div.rss_logo a { background-color:#FF6600; border-color:#FCC7A5 #7D3302 #3E1A01 #FF954E; border-style:solid; border-width:1px; color:#FFFFFF; font-family:sans-serif; font-size:100%; font-weight:bold; line-height:10px; padding:3px 6px; text-align:center;} div.rss_logo a:hover { background-color:#EE5500;} .video_category {background-image: url(../img/cadre_category.png); background-repeat: no-repeat; width:200px; height: 167px; padding:5px; font-policy: Myriad, helvetica, sans-serif, arial;} .video_category li{ font-size: 12px; font-weight: bold; margin: 4px;} .video_category p{border: 1px solid #dadada; padding: 5px; background: #FFFFFF; width: 150px; color:#0067A4;font-size: 13px; font-weight: bold;} .video_category li a, .nav_video li a:visited{ color:#000000; } .video_category li a:hover, .nav_video li a:active{ color:#0067A4; } .video_category .category_active {padding-left: 10px; color:#0067A4;} .video_category_gallery {background-image: url(../img/cadre_category_gallery.png); background-repeat: no-repeat; width:200px; height: 500px; margin: 0px; padding:0px; font-policy: Myriad, helvetica, sans-serif, arial;} .nav_video li {float: left; border: 1px solid #dadada; padding: 5px; margin-right: 10px; background: #FFFFFF; } .nav_video li span{ font-size: 110%; color: #208cbd; font-weight: bold; } .main_page { font-family: Arial,Helvetica,sans-serif; font-size: 12.17px; color: #454545 ;} .contact_header{height:385px; z-index:9999;background: url(../img/contact_header.jpg) no-repeat right bottom; padding:0px 5px 5px 2px; margin:0px; margin-right:-10px; margin-bottom:-5px; margin-top:-5px; margin-left:-5px;} .page_press h2{color: #0077B9;font-weight:bold;font-size: 16.32px; } #diffusion_picture {text-align: center; margin:0 auto; margin-top:18px;} #diffusion_picture td {padding: 0px 5px 5px 0px;} .wraptocenter { display: table-cell; text-align: center; vertical-align: middle; width: 114px; height: 70px; background: url("../img/cadre_bl.jpg") left 0px no-repeat; border: 0px; padding: 0px; margin: 0px;} /*.wraptocenter { display: table-cell; text-align: center; vertical-align: middle; width: 110px; height: 66px; border: 4px double #f1f1f1; background: #f1f1f1; padding: 0px; margin: 0px;}*/ .wraptocenter * { vertical-align: middle;} /*\*//*/ .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; } /**/ .bl_ul {margin: 0px; padding: 0px; list-style-type: none; } .bl_ul li { float: left; margin: 0px 0px 10px 12px; padding: 0px; } .bl_ul li img{ max-width: 106px;} #diffusion_picture .diff_home { padding:0px; margin: 0px; width:120px; height:75px;} /* Default CSS ================================================*/ /* Basic styling, used when JavaScript is unsupported */ .cbb { margin:1em 0; padding:0 10px; /*border:1px solid #666;*/ background:#fff;} .cbb h1 { margin:0 -10px; padding:0.3em 10px; background:#efece6;} /* Normal styling */ .cb {margin:0.5em 0;} /* Top corners and border */ .bt { height:17px; margin:0 0 0 18px; background:url(../img/box.png) no-repeat 100% 0;} .bt div { position:relative; left:-18px; width:18px; height:17px; background:url(../img/box.png) no-repeat 0 0; font-size:0; line-height:0;} /* Bottom corners and border */ .bb { height:18px; margin:0 0 0 13px; background:url(../img/box.png) no-repeat 100% 100%;} .bb div { position:relative; left:-14px; width:14px; height:18px; background:url(../img/box.png) no-repeat 0 100%; font-size:0; line-height:0;} /* Left border */ .i1 {padding:0 0 0 12px; background:url(../img/borders.png) repeat-y 0 0;} /* Right border */ .i2 {padding:0 9px 0 0; background:url(../img/borders1.png) repeat-y 100% 0;} /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */ .i3 { display:block; margin:0; padding:1px 10px; background:#fff;} /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */ .i3:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} .i3 {display:inline-block;} .i3 {display:block;} /* Default CSS ends here */ .carousel_outer1{ width:930px; padding-top: 10px; height: 220px; min-height:220px; margin-bottom: 10px; background-image:url(../img/gallery_cadre1.png);background-repeat:no-repeat;background-position:top left;} .carousel { padding: 10px 0 0 0; margin: 0 0 20px 10px; position: relative; } .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/ float: left;} .carousel a { text-decoration:none;} .carousel a.prev, .carousel a.next { display: block; float: left; width: 30px; height: 180px; text-decoration: none; background: url("../js/carousel/left_arrow.png") left 135px no-repeat;} .carousel a.next { background: url("../js/carousel/right_arrow.png") right 135px no-repeat; margin-left:-10px;} .carousel a.next:hover { background-image: url("../js/carousel/right_arrow.png"); } .carousel a.prev:hover { background-image: url("../js/carousel/left_arrow.png");} .category_title { padding:3px 0px 3px 15px; text-align: left;} .carousel a:hover, .carousel a:active { border: none; outline: none;} .carousel .jCarouselLite { float: left; position: relative; visibility: hidden; left: -5000px;} .carousel ul { margin: 0;} .carousel li {margin:0 auto; text-align:center; margin-right:40px;width:179px; height:184px; background-image:url(../img/cadre_photo.png);background-repeat:no-repeat;background-position:center top;} .carousel li img { width: 170px; height: 104px; margin:0 auto; padding:0px; border:0px; text-align:center;} .carousel a.disabled, .carousel a.disabled:hover { background: url("../img/ie/b.gif") center top no-repeat; } .carousel .video_info { color: #000000; margin:0 auto; width:160px; text-align:center;} .carousel .video_info h2 { text-align:left; font-size:12.60px; font-weight:bold; height:37px; line-height:12px; padding:0px; margin:0px; margin-top:-8px;} .carousel .video_info h3 { font-size:11.60px; font-weight:normal; text-align:right; padding:0px; margin:0px;} .carousel .reflect { height:25px; min-height:25px; background-image:url(../img/reflect.png);background-repeat:no-repeat;background-position:center center;} .presentation_content h1 {font-size:15px; font-weight: bold; padding:5px 5px 5px 0px;} .liv li { background : url(../img/liv_puce.gif) no-repeat top left; padding-left : 18px; line-height: 13px; } .list-img {padding-right:5px; vertical-align: middle;} .qui div {background: #fbfbfb; border: 1px solid #a9a9a9 ; padding: 10px; margin-top:15px; width: 810px;} .qui h2 {color: #0077b9; font-size:14px;} .qui p {font-size:12px;} /* --- Slideshow Containers --- */ #fpss-outer-container {height:260px; width:640px; min-height:260px; min-width:640px; background-image: url(../img/cadre_arg.png); background-repeat:no-repeat; overflow:hidden; font-family:Arial, Verdana, sans-serif;} /* This element controls the slideshow spacing and border */ #fpss-container {position:relative;margin:0;padding:0;clear:both;width:640px;} #fpss-slider {float:right;background:none;overflow:hidden;width:515px;height:260px;} #slide-wrapper {display:none;width:515px;height:260px;} #slide-wrapper #slide-outer {height:260px;} #slide-wrapper #slide-outer .slide {left:125px;width:515px;height:260px;} #fpss-container #fpss-title {height:52px; line-height:52px; padding:0px; margin:0px;} #fpss-container #fpss-title h1 {font-size:24px; text-align:center; font-weight:bold; color:#2d2d2d; letter-spacing:2px; } /* --- Slideshow Block --- */ #slide-wrapper #slide-outer .slide {position:absolute;overflow:hidden;} #slide-wrapper #slide-outer .slide .slide-inner {position:relative;margin:0;color:#2d2d2d;overflow:hidden;text-align:left;z-index:8;height:260px;} #slide-wrapper #slide-outer .slide .slide-inner a.fpss_img span span span {background:none;} /* --- Content --- */ .fpss-introtext {width:100%;height:auto;font-size:11px;margin:0;padding:0;position:absolute;top:0;bottom:0;left:15px;} .fpss-introtext .slidetext {margin:0;padding:0;} /* --- Navigation Buttons --- */ #pseudobox {display:none;} #navi-outer {float:left;margin:0/* 0 0 -20px*/;padding:0;;overflow:hidden;position:relative;z-index:9;height:260px;width:125px;} #navi-outer ul {margin:-1px 0 0 0;padding:0; padding-left:4px;list-style:none;background:none;text-align:left;} #navi-outer li {display:inline;padding:0;margin:0;border:none;height:66px;list-style:none;background:none; text-align:right;} #navi-outer li.noimages {display:none;} #navi-outer li a {display:block;padding:0px;margin:0;text-decoration:none;font-size:11px;color:#2d2d2d;height:66px;overflow:hidden;} #navi-outer li a.navi1 {background: url("../img/arg_nav_entier.png") left 0px no-repeat; } #navi-outer li a.navi2 {background: url("../img/arg_nav_entier.png") left -67px no-repeat; } #navi-outer li a.navi3 {background: url("../img/arg_nav_entier.png") left -133px no-repeat; } #navi-outer li a:hover, #navi-outer li a.navi-active {background:none;} #navi-outer li a span.navbar-key {display:none;} #navi-outer li a span.navbar-title {font-weight:bold;font-size:13px;display:block;margin:0;padding:0;color:#2d2d2d;line-height:13px;padding-top:10px; text-align:center; padding-right:5px;} #navi-outer li a span.navbar-tagline {font-weight:normal;color:#f2f2f2;margin:0;padding:0;font-size:11px;line-height:12px;} #navi-outer li a:hover span.navbar-tagline, #navi-outer li a.navi-active span.navbar-tagline {font-weight:normal;color:#333;} span.navbar-clr {display:block;clear:both;} #navi-outer div.navbar-button { text-align: right; padding: 0px; } #navi-outer div.navbar-button img { margin-top: -20px;} #navi-outer img.img_navbar { margin-top: -20px;} /* --- Notice: Add custom text styling here to overwrite your template's CSS styles! --- */ .fpss-introtext .slidetext h1 {color: #2d2d2d; font-weight: bold; font-size: 125%; font-size:16.25px;line-height:16px;margin:0;padding:20px 8px 8px 8px;} .fpss-introtext .slidetext h2 {font-size:11px;margin:0 8px;padding:0;color:#bbb;font-weight:normal;} .fpss-introtext .slidetext h3 {font-size:11px;margin:0 0 4px 0;padding:0;display:none;} .fpss-introtext .slidetext p {margin:0 8px;padding:9px 0px 0px 15px; width:85%; font-size:14.27px; color: #2d2d2d; line-height:16px;} .fpss-introtext .slidetext a.readon {position:absolute;right:45px;bottom:65px;margin:0; font-size: 12px;} .fpss-introtext .slidetext a.readon, .fpss-introtext .slidetext a.readon:hover, .fpss-introtext .slidetext a.readon:visited{text-decoration: underline; color:#5E553B; font-weight: bold; } /* --- Generic Styling (highly recommended) --- */ a:active,a:focus {outline:0;} #fpss-container img {border:none;} .fpss-introtext .slidetext img, .fpss-introtext .slidetext p img {display:none;} /* this will hide images inside the introtext */ .fpss-clr {clear:both;height:0;line-height:0;}