/*** GENERAL ***/
* {
    margin: 0;
    padding: 0;
}
body {
    color: #444;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-align: center;
}
ul, ol {
    margin-left: 30px;
}
img, a img {
    border: none;
}
a, a:visited {
    outline:none;
    color: #000;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
input, textarea {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
}
.form {
    width: 180px;
}
h1 span {
    display: none;
}

/** SPECIFIC **/

#container {
    width: 990px;
    margin: 10px auto;
    background: url(../graphics/portal/rail.jpg) repeat-y;
    text-align: left;
}
#header {
    background: url(../graphics/portal/header.jpg) no-repeat;
    width: 990px;
    height: 118px;
}
#homeimglink {
    position: absolute;
}
#homeimg {
    width: 250px;
    height: 110px;
}
#createimglink {
    position: relative;
    left: 795px;
    top: 13px;
}
#createimg {
    width: 120px;
    height: 25px;
}
#loginbox {
    height: 70px;
    width: 220px;
    position: relative;
    left: 710px;
    top: 25px;
    line-height: 18px;
}
#loginbox input {
    border: none;
}
#loginbox a {
    color: #fff;
}
#content {
    line-height: 150%;
}
#menutabs {
    background: url(../graphics/portal/tab_bg.jpg) repeat-x;
    width: 990px;
    height: 33px;
    line-height: 0;
}
.menutab {
    float: left;
}
.menutab span {
    display: none;
}
.submenutabs {
    width: 978px;
    height: 25px;
    margin: 15px 1px 10px 1px;
    padding: 0 5px;
    background: url(../graphics/portal/tab_bg2.jpg) repeat-x;
    font-weight: bold;
}

.themesubmenutabs {
    width: 620px;
    height: 25px;
    margin: 15px 1px 0px 1px;
    padding: 0 5px;
    background: url(../graphics/portal/tab_bg2.jpg) repeat-x;
    font-weight: bold;
}

#contentright-theme {
	float: left;
    width: 318px;
    margin: 40px 0PX 0PX 0px;
}

#preview {
	height:250px;
	width:630px;
	background:#AD2000;
	border:1px solid #000;
	float:left;
}

#preview-img {
	height:230px;
	width:230px;
	padding:10px;
	float:left;
}

#themesearch {
	height:80px;
	width:300px;
	margin:10px 0px;
	border:1px solid #000;
	background:#FC3;
}

#t-search {
	margin:8px 0 24px 7px;
}

#recherche {
	float:left;
}
.submenutab {
    float: left;
    background: url(../graphics/portal/tab_rail1.jpg) repeat-x;
    height: 25px;
}
.submenutab  .submenutab-decorator1 {
    background: url(../graphics/portal/tab_left1.jpg) no-repeat top left;
}
.submenutab .submenutab-decorator2 {
    background: url(../graphics/portal/tab_right1.jpg) no-repeat top right;
    padding: 7px 15px 0;
    font-size: 12px;
}
.submenutab .submenutab-decorator2 a {
    color: #a30503;
}
.submenutab1 {
    float: left;
    background: url(../graphics/portal/tab_rail2.jpg) repeat-x;
    height: 25px;
}
.submenutab1 .submenutab-decorator1 {
    background: url(../graphics/portal/tab_left2.jpg) no-repeat top left;
}
.submenutab1 .submenutab-decorator2 {
    background: url(../graphics/portal/tab_right2.jpg) no-repeat top right;
    padding: 7px 15px 0;
    font-size: 12px;
}

.intro {
    padding: 0px 15px;
    font-size: 12px;
    text-align: justify;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x left bottom;
    border: 1px solid #E5E5E5;
    margin-bottom: 5px;
}
.intro h2 {
    color: #ad0403;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 15px 0;
}
.intro p {
    margin-bottom: 10px;
    line-height: 160%;
}

