﻿/*
	TOP CLUB WEBSITE - common.css
	Author: NaTL
*/

/*########## COMMON ##########*/
body{background:#2d2f44 url('../IMG/bg_body.jpg') 0px 143px repeat-x; font-family:Verdana; font-size:11px; color:#a1a3a6;}
.btn_entrer{cursor:pointer;border:none;width:106px;height:26px;background:url('../IMG/btn_entrer.png') 0px 0px no-repeat;}
.btn_valider{cursor:pointer;border:none;width:81px;height:23px;background:url('../IMG/btn_valider.png') 0px 0px no-repeat;}
.btn_envoyer{cursor:pointer;border:none;width:81px;height:29px;background:url('../IMG/btn_envoyer.png') 0px 0px no-repeat;}
.btn_confirmer{cursor:pointer;border:none;width:119px;height:36px;background:url('../IMG/btn_confirmer.png') 0px 0px no-repeat;}

.box_title{font-size:18px; font-weight:bold;text-decoration:none;}
a.box_title:hover{font-size:18px; font-weight:bold;text-decoration:none;}
.medium_title{font:13px Arial #fff; font-weight:bold;text-decoration:none;}
a.medium_title:hover{color:#fff;text-decoration:none;}
.other_font{font-family:Times New Roman; font-size:13px; color:#dde0e4;text-decoration:none;}
a.other_font:hover{color:#ffffff;text-decoration:underline;}

.light_body{color:#c5c7cb;text-decoration:none;}
a.light_body:hover{color:#fff;text-decoration:underline;}

.bullet_back{color:#74767c; font-weight:bold; text-decoration:none;}
a.bullet_back:hover{color:#fff; text-decoration:none;}
/*########## E: COMMON ##########*/

/*########## FRAME 1 ##########*/
.frame1{width:821px; margin:0px auto;padding-top:68px;}
.frame1 .wrapper .wrapper_top{background:url('../IMG/bg_top_fr1.png') 0px bottom no-repeat;padding:0px 11px;}
.frame1 .wrapper .wrapper_bottom{
	background:url('../IMG/bg_bottom_fr1.png') 0px top no-repeat;padding:0px 11px;
	text-align:center;
}
.frame1 .wrapper .wrapper_body{background:url('../IMG/bg_body_fr1.png') 0px 0px repeat-y;padding:0px 11px;}
.frame1 .layout_2column{width:799px;}
.frame1 .layout_2column .column_1{height:450px;width:269px; overflow:hidden;border-right:1px solid #555555; text-align:center; vertical-align:middle; background:#1e202e;}
.frame1 .layout_2column .column_2{width:529px; overflow:hidden;border-top:34px solid #3d4060;background:#2d2f44; vertical-align:middle;}
.frame1 .layout_2column .column_2 .bg_bottom{min-height:46px; background:#3d4060;}
.frame1 .top_navi{font-size:10px;text-align:right; padding-bottom:5px;}
.frame1 .top_navi span{padding:0px 3px;}

.frame1 .layout_2column .column_3{vertical-align: middle;width:529px; overflow:hidden;border-top:34px solid #3d4060;background:#2d2f44;}
.frame1 .layout_2column .column_3 .bg_bottom{min-height:46px; background:#3d4060;margin-bottom:0px;
}


/***** footer *****/
.footer{
	text-align:center; color:#929497;
	padding-top:8px;font-size:10px; 
	padding-bottom:20px;
	display:inline-block;
	text-align:center;
}
.footer a{color:#929497;}
.footer a:hover{color:#fff;}
/***** e: footer *****/
/*########## E: FRAME 1 ##########*/

/*########## FRAME 2 ##########*/
.frame2{width:829px; margin:0px auto;padding-top:37px;}
.frame2 .wrapper .wrapper_top{background:url('../IMG/logo_banner.png') 0px bottom no-repeat;padding:0px 19px 0px 11px;height:215px;}
.frame2 .wrapper .wrapper_bottom{
	background:url('../IMG/bg_bottom_fr2.png') 0px top no-repeat;padding:0px 19px 0px 11px;
	text-align:center;
}
.frame2 .wrapper .wrapper_body{background:url('../IMG/bg_body_fr1.png') 0px 0px repeat-y;padding:0px 19px 0px 11px;}

.frame2 .wrapper .wrapper_bottom .sponser{}
.frame2 .wrapper .wrapper_bottom .sponser ul{float:left;padding:9px 19px 9px 19px;}
.frame2 .wrapper .wrapper_bottom .sponser ul li{float:left;margin-right:40px;}
.frame2 .wrapper .wrapper_bottom .sponser ul li a,
.frame2 .wrapper .wrapper_bottom .sponser ul li img{display:block;}
.frame2 .wrapper .wrapper_bottom .sponser ul li.title_sponser{padding-top:8px;}
.frame2 .wrapper .wrapper_bottom .sponser ul li.sponser_1{}

.frame2 .top_navi{font-size:10px;text-align:right; padding-top:32px;}
.frame2 .top_navi span{padding:0px 3px;}

.frame2 .primary_navi{color:#e4e7eb; border-top:1px solid #7c7d82; float:right; padding-top:15px;margin-top:120px; padding-right:18px;}
.frame2 .primary_navi a{color:#e4e7eb; text-decoration:none;}
.frame2 .primary_navi a:hover{color:#fff; text-decoration:underline;}
.frame2 .primary_navi a.active{color:#fff; text-decoration:none;font-weight:bold;}
.frame2 .primary_navi a.active:hover{color:#fff; text-decoration:none;font-weight:bold;}

.frame2 .layout_2column{width:799px;}
.frame2 .layout_2column .column_1{width:569px; overflow:hidden;border-right:1px solid #555555; text-align:center; vertical-align:middle; background:#1e202e;}
.frame2 .layout_2column .column_2{width:229px; overflow:hidden;border-top:34px solid #3d4060;background:#2d2f44; vertical-align:middle;}
.frame2 .layout_2column .column_2 .bg_bottom{min-height:36px; background:#3d4060;}
/*########## E: FRAME 2 ##########*/

/*########## LOGIN PAGE ##########*/
.login_page .logo_login{text-align:center;padding-top:18px;}
.btn_entrer_login{text-align:center; padding-top:14px; padding-bottom:14px;}
.form_input{padding-left:136px;}
.form_input p{float:left;margin-top:18px;}
.form_input p label{float:left; width:100px;color:#ffffff; font-weight:bold;padding-top:5px;}
.form_input p input{float:left; width:146px; height:16px; border:1px solid #b3b4bc;margin-right:10px;}
.form_input p a{float:left; text-decoration:underline;font-size:10px;padding-top:5px;}
.form_input .clrb{padding-top:23px;padding-bottom:20px;}

.forgot_pass{background:#fff;padding:20px;width:280px; position:relative;}
.forgot_pass h1{text-transform:uppercase; color:#1e202e; font-weight:bold;}
.forgot_pass p{margin-top:20px;}
.forgot_pass p label{float:left;width:80px;color:#1e202e; font-weight:bold;padding-top:5px;}
.forgot_pass p input{float:left;width:146px; height:16px; border:1px solid #b3b4bc;margin-right:10px;color:#1e202e;}
.forgot_pass .clrb{padding-left:80px;padding-top:14px;}
.forgot_pass .clrb div{margin-top:7px;}
.forgot_pass .clrb div a{color:#1e202e; text-decoration:underline;}
.forgot_pass .clrb div a:hover{color:#1e202e; text-decoration:underline;}
.forgot_pass .close{display:block; text-transform:uppercase;text-align:center;width:15px; height:15px; position:absolute; top:3px; right:2px; color:#1e202e;font-weight:bold; text-decoration:none;}
.forgot_pass .close:hover{color:#1e202e;font-weight:bold; text-decoration:none;}


.send_message_partner{background:#fff;padding:20px;width:380px; position:relative; height:300px;}
.send_message_partner h1{text-transform:uppercase; color:#1e202e; font-weight:bold;}
.send_message_partner p{margin-top:20px;}
.send_message_partner p label{float:left;width:80px;color:#1e202e; font-weight:bold;padding-top:5px;}
.send_message_partner p input{float:left;width:146px; height:16px; border:1px solid #b3b4bc;margin-right:10px;color:#1e202e;}
.send_message_partner .clrb{padding-left:80px;padding-top:14px;}
.send_message_partner .clrb div{margin-top:7px;}
.send_message_partner .clrb div a{color:#1e202e; text-decoration:underline;}
.send_message_partner .clrb div a:hover{color:#1e202e; text-decoration:underline;}
.send_message_partner .close{display:block; text-transform:uppercase;text-align:center;width:15px; height:15px; position:absolute; top:3px; right:2px; color:#1e202e;font-weight:bold; text-decoration:none;}
.send_message_partner .close:hover{color:#1e202e;font-weight:bold; text-decoration:none;}


/*########## E: LOGIN PAGE ##########*/

/*########## PAGE PUBLIC ##########*/
.page_public{padding:50px 10px 60px 50px;line-height:18px;}
.page_public h2{font-size:18px;margin:0px; padding:0px;}
.page_public p{margin-bottom:15px;}
/*########## E: PAGE PUBLIC ##########*/

/*########## E: HOME PAGE ##########*/
.home_page{overflow:hidden;width:799px; overflow:hidden;}
.home_page .layout_home{width:799px;}
.home_page .layout_home .col1{width:539px;padding:17px 10px 17px 18px;background:#2d2f44;vertical-align:top;}
.home_page .layout_home .col2{width:210px;padding:15px 11px;vertical-align:top;background:#3d4060 url('../IMG/bg_shadow_hor.png') left bottom repeat-x;}
.top_challenge{background:#1e202e; padding:8px 17px;margin-bottom:9px;}
.top_challenge div{margin:5px 0px 5px 0px;}
.top_challenge div a{display:block;}
.top_challenge div a img{display:block; border:1px solid #74767c;}
.top_challenge p{line-height:17px;}
.top_challenge p a.more{font-weight:bold; color:#a1a3a6; text-decoration:none;}
.top_challenge p a.more:hover{font-weight:bold; color:#fff; text-decoration:underline;}

.home_page .short_text{line-height:16px;}
.home_page .short_text .txt_year{font-family:Georgia; font-weight:bold;}
.home_page .short_text p{margin-bottom:15px;}

.home_page .group_pres{padding-top:40px;}
.home_page .group_pres .agendar{float:left; width:240px; overflow:hidden;margin-right:52px;}
.home_page .group_pres .agendar div{padding:8px 0px 6px 0px;}
.home_page .group_pres .agendar div a{display:block;}
.home_page .group_pres .agendar div a img{display:block;border:1px solid #74767c;}

.home_page .group_pres .soire{float:left; width:229px; overflow:hidden;}
.home_page .group_pres .soire div{padding:8px 0px 6px 0px;}
.home_page .group_pres .soire div a{display:block;}
.home_page .group_pres .soire div a img{display:block;border:1px solid #74767c;}
/*########## E: HOME PAGE ##########*/

/*########## LIST MEMBER ##########*/
.list_member_page .member_intro{background:#2d2f44; padding:15px 18px 15px 18px;}
.list_member_page .member_intro p{color:#929497;line-height:17px;}

.list_member_page .around_tbl{background:#3d4060 url('../IMG/bg_shadow_hor.png') left bottom repeat-x; padding:17px 17px 35px 18px;}
.list_member_page .around_tbl table tr.head td{text-align:center; font-weight:bold; background:#2d2f44;}

.list_member_page .around_tbl table td{padding:10px; vertical-align:middle; color:#fff;}
.list_member_page .around_tbl table td.col1{width:191px;border-right:1px solid #606163;}
.list_member_page .around_tbl table td.col2{width:190px;border-right:1px solid #606163;}
.list_member_page .around_tbl table td.col3{width:189px;border-right:1px solid #606163;}
.list_member_page .around_tbl table td.col4{width:191px;}
.list_member_page .around_tbl table tr.odd td{background:#74767c;}
.list_member_page .around_tbl table tr.even td{background:#929497;}
.list_member_page .around_tbl table tr.last td{height:20px;background:#2d2f44; padding:0px 10px;}
/*########## E: LIST MEMBER ##########*/

/*########## MEMBER ##########*/
.back_pre{background:#2d2f44; padding:10px 18px;}
.back_pre .bullet_back{background:url('../IMG/icon.gif') 0px 1px no-repeat; padding-left:15px;}

.member_page{background:#2d2f44 url('../IMG/bg_shadow_hor.png') left bottom repeat-x; padding-bottom:70px;}
.member_page .fill_info{background:#3d4060; padding:18px;}

.member_page .fill_info .member_img{width:119px; border:1px solid #74767c; float:left;margin-right:24px;}
.member_page .fill_info .form_fill{float:left; width:618px; overflow:hidden;}
.member_page .fill_info .form_fill .top_form .left_top_form{float:left; width:400px;}
.member_page .fill_info .form_fill .top_form .left_top_form .member_name{font-weight:bold; color:#929497; font-size:24px;}
.member_page .fill_info .form_fill .top_form .left_top_form .member_job{color:#dde0e4; font-size:12px; font-weight:bold;}
.member_page .fill_info .form_fill .top_form .right_top_form{float:right; width:215px; text-align:right; color:#c5c7cb;}
.member_page .fill_info .form_fill textarea{width:606px; height:60px; border:1px solid #74767c; padding:5px; margin:15px 0px;}
.member_page .fill_info .form_fill .btn_input{}
.member_page .fill_info .form_fill .around_tbl table tr.head td{text-align:center; font-weight:bold; background:#2d2f44;}
.member_page .fill_info .form_fill .around_tbl table td{padding:10px; vertical-align:middle; color:#fff;}
.member_page .fill_info .form_fill .around_tbl table td.col1{width:191px;border-right:1px solid #606163;}
.member_page .fill_info .form_fill .around_tbl table td.col4{width:191px;border-right:1px solid #606163;}
.member_page .fill_info .form_fill .around_tbl table tr.odd td{background:#74767c;}
.member_page .fill_info .form_fill .around_tbl table tr.even td{background:#929497;}
.member_page .fill_info .form_fill .around_tbl table tr.last td{height:20px;background:#2d2f44; padding:0px 10px;}


.member_page .member_info ul{float:left; padding:30px 0px 0px 10px;}
.member_page .member_info ul li{float:left;width:350px;margin-left:10px; color:#dde0e4;margin-bottom:5px;} 
.member_page .member_info ul li .title_col1{display:inline-block; width:100px; font-weight:bold;}
.member_page .member_info ul li .title_col2{display:inline-block; width:140px; font-weight:bold;}

.member_page .member_form ul{float:left; padding:30px 0px 0px 0px;}
.member_page .member_form ul li{float:right;width:600px;margin-left:10px; color:#dde0e4;margin-bottom:12px;} 
.member_page .member_form ul li .title_col1{display:inline-block; width:200px; font-weight:bold;}
.member_page .member_form ul li .title_col2{display:inline-block; width:200px; font-weight:bold;}

/*########## E: MEMBER ##########*/

/*########## EVENEMENT ##########*/
.evenement_page{background:#2d2f44 url('../IMG/bg_shadow_hor.png') left bottom repeat-x; padding-bottom:30px;}
.evenement_page .info_sponsor{
	background:#3d4060; padding:15px 15px 10px 18px;
	color:#dde0e4;
	text-align:justify;
}
.evenement_page .info_sponsor .left_info_sponsor{float:left; width:500px; margin-right:60px;}
.evenement_page .info_sponsor .left_info_sponsor .tee_off{font-style:italic; font-size:14px;}
.evenement_page .info_sponsor .left_info_sponsor .sponsor_name{color:#fff; font-weight:bold; font-size:18px;}
.evenement_page .info_sponsor .left_info_sponsor .pri_info_sponsor{line-height:18px;}
.evenement_page .info_sponsor .left_info_sponsor p{margin-bottom:20px;line-height:16px;}
.evenement_page .info_sponsor .right_info_sponsor{float:left; width:190px; overflow:hidden; text-align:center; margin:6px 2px;}
.evenement_page .info_sponsor .right_info_sponsor p{margin:5px 0px 15px 0px;}
.evenement_page .info_sponsor .right_info_sponsor a{color:#f6f6f6; font-size:10px;text-decoration:underline;}
.evenement_page .info_sponsor .right_info_sponsor a:hover{color:#f6f6f6; font-size:10px;text-decoration:underline;}

.evenement_page .sponsor_txt{ padding:18px 15px 0px 18px;}
.evenement_page .sponsor_txt .inter{font-style:italic; font-size:12px; color:#dde0e4;}
.evenement_page .sponsor_txt p{line-height:16px; margin-top:20px;}
/*########## E: EVENEMENT ##########*/

/*########## EVENEMENT A VENIR ##########*/
.evenement_avenir_page{background:#2d2f44 url('../IMG/bg_shadow_hor.png') left bottom repeat-x; padding-bottom:20px;}
.evenement_avenir_page .list_photo{background:#3d4060; padding:18px;}
.evenement_avenir_page .list_photo .window_list_photo{width:764px; height:108px; overflow:hidden; margin:15px 0px 19px 0px;}
.evenement_avenir_page .list_photo .window_list_photo ul{width:1764px; float:left;}
.evenement_avenir_page .list_photo .window_list_photo ul li{float:left;margin-right:12px;}
.evenement_avenir_page .list_photo .window_list_photo ul li a{display:block;}
.evenement_avenir_page .list_photo .window_list_photo ul li a img{display:block; height:106px; border:1px solid #74767c;}
.evenement_avenir_page .list_photo .diaporama{font-weight:bold; text-align:center;}

.evenement_avenir_page .paragraph{line-height:16px; padding:15px 18px 0px 18px;}
/*########## E: EVENEMENT A VENIR ##########*/

/*########## RUBRIQUE ##########*/
.rubrique_page{background:#3d4060 url('../IMG/bg_shadow_hor.png') left bottom repeat-x; padding-bottom:22px;}
.rubrique_page .prochain{background:#2d2f44; padding:15px 18px 18px 18px;}
.rubrique_page .prochain p{padding-bottom:8px;line-height:20px;}
.rubrique_page .prochain p a{font-weight:bold; font-size:12px; color:#dde0e4; text-decoration:none;}
.rubrique_page .prochain p a:hover{color:#fff; text-decoration:underline;}
.rubrique_page .prochain .img_txt .img_left{float:left; width:240px; margin-right:38px;}
.rubrique_page .prochain .img_txt .img_left a img{border:1px solid #74767c;width:238px;}
.rubrique_page .prochain .img_txt .txt_right{
	float:left; 
	width:700px;
	line-height:16px; 
	color:#c5c7cb;
	text-align:justify;
}

.rubrique_page .rubrique_body{padding:22px 15px 0px 18px;}
.rubrique_page .rubrique_body p.name_group{padding-bottom:9px; padding-top:15px;}
.rubrique_page .rubrique_body .group_img_txt{float:left; width:550px; margin-right:5px;}
.rubrique_page .rubrique_body .group_img_txt .img_txt{}
.rubrique_page .rubrique_body .group_img_txt .img_txt .img_left{float:left; width:210px; margin-right:18px;}
.rubrique_page .rubrique_body .group_img_txt .img_txt .img_left a img{border:1px solid #74767c;width:189px;}
.rubrique_page .rubrique_body .group_img_txt .img_txt .txt_right{float:left; width:320px;line-height:16px; color:#c5c7cb;text-align:justify;}
.rubrique_page .rubrique_body .group_img_txt .img_txt .txt_right p a{font-weight:bold; color:#efc933; text-decoration:none;}
.rubrique_page .rubrique_body .group_img_txt .img_txt .txt_right p a:hover{color:#fff; text-decoration:underline;}

/*##### LIST ADMIN SPONSORS#######*/
.rubrique_page .rubrique_body .group_img_txt .sponsors_list{
	border:#2d2f44 solid 1px;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:10px;
}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .img_left{float:left; width:99px; margin-right:18px;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .img_left a img{border:1px solid #74767c;width:99px;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_right{float:left; width:300px;line-height:16px; color:#c5c7cb;text-align:justify;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_right p a{font-weight:bold; color:#a1a3a6; text-decoration:none;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_right p a:hover{color:#fff; text-decoration:underline;}

.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_left{float:left; width:100px;line-height:16px; color:#c5c7cb;text-align:justify;padding-left:10px;text-align:right;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_left p a{font-weight:bold; color:#a1a3a6; text-decoration:none;}
.rubrique_page .rubrique_body .group_img_txt .sponsors_list .txt_left p a:hover{color:#fff; text-decoration:underline;}

.rubrique_page .rubrique_body .rebrique_right{float:right; width:210px;}
.rubrique_page .rubrique_body .rebrique_right .top_challenge{ padding:8px 17px 0px 17px;margin-bottom:0px;}
.rubrique_page .rubrique_body .rebrique_right .top_challenge p{padding-bottom:12px;}
/*########## E: RUBRIQUE ##########*/
/*AJOUTE PAR THINH*/
.floatleft_membre_societe {
	font-size:16px;
	font-weight:bold;
}
.content_page{
	position:absolute;
	top:150px;
	width:490px;
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}
.table_colonne_gauche {
	background-color:#1e202e;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #555555;
}
.table_colonne_droite {
	height:46px; background:#3d4060;
}
.liens_plus{
	font-style:normal;
	margin-bottom:20px;
	color:#EFC933;
}
.liens_insert_sponsors{
	bottom:20px;
}
.popup_form_insert_sponsor{
	width:570px;
	height:100%;
	padding-left:30px;
}
.popup_form_insert_sponsor a:hover{
	text-decoration:underline;
	color:#1e202e;
}
textarea .tinymce
{
    height: 500px;
    width: 200px;
}
.texte_right {
	margin-bottom:10px;
}
.texte_right a{
	text-align:right;
	margin-right:10px;
}
.content_intro{
	text-align:justify;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
}
#information_contact{
	display:none;
}
#information_description{display:none;}
.bt_etape{
	width:81px;
	height:21px;
	background-color:#1e202e;
	padding: 6px 10px 6px 10px;
	font-size:12px;
	font-weight:bold;
	color:#c5c7cb;
	border:groove #c5c7cb;
}
.information_sponsor_contact{
	text-align:center;
}
.evenement_page .info_sponsor .right_info_sponsor p .sponsor_contact{
	text-align:center;
	margin-top: 0px;
}
.cadre_sponsor_contact{
	border:solid 1px;
	border-color:#c5c7cb;
	margin-top:10px;
	padding:5px 0;
}
.texte_membre{
	/*background:#1e202e;*/
	border:1px solid #2d2f44;
	padding:10px 10px 0 10px;
}
.nom_contact_partenaire{height:20px;}
.sponsor_nom_contact{margin-top:10px;font-weight:bold;font-size:12px;}
.sponsor_title_contact{font-weight:bold;}

