/* *** Carasexe *** */
/* *** modified by @lex *** */
body {
	background-color: #ffffff;
	font-size: 12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	padding:0px;
	margin-top:15px;
}
a {color: #7bb3e0;}
a:visited {color:#7bb3e0;}
a:hover {color: #F9B4EA;}
a:active { color:#000000;}
h1 {
	font-size: 12px;
	text-transform:uppercase;
	margin:0px 
}
h2 {
	font-size:20px;
	font-weight: normal;
	margin:0px;
}
fieldset {
	border:none;
}
#clear {
	width:600px;
	height:10px;
	background-color:#00CC00;
	clear: both;
}
/** Header **/ 
#headertitle {
	margin:auto;
	text-align:center;
	color:#CFCFCF;
	background-color:#FFFFFF;
	padding:0px;
	margin:0px;
} 

/** Container of the layout **/
#container {
	margin-right: auto;
	margin-left: auto;
	width: 920px;
} 
#containerskin {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
} 

/** Banner **/
#banner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 920px;
	height: 230px;
	text-align: right;
	padding: 0px;
	margin: 0px; 
	background: url('../img/top_easy_rencontre.jpg') no-repeat;
}
#topperlogo {
	display:block;
	float:left;
	width:250px;
	height:120px;
	margin:10px 0 0 10px;
} 
.homeLink {
	display:block;
	float:left;
	width:340px;
	height:120px;
}
#topperconnect {
	width: 310px;
	height: 70px;
	float: left;
	margin-top: 20px;
	margin-left: -220px !important;
	margin-left: -210px ;
	text-align: left;
}
#topperbloc1 {
	width: 155px !important;
	width: 155px;
	display:block;
	float: left;
	margin-top: 19px !important;
	margin-top: 20px;
	margin-left: 260px !important;
	margin-left: 260px ;
	text-align: left;
	font-size: 10px;
}
#topperbloc2 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	width: 200px!important;
	width: 200px;
	height: 140px;
	float: right;
	margin-top: 20px;
	margin-right: 20px !important;
	margin-right: 10px;
	text-align: left;
}
#rapidnav {
	width: 200px;
	height: 40px;
	float: left;
	margin-top: 0px;
	margin-right: 20px !important;
	margin-right: 10px;
	text-align: left;
	font-size: 11px;
	margin-left: 10px;
}

/***
 * middle
***/
#middle {
}
#middle_top {
}
#middle, #middle_C {
	width:920px;
}
#middle, .bloc, .bloc_C, .bloc_R {
	display:table;
}
#middle_C {
	float:left;
}
.bloc {
	float:left;
}
#duo {
	display:table;
	float:left;
	width:675px;
}
.bloc_C {
	margin:0 0px 0 10px;
}
.bloc_C_home {
	margin:0 0px 0 5px;
	float:left;
	width:200px !important;
	width:190px;
}
.bloc_C_home_1 {
	margin:0 0px 0 15px;
	float:left;
	width:190px !important;
	width:100px;
}
.bloc_C_home_2 {
	float:right;
	width:200px;
	margin:0 15px 0 15px !important;
	margin:0 8px 0 15px;
}

.bloc_R {
	float:right;
	vertical-align: top;
}
.separateurss {
	background-image: url('../img/interface/separateur.jpg');
	background-position:center right;
	background-repeat:no-repeat;
	height:200px;
}

.txt_tem {
	float:left;
	width:125px;
	margin-left:10px;
}
#img_tem {
	width:77px;
	float:right;
}

/** **/

/** Blocs **/ 

#en-tete {
	border: 1px solid #cecea5;
	background: #d7dabd;
}
#enveloppe {
	width: 920px;
	display:table;
}
#conteneur {
	background: url('../img/bg.jpg') repeat-y;
	width: 920px;
	float: left;
}
#contenu {
}
#contenuhome {
	width:920px;
}
#principal {
	width:660px;
	float: right;
	margin-right: 30px;
	vertical-align:top;
}
#principalhome {
	padding-top: 20px;
}