#contentleft,
#contentcenter,
#contentright {
    float: left;
    width: 318px;
    margin: 5px;
}
#vib_box {
    background: url(../graphics/portal/vib_rail.jpg) repeat-y;
}
#vib_box #vib_box-decorator1 {
    background: url(../graphics/portal/vib_bottom.jpg) no-repeat bottom left;
}
#vib_box #vib_box-decorator2 {
    background: url(../graphics/portal/vib_top.jpg) no-repeat top left;
    width: 280px;
    padding: 50px 15px 10px 20px;
}
#vib_box2 {
    background: url(../graphics/portal/vib_rail.jpg) repeat-y;
    float: left;
    line-height: 150%;
    margin-left: 10px;
}
#vib_box2 #vib_box-decorator1 {
    background: url(../graphics/portal/vib_top2.jpg) no-repeat top left;
}
#vib_box2 #vib_box-decorator2 {
    background: url(../graphics/portal/vib_bottom2.jpg) no-repeat bottom left;
    padding: 50px 20px 10px 20px;
    width: 275px;
}
#vib_box2 p {
    color: #fff;
    margin-bottom: 10px;
}
#vib_box h2, #vib_box2 h2 {
    display: none;
}
#vib_box h3 {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
#vib_box h4 {
    color: #fff;
    font-size: 17px;
    margin: 10px 0;
}
#vib_lastpost {
    overflow: hidden;
    background: url(../graphics/portal/vib_lastpost_rail.jpg) repeat-y;
    width: 281px;
}
#vib_lastpost-decorator1 {
    background: url(../graphics/portal/vib_lastpost_bottom.jpg) no-repeat bottom left;
}
#vib_lastpost-decorator2 {
    background: url(../graphics/portal/vib_lastpost_top.jpg) no-repeat top left;
    padding: 12px;
}
#vib_lastpost h5 {
    font-size: 12px;
    font-weight: bold;
}
#vib_lastpost p {
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#vib_club {
    background: url(../graphics/portal/vib_club_rail.jpg) repeat-y;
    width: 281px;
    margin-bottom:15px;
}
#vib_club-decorator1 {
    background: url(../graphics/portal/vib_club_bottom.jpg) no-repeat bottom left;
}
#vib_club-decorator2 {
    background: url(../graphics/portal/vib_club_top.jpg) no-repeat top left;
    padding: 12px;
}
#vib_club h5 {
    color: #ad0403;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}
#explore_box {
    background: url(../graphics/portal/explore_box.jpg) no-repeat top left;
    width: 295px;
    height: 405px;
    padding: 50px 10px 10px 10px;
    text-align: left;
}
#explore_box h2 {
    display: none;
}
#explore_box h3 {
    color: #2f6ba4;
    font-size:14px;
    font-weight: bold;
    margin-bottom: 5px;
}
#explore_map {
    background: url(../graphics/portal/explore_map.jpg) no-repeat;
    width: 264px;
    height: 229px;
    margin: 0px 5px 10px 5px;
    padding: 10px 10px 0 10px;
}
#explore_search {
    background: url(../graphics/portal/explore_search.jpg) no-repeat;
    width: 264px;
    height: 56px;
    margin: 0 5px 10px 5px;
    padding: 10px 10px 0 10px;
}
#explore_search input {
    border: 1px solid #d3d3d3;
    float: left;
    margin-right: 5px;
    height: 21px;
}
#explore_media {
    background: url(../graphics/portal/explore_media.jpg) no-repeat;
    width: 264px;
    height: 56px;
    margin: 0 5px 10px 5px;
    padding: 10px 10px 0 10px;
}
#explore_profil {
    background: url(../graphics/portal/explore_profil.jpg) no-repeat;
    width: 264px;
    height: 86px;
    margin: 0 5px 10px 5px;
    padding: 10px 10px 0 10px;
}
.miniboxvib, .miniboxvib2 {
    width: 315px;
    margin: 10px 0 10px 12px;
    float: left;
}
.miniboxvib2 {
    width: 305px;
}
.miniboxvib h2, .miniboxvib2 h2 {
    color: #ad0403;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0 5px 5px;
}
.miniboxvib_content {
    border: 1px solid #E5E5E5;
    width: 309px;
    margin-left: 2px;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x bottom left;
}
.miniboxvib2 .miniboxvib_content {
    width: 298px;
    margin-left: 3px;
}
.miniboxvib_content ul {
    list-style-type: none;
    color: #ad0403;
    font-size: 12px;
    margin: 5px 0;
}
.miniboxvib_content li {
    padding: 2px 5px;
}
.minibox {
    background: url(../graphics/portal/minibox_bg.jpg) no-repeat;
    width: 290px;
    height: 24px;
    padding: 5px 0 0 25px;
    font-size: 12px;
}
#dayblog {
    border: 1px solid #E5E5E5;
    width: 289px;
    margin-left: 2px;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x bottom left;
    padding: 10px;
}
#dayblog img {
    margin-right: 10px;
    float: left;
}
#dayblog h3 {
    font-size: 14px;
}
.lastpost {
    border: 1px solid #E5E5E5;
    width: 279px;
    margin-left: 2px;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x bottom left;
    padding: 10px 15px 10px 15px;
}
.lastpost h3 {
    font-size: 15px;
}
.lastpost ul {
    list-style-type: none;
    color: #ad0403;
    font-size: 12px;
    margin: 5px 0 0 0;
}
.lastpost li {
    padding: 5px 0;
}
#contentright {
    text-align: left;
}
#contentcenter h2,
#contentright h2 {
    margin: 20px 0 5px;
}
#contentcenter h2,
#contentright h2 {
    color: #ad0403;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}

