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

body.principal{
	background-image:url('../img/Portail/fd.jpg');
	background-repeat:repeat-x;
	margin:0;
	background-color:#72c1de ;
	font-family:Arial, Helvetica, sans-serif;
}
body.popuppagefront_body{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#971052;
	line-height:20px;
}
#conteneur{
	
	width:100%;
	
}

#motdepasseoublie{
display:none;
position:absolute;
z-index:100;
height:200px;
left:50%;
margin-left:-300px;
margin-top:-100px;
position:absolute;
top:50%;
width:600px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
}

#contenu{
	margin-left:auto;
	margin-right:auto;
	margin-top:24px;
	width:853px;
	
	
	background-color:#FFFFFF;
	vertical-align:top;

	
}
#colonne_gauche{
	width:239px;
		
/*	text-align:right;
padding-left:10px;
*/
	float:left;
}
#colonne_gauche_div{
	width:239px;

	
}
/* LOGO */
#colonne_gauche_haut{
	width:217px;
	height:62px;
}

/* IDENTIFICATION */
#colonne_gauche_bas{
	/*background-image:url('http://ultravantages.com/img/ultravantages/Portail/fond_colonne_gauche_bas.jpg');*/
	background-repeat:no-repeat;
	width:239px;
	/*height:536px;*/
	margin:0;
	padding-top:17px;
	text-align:center;
}
#box_identification{
	width:239px;
	height:146px;
	background-image:url('../img/Portail/connecter.jpg');
	
	padding-top:14px;
}
#box_identification form{
	width:193px;
	margin:auto;
	text-align:left;
}
.titre_box_identification{
color:#5aaa0d;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
width:145px;
height:29px;
/*background-image:url('../i-d/ultravantages/eurabis/img/Portail/connecter.jpg');*/
}
.titre_identification{
color:#09697e;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
padding-top:6px;

padding-bottom:3px;

}
.champ_identification {
	width:193px;
	height:25px;
	background-image:url('../img/Portail/n_adherent.jpg');
	background-repeat:no-repeat;
}
.champ_identification input{
	float:left;	
	border:none;
	margin-left:10px;
	margin-top:5px;
	width:170px;
}
.champ_identification_mdp {
	width:193px;
	height:25px;
	background-image:url('../img/Portail/mdp.jpg');
	background-repeat:no-repeat;
	float:left;
}
.champ_identification_mdp input{
	float:left;	
	border:none;
	margin-left:10px;
	margin-top:5px;
	width:130px;
}
.btn_valider{
text-align:right;
margin-left:15px;
width:36px;
float:left;
}
.btn_valider a{
text-decoration:none;
}
.btn_valider a img{
border:none;
cursor:pointer;
padding-right:2px;
}
.texte_passeoublie{
margin:0px;
padding:0px;


}
.texte_passeoublie a{
text-decoration:underline;
text-indent:10px;

}
.texte_passeoublie a{
color:#045d81;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:left;
cursor:pointer;
}
#box_flash{
	width:214px;
	height:390px;
	margin:25px 0px 0px 0px;
	text-align:left;
	
	
}

/* contenu droite */
#colonne_droite{
	
	width:612px;
/*	margin-left:237px;
	position:absolute;
*/
	float:left;
	

}
#bandeau{
	width:552px;
	height:135px;
	background-image:url('../i-d/ultravantages/eurabis/img/Portail/bandeau.jpg');
	
}
#contenu_droite{
width:552px;
	margin-left:10px;
	
}
#menu{
	width:552px;
	padding-top:40px;
	margin:auto;
	height:28px;
}

#menu div a img{
border:none;
}
#menu ul{
width:552px;
height:28px;
margin:0px;
padding:0px;
list-style:none;
display:inline;
list-style-type:none;
}
#menu li{
	margin:0px;
padding:0px;
list-style:none;
display:inline;
list-style-type:none;
float:left;
}
#menu li a{
list-style:none;
display:block;
margin-right:2px;

}

#accueil a{
	width:70px;
	height:28px;
	background:url('../img/Portail/bt_accueil.jpg') 0 0 no-repeat;
	}
#club a{
	width:150px;
	height:28px;
	background:url('../img/Portail/bt_club.jpg') 0 0 no-repeat;
	}
#avantage a{
	width:85px;
	height:28px;

	background:url('../img/Portail/bt_avantage.jpg') 0 0 no-repeat;
	}
#qui a{
	width:123px;
	height:28px;

	background:url('../img/Portail/bt_qui.jpg') 0 0 no-repeat;
	}
#contact a{
	width:105px;
	height:28px;

	background:url('../img/Portail/bt_conatct.jpg') 0 0 no-repeat;
	}
#flash{
padding-top:11px;
width:552px;
height:210px;
}
#texte{
text-align:right;
padding-top:15px;

}
#texte div{
color:#3a3a3a;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
width:552px;
float:left;

}
.texte_rose{
color:#93b140;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
}
#texte ul{

	
	
}
#texte li{
	margin:2px 0px;
	padding-top:0px;
}


