@charset "UTF-8";
/* CSS Document */

/* formulaire par défaut */

form {
margin:10px auto;
width:505px;
padding-top:20px;
*padding-top:16px;
background:url(/images/charte/bgFormTop-505.png) #ecefef top left no-repeat;
}

form fieldset {
background:url(/images/charte/bgFormMid.png) #ecefef top left no-repeat;
margin: 0;
padding:0;
border:none;
}

form fieldset legend {
color:#666;
margin-left:0;
padding:3px 7px;/**/
background-color:#fff;
}

form fieldset legend span 
{
	margin-left:20px;
}

form fieldset label {
display:block;
padding-left:30px;
}

form fieldset label input, form fieldset input {
height:16px;
color:#333;
font-size:12px;
margin-bottom:5px;
margin-left:30px;
border:none 0;
}

form fieldset .validerBox {
display:block;
max-width:96px;
width:96px;
height:21px;
padding:0;
margin-top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

form fieldset .validerBox .validerBoxLeft {
float:left;
display:inline;
background-image:url(/images/charte/bgBtnValiderLeft.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/charte/bgBtnValiderLeft.png');
width:9px;
height:21px;

}

form fieldset .validerBox input {
padding-bottom:10px;
_padding-bottom:7px;
float:left;
color:#fff;
font-size:10px;
letter-spacing:1px;
cursor:pointer;
background:url(/images/charte/bgBtnValider.png) transparent top repeat-x; 
width:auto;
height:21px;
margin:0;
}

/* pour ie : png background et transparent */
.ie6.form fieldset .validerBox input {
float:left;
color:#fff;
font-size:10px;
letter-spacing:1px;
padding:2px 10px;
cursor:pointer;
background-image:url(/images/charte/bgBtnValider.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/charte/bgBtnValider.png');
/*width:auto;*/
height:21px;
}

form fieldset .validerBox .validerBoxRight {
float:left;
width:9px;
height:21px;
display:inline;
background-image:url(/images/charte/bgBtnValiderRight.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/charte/bgBtnValiderRight.png');
}

form fieldset textarea {
margin-left:30px;
border:none 0;
}

form fieldset .formBottom {
height:20px;
background:url(/images/charte/bgFormBottom.png) #ecefef bottom center no-repeat;
}


/* Feuille de style des éléments de formulaires.
 */
form
{
}

form label
{
}

form p
{
	margin:10px;
}

/*
form fieldset dl dd.mLogin 
{
} 

frm dl dt.mOr 
{
}

form dl dt.mEmail 
{
	float:left;
}


form dl dd.mEmail 
{
		float:left;	
}
*/

/* Champ texte simple */
form input.Text,
form input.Password
{
	display: inline;
	padding: auto;
	width: 16em;
	border: none 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #666;
	vertical-align: baseline;
	
	cursor: text;
	
	display:block;
}

form input.Text:hover,
form input.Password:hover
{	
	color: #000;
}

form input.Password
{
}

form input.Radio
{
}

form input.Checkbox
{
}

/* Bouton */
form input.Button,
form button
{
	display: inline;
	text-align: center;
	color: #444;
	vertical-align: baseline;

	background:none;
	border:none;	
	cursor: pointer;
	font-size:10px;
}

form input.Button:hover,
form button:hover
{
	color: #fff;
}


/* Champs de sélection */
form select.Select
{
	display: inline;
	padding: auto;
	width: 16em;

	background-color: #FCFCFC;
	border: solid 1px #9B0909;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #666;
	vertical-align: baseline;
	
	overflow: auto;
}
form select.Select:hover
{
	border: solid 1px #D74545;
	
	color: #000;
}

form textarea
{
}

/* Long champ de texte sur plusieurs lignes */
form textarea.LongText
{
	display: block;
	padding: auto;
	width: 24em;
	height: 10em;

	background-color: #FCFCFC;
	border: solid 1px #9B0909;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #666;
	vertical-align: baseline;
	
	cursor: text;
	overflow: auto;
}
textarea.LongText:hover
{
	border: solid 1px #D74545;
	
	color: #000;
}

form ul.Actions
{
	list-style-type:none;
	
	
	clear:both;
}

/*********** formulaire de login / mot de passe oublié ***********/

form.mSendPassword
{
}

form.mSendPassword fieldset
{
}

form.mSendPassword fieldset legend
{
	padding-top:4px;
	padding-left:0;
	background:none;
}

form.mSendPassword fieldset legend span,
form.SimpleForm fieldset legend span {
color:#E0007A;
}

form.SimpleForm fieldset legend 
{
	background:none;
}

form.mSendPassword fieldset dl 
{
}

form.mSendPassword fieldset dl dt 
{
}

form.mSendPassword fieldset dl dt.mEmail
{
}

/* connexions */


form ul.Actions li.mBack, form ul.Actions li.mForgotPassword  
{
	float:left;
	margin-left:30px;
	margin-top:25px;
	margin-bottom:30px; /* pour ff */
	/* padding-bottom:30px; */
}

form ul.Actions li.mBack a, form ul.Actions li.mForgotPassword a
{
	float:left;
	margin-right:10px;
}

form ul.Actions li.mBack a span 
{
}

form ul.Actions li.mBack .mOr, form ul.Actions li.mForgotPassword .mOr  
{
	float:left;
	display:block;
	margin-right:10px;
}

ul.Actions li.mSend, ul.Actions li.mLogin 
{
	
background:transparent url(/images/charte/btnValider-bigLeft.png) no-repeat scroll 0 0;
cursor:pointer;
float:left;
padding-left:0;
text-decoration:none;	
}

ul.Actions li.mSend 
{
	margin-top:22px;
}

ul.Actions li.mLogin  
{
	margin-top:20px;
	margin-left:40px;
	*margin-top:20px;
	_margin-left:0;
	*margin-left:0;
}



ul.Actions li.mSend input, ul.Actions li.mLogin input
{
	
	display:block !important;
	height:22px;
	margin-left:7px;
	padding-right:5px;
	padding-bottom:5px;
	color:#fff;
	background:url(/images/charte/btnValider-bigRight.png) transparent no-repeat top right;
	overflow:hidden;
	
}




/*********** champ de recherche ***********/

.bgBox .headerBox .searchBox .searchForm {
	float:right;
	position:relative;
	background:none;
	width:200px;
	
	height:15px;
	margin-top:90px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding:0;
}

.bgBox .headerBox .searchBox .searchForm dl.searchField  
{
	width:122px;
	padding:0;
	margin-left:40px;
	margin-top:4px;
}

.bgBox .headerBox .searchBox .searchForm dl.searchField  dt 
{
	
	position:absolute;
	top:84px;
	right:37px;
	width:122px;
	height:15px;
	display:none;
}

.bgBox .headerBox .searchBox .searchForm dl.searchField dt label 
{
	/*display:none;*/
}

.bgBox .headerBox .searchBox .searchForm dl.searchField dt input {
	border:none 0;
	background:none;
	color:#999;
	font-weight:normal;
}

.bgBox .headerBox .searchBox .searchForm dl.searchField dd.searchFieldInput 
{
	
}

.bgBox .headerBox .searchBox .searchForm dl.searchField dd.searchFieldInput input
{
width:120px;
border:none 0;
}

.bgBox .headerBox .searchBox .searchForm dl.formActions 
{
position:absolute;
top:1px;
*top:3px;
right:5px;
_right:7px;
width:25px;
height:15px;
cursor:pointer;
border:none 0;
background:none;
color:#fff;
font-size:10px;
}

.bgBox .headerBox .searchBox .searchForm dl.formActions dt 
{
	width:25px;
	padding:0;
	margin:0 !important;
	_margin:0;
	padding:0 auto 0 20px;
}

.bgBox .headerBox .searchBox .searchForm dl.formActions dt input.Button,
.bgBox .headerBox .searchBox .searchForm dl.formActions dt button
{
color:#fff;
font-size:10px;
width:25px;
height:18px;
}


/*
---------------------------------------ZONE MEMBRE / Authentification
*/

/* formulaire d'authentification */
.bgBox .contentBox .columnLeft .memberBox .loginForm
{
float:left;
width:210px;
height:38px;
margin-top:33px;
position:relative;
background:none;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl
{
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.login
{
position:absolute;
top:0;
left:43px;
width:123px;
height:15px;
background:none;
border:none 0;
color:#999;
font-size:11px;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.login label 
{
color:#999;
font-weight:normal;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.login input 
{
color:#999;
font-weight:normal;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.password
{
position:absolute;
top:24px;
left:43px;
width:123px;
height:15px;
background:none;
border:none 0;
color:#999;
font-weight:normal;
font-size:11px;
margin:0;
padding:0;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.password label 
{
color:#999;
font-weight:normal;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl dt.password input 
{
color:#999;
font-weight:normal;
}

.bgBox .contentBox .columnLeft .memberBox .forgottenPassword a
{
position:absolute;
top:75px;
left:43px;
/*width:auto;*/
height:14px;
font-size:10px;
color:#666;
}

.bgBox .contentBox .columnLeft .memberBox .forgottenPassword
{
*position:absolute;
*top:-15px;
*left:0px;
*width:175px;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl.formActions 
{
position:absolute;
top:10px;
right:11px;
width:20px;
height:16px;
cursor:pointer;
border:none;
background:none;
color:#fff;
font-size:10px;
padding:0;
margin:0;

display:block;
background-color:none;
}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl.formActions dt input
{

}

.bgBox .contentBox .columnLeft .memberBox .loginForm dl.formActions dt input.Button,
.bgBox .contentBox .columnLeft .memberBox .loginForm dl.formActions button  
{
	color:#fff;
		display:block;
	width:20px;
height:16px;
}

.bgBox .contentBox .columnLeft .memberBox .adherer {
position:absolute;
top:95px;
left:122px;
width:84px;
height:20px;
text-align:center;
margin:0;
padding:0;
}

.bgBox .contentBox .columnLeft .memberBox .adherer a {
display:block; 
width:82px;
height:18px;
color:#fff;
font-size:12px;
font-weight:bold;
cursor:pointer;
}

.bgBox .contentBox .columnLeft .memberBox .adherer a:hover {
color:#333;
text-decoration:none;
}

/*** login console admin :  champs de formulaire ***/

form fieldset dl dd.mLogin 
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
} 

frm dl dt.mOr 
{
}

form dl dt.mEmail 
{
	float:left;
}


form dl dd.mEmail 
{
		float:left;	
}

/************* déconnexion membre ******************/
ul.memberLogout 
{
	list-style:none;
	padding-top:45px;
	_padding-top:35px;
	padding-left:11px;
	font-weight:bold;
	/*position:relative;
	
	margin-left:-5px !important;*/
	_margin-left:2px;
}

ul.memberLogout li.memberName
{
	font-size:10px;
	margin-top:0;
	padding-top:0;
	/*width:100%;
	background-color:#bece00;*/
	overflow:hidden;
	line-height:27px !important;
	_height:27px;
}

ul.memberLogout li a 
{
	color:#333;
	font-weight:normal;
	font-size:11px;
}

ul.memberLogout li a:hover 
{
		color:#E1007B;
}

ul.memberLogout li.memberName span
{
	font-size:12px;
	color:#E0007A;
	float:left;
	
}

.mysteryman
{
	margin-left:10px;
	float:left;	
	display:block;
	width:20px;
	height:20px;
	vertical-align:baseline;
}

ul.memberLogout li.monCompteLink 
{
	clear:left;
	height:20px;
	/*background:url(/images/charte/logOutMembreBottom.png) #BECE00 top left no-repeat ;
	margin-top:18px;*/
	margin-left:0;
	padding-left:0;
} 

/*********** formulaire de contact ***********/

.formulaireContact 
{
	width:505px;
	margin:0 auto 0 auto;
	background-color:#ECEFEF;
}

.formulaireContact form.contactForm
{
	padding-top:35px;
	margin:0;
}

.formulaireContact form.contactForm dl 
{
	margin:0 auto;
}

.formulaireContact form.contactForm dl dt, .formulaireContact form.contactForm dl dd  
{
margin-bottom:5px;	
}

.formulaireContact form.contactForm dl dt 
{
	width:115px;
	margin-left:10px;
}

.formulaireContact form.contactForm dd input 
{
	font-size:12px;
	width:250px;
}

.formulaireContact form.contactForm dl dd.contactDetails 
{
margin-bottom:0;	
}

.formulaireContact form.contactForm dd.contactDetails textarea 
{
	font-size:12px;
	width:250px;
	height:90px;
	border:none;
	font-family:Verdana,sans-serif;
	color:#666;
	font-size:12px;
	padding:3px 3px 3px 0;
}


.formulaireContact form.contactForm dl.formActions 
{
	margin:0;
	padding:0;
}

.formulaireContact form.contactForm dl.formActions dt.actionOne 
{
	float:left;
	text-align:center;
	width:505px;
	background-color:#eff1f1;
	margin:0;
	padding:0;
	
}

.formulaireContact form.contactForm Button, .buttonAbstractOne input
{
	color:#fff;
	text-align:center;
	margin-top:10px;
	padding-bottom:5px;
	background-image:url("/images/charte/btnBlackOne.png") !important;
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/charte/btnBlackOne.png');
	width:93px;
	height:21px;
}

.formulaireContact .bottomForm, 
.mSendPassword .bottomForm,
.frmAdhesion .bottomForm
{
	float:left;
	width:505px;
	height:20px;
	margin:0 auto;
	background:url("/images/charte/bgFormBottom.png") #fff top left no-repeat;
}

.mSendPassword dt.mLogin span label,
.mSendPassword dt.mOr span label,
.mSendPassword dt.mEmail span label
{
    width:200px;
}

.mSendPassword dd.mLogin input,
.mSendPassword dd.mOr input,
.mSendPassword dd.mEmail input
{
    display:inline-block;
}

.mMessage 
{
    padding:0px;
    margin:0px;
    width:680px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333; 
	background: url(/images/charte/bgFormTop-680.gif) #fff top left no-repeat;  
}

.mMessage h1 span
{
    background: none; 
    margin-left:10px; 
}

.mMessage p
{
    margin-left:10px; 
}

.mMessage .bottomForm
{
	float:left;
	width:680px;
	height:20px;
	margin:0 auto;
	background:url("/images/charte/bgFormBottom-680.gif") #fff top left no-repeat;
}