#contentright h3 {
    margin: 0 5px 5px 5px;
    font-size: 12px;
}
.minibox2 {
    background: url(../graphics/portal/minibox2_bg.jpg) no-repeat;
    width: 280px;
    height: 24px;
    padding: 5px 0 0 25px;
    font-size: 12px;
}
#talk_box {
    background: url(../graphics/portal/talk_bg.jpg) no-repeat;
    width: 295px;
    height: 246px;
    padding: 5px;
}
#tag_box, #advanced_box {
    width: 268px;
    padding: 15px;
    border: 1px solid #E5E5E5;
    margin-left: 3px;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x bottom left;
}
#tag_box p, .nuage, #advanced_box p {
    line-height: 200%;
    text-align: justify;
    overflow: hidden;
    color:#AD0403;
    font-size: 12px;
}
.tag1 {
	color: #999;
	font-size: 12px;
}
.tag2 {
	color: #888;
	font-size: 13px;
}
.tag3 {
	color: #777;
	font-size: 14px;
}
.tag4 {
	color: #666;
	font-size: 15px;
}
.tag5 {
	color: #555;
	font-size: 16px;
}
.tag6 {
	color: #444;
	font-size: 17px;
}
.tag7 {
	color: #333;
	font-size: 18px;
}
.tag8 {
	color: #222;
	font-size: 19px;
}
.tag9 {
	color: #111;
	font-size: 20px;
}
.tag10 {
	color: #ad0403;
	font-size: 21px;
}
.topblog {
    width: 268px;
    padding: 10px 15px;
    border: 1px solid #E5E5E5;
    margin-left: 3px;
    background: url(../graphics/portal/box_bottom.jpg) repeat-x bottom left;
}
.topblog ul {
    list-style-type: none;
    color: #ad0403;
    font-size: 12px;
    margin: 5px 0 0 0;
}
.topblog li {
    padding: 5px 0;
    height: 40px;
}
.topblog li img {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}
.topblog li span {
    font-size: 90%;
}

li{
	color: #444444;
}

#mainleft {
    float: left;
    width: 645px;
    margin-left: 10px;
    font-size: 12px;
}
#mainleft2 {
    float: left;
    width: 970px;
    margin:0 10px;
    font-size: 12px;
}
#mainleft h2, #mainright h2 {
    color: #ad0403;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}
#mainleft2 h2 {
    color: #ad0403;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}
#mainleft h3, #mainright h3 {
    color: #ad0403;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0px;
}
#mainleft2 h3 {
    color: #ad0403;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0px;
}
#mainleft h2 a, #mainright h2 a, #mainleft h3 a, #mainright h3 a {
    color: #ad0403;
}
#mainleft2 h2 a, #mainleft2 h3 a {
    color: #ad0403;
}
#mainleft p {
    margin: 5px 0;
}
#mainleft2 p {
    margin: 5px 0;
}
.full-box {
    padding: 15px;
    border: 1px solid #E5E5E5;
    margin-bottom: 10px;
}
.full-box h4 {
    color: #ad0403;
    font-size: 12px;
    font-weight: bold;
}
.full-box h4 a  {
    color: #ad0403;
}
.full-box .postbottom {
    color: #444444;
    font-size: 11px;
}
.user-blog-box {
    float: left;
    margin-right: 10px;
}

.offrestable, #offer {
    font-size: 12px;
}
.offrestable td {
    border: 1px solid #E5E5E5;
    padding: 2px 5px;
}

#help-content {
    margin-top:10px;
}
#help-content h1 {
    color: #ad0403;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
}
#help-content h2 {
    font-size: 16px;
}
#map td {
    line-height: 120% !important;
}
.search span {
    color: #ad0403;
}

.full-box .post-box .search p {
    padding-left:80px;
}

