/****************************************************************************************************************
	main rules
****************************************************************************************************************/

input.text, input.smallText, select, textarea{
	border: 1px solid;
	border-color: #6c95cb;
	color: #4a86d8;
	font-size: 0.9em; /* 9px */
	padding: 2px;
}

textarea.text{
	height: 80px;
}

select option{ padding-right: 10px; }

.radioCheckInput{
	float: left;
	margin-right: 5px;
	height: 14px;
	width: 14px;
}

.typeImage{
	vertical-align: baseline
}

fieldset p{
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}

fieldset p label, fieldset p.labelLike span.legend{
	display: block;
	float: left;
	margin-right: 5px;
	padding: 3px 0 0 0;
	text-align: left;
	font-weight: bold;
}

fieldset p label small{
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	color: #7b9fd2;
	padding-top: 5px;
}

fieldset .noLabel span, fieldset .noLabel2 span{
	display: block;
	text-align: left;
	margin-left: 5px;
}

.noLabel2 label{ font-weight: bold; }

.radioCheckInputLabel{
	padding-top: 1px;
	font-weight: normal;
}

fieldset p label input.text{
	float: left;
}

.information1{ 
	color: #f56b81;
	font-size: 0.9em;
}

.borduredFieldset{
	border-top: 1px dashed #a1c4dc;
	margin-top: 20px;
	padding-top: 20px;
}

.error{
	color: #ff0000;
	font-weight: bold;
}

.errorWarning{
	border-color: #ff0000!important;
	color: #ff0000!important;
}

#errorSummary{ display: none; }

/****************************************************************************************************************
	sideBars forms
****************************************************************************************************************/

.sideBar input.text{
	width: 158px;
}

/****************************************************************************************************************
	Popin identification
****************************************************************************************************************/

#popinEmail{ width: 240px; }

#popinContentToLoad fieldset#identificationFieldset{
	width: 515px;
	min-height: 150px;
	margin-bottom: 10px;
	background:url(../ImagesRefonte/common/popin/bg_identification.jpg) no-repeat left bottom;
}

#popinContentToLoad fieldset#identificationFieldset label{ width: 95px; }
#popinContentToLoad fieldset#identificationFieldset .noLabel span{ padding-left: 95px; }
#popinContentToLoad fieldset#identificationFieldset .radioCheckInputLabel{ width: 150px; }

/****************************************************************************************************************
	Popin faites découvrir à vos amis
****************************************************************************************************************/

#popinContentToLoad #vosAmis label{ width: 160px; }
#popinContentToLoad #vosAmis .noLabel span{ padding-left: 160px; }
#popinContentToLoad #vosAmis .text{	width: 300px; }
#popinContentToLoad #vosAmis textarea{ width: 300px; height: 115px; }

/****************************************************************************************************************
	Main forms
****************************************************************************************************************/

.mainFormFieldset{ clear: both; }
.mainFormFieldset label{ width: 185px; }
.mainFormFieldset p.labelLike span.legend{ width: 185px; }
.mainFormFieldset label.radioCheckInputLabel{ width: auto; margin-right: 15px; }
.mainFormFieldset .noLabel span{ padding-left: 185px; }
.mainFormFieldset .noLabel2 span{ padding-left: 35px; }
.mainFormFieldset .text{ width: 245px; }
.mainFormFieldset .smallText{ width: 110px; }
.mainFormFieldset .radioCheckInputLabel{ text-align: left; }
.mainFormFieldset img{ vertical-align: middle;}

/****************************************************************************************************************
	Main forms Fieldsets
****************************************************************************************************************/

.fieldsetTop{
	clear: both;
	width: 745px;
	height: 6px;
	overflow: hidden;
	border-top: 10px solid #fff;
}

/*.fieldset1Mid, .fieldset2Mid{ margin-bottom: 10px; }*/

.fieldsetBtm{
	padding: 5px 15px 15px 15px;
	min-height: 18px;
	overflow: hidden;
	zoom:1;
}

* html body .fieldsetBtm{ height: 18px; overflow: visible; }

