/*****************************************************************************************/ /*---------------------------------------------------------------------------------------*/ /*---------- NUVEOMEDIA, votre spécialiste en solution e-marketing intéligente ----------*/ /*---------------------------------------------------------------------------------------*/ /*----------------------------- Writen by Alexandre Bram --------------------------------*/ /*****************************************************************************************/ /*****************************************************************************************/ /******************************** ALL RIGHTS RESERVED ************************************/ /*****************************************************************************************/ /********************************** Initialisation ***************************************/ * { padding:0px; margin:0px; } /************************************** HACK *********************************************/ hr { clear:both; visibility:hidden; height:1px;} /*-------------------------------------- FF ---------------------------------------------*/ a { outline: none; } :focus { -moz-outline-style: none; } /*-------------------------------------- IE6 --------------------------------------------*/ img, input { behavior: url(images/iepngfix.htc); } /*------------------------------------- Global ------------------------------------------*/ #conteneur { width:880px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; background:#FFFFFF; } .bleu { color:#057bd4; } a { text-decoration:none; } p {margin-bottom:10px;} .tableau td { padding:5px;} h2 { font-size:14px; margin-bottom:10px; color:#036bcd;} h3 { font-size:14px; margin-bottom:10px; color:#FF9900;} .formulaire td { padding:5px 0 5px 0;} .citation { font-size:14px; color:#036bcd; margin-bottom:10px; } #inscription-box { margin-top:40px; } /*----------- BUTTON ---------------*/ /* REQUIRED BUTTON STYLES: */ button { position: relative; border: 0; padding: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */ } button::-moz-focus-inner { border: none; /* overrides extra padding in Firefox */ } button span { position: relative; display: block; white-space: nowrap; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ button span { margin-top: -1px; } } /* OPTIONAL BUTTON STYLES for applying custom look and feel: */ button.submitBtn { padding: 0 18px 0 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align: center; background: transparent url(../images/btn_blue_sprite.gif) no-repeat right -91px; } button.submitBtn span { padding: 9px 0 0 20px; height:31px; background: transparent url(../images/btn_blue_sprite.gif) no-repeat left top; color:#fff; } button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */ background-position: right -136px; } button.submitBtn:hover span, button.submitBtnHover span { background-position: 0 -45px; } /*------------------------------------- Header ------------------------------------------*/ #header { margin-bottom:20px;} /* chapeau */ #feedback a { color:#036bcd; } #account { float:right; line-height: 1.2em;  } #account span{ color:#036bcd;} #chapeau { padding:10px 6px 0 6px; } /**** MENU ****/ #menu { } #menu-top{ list-style: none ; width:870px; height:38px; margin:auto; margin-top:13px; } #menu-top li{ float:left; font-size:12px; width:117px; } #menu-top-active a { display: block ; height:18px; width:117px; background: url(../images/menu/menu.jpg) left top no-repeat ; font-size:14px; font-weight:bold; color: #fff ; padding: 10px 0 ; text-align: center ; } #menu-top-active a:hover, #navigation li a:focus, #navigation li a:active { background: url(../images/menu/menu.jpg) right top no-repeat ; } #menu-selected a{ display: block ; height:18px; width:117px; background: url(../images/menu/menu.jpg) right top no-repeat ; font-size:14px; font-weight:bold; color: #fff ; padding: 10px 0 ; text-align: center; } #menu-top-right { padding: 10px 0; padding-right:15px; text-align:right; height:18px; background-image:url(../images/menu/menu-right.jpg); } #menu-top-right a{ font-size:14px; font-weight:bold; color: #fff; } /*** Mini header ***/ #mini-header { margin:20px 0 10px 0;} #marque { float:left; width:350px;} #marque h1{ font-size:24px; padding-left:4px;} #slogan { float:right; padding-top:10px; padding-right:4px; } #annonce { background-image:url(../images/annonce.jpg); height:122px; width:880px; } #annonce h1 { font-size:26px; color:#FFFFFF; text-align:center; padding-top:40px; font-weight:normal;} #annonce_index { background-image:url(../images/annonce.jpg); height:122px; width:880px; } #annonce_index h1 { font-size:24px; color:#FFFFFF; text-align:right; padding-top:20px; padding-right:60px; padding-bottom:5px; font-weight:normal;} #annonce_index p { padding-right:60px; color:#FFFFFF; font-size:16px; } #annonce_index p span{ font-size:12px; } .id_60 { font-size:16px; float:left; line-height:35px; padding-left:190px; color:#FFFFFF; padding-right:15px; } #annonce-index { background-image:url(../images/index-blue-box.jpg); height:253px; width:880px; } #annonce-index-illustration { width:290px; height:160px; float:left; margin-top:50px; margin-left:30px;} .annonce-index-bouton { margin-right:30px; margin-top:15px; } #annonce-index h1 { font-size:26px; color:#FFFFFF; float:left; padding-top:35px; margin-left:20px; width:520px;} #annonce-index h2 { font-size:18px; color:#dcf6ff; float:left; text-align:right; margin-left:20px; width:520px;} /*------------------------------------ Content ------------------------------------------*/ #content { margin-bottom:20px;} .textarea-contact{ background: transparent url(../images/textarea-center.jpg) repeat-y; border:0px; width:410px; height:118px; overflow:hidden; padding:0 5px 0 5px; margin:0px; } /********************************** Espace client ****************************************/ #a-propos{ float:left; width:416px; margin-right:20px; padding-left:4px;} #login{ float:left; width:410px; background-image:url(../images/login.jpg); height:132px; padding:15px;} #login-bouton { float:right; margin-top:51px; margin-right:15px;} #login-title-box { margin-bottom:3px; font-weight:bold; margin-left:10px; font-size:14px;} #login-oublier a{ margin-left:10px; color:#FFFFFF; margin-top:0px; } .input-decoration{ background: transparent url(../images/login-area.png) no-repeat; border:0px; width:222px; height:20px; padding:6px 0px 3px 10px; font-size:12px; color:#666666;} #pass-oublier p{ padding:10px; } /********************************** Inscription ****************************************/ #inscription{ width:100%; margin-right:20px; padding-left:4px;} #inscription-type { padding:10px 0 10px 0; margin:10px 0 10px 0; width:870px; border-top:dashed 1px #999999; } #inscription-type h1 { color:#999999; } .input-decoration-center{ background: transparent url(../images/login-center.png) repeat-x; border:0px; width:210px; height:18px; padding:6px 0px 4px 0px; font-size:14px; color:#666666;} /************************************ Accueil ******************************************/ .index-box { width:200px; float:left; background: url(../images/en-savoir-plus.jpg) no-repeat bottom right; margin:6px; height:135px; padding:0px 15px 35px 0px; text-align:justify; } #simplicite { margin:6px 10px 6px 10px; } #cout {margin-right:0px;} #box-partenaire{ width:877px; margin:auto; background:url(../images/box-degrader.jpg) no-repeat; margin-top:-2px; height:120px; } #box-partenaire h2{ padding-top:10px; padding-left:20px; } #news { width:400px; padding:10px; float:left;} #partenaire { width:400px; padding:10px; float:right; } .logo_partenaire { margin:5px;} #intro_index { width:660px; background:url(../images/ciblage-publicitaire2.jpg) no-repeat right; padding:0 0 60px 10px; height:250px; float:left; margin-bottom:30px; border-bottom:solid 1px #CCCCCC; } #intro_index p { padding:10px 0; } #intro_index ul { padding-left:20px; list-style: none ; } #intro_index ul li { padding:5px 10px 5px 20px; background:url(../images/blue-right.png) no-repeat left; } #newsletter_index { width:330px; height:200px; margin-right:21px; float:left; margin-top:20px; } #actu_index { width:310px; padding:10px; border:solid 1px #cccccc; float:left;margin-top:20px; padding-bottom:5px; height:180px; } #actu_index h4 { padding:5px 0 5px 20px; background:url(../images/blue-right.png) no-repeat left;color:#057bd4; font-size:12px; font-weight:normal; } #actu_index p { padding:5px 0px; } #newsletter_box{ padding:10px; background:url(../images/bg-newsletter.png) no-repeat left; width:665px; float:left; margin-top:15px; } #newsletter_box label{ font-size:12px; color:#FFFFFF; line-height:23px;} /* News */ #news-content { margin:10px 0; padding:5px 0; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc;} #news-content img { padding-right:10px; float:left; } #concurrent_index {border:solid 1px #cccccc; height:175px; padding:10px; margin-bottom:20px; } #souscription_index { background:url(../images/bigbutton.jpg) no-repeat; height:30px; padding:10px; text-align:center; }  .news-photo { width:120px; height:120px; float:left; margin:0px 10px 5px 0px; } .news-info { } #imageindex { float:left; margin-top:-170px; margin-left:24px; } /********************************** Investissement *****************************************/ #invest_image { float:left; margin:0 20px 30px 5px; } /********************************** Sitemap *****************************************/ #sitemap { float:left; margin-left:20px; margin-bottom:20px;} #sitemap ul { padding-left:20px; list-style: none ;border-left:solid 1px #cccccc; } #sitemap ul li { padding:5px 10px 5px 20px; background:url(../images/blue-right.png) no-repeat left; } #sitemap ul li a h2 { margin:0; padding:0;} #sitemap_submenu li { padding:2px 10px 2px 20px;} #sitemap_submenu li a h3 { margin:0; padding:0; font-size:12px;} /********************************** Column de gauche *****************************************/ #left_column { width:200px; float:left; margin:0 60px 30px 5px; } #left_column ul { list-style: none ; } #left_column ul li { padding:5px 0; border-bottom:solid 1px #CCCCCC; } #left_column ul li a { color:#057bd4; } #left_column2 { width:220px; float:left; margin:20px 0; padding:10px; } #left_column2 ul { list-style: none ; } #left_column2 ul li { padding:5px 0; border-bottom:solid 1px #CCCCCC; } #left_column2 ul li a { color:#057bd4; } #rigth_column { float:left; width:600px; margin-bottom:30px; } /********************************** Reference *****************************************/ .left_reference{ background:url(../images/reference.jpg) no-repeat bottom; height:600px; } #reference_logo { margin-top:20px; } #reference_logo ul { list-style: none ; padding:0; margin:0; } #reference_logo ul li { width:197px; float:left; margin:10px 0; padding:0; } /********************************** A propos *****************************************/ #apropos { width:550px; float:left; } /********************************** A propos *****************************************/ #etat-service { margin:10px 0; border:dashed 1px #CCCCCC; padding:10px 10px 0 10px; } /********************************** FAQS *****************************************/ #faqs_image { width:300px; margin:0 20px 0 5px; background:url(../images/besoindaide.jpg) no-repeat bottom; float:left; height:700px;  } #faqs_help { width:220px; border:solid 1px #CCCCCC; padding:10px; } .faqs_question { padding:10px 0; border-bottom:dashed 1px #057bd4; } #faqs_image_2 { width:280px; margin:0 20px 0 5px; background:url(../images/besoindaide.jpg) no-repeat bottom; float:left; height:2630px;  } #faqs_image_3 { width:280px; margin:0 20px 0 5px; background:url(../images/besoindaide.jpg) no-repeat bottom; float:left; height:1200px;  } .image_faq {border:solid 1px #999999; } #apropos_2 { width:560px; float:left; } /*------------------------------------- Error form ------------------------------------------*/ .error_mail { width:420px;  padding:10px; border:solid 1px #FF0000; background:#FF3300; color:#FFFFFF; text-align:center; } .error_form { padding:10px; border:solid 1px #FF0000; background:#FF3300; color:#FFFFFF; text-align:center; width:850px; } /*------------------------------------- Footer ------------------------------------------*/ #footer { height:70px; } #menu-footer { height:29px; width:870px; background-image:url(../images/menu-bas.jpg); text-align:right; color:#FFFFFF; padding:10px 10px 0 0; } #menu-footer a{ color:#FFFFFF; } #menu-footer a:hover{ color:#FFFFFF; text-decoration:underline; } #copyright {text-align:center; color:#666666; margin-top:10px;} /* Selectmenu ----------------------------------*/ .ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;} .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; } .ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; } .ui-selectmenu-open { visibility: visible; } .ui-selectmenu-menu-popup { margin-top: -1px; } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li { padding:0; margin:0; display: block; font-size:12px; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; } .ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; } .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; } .ui-selectmenu-status { line-height: 1.4em; } .ui-selectmenu-open li.ui-selectmenu-item-focus a { } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; } .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; } /*for optgroups*/ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; } .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; } label,select,.ui-select-menu { float: left; margin-right: 10px; } select { width: 270px; font-size:12px; } #box-partenaire ul { list-style:none; width: 795px; padding: 5px 10px; text-align:center;} #box-partenaire ul li { float:left; width: 190px; height: 45px; margin-right: 5px;} /** * 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