/*------------------------------------------------------------
	Base CSS
--------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	border:0;
}
body {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	background-image:url(../images/fond.gif);
	background-repeat:repeat-x;
	font-size:13px;
	color:#fff;
}
.cleaner {
	clear:both;
}
/*------------------------------------------------------------
	Base liens
--------------------------------------------------------------*/
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#fcd242;
	text-decoration:underline;
}
/*------------------------------------------------------------
	Commun
--------------------------------------------------------------*/
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.justify {
	text-align:justify;
}
.alerte {
	color:#fcd244;
	font-weight:bold;
	padding-bottom:10px;
	text-align:justify;
}
.alerteCenter {
	color:#fcd244;
	font-weight:bold;
	padding-bottom:10px;
	text-align:center;
}
.filariane, .filariane a {
	font-size:11px;
	color:#fbd244;
	margin-left:2px;
	margin-bottom:5px;
}
/*------------------------------------------------------------
	HN
--------------------------------------------------------------*/
#headbanner h1 {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	display:inline;
	font-weight:normal;
	color:#fff;
}
h2 {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0;
	font-weight:normal;
}
h3 {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#fcd144;
}
/*------------------------------------------------------------
	Main Container // Conteneur principal du site (centre)
--------------------------------------------------------------*/
#main_container {
	width:950px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