.fieldsetBtm h3{
	font-size: 1.2em;
	border-bottom: 1px dashed;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.fieldset1Top{ background: url(../ImagesRefonte/common/forms/bg_fieldset1_top.gif) no-repeat left top; }
.fieldset2Top{ background: url(../ImagesRefonte/common/forms/bg_fieldset2_top.gif) no-repeat left top; }
.fieldset1Mid{ background: url(../ImagesRefonte/common/forms/bg_fieldset1_mid.gif) repeat-y left; }
.fieldset2Mid{ background: url(../ImagesRefonte/common/forms/bg_fieldset2_mid.gif) repeat-y left; }
.fieldset1Btm{ background: url(../ImagesRefonte/common/forms/bg_fieldset1_btm.gif) no-repeat left bottom; }
.fieldset2Btm{ background: url(../ImagesRefonte/common/forms/bg_fieldset2_btm.gif) no-repeat left bottom; }

.fieldset1Btm h3{ color: #fff; border-color: #b4e5f8; }
.fieldset2Btm h3{ color: #56c0e9; border-color: #a1c4dc; }

.fieldset1Btm label{ color: #fff; }

.borderedFieldset, .borderedParagraph{ 
	border-top: 1px dashed #a1c4dc; 
	padding-top: 10px;
	margin-top: 10px;
}

.borderedParagraph2{
	border-bottom: 1px dashed #a1c4dc;
	padding: 10px;
	margin: 0 160px 0 75px;
	overflow: auto;
	zoom: 1;
}

.borderedParagraph2 span{
	display: block;
	float: left;
	text-align: right;
	width: 341px;
	margin-right: 10px;
}

.borderedParagraph2 a{
	display: block;
	float: left;
	padding-top: 5px;
}

.firstBorderedParagraph2{
	border-top: 1px dashed #a1c4dc;
	margin-top: 10px;
}

.footFieldset{
	float: right;
	width: 400px;
}

#wideCore a.collapseLink{
	display: block;
	margin-bottom: 10px;
	text-decoration: none;
}
#wideCore a.collapseLink:hover span{ text-decoration: underline; } 
#wideCore a.collapseLink span{ padding-left: 10px; }
#wideCore a.collapseLink span.closed{ background: url(../ImagesRefonte/common/bg_arrow2.gif) no-repeat 0 0; }
#wideCore a.collapseLink span.opened{ background: url(../ImagesRefonte/common/bg_arrow2.gif) no-repeat 0 -12px; text-decoration: none!important; }

span.precision{
	display: block;
	float: left;
	width: 290px;
	line-height: 16px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	color: #7ba7e2;
	background: url(../ImagesRefonte/common/forms/bg_arrow.gif) no-repeat 0 5px;
}

.legalNotice{
	width: 280px;
	float: left;
	font-size: 0.9em;
	color: #9abbe6;
}

.legalNotice2{
	margin: 20px 0;
	font-size: 0.9em;
	color: #9abbe6;
}

.legalNotice a, .legalNotice2 a{ color: #9abbe6!important; }

.captchaStuff img{ vertical-align: middle; }
.captchaStuff input{ float: none!important; width: 85px; }

#wideCore .hr{
	border-top: 1px dashed #a1c4dc;
	height: 1px;
	overflow: hidden;
	margin: 6px 0 6px 190px;
	clear: both;
}

.standAloneButton{ margin-left: 315px; }

#chooseAvatar{
	float: left;
	width: 500px;
}

#photoAvatar{
	float: right;
	width: 131px;
	height: 166px;
	background:url(../ImagesRefonte/common/bg_photo.gif) no-repeat left top;
	margin-right: 70px;
	display: inline;
}

#photoAvatar img{ margin: 35px 0 0 30px; }

.jcarousel-container ul a img{ border: 1px solid #fff; }
.jcarousel-container ul a, .jcarousel-container ul a img{ display: block; }

.jcarousel-container ul a.selected img, .jcarousel-container ul a:hover img{
	border: 1px solid #00609f;
}

.myCarouselContainerLegend{
	float: left;
	width: 400px;
}

.myCarouselContainerLegend .noLabel2{ margin-top: 50px; }

.myCarouselContainer{
	float: right; 
	width: 215px;
	padding-bottom: 10px;
}

.myCarouselMessage
{
    float: right; 
	width: 300px;
	margin-left : 400px; 
    padding-bottom : 10px;
    text-align : right;

}


.buttonContainer{ width: 100%; overflow: hidden; } 

.topButton{
	display: block;
	float: left;
	border: none;
	cursor: pointer;
	width: 218px;
	height: 42px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.topButton:hover, .topButton.on{ background-position: 0 -42px; }

#infosPersonnelles{ background-image: url(../ImagesRefonte/content/bt_infos-personnelles.gif); }
#profilCommunautaire{ background-image: url(../ImagesRefonte/content/bt_profil-communautaire.gif); }

/****************************************************************************************************************
	Recevoir Fieldset
****************************************************************************************************************/

#recevoir p{
	margin-bottom: 20px;
	width: 300px;
	float: left;
}

#recevoir label{
	text-align: left;
	width: 265px;
}

#recevoir label a{ font-weight: normal; }

#recevoir .precisionsFieldset{
	float: right;
	width: 380px;
}

#recevoir .precisionsFieldset label{
	width: 115px;
	text-align:right;
}

#recevoir .precisionsFieldset label#dateAccouchement{ 
	width: 375px;
	text-align: left;
	margin-bottom: 5px;
}

#recevoir .precisionsFieldset .text{ width: 200px; }

#recevoir .precisionsFieldset p{ 
	width: 375px;
	margin-bottom: 5px;
}

#recevoir .precisionsFieldset .hr{ margin-left: 120px;}

.clearBotte{ width: 100%; clear: both;}

#sinscrire{ padding-left: 250px; width: 100px; }