@charset "utf-8";
/* CSS Document */

body.principal{
	background:#D3C6B6 url('/img/ultravantages/Portail/fond_portail.jpg') top center no-repeat;
	background-attachment:fixed;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}
body.popuppagefront_body{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	font-family:Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#971052;
	line-height:20px;
}
#conteneur{
	text-align:center;
	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:24px auto 0 auto;
	text-align:center;
	width:852px;
	background-color:#FFFFFF;
	vertical-align:top;
	overflow:hidden;
}
#colonne_gauche{
	width:215px;
	float:left;
}
#colonne_gauche_div{
	width:215px;
}
/* LOGO */
#colonne_gauche_haut{
	width:217px;
	height:62px;
}

/* IDENTIFICATION */
#colonne_gauche_bas{
	background:url('/img/ultravantages/Portail/fond_colonne_gauche_bas.jpg') no-repeat;
	width:215px;
	margin:0;
	border-right:solid 1px #bec3c4;
	padding-top:17px;
	text-align:center;
}
#box_identification{
	width:180px;
	/* height:208px; */
	border:solid 1px #bec3c4;
	background:#fff url('/img/ultravantages/Portail/fond_identification.jpg') repeat-x;
	margin:auto;
	text-align:center;
}
#box_identification form{
	width:145px;
	margin:auto;
	text-align:left;
}
.titre_box_identification{
	color:#045d81;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding-top:14px;
}
.titre_identification{
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	padding-top:18px;
	padding-bottom:3px;
}
#souvenir {
	padding:6px 5px 3px 0px;
	color:#5f5f5f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:12px;
	text-align:left;
}
.champ_identification input{
	width:143px;
	height:23px;
	border:solid 1px #bec3c4;
}
.btn_valider{
	text-align:right;
	margin-top:5px;
}
.btn_valider a{
	display:block;
	text-decoration:none;
}
.btn_valider a img{
	border:none;
	cursor:pointer;
	padding-right:2px;
}
#cont_checkbox {
	display:inline;
	vertical-align: top;
	width: 13px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	margin-right:6px;
}
#cont_checkbox input {
	margin:0;
	width: 13px;
	height: 13px;
} 
.texte_passeoublie{
	padding-top:12px;
}
.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;
}
#aide {
	cursor:pointer;
	vertical-align:bottom
}
.infobulle {
	display:none;
	z-index:99;
	position:absolute;
	/*margin:21px 0 0 9px;*/
	width:270px;
	padding:5px 7px;
	background:url('/img/ultravantages/Portail/fond_identification.jpg') repeat-x;
	border:1px solid #BEC3C4;
	color:#5F5F5F;
	font-size:11px;
	font-weight:normal;
}

/* contenu droite */
#colonne_droite{
	width:630px;
	float:left;
	text-align:center;
}
#contenu_droite{
	width:557px;
	padding:0 35px 0 35px;
	margin:60px auto 20px auto;
}
#contenu_droite p{
	text-align:justify;
}
#menu{
	width:552px;
	margin:auto;
	height:28px;
}
#menu div{
	display:inline;
	padding:1px;
	float:left
}
#menu div a img{
	border:none;
}
#menu ul{
	width:552px;
	list-style:none;
	display:inline;
	list-style-type:none;
}
#menu li{
	list-style:none;
	display:inline;
	list-style-type:none;
}
#flash{
	padding-top:13px;
}
#colonne_droite.dirigeant{
	/*background:url('/img/ultravantages/Portail/fond_dirigeant.jpg') no-repeat 35px bottom;*/
	}
#colonne_droite.dirigeant .contact{
	clear:both;
	padding:50px 0 15px 10px;
	width:540px;
	color:#353535;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	}
#colonne_droite.dirigeant .contact a{
	color:#035C7E;
}
#colonne_droite.dirigeant #texte{
	float:left;
	width:450px;
	color:#353535;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: justify;
}
#colonne_droite.dirigeant .texte-grand{
	font-size:13px;
	font-weight:bold;
	display:inline;
}
#texte{
	text-align:right;
	padding-top:15px;
}
#texte div{
	color:#656565;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	width:552px;
}
#texte p.accueil{
	width:555px;
	color:#656565;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
}
#texte span.b {
	font-weight:bold;
	color:#0083b7;
}
h3 { width:555px; color:#0083b7; font-size:18px; text-align:center; margin:20px 0 0; }
h6 {
	font-size:16px;
	margin:0;
	padding:0;
}
#texte .bleu {
	font-weight:bold;
	color:#11BFF9;
}
#colonne_droite.dirigeant #texte .bleu{
	font-weight:bold;
	color:#035d80;	
}
#texte #colonne1 {
	float:left;
	width:230px;
}
#texte #colonne2 {
	float:left;
	width:300px;
	margin-left:10px;
}

.texte_rose{
color:#93b140;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:left;
}

/* PAGE PRESENTATION */
#contenu_presentation{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:24px;
	width:852px;
	overflow:hidden;
	border:solid 1px #93b140;
	background-color:#FFFFFF;
	vertical-align:top;
}

#colonne_gauche_bas_presentation{
	background:url('/img/ultravantages/Portail/fond_colonne_gauche_bas.jpg') no-repeat;
	width:215px;
	height:515px;
	margin:0;
	padding-top:17px;
	text-align:center;
	border-right:solid 1px #bec3c4;
}
#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;
	overflow:hidden;
	border:solid 1px #288475;
	background-color:#FFFFFF;
	vertical-align:top;
}
#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;
}
.promo_adherer{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#035C7E;
font-weight:900;


}
#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, #contenu_partenaire, #contenu_contact{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:24px;
	width:852px;
	overflow:hidden;
	background-color:#FFFFFF;
	vertical-align:top;
}
#contenu_adherer {
	border:solid 1px #015f80;
}
#contenu_partenaire{
	border:solid 1px #999;
}
#contenu_contact{
	border:solid 1px #2591C1;
}
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:#c6dcde;
	background-image:url(/Img/ultravantages/Portail/rdo_on.png);
}
.unselected{
	background-color:#FFFFFF;
	background-image:url(/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 #2591c1;
	display:inline-block;
	margin:3px;
}
textarea.message{
	border:1px solid #2591c1;
	display:inline-block;
	width:400px;
	height:125px;
}
#contact{
	padding:5px;	
}
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:#11BFF9;
text-decoration:underline;
}