/*------------------------------------------------------------
	Headbanner // Ligne présente tout en haut du site
--------------------------------------------------------------*/
#headbanner {
	width:100%;
	height:20px;
	background-image:url(../images/headbanner_back.jpg);
	background-repeat:repeat-x;
	line-height:15px;
	text-align:center;
}
#headbanner strong {
	font-weight:normal;
}
/*------------------------------------------------------------
	Banner // Bannie�re du site
--------------------------------------------------------------*/
#banner {
	position:relative;
	width:100%;
	height:141px;
	background-image:url(../images/banner_back.jpg);
	background-repeat:no-repeat;
}
#banner a:hover {
	color:#000;
	text-decoration:underline;
}
#logo {
	position:absolute;
	display:block;
	width:202px;
	height:132px;
	background-image:url(../images/logo_ebonnasses.png);
	background-repeat:no-repeat;
	margin-left:15px;
}
#url_site {
	position:absolute;
	width:auto;
	height:auto;
	font-weight:bold;
	font-style:italic;
	margin-top:120px;
	margin-left:55px;
}
#btn_send_photo {
	position:absolute;
	display:block;
	width:291px;
	height:33px;
	background-image:url(../images/btn_send_photo.png);
	background-repeat:no-repeat;
	line-height:33px;
	text-align:center;
	color:#8f002f;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	margin-left:620px;
	margin-top:10px;
}
/*------------------------------------------------------------
	Menu // Menu du site
--------------------------------------------------------------*/
#menu {
	height:auto;
	float:none;
}
#menu ul li {
	display:block;
	float:left;
	color:#8f002f;
	text-align:center;
}
#menu ul li a {
	color:#8f002f;
	display:block;
}
#menu ul li a:hover {
	color:#000;
	display:block;
}
.btn_menu {
	font-size:14px;
	font-weight:bold;
	line-height:27px;
}
.btn_menu_big {
	font-size:16px;
	font-weight:bold;
	line-height:51px;
}
#btn_menu1 {
	width:77px;
	height:51px;
	background-image:url(../images/btn_menu1.jpg);
	background-repeat:no-repeat;
}
#btn_menu2 {
	width:62px;
	height:51px;
	background-image:url(../images/btn_menu2.jpg);
	background-repeat:no-repeat;
}
#btn_menu3 {
	width:107px;
	height:51px;
	background-image:url(../images/btn_menu3.jpg);
	background-repeat:no-repeat;
}
#btn_menu4 {
	width:135px;
	height:51px;
	background-image:url(../images/btn_menu4.jpg);
	background-repeat:no-repeat;
}
#btn_menu5 {
	width:170px;
	height:51px;
	background-image:url(../images/btn_menu5.jpg);
	background-repeat:no-repeat;
}
#btn_menu6 {
	width:134px;
	height:51px;
	background-image:url(../images/btn_menu6.jpg);
	background-repeat:no-repeat;
}
#btn_menu7 {
	width:133px;
	height:51px;
	background-image:url(../images/btn_menu7.jpg);
	background-repeat:no-repeat;
}
#btn_menu8 {
	width:132px;
	height:51px;
	background-image:url(../images/btn_menu8.jpg);
	background-repeat:no-repeat;
}
/*------------------------------------------------------------
	Main Content // Contenu du site
--------------------------------------------------------------*/
#main_content {
	width:950px;
	height:auto;
	margin-top:0px;
	background-image:url(../images/main_background.jpg);
	background-repeat:repeat-y;
	background-position:right;
	border-left:1px solid #fb005d;
	border-right:1px solid #fb005d;
}
/*------------------------------------------------------------
	titres des modules //
--------------------------------------------------------------*/
#connexion_title, #bonnasses_title, #vid_amateur_title, #statistiques_title, #top10_title, #webmasters_title, #infos_title {
	position:absolute;
}
/*------------------------------------------------------------
	Left Column // Colonne de gauche
--------------------------------------------------------------*/
#left_column {
	width:204px;
	height:auto; /*background-color:#a9003a;*/
	float:left;
	margin-top:-24px;
}
/*-----------------------
	Module Connexion
------------------------*/
#connexion_head {
	width:204px;
	height:108px;
	background-image:url(../images/connexion_back.jpg);
	background-repeat:no-repeat;
}
#connexion_title {
	margin-top:73px;
	margin-left:85px;
}
#btn_sinscrire {
	display:block;
	width:108px;
	height:23px;
	color:#8f002f;
	font-weight:bold;
	margin-left:96px;
	line-height:23px;
	text-align:center;
	background-image:url(../images/btn_sinscrire.png);
	background-repeat:no-repeat;
}
#connexion_content {
	margin-bottom:15px;
	margin-top:15px;
	margin-left:10px;
}
#connexion_content form p {
	margin-top:10px;
}
#connexion_content form p span {
	display:block;
	width:95px;
	float:left;
}
#connexion_content form p #forget_pass {
	display:block;
	width:150px;
	float:left;
}
#connexion_content form #btn_ok {
	background-color:#fcd143;
	color:#8f002f;
	margin-top:0px;
	margin-left:12px;
	cursor:pointer;
}
#connexion_content form a {
	color:#fff;
}
#connexion_content form a:hover {
	text-decoration:underline;
}
.BlocGaucheDeco {
	text-align:right;
	margin-top:10px;
	margin-right:3px;
}
/*-----------------------
	Module Bonnasses
------------------------*/
#bonnasses_head_back {
	width:204px;
	height:81px;
	background-image:url(../images/bonnasses_head_back.jpg);
	background-repeat:no-repeat;
}
#bonnasses_title {
	margin-top:47px;
	margin-left:80px;
}
#btn_all_photos {
	display:block;
	width:148px;
	height:23px;
	color:#8f002f;
	font-weight:bold;
	margin-left:56px;
	line-height:23px;
	text-align:center;
	background-image:url(../images/btn_all_photos.png);
	background-repeat:no-repeat;
}
/*-----------------------
   Module Vidéos
------------------------*/
#vid_amateur_back {
	width:204px;
	height:82px;
	background-image:url(../images/vid_amateurs_back.png);
	background-repeat:no-repeat;
}
#vid_amateur_title {
	width:100px;
	margin-top:47px;
	margin-left:85px;
}
.menuWebcam {
	text-align:center;
	margin-top:5px;
}
/*-----------------------
	Module Statistiques
------------------------*/
#statistiques_back {
	width:214px;
	height:82px;
	background-image:url(../images/webmasters_back.png);
	background-repeat:no-repeat;
}
#statistiques_title {
	margin-top:45px;
	margin-left:95px;
}
/*-----------------------
	Liste de liens
------------------------*/
.link_list {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}
.link_list li {
	list-style-image:url(../images/li_arrow.png);
	list-style-position:inside;
	color:#fff;
}
/*-----------------------
	Liste de vidéos
------------------------*/
.videos_list {
	width:100%;
	margin-bottom:20px;
}
.videos_list li {
	display:block;
	list-style-type:none;
	width:122px;
	height:92px;
	border:1px solid #fb005d;
	margin-left:40px;
	margin-top:10px;
}
/*------------------------------------------------------------
	Middle Column // Colonne du milieu
--------------------------------------------------------------*/
#middle_column {
	width:531px;
	height:auto; /*background-color:#eee;*/
	float:left;
}
/*------------------------------------------------------------
	Right Column // Colonne de droite
--------------------------------------------------------------*/
#right_column {
	width:213px;
	height:auto; /*background-color:red;*/
	float:left;
	margin-top:-24px;
}
/*-----------------------
	Module Top 10
------------------------*/
#top10_back {
	width:214px;
	height:81px;
	background-image:url(../images/infos_back.png);
	background-repeat:no-repeat;
}
#top10_title {
	margin-top:47px;
	margin-left:80px;
}
.top10_list {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.top10_list ul li {
	display:block;
	list-style-type:none;
	width:100px;
	height:100px;
	border:1px solid #fb005d;
	margin-left:3px;
	margin-top:4px;
	float:left;
}
/*-----------------------
	Module Webmasters
------------------------*/
#webmasters_back {
	width:204px;
	height:73px;
	background-image:url(../images/statistiques_back.png);
	background-repeat:no-repeat;
}
#webmasters_title {
	margin-top:37px;
	margin-left:75px;
}
/*-----------------------
	Module les infos
------------------------*/
#infos_back {
	width:214px;
	height:107px;
	background-image:url(../images/top10_back.jpg);
	background-repeat:no-repeat;
}
#infos_title {
	margin-top:72px;
	margin-left:105px;
}
/*------------------------------------------------------------
	Footer // Pied de page
--------------------------------------------------------------*/
#footer {
	width:100%;
	height:114px;
	background-image:url(../images/footer_back.jpg);
	background-repeat:repeat-x;
	border-left:1px solid #fb005d;
	border-right:1px solid #fb005d;
}
#footer_content {
	position:relative;
	line-height:114px;
	text-align:center;
}
#footer_logo {
	width:156px;
	height:99px;
	background-image:url(../images/footer_logo.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:15px;
	margin-left:790px;
}

/*------------------------------------------------------------
	Popup photo
--------------------------------------------------------------*/
.attente_charge {
	position: absolute;
	width: 260px;
	height: 50px;
	top: 0px;
	left: 0;
	padding:4px;
	background-color:#FFFFFF;
	border: 1px #C5066E solid;
	visibility: hidden;
	z-index: 100;
	color: #000000;
}