#gaucheindex {
	width: 210px;
	margin-left: 20px!important;
	margin-left: 5px;
	margin-right: 5px!important;
	margin-right: 5px;
	float: left;
	text-align:center;
}


#gauche {
	width: 222px;
	margin-left: 20px!important;
	margin-left: 5px;
	margin-right: 5px!important;
	margin-right: 5px;
	float: left;
	text-align:center;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}
#gauche h1 {
	background-color:#7bb3e0;
	color:#fff;
	font-weight:bold;
	text-indent:10px;
	line-height:17px;
}
#gauche ul {
	margin:0;
	padding:0;
	overflow:auto;
}
#gauche li {
	font-weight:bold;
	list-style:none;
	margin-right: 15px;
	margin-left: 15px;
}


#barre-laterale {
	width: 300px;
	float: right;
	margin-top: 7px;
}
#pied-de-page {
	border: 1px solid #cecea5;
	background: #d7dabd;
}

#blocMenu {
	float: left;
	display:table;
	padding-left: 3px;
	width: 280px;
	height: 188px;
	margin-left: 7px;
	margin-top: 8px;
}

.dernier {
	margin-bottom: 0;
}
.deblayage {
	height: 0;
	clear: both;
}

/** Sub Blocs **/ 

/** Sub Blocs Home**/
.bloctophome {
	width: 450px;
	height: 16px;
	margin:0;
	text-align:left;
	background: url('../img/bloctophome.jpg') no-repeat;
}
.blocmiddlehome {
	width: 450px;
	/*height: 100%;*/
	display:table;
	padding-left:10px !important;
	padding-left:3px;
	text-align:left;
	background: url('../img/blocbghome.jpg') repeat-y;
}
.blocbottomhome {
	width: 450px;
	height: 19px;
	margin:0;
	text-align:left;
	background: url('../img/blocbottomhome.jpg') no-repeat;
}
#tabblochome {
	width: 465px;
	margin: 0 -4px 10px 4px !important;
	margin: 0 1px 10px 4px;
	float:right; 
}

/** Sub Blocs Template**/
.bloctop {
	width: 675px;
	height: 23px;
	margin:0;
	text-align:left;
	background: url('../img/interface/bloctop.jpg') no-repeat;
}
.blocmiddle {
	width: 675px;
	/*height: 100%;*/
	margin:0;
	margin: 0;
	text-align:left;
	display:table;
	background: url('../img/interface/blocbg.jpg') repeat-y;
}
.blocbottom {
	width: 675px;
	height: 24px;
	margin:0;
	text-align:left;
	background: url('../img/interface/blocbottom.jpg') no-repeat;
}
#tabbloc {
	display:table;
	margin: 0 0 10px 0px;
}

/** Sub Blocs 2**/
.contenttop {
	width: 911px;
	height: 20px;
	margin:0;
	text-align:left;
	background: url('../img/contenttop.jpg') no-repeat;
}
.contentmiddle {
	display:table;
	width: 911px;
	height: 100%;
	margin:0;
	text-align:left;
	background: url('../img/contentmiddle.jpg');
}
.contentbottom {
	width: 911px;
	height: 20px;
	margin:0;
	text-align:left;
	background: url('../img/contentbottom.jpg') no-repeat;
}
#simpletext {
	/*width:100%;*/
	display:table;
	float:left; 
	background: url('../img/contentbg.jpg') repeat-y;
}

/** Sub Blocs 3**/
#rapidsearch {
	text-align:left;
	width: 210px !important;
	width: 200px;
	height: 100%;
	float: left;
}
#tchatlive {
	text-align:left;
	width: 600px;
	height: 100%;
	float: left;
}
.thumbs_online {
}
.thumbs_online div {
	float:left;
}
.thumbs_online img {
	border: none;
}

/** Autres **/
.scroller {
	height:180px;
	overflow:auto;
	margin:0 25px 0 15px;
}
#textebloc {
	width: 200px;
	display: table;
	text-align: center;
}
.texteblochome {
	margin:0 25px 0 25px;
}

