/* Définit les styles de la charte de la page type. */

* {margin:0px; padding:0px;}

/*div {border:1px solid pink;}*/

a:link {
	color:#2eaac8;
	outline:none 0;
	text-decoration:none;
	cursor:pointer;
}
a:visited {
	outline:none 0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

img {
	border:none 0;
	margin:0;
}

a img 
{
	border:none 0;
}

body {
	margin:0;
	padding:0;
	background:url(/images/charte/headerBodyBackground.png) #fff top center no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

.bgBox {
	width:981px;
	height:auto;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:43px 0 0 0;	
}
.bgBox .headerBox {
position:relative;
width:980px;
height:124px;
padding:0;
border-bottom:1px solid #0087a4;
overflow:hidden;
}

.bgBox .headerBox .logo {
	float:left;	
	margin-top:10px;
	margin-left:32px;	
}

/* identityBox :  container pour l'animation flash */
.bgBox .headerBox .identityBox {
	float:left;
	width:255px;
	height:122px;
	margin-left:11px;
	margin-top:2px;
	background:url(/images/charte/identityHome.jpg) no-repeat;
}

.bgBox .headerBox .companyName
{
position:absolute;
top:40px;
left:397px;
}

.bgBox .headerBox .searchBox {
	position:absolute;
	top:2px;
	right:-1px;
	width:212px;
	height:119px;
	background:url(/images/charte/login.png) top no-repeat;
}

.bgBox .contentBox {
	float:left;
	background:url(/images/charte/bordure_left.gif) #fff top left no-repeat;
	padding-left:1px;
	
	width:980px;
}

.bgBox .contentBox .columnLeft {
	float:left;
	width:214px;	
	margin:0;
	padding:0;
	background-color:#fff;
}

.bgBox .contentBox .columnCenter {
	float:left;
	margin-left:34px;
	_margin-left:17px;
	margin-right:0;
	padding:0;
}

/* contenu "unique central" : pages internes SANS la colonne droite */
.bgBox .contentBox .columnMainContentBox {
	position:relative;
	float:left;	
	min-height:457px;
	_height:457px;
	margin:0;
	padding:0 1px 0 0;
	width:765px !important;
	_width:763px;
	background-image:url(/images/charte/bordure_right.gif);
	background-position: top right;
	background-repeat:no-repeat;
}

/* footer */
.footer {
	clear:both;
	display:block;
	height:47px;
	text-align:center;
	background:url(/images/charte/bg_footer.png) #fff top left repeat-x;
	padding:5px 0 0 0;
	border:1px solid #fff;
}

.footer ul {
	list-style-type:none;
	color:#666;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
.footer ul li {
	display:inline;
	margin-left:1px;
	font-size:10px;
}
.footer ul li.lineOne {color:#fff;}

.footer ul li.lineOne a {color:#fff;}

.footer ul li a {
	color:#666;
	text-decoration:none;
}

.footer ul li a:hover {
text-decoration:underline;
}

/* footer print */
.footerPrint {
display:none;
}

/*********** fil d'Ariane ***********/
.bgBox .contentBox ul.filAriane {
height:19px;
font-size:10px;
/*margin:20px auto 0 40px;*/
margin-top:20px;
margin-left:20px;
padding:0;
}

ul.filAriane li {
float:left;
display:inline;
margin-right:5px;
margin-left: 0px;
color:#999999;
}

ul.filAriane li a {
color:#999;
text-decoration:none;
}


ul.filAriane li a:hover {
text-decoration:underline;
}

ul.filAriane li.active {
color:#2eaac9;
}

/* zone membre */
.bgBox .contentBox .columnLeft .memberBox {
	clear:both;
	position:relative;	
	width:211px;
	height:115px;
	margin-top:22px;
	background:url(/images/charte/membre.png) #ffffff left no-repeat;
	padding:0;
}

.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 dt
{
	width:20px;
}

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

/* Commun aux zone de saisie identifiant et mot de passe */
.bgBox .contentBox .columnLeft .memberBox .loginForm .login input,
.bgBox .contentBox .columnLeft .memberBox .loginForm .password input
{
position:absolute;
top:0;
left:43px;
width:123px;
height:15px;
background:none;
border:none 0;
color:#999;
font-size:11px;
}

/* Différences spécifiques à la zone de saisie mot de passe */
.bgBox .contentBox .columnLeft .memberBox .loginForm .password input
{
top:24px;
margin:0;
padding:0;
}

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

.bgBox .contentBox .columnLeft .memberBox .loginForm .btnOk input
{
position:absolute;
top:5px;
*top:7px;
right:0;
width:25px;
height:26px;
cursor:pointer;
border:none;
background:none;
color:#fff;
font-size:10px;
}

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

.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;
}

/* si le membre est connecté : on masque le background "boîte verte */
.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox
{
	clear:both;
	width:211px;
	height:117px;
	background:url(/images/charte/logOutMembre.png) #bece00 left no-repeat;
	/*background:url(/images/charte/logOutMembreTop.png) #bece00 left no-repeat;*/
	padding:0;
}


.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox li.monCompteLink .bottom 
{

}



/*
.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox ul.memberLogout
{
	width:198px;
	position:relative;
	padding-top:51px;
	*padding-top:41px;
	margin-left:5px;
}

.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox ul.memberLogout li span
{
	font-size:12px;
	color:#E0007A;
	float:left;
	display:block;
}
*/
/*
.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox ul.memberLogout li.deconnexion 
{
}

ul.memberLogout li img 
{
}
*/

.bgBox .contentBox .columnLeft .memberBox .loggedMemberBox .adherer
{
	display:none;
}


/*********** menu gauche ***********/
.bgBox .contentBox .columnLeft .leftMenuBox {
	clear:both;
	width:211px;
	margin-top:23px;
}

/* - - - level One test 1 - - - */
.bgBox .contentBox .columnLeft .leftMenuBox ul {
	margin:0;
	padding:0;
	height:auto;
	list-style-type:none;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li {
	line-height:25px;
	margin:0;
	background:url(/images/charte/bg_btn_menu_extremite.gif) transparent top right no-repeat;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li a {
	display:block;
	height:26px;
	margin-right:21px;
	color:#fff;
	text-indent:10px;
	text-decoration:none;
	background:url(/images/charte/bg_btn_menu.gif) #31aac6 top left repeat-x;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li a span 
{
	
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li:hover, .bgBox .contentBox .columnLeft .leftMenuBox ul li.active  {
background:url(/images/charte/bg_btn_menuActive_extremite.gif) #fff top right no-repeat;
}


.bgBox .contentBox .columnLeft .leftMenuBox ul li.active a,
.bgBox .contentBox .columnLeft .leftMenuBox ul li:hover a {
background:url(/images/charte/bg_btn_menuActive.gif) #06758b top left repeat-x;
}

/* - - - level Two - - - */
.bgBox .contentBox .columnLeft .leftMenuBox ul li ul 
{
	list-style-type:none;
	background-color:#ddd;
	width:209px;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul {
list-style-type:none;
width:205px;
height:auto;
margin:0;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li {
background-image:none;
background-color:#ddd;
padding-bottom:4px;
*padding-bottom:0;
*padding-top:0px;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li a {
	display:block;
	height:14px;
	font-size:10px;
	color:#333;
	text-indent:10px;
	text-decoration:none;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li a span {
display:block;
line-height:14px;
background-color:#ddd;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li.active, .bgBox .contentBox .columnLeft .leftMenuBox ul li ul li.active a, 
.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li:hover, .bgBox .contentBox .columnLeft .leftMenuBox ul li ul li a:hover {
background:url(/images/charte/bg_btn_sousMenuActive_extremite.gif) #ddd  top right no-repeat;
cursor:pointer;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li.active a span
{
	color:#06758b;
font-weight:bold;
}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li:hover a:hover span {
text-decoration:underline;
cursor:pointer;

}

.bgBox .contentBox .columnLeft .leftMenuBox ul li ul li a span {
display:block;
color:#333;
font-weight:normal;
}

.retourHaut
{
	text-align:right;
}

.retourHaut a
{
}
.formulaireContact 
{
}