/***
 * Style pour les pages rencontre
***/

*{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a, a:hover {
	color:#286ba1;
	font-weight:bold;
	text-decoration:none;
}



/** Header **/
#header, #logo, #HLeft {
	height:95px;
}
#header {
	background-color:#7bb3e0;
	border-bottom:3px solid #fff;
}

#logoLink {
	display:block;
	width:135px;
	height:65px;
	margin-left:72px;
	margin-top:15px;
}
#Hright {
	float:right;
	width:432px;
}
#Hright h2, #HrightC {
	width:385px;
	margin:auto;
}
#Hright h2 {
	color:#fff;
	font-size:10px;
	margin-top:5px;
	margin-bottom:10px;
}
#Hright img {
	width:55px;
	height:55px;
	background-color:#f5f5f5;
	border:1px solid #fff;
	margin:2px;
}
/** **/
#GCcontainer {
	background: url('../img/interface/fd_ccontainer.gif') repeat-y;
	margin-top:20px;
	margin-bottom:-1px;
	border-bottom:1px solid #fff;
}
.cfooter {
	clear:both;
	height:0;
	font-size:0;
}

/** Left **/
#leftContainer {
	float:left;
	width:226px;
	background: url('../img/interface/menu_topper.gif') top right no-repeat;
}
#leftContainerC {
	padding:5px;
}

/** menu **/
#menuContainer {
	height:429px;
	width:234px;
	float:left;
	margin-right:11px;
	background-color:#FFFFFF;
	position:relative;
}
#menuContainer ul {
list-style-type:none;

}
#menuContainer li {
	margin:0px;
	padding:0px;
}
#menuContainer a{
	color:#286ba1;
	font-style:normal;
	display:block;
	padding:0.5ex 0ex;
	margin:0px;
	font-weight:bold;
	font-size:13px;
	background:none;
	width:93%;
	padding-left:2ex;
}



#menuContainer a:hover {
	background-color:#EEEEEE;
}
#leftContainer hr {
	display:block;
	height: 1px;
	margin:0 30px 0 30px;
	padding: 0;
	color: #ccc;
	background-color: #ccc;
	border: 0;
}
/** Form inscription **/
#register {

	margin:15px auto 10px auto;
	width:31ex;
	position:relative;
	top:0px;
	left:0px;
	width:94%;
}



#register legend {
	font-weight:bold;
}


#register input , #register select {
	color:#000000;
	font-size:12px;
	
}
#register label{
	display:block;
	margin:1ex 0px 0px 0px;;
	padding:0px;
	text-align:right;
	width:13ex;
	font-weight:bold;
	color:#286ba1;
	font-size:12px;
	line-height:3ex;
	float:left;
	margin-right:10px;
}
#register input , #register #regSexe{
	width:94%;
	padding:2px;
	border:1px solid #a5acb2;
}
#register #regSexe, #regSearch{
	width:96.5%;
} 
#register kbd{
	margin:10px;
	clear:left;
	display:block;
	width:100%;
}
#register #inscr_div{
	position:absolute;
	top:115px;
	left:170px;
	width:210px;
}

#register .date select{
	margin:0px 1ex 0px 0px;
	width:30%;
}

/** Right **/
#rightContainer {
	float:right;
	width:668px;
}
#rightContainerC {
	margin:5px 40px 10px 40px;
	margin-left:auto;
	margin-right:auto;
	width:588px;
	position:relative;
}

#register span{
	font-size:12px;
}
/***
 formualire d'inscription rapide
***/

#register legend{
	display:none;
}
#register h2{
	font-weight:bold;
	font-size:13px;
	color:#f062d0;
	border-bottom:1px solid #f062d0;
	width:100%;
}
#register label{
	width:100%;
	text-align:left;
	
}
#register kbd{
	margin:0px;
}
#register select{
	clear:left;
}

#register #inscr_div{
	position:relative;
	top:0px;
	left:0px;
	margin:5px 0px 0px 0px;
	padding:0px;
}

#register #inscr_div a{
	color:#FFFFFF;
	position:relative;
	top:0px;
	padding:0px;
	margin:0px;
	font-style:normal;
	font-size:1.1em;
	font-weight:bold;
}

#register #inscr_div a:hover{
	background:none;
}


/*** bloc des images ***/ 
/*** bloc des images 

**/
#content_img{
	margin-top:10px;
}
div#main #content_img h2 {
	color:#f062d0;
	font-weight:bold;
	font-size:1.3em;
	display:block;
	border-bottom:1px solid #f062d0;
}

.titre_page {
	color:#f062d0;
	font-weight:bold;
	font-size:13px;
	display:block;
	border-bottom:1px solid #f062d0;
}

/*** 
 mise en forme des classes
**/ 
.important{
	color:#286ba1;
	font-style:normal;
	display:block;
	padding:0px;
	margin:0px;
	font-weight:bold;
	font-size:13px;
	background:none;
	width:93%;
}

.italic{
	font-style:italic;
}
.gras{	
	font-weight:bold;
}

.normal{
font-weight:normal;
}

/**  temoignages */ 
#content_tem p{
	font-size:1.1em;
	font-style:italic;
	margin:0px;
	width:95%;
	padding:0px 3px;
	text-align:justify;
	font-weight:normal;
}

#content_tem h3
{
	color:#F062D0;
	font-size:12px;
	font-style:normal;
	margin-bottom:0.2ex;
	text-decoration:underline;
}