.separateur {
	background-image: url('../img/separateur.jpg');
	background-position: right;
	background-repeat:repeat-y;
	margin-right:5px;
}

p {
	padding: 5px 0px;
	margin:0px;
	padding-right: 15px;
}
pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}

.blue10 {
	font-size: 10px;
	font-weight: bold;
	color: #7bb3e0;
}
.blue12 {
	font-size: 12px;
	font-weight: bold;
	color: #7bb3e0;
}
.blue14 {
	font-size: 14px;
	font-weight: bold;
	color: #7bb3e0;
}

/** Bottom **/ 
#bottom {
	clear: both;
	width: 920px;
	height: 180px;
	display:table;
	padding: 0px;
	margin: 0px;
	background: url('../img/bottom.jpg') no-repeat;
} 
#bottom-in {
	display:table;
	width: 920px;
	height: 30px;
	clear: both;
	padding: 0px;
	margin: 0px;
	background: url('../img/bottom-in.jpg') no-repeat;
} 
#bottomblocL {
	width: 430px;
	height: 70px;
	float: left;
	margin-left: 23px;
}
#bottomblocR {
	width: 430px;
	height: 70px;
	float: left;
	margin-left: 23px;
}

/** Footer **/ 
#footer {
	height: 10px;
	clear:both;
	padding:0px;
	text-align:center;
	color:#000;
} 

/** Form inscription **/
.u_title {
	font-size: 14px;
	color: #7bb3e0;
	font-weight:bold;
	text-align:center;
}
.u_title_home {
	font-size: 14px;
	color: #7bb3e0;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
}
.b_title {
	font-size: 14px;
	color: #7bb3e0;
	font-weight: bold;
}
input, select, textarea
{
	font-size: 10px;
}
#register {
	display:block;
	text-align:center;
}
#register legend {
	margin-top:5px;
	margin-bottom:5px;
}
#register label {
	display:block;
	float:left;
	width:80px !important;
	width:75px;
	margin-right:5px;
	text-align:right;
	line-height:16px;
}
#register kbd {
	display:block;
	clear:both;
	margin:2px !important;
	margin:0;
}
#rapidsearch kbd {
	font-size: 12px;
}

/** Boutons couleur **/
.red_button, .blue_button, .pink_button, .pinky_button, .green_button {
	float:left;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	background-repeat:repeat-x;
	height:21px;
	cursor:pointer;
}
.red_button input, .blue_button input, .pink_button input, .pinky_button input, .green_button input {
	display:block;
	width:100%;
	height:21px;
	background:none;
	border:none;
	margin-left:-5px !important;
	margin:0;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	font-size: 12px;
}
.red_button_left, .blue_button_left, .pink_button_left, .pinky_button_left, .green_button_left,
.red_button_right, .blue_button_right, .pink_button_right, .pinky_button_right, .green_button_right {
	width:5px;
	height:21px;
	background-repeat:no-repeat;
	position:absolute;
}
.red_button_left, .blue_button_left, .pink_button_left, .pinky_button_left, .green_button_left {
	float:left;
	position:absolute;
	height:21px;
}
.red_button_right, .blue_button_right, .pink_button_right, .pinky_button_right, .green_button_right {
	float:right;
	height:21px;
	position:relative;
}
.red_button_middle, .blue_button_middle, .pink_button_middle, .pinky_button_middle, .green_button_middle {
	height:21px;
}

/** Rouge **/
.red_button {
	background-image:url(../img/interface/boutons/bouton_rouge_bg.gif);
}
.red_button_left {
	background-image:url(../img/interface/boutons/bouton_rouge_g.gif);
}
.red_button_right {
	background-image:url(../img/interface/boutons/bouton_rouge_d.gif);
}

/** bleu **/
.blue_button {
	background-image:url(../img/interface/boutons/bouton_bleu_bg.gif);
}
.blue_button_left {
	background-image:url(../img/interface/boutons/bouton_bleu_g.gif);
}
.blue_button_right {
	background-image:url(../img/interface/boutons/bouton_bleu_d.gif);
}

