/*// Page Styles //*/ * {margin: 0; padding: 0;} form {margin: 0; padding: 0;} .titre {font-family: Helvetica; font-size: 12px; font-weight:bold; color: #858383; background:#f8f8f8; width:278px;} h2 {font-size: 16px; line-height: 20px; color: #e33c29;} .h2 {font-family: Helvetica, sans-serif; line-height: 18px; font-size: 12px; color: #312E2E; font-weight: bold;} h3 {font-size: 15px; color: #656565;} html, body {background: #FFF url(../extranet/images/bg_red.png) repeat-x left top; margin: 0px; padding: 0px; text-align: center;} body, tr, td {font-family: Helvetica, Arial, sans-serif; font-size: 11px;} /*// Link Styles //*/ a {color:#666;} a:link,a:visited,a:active {color:#666; text-decoration: none;} a:hover {color:#000000; text-decoration: none;} #topcrumbs a:link, #topcrumbs a:visited, #topcrumbs a:active {font-family: Helvetica, Arial; font-size: 11px; color: #8E8C8C;text-decoration: none;} #topcrumbs a:hover {color: #e33c29;text-decoration: none;} /*// Main Content Structure //*/ #sitewrapper {width: 980px; border-right: 0px solid #CCC; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0px;} #logobin {width: 980px; height: 90px; text-align: right; margin: 0px auto;padding: 0px;} #top-tabs {float: right; width: 350px; height: 29px; margin-top:58px;} #topcrumbs {float: right; width: 210px; height: 15px; margin-top: 70px; font-family: Helvetica, Arial font-size: 10px; color: #B3B2B2;} #logo {float: left; width: 360px; height: 90px; background: url(../extranet/images/logo.jpg) no-repeat; margin-top: -7px;} #searchbar {width: 320px; text-align: right; height: 22px; float: right; margin-top: 10px; font-size: 0px; color: #312e2e;} * html div#searchbar {margin-top: 6px;} /*// Main Navigation Styles //*/ #slidetabsmenu {width: 650px; height: 45px; font-family: Helvetica, Arial; font-size: 10px; line-height: 12px; margin-top: 15px;} * html div#slidetabsmenu {margin-top: 12px; margin-bottom: 0px;} #slidetabsmenu ul {list-style-type: none; margin:0; margin-left: 0; padding:0;} #slidetabsmenu li {display:inline; margin:0; padding:0;} #slidetabsmenu a {float:left; background:url(../extranet/images/menutab_left_info.png) no-repeat left top; margin-right: 2px; padding:0 0 0 9px; text-decoration:none;} #slidetabsmenu a span { float:left; display:block; background:url(../extranet/images/menutab_right_info.png) no-repeat right top; padding:7px 15px 25px 6px; font-weight:bold; color:#004990;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #slidetabsmenu a span {float:none;} /* End IE5-Mac hack */ #slidetabsmenu a:hover span {color: #8eb61f;} #slidetabsmenu #current a {background-position:0 -92px;} #slidetabsmenu #current a span {background-position:100% -92px; color: #e33c29;} #slidetabsmenu a:hover {background-position:0% -46px;} #slidetabsmenu a:hover span {background-position:100% -46px;} /*// Content Structure //*/ #conbin {clear: both; width: 980px; margin-top: 13px;} #conleft {float: left; width: 234px;} #conright {float: right; width: 728px;} #indexconright {float: right; width: 300px;} #indexconleft {float: left; width: 408px;} .indexconright {float: left; width: 300px;} .indexconleft {float: right; width: 408px;} /*// Form styles //*/ .qs-input {border: 1px solid #817F7F; background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; color: #312e2e; margin-bottom: 5px; margin-right: 10px; width: 175px;} .qs-input:focus {background-color: #F8FABA;} .signup-input {border: 1px solid #817F7F; background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; color: #312E2E; width: 300px;} .signup-input:focus {background-color: #F8FABA;} .normal-input {border: 1px solid #817F7F; background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 2px; color: #312E2E;} .signup-dropdown {border: 1px solid #817F7F; background-color: white; font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 1px; color: #312E2E; width: 200px;} .go_button {border: 1px solid #817F7F; background-color: #FCFCFC; font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 2px; color: #312E2E;} /*// Content 300px Right //*/ #adbox {width: 300px; height: 250px; margin-bottom: 5px;} .tadbox {float:left; margin-right: 15px; width: 336px; height: 280px; font-size: 0px;} #indexad {width: 300px; margin-bottom: 5px;} #newsbox {background: #FFF url(../extranet/images/corner_ecape.png) right top no-repeat; width: 308px; border: 1px solid #DADADA; margin-bottom: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 13px; color: #000000;} #newsbox p {padding: 10px 15px 10px 15px;} .newsbox-arrow {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px;color: #1FA5C9;} /*// Content Left 728px//*/ #adbox-slim {clear: both; width: 728px; height: 23px; margin-bottom: 10px; border: 0px dotted #D6D5D5; padding-top: 5px;} #adbox-leaderboard {clear: both; width: 728px; height: 90px; border: 0px dotted #D6D5D5; padding-top: 0px;} .widebin {width: 728px; background-color:#FFF; margin-bottom: 10px;} .widebin li {margin-left: 25px;} .links-widebin {width: 728px; border: 1px solid #DADADA; background: #FFF url(../extranet/images/middlebox_bg.gif) repeat-x left top; margin-bottom: 10px;} .links-widebin p {font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #000000; padding: 10px 15px 10px 15px;} .links-widebin h2 { font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 16px; color: #898585; font-weight: bold; padding: 15px 15px 0 15px;} /*// Left Side 234px //*/ #menutree {background: #FFFFFF url(../extranet/images/corner_pick.gif) right top no-repeat; width: 212px; border: 1px solid #DADADA; margin-bottom: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #000000; padding: 10px;} body #menutree tr td {font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #000000;} * html div#menutree {width: 213px;} #menutree ul { padding: 3px 3px 3px 3px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: black;} #menutree li { list-style: none;} #menutree ul li { line-height: 15px; padding-left: 10px; background: url(../extranet/images/sponsorbullet_white.gif) no-repeat 0 50%;} .indexbanner {width: 234px; margin-bottom: 5px; text-align: center; font-size: 0px;} #sponsorbox {width: 232px; color:#666666; padding:5px; background: #FFF url(../extranet/images/middlebox_bg.gif) repeat-x left top; border: 1px solid #D9D8D8; margin-bottom: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 11px;} #sponsorbox ul {padding: 10px 15px 10px 15px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #e33c29;} #sponsorbox li {list-style: none;} #sponsorbox ul li {line-height: 15px;padding-left: 10px;background: url(../extranet/images/sponsorbullet.gif) no-repeat 0 50%;} * html div#sponsorbox {width: 232px;} #sponsorbox a:link, #sponsorbox a:active, #sponsorbox a:visited {color:#666;} #sponsorbox a:hover {color:#00749E;} #sponsorbox2 {float:left;width: 700px; color:#666666; padding:5px; background: #FFF url(../extranet/images/middlebox_bg.gif) repeat-x left top; border: 1px solid #D9D8D8; margin-top: -1105px; font-family: Helvetica, Arial, sans-serif; font-size: 11px;} #sponsorbox2 ul {padding: 10px 10px 5px 10px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #e33c29;} #sponsorbox2 li {margin-left:15px;list-style-image: url(../extranet/images/extlink.gif);margin-bottom: 4px; text-align: justify;} #sponsorbox2 ul li {line-height: 15px;padding-left: 10px;background: url(../extranet/images/sponsorbullet.gif) no-repeat 0 50%;} * html div#sponsorbox2 {width: 298px;} #sponsorbox2 a:link, #sponsorbox2 a:active, #sponsorbox2 a:visited {color:#666;} #sponsorbox2 a:hover {color:#00749E;} #sponsorbox_nav {width: 230px; float:right;} img.right_nav {border:1px solid #666;} #welcomebox {width: 408px; border: 1px solid #DADADA; background-color: #FCFCFC; margin-bottom: 10px;} #welcomebox h1 {font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 18px; color: #312E2E; font-weight: bold; padding: 10px 15px 0 15px;} #welcomebox p {font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #000000; padding: 10px 15px 10px 15px;} #welcomebox td { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px;} .middlebox { width: 408px; border: 1px solid #DADADA; background: #FFF url(../extranet/images/middlebox_bg.gif) repeat-x left top; margin-bottom: 10px;} .middlebox h1 { font-family: Helvetica, Arial, sans-serif; line-height: 14px; font-size: 18px; color: #312E2E; font-weight: bold; padding: 10px 15px 0 15px;} .middlebox h2 { font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 16px; color: #898585; font-weight: bold; padding: 0px 15px 0 15px;} .middlebox p { font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; color: #312E2E; padding: 10px 15px 10px 15px;} .middlebox ul { font-family: Helvetica, Arial, sans-serif; font-size: 10px; line-height: 16px; color: #312E2E; padding: 0px 15px 10px 25px;} .detailbox { width: 377px; border: 1px solid #DADADA; background: #FFF url(../extranet/images/middlebox_bg.gif) repeat-x left top; margin-bottom: 10px;} .detailbox h1 { font-family: Helvetica, Arial, sans-serif; line-height: 20px; font-size: 18px; color: #312E2E; font-weight: bold; padding: 10px 15px 0 15px;} .detailbox h2 { font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 16px; color: #898585; font-weight: bold; padding: 0px 15px 0 15px;} .detailbox p { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #312E2E; padding: 10px 15px 10px 15px;} .detailbox ul { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #312E2E; padding: 0px 15px 10px 25px;} .middlebox-img { width: 408px; border: 1px solid #D9D8D8; background-color: #FFF; margin-bottom: 10px; font-size: 0px;} .middlebox-clean { width: 410px; border: 1px solid #D9D8D8; background-color: #FFF; margin-bottom: 10px; font-size: 0px;} .middlebox hr { height: 1px; border: 1px solid #ccc;} .highlight { color: #FFF; background-color: #312E2E;} .avatar { border: 1px solid #DADADA; padding: 1px;} /*// Image Gallery //*/ .photos {border: 4px solid #E6E6E6;font-size:0px;} .unactivetxt {color:#B0B0B0;} #imgtrailer tr td { font-family: Helvetica, Arial, sans-serif; font-size: 11px;} .crumb { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #969191;} .sorting {background-color: #F9F9F9; border: 1px solid #eeeeee; margin: 6px 0 6px 0; font-size: 11px; color: #312E2E;} .sorting tr td { font-size: 10px;} .sorting select {font-family: Helvetica, Arial, sans-serif; font-size: 10px;} .sorting input {font-family: Helvetica, Arial, sans-serif; font-size: 10px;} #optionsbox { width: 308px; border: 1px solid #DADADA; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px;} #optionsbox p { padding: 10px 15px 10px 15px;} #optionsbox ul { padding: 10px 15px 10px 15px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: white;} #optionsbox li { list-style: none;} #optionsbox ul li { line-height: 16px; padding-left: 10px; background: url(../extranet/images/sponsorbullet_white.gif) no-repeat 0 50%;} #optionsbox h1 { font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-size: 18px; color: #312E2E; font-weight: bold; padding: 10px 15px 0 15px;} .featuredimg { float: left; border: 1px solid #E6E6E6; padding: 2px; margin: 0 10px 0 5px;} .results { padding: 5px; height: 30px;} /*// Footer //*/ #footer-border { clear:both; background: #FFF url(../extranet/images/footerbg.gif) repeat-x left top; width: 100%; background-color:#e33c29; margin: 0px auto; text-align: center;} #footer { clear:both; width: 980px; padding-top: 40px; margin: 0px auto; text-align: left;} #footerbin1 { width: 125px; float: left; border-right: 1px solid #e33c29;} #footerbin2 { width: 300px; float: left; border-right: 1px solid #e33c29; padding: 0px 20px 0px 20px;} #footerbin3 { width: 300px; float: left; padding: 0px 0px 0px 20px;} #footerbin3a { width: 150px; float: right; padding: 0px 0px 0px 20px;} #footerbin4 { clear:both; width: 980px; padding: 20px 0px 20px 0px;} * html div#footerbin3 { width: 299px;} #footer p { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #f8f8f8;} #footer a:link, #footer a:active, #footer a:visited { color: #C3C2C2; text-decoration: none;} #footer a:hover { color: #00749E; text-decoration: none;} .marque {font : bold 11px Helvetica, Arial, sans-serif; color: #00469c;} .cac40 {margin:0 0 0 15px;border:0px;} /* Forms */ form { background-color: transparent; color: #000000; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; } input, textarea, select { margin: 2px; border: #666 1px solid; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; } input, select { vertical-align: middle; border: #666 1px solid; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; color: #000000; background-color:#ffffff; } input[type=submit], input[type=reset], input[type=button] { font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; background-color: #ffffff; color: #666; border: #666 1px solid; padding:0.1em; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { background-color: #fda478; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; color:#ffffff; border: #666 1px solid; padding:0.1em; } input[type=text], [type=password], input.textwidget, textarea { background: #1c160ab; color: #000000; border: #f1f1f1 1px solid; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; } input[type=text], [type=password], input.textwidget { padding: .25em .5em } input[type=text]:focus,[type=password]:focus, textarea:focus { background:#e5ecf9; border: 1px solid #fb7736; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; color#000000;} option { border-bottom: 1px solid #ffffff; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;} fieldset { border: 1px solid #ffffff; padding: .2em; margin: 0; background: #transparent; font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;} fieldset.iefix { border: none; padding: 0; margin: 0 } * html fieldset.iefix { width: 98% } fieldset.iefix p { margin: 0 } .buttons { margin: .3em .3em .3em 0 } .buttons form, .buttons form div { display: inline;} .buttons input { margin: 1em .3em .1em 0 } option.gris{background-color:gray; color:white;font: normal 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;} td.flag {background:url(images/icon-flag.gif) right center no-repeat;} img.flag {margin-right:8px; float:left;} td.mail {width:230px;text-align:left;} .address { color:#8f959c; font-weight:bold; } .address2 { color:#a6353f; font-weight:bold; } .erreur{color:#c40000;font-weight:bold;} p.mail { background:transparent url(../extranet/images/send-to.png) no-repeat top right; padding-right:30px; } .imglink a, img { border:0px !important; background:none; background-color:transparent; margin: 3px 4px 0px 4px; } a.imglink:hover { border:0px !important; background-color:transparent; } /* CSS Autohentification */ .erreur { font: normal 0.7em "Trebuchet MS", Verdana, Arial, sans-serif; color:#a2355b; font-weight: bold; } .reussite { font: normal 0.7em "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold; color: #669900; text-align:left; } .donnee { font-weight: bold; color: #a2355b; font-size: 12px; } .titre { font-size: 16px; font-weight: bold; color: #a2355b; text-align: center; } .tableaux { font-size: 10px; border: 1px solid #f8f8f8; background-color: #f8f8f8; width:170px; } table.notification { text-align:right; width:148px; padding: 2px; border: 1px solid #f2f2f2; margin:0px 0px0px 5px; } .brown {color:#602138;}