.pager {
    margin: 5px 0 20px 10px;
    padding: 10px;
}
.pagedcurrentlinks {
    background: #DDDDDD;
    border: 1px solid #E5E5E5;
    color: #000000;
    padding: 2px 6px;
}
.pagedlinks {
    margin: 0;
    padding: 0;
}
.pager a {
    border: 1px solid #E5E5E5;
    color: #5e5e5e;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
}

.portrait {
    float: left;
    margin-left:15px;
    padding:40px 15px 10px 75px;
    width:225px;
    height:205px;
    background: url(../graphics/portal/portrait_bg.jpg) no-repeat;
}
.portrait h2 {
    display: none;
}
.portrait img {
    margin-bottom:8px;
}
.portrait p {
    margin: 1px 0 1px 15px !important;
    font-size: 12px;
}


#mainright {
    width: 305px;
    margin-left: 15px;
    float: left;
}

#footer {
    background: url(../graphics/portal/footer.jpg) no-repeat;
    width: 990px;
    height: 68px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
}
#footer p {
    padding: 20px 50px 0 50px;
}
#footer a {
    color: #fff;
    margin: 0 5px;
}
/*** MIGRATION ***/
.steps {
    margin:20px 0pt;
}
.steps li {
	color:white;
	float:left;
	height:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:2px;
	padding:4px 0pt 0pt;
	text-align:center;
	width:250px;
	font-size:small;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
    display:inline-block;
	padding-left: 5px;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

/*** TD FOR FORMS ***/
td {
    line-height: 200%;
    font-size: 12px;
}
td input {
    font-size: 12px;
}
td.textlabel {
    font-size: 12px;
    width: 30%;
    font-weight: bold;
}
td.error {
    color: #f00;
    font-weight: bold;
    font-size: 12px;
    line-height:100%;
}
/*** SPECIFICATION CUSTOM CREATE ACCOUNT ***/
.borderGrey {
	border:2px solid #B6B6B6;
}
.borderGreyinputPaddingDay {
	border:2px solid #B6B6B6;
	padding:1px 1px 1px 3px;
	width:45px;
	font-size:1em;
}
.borderGreyinputPaddingMonth {
	border:2px solid #B6B6B6;
	padding:1px 1px 1px 3px;
	width:52px;
	font-size:1em;
}
.borderGreyinputPaddingYear {
	border:2px solid #B6B6B6;
	padding:1px 1px 1px 3px;
	width:60px;
	font-size:1em;
}
span.form_null{
	display:none;
}
table tr td.size_cells_type {
	width: 270px;
	font-size:12px;
	font-weight:bold;
}
table tr td.size_cells_type2 {
	width: 270px;
	height:25px;
	font-size:12px;
	font-weight:bold;
}
table tr td.size_cells_form {
	width: 180px;
}
table tr td.size_cells_msg {
	width: 470px;
}
.span_hide{
    display:none;
}
.span_show{
    display:block;
}
/*** VALIDATION ***/
.validation-failure , .validation-success{
    background-color: #ffc4c4;
    border: 2px solid #f00;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
    text-align: center;
}
.validation-success {
    background-color: #d0f9b5;
    border: 2px solid #5dcb34;
}
.LV_valid {
    color:#00CC00;
    background: url(../graphics/portal/form_true.jpg) no-repeat 0px 0px;
	padding:0 0 0 25px;
}
.LV_invalid {
	color:#CC0000;
	background: url(../graphics/portal/form_false.jpg) no-repeat 0px 0px;
	padding:0 0 0 25px;
}
.LV_invalid_begin {
	color:#000000;
}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 10px;
    float:left;
    height:16px;
}
.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 2px solid #00CC00;
}
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
	border: 2px solid #CC0000;
	background:#FEC6C2;
}
/*** SPACER ***/
.spacer {
    clear: both;
}

[data-cookie]{display:none;position:fixed;bottom:0;left:0;width:100%;background:black;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NkYGDYDAAAvQC1UcyxoAAAAABJRU5ErkJggg==);color:white;padding:.5em 0;text-align:center;z-index:9999;}
[data-cookie~="on"]{display:block;}
[data-cookie] p{color:white;font-size:.9090909090909091em;margin:0;padding:0 .5em;line-height:1.3em;text-shadow:1px 0 3px rgba(0,0,0,1);}
[data-cookie] a{color:white;}
[data-cookie] [data-text]{margin:1px auto 0;text-align:left;max-width:900px;}
[data-cookie] [data-close]{float:right;margin:0 .5em;}
[data-cookie] .ui-icon{background-image: url('http://download.jqueryui.com/themeroller/images/ui-icons_ffffff_256x240.png');}