body{margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url('images/bgd.png') repeat fixed;} #home{position:absolute; left:50%; top:50%; width:980px; height:580px; margin-left:-490px; margin-top:-290px; background:#fff;} #container{position:absolute; left:50%; width:980px; margin:9px 0 0 -490px; background:#fff;} #header{} .languages a{ position:absolute; color:#fff; margin:10px 0 0 855px; padding:2px 4px; font-style:italic; font-weight:bold;} .languages a:hover, .languages a:focus, .languages a:active{color:#F16C11; background:#fff;} #header_sa .languages a{ position:absolute; color:#F16C11; margin:10px 0 0 855px; padding:2px 4px; font-style:italic; font-weight:bold;} #header_sa .languages a:hover, .languages a:focus, .languages a:active{color:#fff; background:#F16C11;} #header_asap .languages a{ position:absolute; color:#5E207C; margin:10px 0 0 855px; padding:2px 4px; font-style:italic; font-weight:bold;} #header_asap .languages a:hover, #header_asap .languages a:focus, #header_asap .languages a:active{color:#fff; background:#5E207C;} /*------------------------------------- Menu Black ------------------------------------*/ #menu_black{margin:0; padding:0; width:980px; height:30px; background-color:#000;} #menu_black ul{list-style:none; margin:0; padding:0 22px 0 0; float:right; overflow:hidden;/* Création du contexte de formatage */} #menu_black ul li{float:left; color:#fff; margin:0; padding:0;} #menu_black ul li a{display:block; color:#fff; font-size:13px; font-weight:bold; text-transform:uppercase; line-height:1em; margin:4px 0px 4px 7px; padding:4px 5px; text-align:center; text-decoration:none;} #menu_black ul li a:hover, #menu_black ul li a:focus, #menu_black ul li a:active{color:#F16C11; background:#fff;} /*------------------------------------- Menu Orange ------------------------------------*/ #menu_orange{margin:0; padding:0; width:980px; height:30px; background-color:#fff; border-bottom:2px solid #f16c11} #menu_orange ul{list-style:none; margin:0; padding:0 22px 0 0; float:right; overflow:hidden;/* Création du contexte de formatage */} #menu_orange ul li{float:left; color:#f16c11; margin:0; padding:0;} #menu_orange ul li a{display:block; color:#f16c11; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px 0px 4px 7px; padding:4px 5px; line-height:1em; text-align:center; text-decoration:none;} #menu_orange ul li a:hover, #menu_orange ul li a:focus, #menu_orange ul li a:active{color:#fff; background:#F16C11;} /*------------------------------------- Menu Violet ------------------------------------*/ #menu_violet{margin:0; padding:0; width:980px; height:30px; background-color:#EAE8E3;} #menu_violet ul{list-style:none; margin:0; padding:0 22px 0 0; float:right; overflow:hidden;/* Création du contexte de formatage */} #menu_violet ul li{float:left; color:#5E207C; margin:0; padding:0;} #menu_violet ul li a{display:block; color:#5E207C; font-size:13px; font-weight:bold; text-transform:uppercase; margin:4px 0px 4px 7px; padding:4px 5px; line-height:1em; text-align:center; text-decoration:none;} #menu_violet ul li a:hover, #menu_violet ul li a:focus, #menu_violet ul li a:active{color:#EAE8E3; background:#5E207C;} /*------------------------------------- Slash ------------------------------------*/ .slash{float:left; margin:0; padding:0; font-size:25px; font-weight:lighter; color:#fff; } #menu_violet .slash{float:left; margin:0; padding:0; font-size:25px; font-weight:lighter; color:#5E207C; } /*------------------------------------- Main ------------------------------------*/ #main{width:980px; background:#fff;} /*------------------------------------- Nav / Menu gauche ------------------------------------*/ #nav{position:absolute;} #nav_infos{position:absolute;} #nav_float{float:left;} #nav_float ul, #nav_infos ul, #nav ul{overflow:hidden; margin:0; padding:25px 0 0 14px;} #nav ul li{width:140px; margin:6px 0; padding:2px 0; background:#f16c11; text-align:center; list-style:none;} #nav ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav ul li a:hover, #nav li a:focus, #nav li a:active{ color:#000;} #nav #nav_black ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav #nav_black ul li a:hover, #nav #nav_black li a:focus, #nav #nav_black li a:active{ color:#B9B9B9; } #nav #nav_purple ul li{width:140px; margin:6px 0; padding:2px 0; background:#5E207C; text-align:center; list-style:none;} #nav #nav_purple ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav #nav_purple ul li a:hover, #nav #nav_purple li a:focus, #nav #nav_purple li a:active{ color:#ccc;} #nav_infos ul li{width:140px; margin:6px 0; padding:2px 0; background:#F16C11; text-align:center; list-style:none;} #nav_infos ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav_infos ul li a:hover, #nav_infos li a:focus, #nav_infos li a:active{color:#000;} #nav_float ul li{width:140px; margin:6px 0; padding:2px 0; background:#F16C11; text-align:center; list-style:none;} #nav_float ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav_float ul li a:hover, #nav_float li a:focus, #nav_float li a:active{color:#000;} #nav_float #nav_purple ul li{width:140px; margin:6px 0; padding:2px 0; background:#5E207C; text-align:center; list-style:none;} #nav_float #nav_purple ul li a{color:#fff; font-size:13px; line-height:1em; font-weight:bold; text-align:center; text-decoration:none;} #nav_float #nav_purple ul li a:hover, #nav_float li a:focus, #nav_float li a:active{color:#ccc;} #nav_compte, #nav_compte a {margin-top: -20px; color:#000;} /*------------------------------------- Content ------------------------------------*/ #content, #content_purple{width:800px; height:384px; padding:0 0 0 180px;} #banner{text-align:center; padding:16px 0 10px 0;} h1{color:#F16C11; font-weight:bold; font-size:29px; text-indent:45px; background:url('images/quote.png') top left no-repeat; letter-spacing: -1px; margin:0; padding:0;} #content_purple h1, #content_long_purple h1{color:#5E207C; font-weight:bold; font-size:29px; text-indent:45px; background:url('images/quote_purple.png') top left no-repeat; letter-spacing: -1px; margin:0; padding:0;} #infos{height:258px; overflow:auto; padding:0 0 5px 0;} #content h4, #content_purple h4{font-size:13px; margin:10px 15px; padding:0; background:url('images/bullet.png') no-repeat top left; text-indent:12px; font-weight:normal;} #content_long, #content_long_purple{width:800px; float:right; margin:0; padding:0;} #content_long a{text-decoration:underline; color:#F16c11; font-weight:bold; } #content_long a:hover{background:#F16c11; color:#fff; padding:1px 4px;} #content_long_purple a{text-decoration:underline; color:#5E207C; font-weight:bold; } #content_long_purple a:hover{background:#5E207C; color:#fff; padding:1px 4px;} #content_form{width:800px; float:right; margin:0; padding:0;} #content_form h1{color:#F16C11; font-weight:bold; font-size:27px; text-indent:0px; background:url('images/quote.png') top left no-repeat; letter-spacing: -1px; margin:0; padding: 0 0 0 45px;} #content_form a{text-decoration:underline; color:#F16c11; font-weight:bold; } #content_form a:hover.highlights {background:#F16c11; color:#fff; padding:1px 4px;} /*------------------------------------- Accordion ------------------------------------*/ #accordion{margin:0 15px;} .element{margin:0 0 15px 0;} h2.toggler{cursor:pointer; background:url('images/bgd_accordion.png') no-repeat; padding:5px 0 15px 0; margin:10px 0 5px 0; text-align:left; text-indent:15px; font-size:15px; font-weight:bold;} h3{font-size:13px; font-weight:bold; color:#F16C11; margin:5px 0; padding:0;} #content_purple h3{font-size:13px; font-weight:bold; color:#5E207C; margin:5px 0; padding:0;} #content_long_purple h3{font-size:13px; font-weight:bold; color:#5E207C; margin:5px 0; padding:0;} h4{font-size:13px; margin:0; padding:0; background:url('images/bullet.png') no-repeat top left; text-indent:12px; font-weight:normal;} h5{font-size:13px; margin:0; padding:0; font-weight:normal;} .element h6{display:block; float:left; width:240px; height:105px; font-size:12px; margin:5px 15px 20px 0; padding:0 0 10px 0; font-weight:normal; border-right:1px solid black;} .element h6 a{font-size:10px;} ul{margin:0 0 8px 0; padding:0;} ul li{margin:0 0 0 12px; padding:0; list-style-type:none;} /*------------------------------------- Contact ------------------------------------*/ .contact{margin:30px 15px 0 40px; padding:8px 0 0 0; background:url('images/bgd_contact.png') no-repeat top left;} .carte{float:right; width:520px; height:226px; margin:0; padding:0 3px 2px 3px; text-align:right;} .carte iframe{border:2px solid black} /*---------------------- Tableau des exposants / incrits -------------------------------*/ .lien_exposants{line-height:1.7em;} #accordion .element .lien_exposants a{color:#000; text-decoration:none;} #accordion .element .lien_exposants a:hover{color:#fff; text-decoration:underline;} #liste .lien_exposants a{color:#000; text-decoration:none;} #liste table{margin:auto; width:760px; margin:10px 10px 10px 15px; border:0; border-collapse:collapse;} #liste th{color:white; font-size:1.1em; background:url('images/bgd_accordion.png') no-repeat; padding:5px 0 12px 0; margin:10px 0 5px 0; } #liste td{border:0; border-bottom:1px solid black; padding:10px 3px; } /*---------------------- Tri par lettre -------------------------------*/ #liste_par_lettre table{margin:auto; width:760px; margin:10px 10px 20px 15px; border:0; border-collapse:collapse; background:url('images/bgd_accordion.png') no-repeat; } #liste_par_lettre th{color:white; font-size:1.1em; padding:5px 0 12px 0; margin:10px 0 5px 0; } #liste_par_lettre td{border:1px solid black; border-top:0; padding:10px 8px; } /*------------------------------------- Galerie photos ------------------------------------*/ #flashcontent{height:90%; vertical-align:top;margin:0; padding:0;} #simpleviewer{width:785px; height:800px; margin:0 0 -60px 0; padding:0; color:#fff; } #galerie_colorbox{margin:20px 0; padding:0} #galerie_colorbox img{padding:0 10px 10px 0} /*------------------------------------- Newsletter ------------------------------------*/ #newsletter{margin:20px 0 0 14px; height:37px; line-height:1em; background:url('images/bgd_newsletter.png') top left no-repeat;} #newsletter p{width:140px; height:15px; padding:5px 0 0 6px; color:#000; font-size:11px; } form, input, label{margin:0; padding:0;} .inscription_newsletter{width:138px; height:15px; margin:1px 0 0 1px; padding:0; border:0; font-size:11px; text-align:center; border-bottom:1px solid black;} .bt_newsletter{ width:19px; height:19px; vertical-align:top; margin:-1px 0 0 0; padding:0; font-weight:bold; background:url('images/bt_newsletter.png') no-repeat; cursor:pointer; border:none;} .bt_newsletter:hover{background: url('images/bt_newsletter_hover.png') no-repeat;} /*------------------------------------- Extras ------------------------------------*/ #extras_orange{width:980px; height:275px; margin:0; padding:0; background:url('images/bgd_extras_orange.png');} #extras_black{width:980px; height:275px; margin:0; padding:0; background:url('images/bgd_extras_black.png');} #extras_gray{width:980px; height:450px; margin:0; padding:0; background:url('images/bgd_extras_white.png');} #extras_orange .flash, #extras_black .flash, #extras_gray .flash{float:right; width:780px; height:225px; margin:0; padding:0; text-align:right;} #extras_orange .flash object, #extras_black .flash object, #extras_gray .flash object{margin:0; padding:0;} #extras_orange .flash object p, #extras_black .flash object p, #extras_gray .flash object p{margin:0; padding:0; display:inline-block} #extras_white{width:180px; height:310px; margin:10px 0 0 0; padding:0; background:#fff;} #extras_white_purple{width:180px; height:310px; margin:10px 0 0 0; padding:0; background:#fff;} #extras_orange .flash .vidz_vimeo, #extras_black .flash .vidz_vimeo, #extras_gray .flash .vidz_vimeo{width:310px; height:174px; padding:1px; background-color:#000; margin:0 15px 0 10px; display:inline-block} /*------------------------------------- Quicklinks ------------------------------------*/ #quicklinks{float:left; width:180px; height:296px; margin:0; padding:0;} #quicklinks_bandeau{float:left; width:180px; height:238px; margin:0; padding:0;} /*------------------------------------- Réservez votre badge ------------------------------------*/ .badge a{ margin:15px 0 0 10px; padding:3px 2px 1px 2px; color:#fff; border-bottom:2px dashed white; text-align:center;} .badge a:hover{border-bottom:2px dashed black; background:#fff; color:#000;} #extras_white .badge a{ margin:15px 0 0 10px; padding:3px 2px 1px 2px; color:#000; border-bottom:2px dashed black; text-align:center;} #extras_white .badge a:hover{border-bottom:2px dashed #F16C11; background:#fff; color:#F16C11;} .badge object{margin:10px 0 0 15px} .badge a img.resa_badge{background:none; border:none;} /*------------------------------------- Acces membres ------------------------------------*/ #extras_orange #acces_membres{width:165px; height:113px; color:#fff; margin:0px 0 0 12px; padding:38px 0 0 14px; background:url('images/bgd_espaces_membres.png') no-repeat;} #extras_black #acces_membres{width:165px; height:113px; color:#fff; margin:0px 0 0 12px; padding:38px 0 0 14px; background:url('images/bgd_espaces_membres_black.png') no-repeat;} #extras_gray #acces_membres{width:165px; height:113px; color:#fff; margin:0px 0 0 12px; padding:38px 0 0 14px; background:url('images/bgd_espaces_membres_gray.png') no-repeat;} #extras_white #acces_membres{width:165px; height:113px; color:#000; margin:0px 0 0 12px; padding:38px 0 0 14px; background:url('images/bgd_espaces_membres_white.png') no-repeat;} #extras_white_purple #acces_membres{width:165px; height:113px; color:#000; margin:0px 0 0 12px; padding:38px 0 0 14px; background:url('images/bgd_espaces_membres_purple.png') no-repeat;} .login{display:block; padding:2px 0 0 0; font-weight:bold; font-size:12px; color:#fff; text-indent:12px} .login_perdu label { display:block; width:230px; float:left; clear:both; text-align:right; padding-right:5px;} #extras_white .login{display:block; padding:2px 0 0 0; font-weight:bold; font-size:12px; color:#000;} #extras_gray .login, #extras_white_purple .login{display:block; padding:2px 0 0 0; font-weight:bold; font-size:12px; color:#5E207C;} input{width:131px;} #extras_orange a .bt_connexion{width:120px; height:19px; margin:2px 0 15px 15px; color:#fff; font-weight:bold; background:url('images/bt_newsletter.png') bottom right no-repeat; cursor:pointer; border:none; } #extras_orange a:hover .bt_connexion{background:url('images/bt_newsletter_hover.png') bottom right no-repeat; color:#000;} #extras_black a .bt_connexion{width:120px; height:19px; margin:2px 0 15px 15px; color:#fff; font-weight:bold; background:url('images/bt_newsletter_hover.png') bottom right no-repeat; cursor:pointer; border:none; } #extras_black a:hover .bt_connexion{background:url('images/bt_newsletter.png') bottom right no-repeat; color:#F16C11;} #extras_white a .bt_connexion{width:120px; height:19px; margin:2px 0 15px 15px; color:#000; font-weight:bold; background:url('images/bt_newsletter_hover.png') bottom right no-repeat; cursor:pointer; border:none; } #extras_white a:hover .bt_connexion{background:url('images/bt_newsletter.png') bottom right no-repeat; color:#F16C11;} #extras_gray a .bt_connexion, #extras_white_purple a .bt_connexion{width:120px; height:19px; margin:2px 0 15px 15px; color:#5E207C; font-weight:bold; background:url('images/bt_acces_membre_violet.png') bottom right no-repeat; cursor:pointer; border:none; } #extras_gray a:hover .bt_connexion{background:url('images/bt_acces_membre_violet_hover.png') bottom right no-repeat;} #quicklinks p, #quicklinks_bandeau p{font-size:10px; margin:0; display:block;} #quicklinks p a, #quicklinks_bandeau p a{color:#fff; text-decoration:none; margin:0 0 2px 12px;display:block;} #quicklinks p a:hover, #quicklinks_bandeau p a:hover{ font-weight:bold; text-decoration:none;} #extras_white #quicklinks p a{color:#000; text-decoration:none; margin:0 0 2px 13px;display:block;} #extras_white #quicklinks p a:hover{ font-weight:bold; text-decoration:none;} #extras_gray #quicklinks_bandeau p a, #extras_gray #quicklinks p a, #extras_white_purple #quicklinks p a, #extras_white_purple #quicklinks_bandeau p a{ color:#5E207C; text-decoration:none; margin:0 0 2px 13px;display:block;} #extras_gray #quicklinks_bandeau p a:hover, #extras_gray #quicklinks p a:hover, #extras_white_purple #quicklinks_bandeau p a:hover, #extras_white_purple #quicklinks p a:hover{font-weight:bold; text-decoration:none;} .bt_adm_compte{padding:0; margin:0 0 0 -5px;} /*------------------------------------- Bouton Partenaires ------------------------------------*/ #extras_orange a .partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires3.png') no-repeat; cursor:pointer;} #extras_orange a:hover .partenaires{background:url('images/partenaires2.png') no-repeat;} #extras_black a .partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires1.png') no-repeat; cursor:pointer;} #extras_black a:hover .partenaires{background:url('images/partenaires2.png') no-repeat;} #extras_white a .partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires4.png') no-repeat; cursor:pointer;} #extras_white a:hover .partenaires{background:url('images/partenaires2.png') no-repeat;} #extras_gray a .partenaires, #extras_white_purple a .partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires5.png') no-repeat; cursor:pointer;} #extras_gray a:hover .partenaires, #extras_white_purple a:hover .partenaires{background:url('images/partenaires6.png') no-repeat;} #extras_white_purple a .partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires6.png') no-repeat; cursor:pointer;} #extras_white_purple a:hover .partenaires{background:url('images/partenaires5.png') no-repeat;} #extras_orange a .en_partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/en_partenaires3.png') no-repeat; cursor:pointer;} #extras_orange a:hover .en_partenaires{background:url('images/en_partenaires2.png') no-repeat;} #extras_black a .en_partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/en_partenaires1.png') no-repeat; cursor:pointer;} #extras_black a:hover .en_partenaires{background:url('images/en_partenaires2.png') no-repeat;} #extras_white a .en_partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/en_partenaires4.png') no-repeat; cursor:pointer;} #extras_white a:hover .en_partenaires{background:url('images/en_partenaires2.png') no-repeat;} #extras_gray a .en_partenaires, #extras_white_purple a .en_partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires7.png') no-repeat; cursor:pointer;} #extras_gray a:hover .en_partenaires, #extras_white_purple a:hover .en_partenaires{background:url('images/partenaires8.png') no-repeat;} #extras_white_purple a .en_partenaires{width:165px; height:42px; margin:8px 0 10px 12px; padding:1px 4px; background:url('images/partenaires7.png') no-repeat; cursor:pointer;} #extras_white_purple a:hover .en_partenaires{background:url('images/partenaires8.png') no-repeat;} /*------------------------------------- Logos Marques ASAP ------------------------------------*/ #logo_marque{float:right; width:750px; height:430px; margin:17px 23px 0 0} #logo_marque img{float: left; display:inline; width:72px; height:66px; margin:0px 2px 3px 1px;} /*------------------------------------- Image verticale gauche ------------------------------------*/ #vert_left img{border:1px solid #000; margin:0 0 15px 13px;} /*------------------------------------- Page Partenaires ------------------------------------*/ .partenaire{width:750px; margin:0 0 20px 0px; padding:0; border:0; cellspacing:0; cellpadding:0;} .partenaire h1{font-size:17px; font-weight:bold; text-indent:0; background:#fff; color:#000; letter-spacing:.05em;} .partenaire ul{margin:-15px 200px 0 65px;} .web_partenaire{float:right; width:200px; font-size:11px; text-align:right; color:#F16C11;} .web_partenaire a{font-size:14px; font-weight:bold; } .web_partenaire a:hover{padding:1px 4px; background:#F16C11; color:#fff;} /*------------------------------------- Calendrier ------------------------------------*/ #calendrier{margin:0 15px;} #calendrier h2{background:url('images/bgd_event_calendrier.png') no-repeat; padding:2px 0 0 0; margin:5px 0 0 0; color:#fff; text-indent:30px; font-size:18px; font-weight:bold;} #calendrier h4{font-size:13px; margin:10px 0 0 0; padding:0; background:url('images/bullet.png') no-repeat top left; text-indent:12px; font-weight:normal;} /*---------------------- Intro Formulaires / Page d'acces au formulaire de réservation de badges -------------------------------*/ #intro_forms{width:775px; margin:0 0 0 20px; } #intro_forms h1{color:#F16C11; font-weight:bold; font-size:26px; background:url('images/quote.png') top left no-repeat; letter-spacing:-1px; margin:0 0 20px -13px; padding:0 0 0 45px;} #deadline{color:#F16C11; font-weight:bold; font-size:14px; text-transform:uppercase; text-align:center; margin:.8em 0; padding:0 8px 0 0;} #content_long #intro_forms h6{font-size:12px; margin:20px 0 0 0; text-indent:15px; background: url('images/carre.png') no-repeat; } #content_long #intro_forms ul { margin:0 0 15px 0;} #content_long #intro_forms ul li{ margin:0; padding:0; background:none; text-indent:0;} #content_long #intro_forms p{margin:.5em 0; line-height:1.2em;} /*---------------------- Bloc page login.php / Ancienne mise en page / A supprimer une fois le nouveau template pour la page login.php mis en production -------------------------------*/ #bloc_creation, #bloc_login{float:left; width:211px; height:288px; color:#000; padding:.6em .4em; display:block; text-align:center; margin:1em 1em 1em 0; border:0.18em solid #F16C11;} #bloc_creation strong, #bloc_login strong{font-weight:16px;} #bloc_creation hr, #bloc_login hr{width:90%; margin:5px 0 10px 5px; color:#F16C11; border:1px dashed #F16C11; text-align:center;} #bloc_creation a .bt_form_inscription{width:151px; height:50px; margin:auto; padding:0; background:url('images/bt_form_inscription.png') no-repeat; cursor:pointer;} #bloc_creation a:hover .bt_form_inscription{background:url('images/bt_form_inscription2.png') no-repeat;} #bulle{float:left; width:230px; margin:133px 0 0 0; color:#fff; text-align:center; line-height:15px; background:url('images/bgd_intro_forms2.png') top left no-repeat; width:244px; height:123px; padding: 15px 50px 10px 0px;} .login_bloc{display:block; margin:0 0 5px 38px; font-weight:bold; text-align:left; text-indent:15px; font-size:11px;} .bt_bloc_connexion{width:99px; height:39px; margin:0 0 0 35px; text-align:left; background:url('images/bt_connexion.png') no-repeat; cursor:pointer; border:none; } .bt_bloc_connexion:hover{width:99px; height:39px; background:url('images/bt_connexion2.png') no-repeat; cursor:pointer; border:none; } /*---------------------- Bloc page login.php / Nouvelle mise en page -------------------------------*/ .visuel_login, .visuel_login:hover{border:1px solid gray; margin:20px 0 0 15px} #block_creation{float:left; width:369px; height:322px; color:#fff; display:block; text-align:center; margin:1em 1em 2em 0; background:url(images/bgd_bloc_login_creation_compte.png)} #block_login{float:left; width:369px; height:322px; color:#fff; display:block; text-align:center; margin:1em 1em 2em 0; background:url(images/bgd_bloc_login_acces_membre.png)} #block_creation h3.title, #block_login h3.title{font-size:15px; margin:12px 0 40px; color:#fff} #block_creation p, #block_login p{text-transform:uppercase; line-height:1.2em; font-weight:bold; letter-spacing:0.05em} #block_creation a .bt_form_inscription{width:151px; height:50px; margin:auto; padding:0; background:url('images/bt_form_inscription_new.png') no-repeat; cursor:pointer;} #block_creation a:hover .bt_form_inscription{background:url('images/bt_form_inscription2_new.png') no-repeat;} #block_login label{display:inline-block; width:95px; margin:0 0 5px 0; font-weight:bold; text-align:right; text-transform:uppercase; } #block_login input{display:inline-block; width:195px; margin:0 0 5px 5px;} #content_form #block_login a.mdp_oublie{float:right; margin: 0 35px 0 0; color:#fff; text-transform:none; font-style:italic; font-weight:normal; text-decoration:none} #content_form #block_login a.mdp_oublie:hover{font-weight:bold; text-decoration:underline } #block_login input.bt_block_connexion{width:99px; height:39px; margin:15px 0 0 0; background:url('images/bt_connexion_new.png') no-repeat; cursor:pointer; border:none; text-transform:uppercase; } #block_login input.bt_block_connexion:hover{background:url('images/bt_connexion2_new.png') no-repeat;} /*fin css Nouvelle mise en page / Bloc page login.php -------------------------------*/ #content_long #intro_forms h5{margin:0; padding:0; text-align:left;} #content_long #intro_forms h5 a{font-size:12px; margin:0 0 0 5px; font-weight:normal; color:#fff; text-decoration:none;} #content_long #intro_forms h5 a:hover{ font-weight:bold; text-decoration:none;} #content_long #intro_forms #bloc_creation p, #content_long #intro_forms #bloc_login p{line-height:12px;} /*---------------------- Boutons navigation Formulaires -------------------------------*/ #compte{text-align:center; margin:15px 0 10px 0;} #compte a{text-decoration:none; padding:5px 18px; margin:0 10px; background-color:#F79D13; color:#fff; font-weight:bold; border:1px inset outset;} #compte a:hover{background-color:#F06D22; color:#fff; text-decoration:none; border:1px outset inset;} #separator{padding:0; margin:0;} #inscription{text-align:center; margin:3px 0 20px 5px; padding:0;} #inscription a{text-decoration:none; color:#fff;} #inscription a:hover{background-color:#F16C11;} /*---------------------- Formulaires -------------------------------*/ fieldset{margin:25px 55px 5px 55px; padding:0 0 5px 0; font-size:14px; font-weight:bold; background-color:#fff; border:0.15em solid #000;} * fieldset{margin:25px 55px 5px 55px; padding:5px 0; font-size:14px; font-weight:bold; background-color:#fff; position:relative;} fieldset .details{margin:20px 10px 10px 10px; padding-bottom:10px; font-size:14px; font-weight:bold; color:#333; background-color:#fff; border:0.1em solid #000;} fieldset h3{text-transform:none; color:#333; } fieldset hr{width:98%; height:1px;} legend{margin-left:10px;} * legend{position: absolute; top: -.5em; left: .2em; background-color:#fff;} .identification, .identification_pers{display:block; float:right; text-align:right; width:400px; margin:2px 195px 0 0; font-weight:normal; vertical-align:top; font-size:12px; color:#000;} .identification_pers_fonction{float:right; text-align:right; width:600px; margin:2px 5px 0 0; font-weight:normal; vertical-align:top; font-size:12px; color:#000;} .champ_bouton{display:block; text-align:left; margin:2px 10px 0 155px; font-weight:normal; font-size:12px; vertical-align:top; color:#000; } .profil_societe, .profil_personne, .profil_inscription {font-size: 11px; font-weight: normal;} .profil_societe th, .profil_personne th, .profil_inscription th {text-align: right; padding-left: 40px; padding-right: 10px; font-weight: normal;} .profil_societe input, .profil_societe select {width: 250px;} .profil_personne input[type=text], .profil_personne select {width: 350px;} .profil_personne input[type=radio] {width: 10px; margin-left: 5px; margin-right: 5px;} .profil_inscription input[type=checkbox] {width: 10px; margin-left: 5px; margin-right: 5px;} #liste_evenements fieldset{margin:25px; padding:0 10px 10px 20px; font-size:12px; border:0.15em solid #000;} #liste_evenements h2{padding: 2px 10px; margin: 20px 0 0 0; background-color:#F06D22; color: #fff; font-size: 14px;} .submit_form{height:25px; color:#fff; font-size:14px; font-weight:bold; margin:5px 0 15px 525px; text-align:center; background-color:#F06D22; cursor:pointer;} * .submit_form{height:25px; color:#fff; font-size:14px; font-weight:bold; margin:5px 0 15px 525px; text-align:center; background-color:#F06D22; cursor:pointer;} .submit_form:hover{ background-color:#F79D13;} #liste_personnes table { margin: 10px 0px; } #liste_personnes th { background-color:#F06D22; color: #fff; font-size: 14px; } .liste_badges { margin: 0px 0px 0px 40px; } .liste_badges td { background-color:#eee; } #forms input{width:auto;} .events{ margin:3px; } #forms h3{margin:15px 0 5px 45px; } #forms h1{margin:0 0 0 40px;} #forms h4{margin:10px 0 10px 55px;} .chckbx_event{display:block; text-align:left; margin:2px 46px 0 46px; padding:0 0 2px 0; font-weight:normal; font-size:12px; vertical-align:top; color:#000; background-color:#F16C11; font-weight:bold; color:#FFF; text-indent:5px;} #content_form #forms fieldset table{width:594px; margin:0 46px 15px 46px; padding:10px; border-collapse:collapse; border:0; font-weight:normal; font-size:12px;} #content_form #forms fieldset table th{text-align:left; margin:0 46px; padding:0 0 2px 0; background-color:#F16C11; font-weight:bold; color:#fff; text-indent:6px;} #content_form #forms fieldset table td{ width:174px; padding:1px; /*border:2px solid #fff;*/ background-color:#E5E5E5; border:0; text-align:left; text-indent:5px; } .decocher{ float:right; margin:0 46px 10px 0;} .infos_case{display:block; text-align:left; margin:15px 55px 0 55px; font-weight:normal; font-size:12px; vertical-align:top; color:#000; } .red{color:#FF0000; font-weight:bolder; font-size:14px;} .note{color:#FF0000; font-weight:bold; font-size:12px; margin:5px 55px 5px 55px; display:block;} select{width:165px; } .identification_pers_fonction select{width:235px;} .caract{font-size:9px; font-weight:bolder; font-style:italic;} textarea{float:right; margin-left:20px; } .champ_newsletter{display:block; text-align:left; margin:0 15px 5px 115px ; vertical-align:top; font-size:12px; color:#000; font-weight:normal; } #conditions{margin:0; padding:0;} #scroll{width:650px; height:100px; overflow:auto; border:1px solid #000; margin:5px 55px 5px 55px; padding:5px 5px 10px 10px; background-color:#F5F5F5; color:#333;} .champs_oblig{float:left; margin:0 0 5px 55px; font-weight:bold; display:block; color:#666} .validation{float:right; margin:0 55px 5px 0; font-weight:bold; display:block;} .bt_suite{width:111px; height:30px; margin:5px 0 15px 630px; background:url('images/bt_suite.png'); background-repeat:no-repeat; cursor:pointer; border:none; } #forms .bt_enregistr_ajout{width:234px; height:50px; margin:30px 130px 20px -143px; background:url('images/bt_enregistr_ajout.png'); background-repeat:no-repeat; cursor:pointer; border:none; } #forms .bt_enregistr_recap{width:234px; height:50px; margin:30px 0 20px 95px; background:url('images/bt_enregistr_recap.png'); background-repeat:no-repeat; cursor:pointer; border:none; } #forms table {margin: auto; width:95%; margin-top:5px; border: 4px outset #F16C11; border-collapse: collapse; margin-bottom:10px;} #forms th {background-color:#F16C11; color: white; font-size: 1.1em; padding-bottom:3px; } #forms th a {background-color:#F16C11; color:white; font-size: 11px; text-decoration:underline; } #forms th a:hover {background-color: #F16C11; color: black; font-size:bold; letter-spacing:1px; } #forms td {border: 1px solid black; text-align: center; padding: 3px; } .ajout_modif{display:block; text-align:center; margin:15px 0;} .envoi_badges{text-align:center; margin:15px 0; } /*---------------------- Detail Marque -------------------------------*/ #pop_up{position:absolute; left:50%; top:50%; width:482px; height:398px; margin-left:-241px; margin-top:-199px; background-image:url('images/bgd_pop_up.png');background-position:center; background-repeat:no-repeat;} #pop_up #logo{float:right; margin:56px 50px 0 0; width:165px; height:100px; vertical-align:middle; text-align:center} #pop_up #texte{float:left; margin:120px 0 0 30px; width: 210px;} #pop_up h1{color:#F16C11; font-size:10px; font-weight:bold; margin:0; background: url('images/bullet_orange.png') no-repeat; padding-left: 11px; text-indent:0px; letter-spacing:normal;} #pop_up hr{width:85%; color:#000; margin:5px 0 5px 11px; border:1px dashed #000; } #pop_up h2{color:#000; font-size:12px; margin:0 0 0 11px;} #pop_up h3{color:#000; font-size:10px; font-weight:bold; margin:0 0 0 11px;} #pop_up a{color:#000; text-decoration:underline;} #pop_up a:hover{background:#F16c11; color:#fff; padding:1px 4px; } #fermer {font-size:11px; margin:17px;} #fermer a{ color:#FFF; font-weight:bold; width:90px; background-color: #000; padding: 2px; padding-left:10px; padding-right:10px; border: outset #F79D13 2px; text-decoration:none;} #fermer a:hover{ color:#FFF; font-weight:bold; text-decoration:none; border:inset #F79D13 2px; letter-spacing:0.05em; } /*---------------------- Detail Exposant -------------------------------*/ #container_detail_exposant { position:absolute; left: 50%; top: 50%; width: 480px; height: 390px; margin-left: -240px; margin-top: -195px; background-image: url('images/bgd_pop_up_detail_exposant.png');background-position: center; background-repeat: no-repeat;text-align: center; } #container_detail_exposant h1 { color:#F06D22; font-size:12px; text-transform: none; margin-top:15px; } #marque a { font-weight:bold; font-size:14px; text-transform: uppercase; text-decoration: underline; } #marque a:hover { letter-spacing:0.05em; } #container_detail_exposant h2 { color:#F06D22; font-size:12px; text-transform: none; margin-bottom:5px;} #exposant { color:#000; font-weight:bold; font-size:14px; text-transform: uppercase; margin-bottom:5px; } #container_detail_exposant table { margin: auto; width:58%; border: 1px outset #F06D22; border-collapse: collapse; margin-top:5px;} #container_detail_exposant td { border: 1px solid black; text-align: center; padding: 1px; } #container_detail_exposant td a { text-decoration:underline; } #container_detail_exposant td a:hover { font-size: bold; letter-spacing:1px; } #fermer {font-size:11px; margin:8px;} #fermer a{ color:#FFF; font-weight:bold; width:90px; background-color: #000; padding: 2px; padding-left:10px; padding-right:10px; border: outset #F79D13 2px; text-decoration:none;} #fermer a:hover{ color:#FFF; font-weight:bold; text-decoration:none; border:inset #F79D13 2px; letter-spacing:0.05em; } /*---------------------- AD Banners -------------------------------*/ #ad_banner{text-align:center; margin:auto; padding:0 0 10px; background:url('images/bgd.png') repeat fixed;} /*------------------------------------- Footer ------------------------------------*/ #home #footer{color:#333; margin:4px 0; text-align:center; font-size:.90em; line-height:16px;} #footer a{text-decoration:none; padding:1px 4px; color:#333;} #footer a:hover{background:#333; color:#ddd; font-weight:normal;} #extras_orange #footer, #extras_black #footer{float:right; width:980px; color:#fff; padding:2px 0 0 0; text-align:center; font-size:.90em; line-height:16px; border-top:1px solid white;} #extras_orange #footer a, #extras_black #footer a{text-decoration:none; padding:1px 4px; color:#fff;} #extras_black #footer a:hover{background:#fff; color:#000; font-weight:normal;} #footer_white, #extras_gray #footer{float:left; width:980px; color:#000; padding:2px 0 0 0; margin:0; text-align:center; font-size:0.90em; line-height:16px; border-top:1px solid black;} #footer_white a{text-decoration:none; padding:1px 4px; color:#000;} #footer_white a:hover{background:#000; color:#fff; font-weight:normal;} /*------------------------------------- Communs ------------------------------------*/ p{margin:0 0 2px 0; padding:0; line-height:1.2em;} a{text-decoration:none;} em{color:#F16C11; font-style:normal;} #content_purple em, #content_long_purple em{color:#5E207C; font-style:normal;} img, img a, img a:hover, a img, a:hover img, img:hover {border:0; padding:0; margin:0; background:#fff} /*------------------------------------- Colorbox ------------------------------------*/ /* ColorBox Core Style : The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style : The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure is easier to understand.*/ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(images/colorbox/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(images/colorbox/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(images/colorbox/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(images/colorbox/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(images/colorbox/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(images/colorbox/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(images/colorbox/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(images/colorbox/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{position:absolute; bottom:-29px; background:url(images/colorbox/click_to_close.png) 0px 0px no-repeat; width:170px; height:25px; text-indent:-9999px;} #cboxClose{right:0; background-position:0px -25px;} #cboxClose.hover{background-position:0px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;} /* jQuery Countdown styles 1.5.11. */ .hasCountdown{color:#F16C11} .countdown_rtl{direction: rtl} .countdown_holding span{background-color: #ccc} .countdown_row {clear: both; width: 100%; padding: 0px 2px; text-align: center} .countdown_show1 .countdown_section {width: 98%} .countdown_show2 .countdown_section {width: 48%} .countdown_show3 .countdown_section {width: 32.5%} .countdown_show4 .countdown_section {width: 24.5%} .countdown_show5 .countdown_section {width: 19.5%} .countdown_show6 .countdown_section {width: 16.25%} .countdown_show7 .countdown_section {width: 14%} .countdown_section {display: block; float: left; font-size: 75%; text-align: center} .countdown_amount {font-size: 23px;} .countdown_descr {display: block; width: 100%;font-size: 12px; } #compact_countdown {width: 140px; height: 45px; text-align:center; font-family:Arial, Helvetica, sans-serif}