/* DEFAULT DEFINITION */
html { font-size:100%; }
/*#region {	visibility: hidden;}*/
body { margin:0; padding:0; font:0.69em Arial, Verdana, Helvetica, sans-serif; color:#000; background-color:transparent; }
img, p, ul, li, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin:0; padding:0; border:0; font-size:1em; }
table { border-collapse:collapse; }
a { outline:0 none; }
.floatLeft { float:left; }
.floatRight { float:right; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.offleft { position:absolute; left:-5000px; width:2000px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}/*ie7*/
.clearfix {display:block;}
* html .clearfix {height:1%;}
object { outline:none; } /* FF3 */

/* FORMS */
input, select, textarea, button { font:1em Arial, Verdana, Helvetica, sans-serif; color:#333; }
.inputText, textarea  { border:1px solid #7f9db9; padding:2px; }
textarea { overflow:auto; }
select { border:1px solid #660066; padding:1px; }


/**************** CONTAINER *****************/
#container {  }
#apDiv2 {
	visibility:hidden;
	position:absolute;
	margin:0 auto;
	width:150px;
	height:150px;
	z-index:-1;
}


/****************** HEADER ******************/
#header { height:129px; width:100%; background:transparent url(../img/bck_header_purple.jpg) left top repeat-x; }
#header #wrapper_header { margin:0 auto; width:959px; }
* html #header #wrapper_header { width:962px; /*border:1px solid red;*/ }
#header #wrapper_header  #wrapper_header_left { float:left; background:transparent url(../img/bck_header_left.jpg) left top no-repeat; width:29px; height:129px; }
#header #wrapper_header  #wrapper_header_right { float:left;  background:transparent url(../img/bck_header_right.jpg) left top no-repeat; width:29px; height:129px; }
* html #header #wrapper_header  #wrapper_header_right { /*border:1px solid pink; width:29px;*/ }
#header #wrapper_header  #wrapper_header_center { float:left;  background:transparent url(../img/bck_header_center.jpg) left top repeat-x; width:901px; height:129px; }
* html #header #wrapper_header  #wrapper_header_center { /*border:1px solid yellow;*/ }

#header #wrapper_header #logo { width:395px; float:left; margin:0 151px 0 20px; }
* html #header #wrapper_header #logo { width:395px; margin:0 131px 0 20px; }
/*
#header #wrapper_header #logo p a { text-indent:-9000px; display:block; background:transparent url(../img/logo_webcamo.jpg) left top no-repeat; width:385px; height:112px; cursor:pointer; }
* html #header #wrapper_header #logo p a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo_webcamo.jpg', sizingMethod='crop'); }
*/
#sidebar-right li { list-style-type:none; }

#header #wrapper_header #wrapper_log_left { float:left; background:transparent url(../img/bck_log_left.jpg) left top no-repeat; width:9px; height:129px; }
#header #wrapper_header #log { display:block; float:right; background:transparent url(../img/bck_log_center.jpg) left top repeat-x; width:326px; height:129px; }
* html #header #wrapper_header #log { /*border:1px solid blue;*/ }

#header #wrapper_header #log legend { float:left; display:block; font-size:14px; color:#333333; font-weight:bold; padding-top:2px;padding-left:5px; }
* html #header #wrapper_header #log legend { padding-top:0px; }
#header #wrapper_header #log .forgotten_pass { display:block; float:right; margin-top:-15px; margin-top/*\**/:3px\9; width:105px; color:#666666; font-size:10px; }
* html #header #wrapper_header #log .forgotten_pass { margin-top:-15px; }
* + html #header #wrapper_header #log .forgotten_pass { margin-top:-15px; }
#header #wrapper_header #log .forgotten_pass a { color:#666666; }
#header #wrapper_header #log form { margin:5px 0 0 0; }
* html #header #wrapper_header #log form { margin-top:2px; }
#header #wrapper_header #log form p { margin-top:5px; display:block; float:left; color:#333333; font-size:12px; font-weight:bold; }
#header #wrapper_header #log form p label { width:135px; display:block; float:left; text-align:right; padding-top:4px; }
#header #wrapper_header #log form p input { width:167px; height:20px; display:block; float:left; }
#header #wrapper_header #log form p.submit input { background:transparent url(../img/btn_entrer_dans_le_chat.jpg) no-repeat scroll left top; border:medium none; cursor:pointer; height:21px; margin-left:90px; padding:0; text-indent:-9999px; width:164px; }
* html #header #wrapper_header #log form p.submit input { margin-left:45px; color:expression(this.value = ''); }
* + html #header #wrapper_header #log form p.submit input { margin-left:90px; color:expression(this.value = ''); }



/**************** CONTENT *******************/
#wrapper { margin:0 auto; width:964px; }
#wrapper_left { float:left; background:transparent url(../img/bck_content_left.jpg) left top repeat-y; }
#wrapper_right { float:left; background:transparent url(../img/bck_content_right.jpg) right top repeat-y; }
#wrapper_center { float:left; background:transparent url(../img/bck_content_center.jpg) left top repeat-x; margin:0 15px; padding:7px 4px 0 4px; width:927px; }
* html #wrapper_center { margin:0 7px; }

#wrapper_center #content { width:562px; float:left; }
#wrapper_center #sidebar-right{ width:355px; float:left; margin:0 0 0 6px; }

#content { float:left; }

#content #bck_new_members_top { background:transparent url(../img/bck_new_members_top.jpg) left top no-repeat; width:562px; height:5px;  }
#content #bck_new_members_bottom { background:transparent url(../img/bck_new_members_bottom.jpg) left top no-repeat; width:562px; height:6px; float:left; /*margin-top:11px;*/ }
#content #new_members { background:#990066; margin-top:6px; padding-bottom:10px; }
#content #new_members h2 { font-size:19px; color:#fff; padding:8px 19px; }
* html #content #new_members h2 { padding:4px 19px; }
#content #new_members .line_purple { background:transparent url(../img/line_purple.jpg) left top no-repeat; height:2px; width:552px; margin-left:5px; }
#content #new_members .member { float:left; margin:14px 0 0 9px; }
* html #content #new_members .member { margin-top:7px; }
#content #new_members .big_marge { margin-left:17px; }
* html #content #new_members .big_marge { margin-left:8px; }
#content #new_members .member p.photo_member { width:117px; height:115px; border:4px solid #ffccff; }
#content #new_members .member p.name_member { color:#fff; font-size:12px; font-weight:bold; text-align:center; margin:5px 0; }
#content #new_members .member p.button_lui_parler { display:block; width:125px; height:47px; }
#content #new_members .member p.button_lui_parler a { display:block; height:37px; width:115px; text-decoration:none; background:transparent url(../img/btn_lui_parler.jpg) left top no-repeat; color:#fff; font-size:19px; padding:10px 0 0 10px; }
#content #new_members .member p.button_lui_parler a:hover { background:transparent url(../img/btn_lui_parler.jpg) left bottom no-repeat; }


/*************** sidebar-left ***************/
#sidebar-right { float:left; }
#sidebar-right #sidebar_top { /*border:1px solid blue;*/ background:transparent url(../img/bck_sidebar_top.jpg) left top no-repeat; height:5px; display:block; }
* html #sidebar-right #sidebar_top { height:5px; width:356px; float:left; margin-bottom:-10px;}
#sidebar-right #sidebar_bottom { background:transparent url(../img/bck_sidebar_bottom.jpg) left top no-repeat; display:block; height:5px;  }
#sidebar-right legend { background:transparent url(../img/bck_inscription_legend.jpg) left top repeat-x; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; color:#FFFFFF; display:block; font-size:23px; font-weight:bold; height:39px; line-height:39px; padding:0 17px; text-align:center; text-transform:uppercase; }
* html #sidebar-right legend { padding:0 0px 0 0px; margin:-15px 0 0 0; width:354px; display:block; float:left; margin-left:-7px; /*border:1px solid blue; overflow:visible;*/ }
* + html #sidebar-right legend { padding:0 0px 0 0px; margin:-15px 0 0 0; width:354px; display:block; float:left; margin-left:-7px; }

#sidebar-right form { display:block; background:#ff66cc url(../img/bck_inscription_form.jpg) left top repeat-x; border-left:1px solid #F4F4F4; border-right:1px solid #F4F4F4; padding:12px 0 0 0; width:354px; } 
#sidebar-right form p { display:block; float:left; margin-bottom:10px; }
#sidebar-right form p label { display:block; width:180px; text-align:right; float:left; font-size:12px; color:#fff; font-weight:bold; padding-top:1px; }
#sidebar-right form p input { display:block; float:left; width:125px; border:1px solid #660066; margin-left:5px; }
#sidebar-right form p select { display:block; float:left; width:127px; border:1px solid #660066; margin-left:5px; }
#sidebar-right form p.conditions { text-align:left; }
#sidebar-right form p.conditions label { width:300px; font-size:10px; }
#sidebar-right form p.conditions input { width:auto; border:none; }
#sidebar-right form p.conditions a { color:#FFFFFF;}
#sidebar-right form p.photo {  }
#sidebar-right form p.photo label { width:115px; }
#sidebar-right form p.photo input { width:auto; }
#sidebar-right form p.submit input { background:transparent url(../img/btn_se_connecter.gif) left top no-repeat; border:medium none; cursor:pointer; height:48px; margin-left:50px; padding:0; text-indent:-9999px; width:246px; }

* html #sidebar-right form p.submit input { margin-left:25px; margin-bottom:15px; color:expression(this.value = ''); }
* + html #sidebar-right form p.submit input { color:expression(this.value = ''); }

#sidebar-right dl { margin:15px; width:325px; }
#sidebar-right dl dt { font-size:12px; font-weight:bold; color:#990066; }
#sidebar-right dl dd { font-size:12px; color:#990066; margin-top:15px; }

#texte2 {clear:both; width:100%; font-size:12px; color:#990066; text-align:center; }

/****************** FOOTER ******************/
#footer { width:100%; margin:5px 0 10px 125px;text-align:center; }
* html #footer { margin:25px 0 12px 0; }
#footer ul { width:750px;color:#990066; display:block; margin:0 auto; text-align:center;  }
#footer ul li { float:left; display:block; list-style:none; }
#footer ul li a { color:#990066; font-size:12px; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#villes { clear:both; width:100%; margin:15px 0 15px 0; font-size:10px; text-align:center; border-top:1px solid grey; padding-top:8px;}
#webcamo { clear:both; width:100%; margin:15px 0 15px 0; font-size:11px; text-align:left; border-top:1px solid grey; padding-top:8px;}
#villes2 { clear:both; width:100%; margin:15px 0 15px 0; font-size:10px; text-align:center; border-top:1px solid grey; padding-top:8px; color:#FFFF99;}
#villes2  a{color:#FFFF99;}
h1{font-size:14px;}
h2{font-size:12px;}
#webcamo h2{font-size:16px;}
/* END */