/* PAGE PRESENTATION */
#contenu_presentation{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:24px;
	width:852px;
	height:794px;
	border:solid 1px #93b140;
	background-color:#FFFFFF;
	vertical-align:top;
}

#colonne_gauche_bas_presentation{
	background-image:url('http://ultravantages.com/img/ultravantages/Portail/fond_colonne_gauche_bas.jpg');
	background-repeat:no-repeat;
	width:215px;
	height:710px;
	margin:0;
	border-left:solid 1px #bec3c4;
	border-right:solid 1px #bec3c4;
	padding-top:17px;
	text-align:center;
}
#titre_presentation{
text-align:left;
}
#titre_presentation div{
width:131px;
height:15px;
background-color:#93b140;
margin-top:20px;
padding-left:5px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
}
/* PAGE RESPONSABLES CE */
#titre_responsablesce{
text-align:left;
}
#titre_responsablesce div{
width:131px;
height:15px;
background-color:#accd4e;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
padding-left:5px;
}
/*PAGE SALARIES */

#contenu_salaries{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:24px;
	width:852px;
	height:820px;
	border:solid 1px #688711;
	background-color:#FFFFFF;
	vertical-align:top;
}
#colonne_gauche_bas_salaries{
	background-image:url('http://ultravantages.com/img/ultravantages/Portail/fond_colonne_gauche_bas.jpg');
	background-repeat:no-repeat;
	width:215px;
	height:919px;
	margin:0;
	border-left:solid 1px #bec3c4;
	border-right:solid 1px #bec3c4;
	padding-top:17px;
	text-align:center;
}
#titre_salaries{
text-align:left;
}
#titre_salaries div{
width:131px;
height:15px;
background-color:#288177;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
padding-left:5px;
font-weight:bold;
margin-left:0;
text-align:left;
}

/* ADHERER */
#titre_adherer{
text-align:left;
}
#titre_adherer div{
width:131px;
height:15px;
background-color:#045b7d;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
padding-left:5px;
}
#titre_partenaire{
text-align:left
}
#titre_partenaire div{
width:131px;
height:15px;
background-color:#045b7d;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
padding-left:5px;
}
#titre_valider{
text-align:left
}
#titre_valider div{
width:131px;
height:15px;
background-color:#7b7cfa;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
padding-left:5px;
}
#titre_contact{
text-align:left;

}
#titre_contact div{
width:131px;
height:15px;
background-color:#2591c1;
margin-top:20px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin-left:0;
text-align:left;
padding-left:5px;
}
#contenu_adherer{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:24px;
	width:852px;
	height:1090px;
	border:solid 1px #688711;
	background-color:#FFFFFF;
	vertical-align:top;
}

label.f_radio{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #FFFFFF;clear:both;cursor:pointer}
label.f_radio2{display:inline-table;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;border:1px solid #FFFFFF;clear:both;cursor:pointer}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}
.selected{
	background-color:#56D1FF;
	background-image:url(http://ultravantages.com/Img/ultravantages/Portail/rdo_on.png);
}
.unselected{
	background-color:#FFFFFF;
	background-image:url(http://ultravantages.com/Img/ultravantages/Portail/rdo_off.png);
}
h1{
	color:#333333;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
h2{
	color:#333333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
input.inputtext{
	border:1px solid #56D1FF;
	display:inline-block;
	margin:3px;
}
textarea.message{
	border:1px solid #56D1FF;
	display:inline-block;
	width:408px;
	height:125px;
	margin-left:3px;
	overflow:hidden;
}

#contact{
	padding:5px;
	margin:0px;
}
p.adherer{
	color:#3a3a3a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
}
table{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.lien_portail{
color:#045D81;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-top:14px;
text-align:left;
text-decoration:underline;
}

/** PAGE FORMULAIRE SIMULATION **/

#simu {
	width:600px;
	height:497px;
	background:url('../img/Portail/fond_formulaire.gif') no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin:-248px 0 0 -300px;
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#div_simu {
	padding:146px 0 0 247px;
}

#messageok {
	padding:146px 0 0 247px;
}

.ligne_form {
	float:left;
	width:311px;
	line-height:24px;
	padding:3px 0;
}

.texte_form {
	float:left;
}
.texte_form2 {
	float:left;
	width:76px;
}
.texte_form3 {
	float:left;
	width:58px;
}

.champ_form {
	float:right;
}
.champ_form2 {
	float:left;
}

.champ1 {
	width:250px;
	border:1px solid #56D1FF;
	padding:2px;
}

.champ2 {
	width:168px;
	border:1px solid #56D1FF;
	padding:2px;
}

.hidden {
	display:none;
}

#bt_submit {
	width:118px;
	height:30px;
	background-image:url('../img/Portail/bt_valider.gif');
	border:0 none;
	color:#56D1FF;
	font-weight:bold;
	font-size:16px;
	margin:8px 0 0 106px;
	cursor:pointer
}