/** Rose **/
.pink_button {
	background-image:url(../img/interface/boutons/bouton_rose_bg.gif);
}
.pink_button_left {
	background-image:url(../img/interface/boutons/bouton_rose_g.gif);
}
.pink_button_right {
	background-image:url(../img/interface/boutons/bouton_rose_d.gif);
}

/** Rose Flash **/
.pinky_button {
	background-image:url(../img/interface/boutons/bouton_roseflash_bg.gif);
}
.pinky_button_left {
	background-image:url(../img/interface/boutons/bouton_roseflash_g.gif);
}
.pinky_button_right {
	background-image:url(../img/interface/boutons/bouton_roseflash_d.gif);
}

/** Vert **/
.green_button {
	background-image:url(../img/interface/boutons/bouton_vert_bg.gif);
}
.green_button_left {
	background-image:url(../img/interface/boutons/bouton_vert_g.gif);
}
.green_button_right {
	background-image:url(../img/interface/boutons/bouton_vert_d.gif);
}

/** Inscriptions **/
#inscris {
	clear:both;
	width:210px;
	margin:0 0 0 -18px !important;
	margin:0 0 0 0px;
}
#inscris dl {
	margin:0 !important;
	margin:-5px;
	margin-top:0;
	padding:0;
}
#inscris dd {
	display:block;
	float:left;
	width:55px;
	height:55px;
	margin:5px;
}
#inscris ddl {
	display:block;
	float:left;
	width:110px;
	height:110px;
	margin:10px;
}
.ddl {
	display:block;
	float:left;
	width:110px;
	height:110px;
	margin:10px;
}

#inscris img {
	border:1px solid #ccc;
}

/** Tmoignages **/
.txt_tem {
	float:left;
	width:200px !important;
	width:170px;
}
#img_tem {
	width:77px;
	float:right;
}
.img {
	float:right;
	margin-left: 20px;
}
/***
 * bottom
***/
#bottom {
}
#bottom h2 {
	text-align:center;
	font-weight:bold;
	font-size:10px;
	margin-top:7px;
}
#bottom h2 a, #bottom h2 a:hover {
	color:#fff;
	font-weight:bold;
	font-size:13px;	
	text-decoration:underline;
	padding-right:60px !important;
	padding-right:50px;
}
#bot_l, #bot_r, #bot_middle {
	float:left;
	height:145px;
	margin-left:40px !important;
	margin-left:25px;
}
#bot_l, #bot_r {
	width:410px;
}
#bot_l {
	padding-left:15px !important;
	padding-left:0;
}
#bot_middle {
	width:22px;
}
#bot_r {
	padding-left:5px !important;
	padding-left:15px;
}
.thumbs_online {
	width:415px;
	margin:auto;
	text-align:center;
}
.thumbs_online div {
	float:left;
	margin:5px;
	margin-bottom:0;
}
.thumbs_online p {
	margin:0;
	padding:0;
}
.thumbs_online img {
	border:3px solid #fff;
}
#log_form {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
}
#global {
	min-height: 100%;
	width: 920px;
	padding: 0 22px;
	margin: 0 auto;
	display:table;
	background: url('../img/bg.jpg') repeat-y;
}
#centercontent  {
	width: 100%;
	overflow: auto;
	display:table;
}
#contentbloc {
	width: 675px;
	float: left;
	display:table;
}
#sidebar {
	float: left;
	width: 220px;
	display:table;
	margin-left:-25px;
}
#blocin {
	margin-right: 20px;
}
#faq {
	width:610px;
	float: right;
	margin-right: 25px;
	vertical-align:top;
	text-align: justify;
}
.linkto {
	color: #CCCCCC;
}
#infos {
	position:relative;
	float:left;
	width:438px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
	left:20px;
	font-size:10px;
	text-align: center;
	right: 20px;
}
.citation {
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #F8B5E9;
	padding-left: 10px;
	margin: 0 30px 5px 30px;
}

