/*------------------- CSS symbol.CH -------------------*/
                    
/*----------------------------------------------------*/
/*
html {  Force Vertical Scrollbar */
	/* IE 
	overflow-y: scroll; 
	/* Moz 
	height: 100%;
	margin-bottom: 0.1em;
	
}
*/

/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- DIV ID / ZONES PRINCIPALES                     --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/

/*-- Total de la page, alignement centr� -------------*/
#webpage {
	width: 100%;
	margin: auto;
	/* padding: auto; */
	text-align: center;
	position: relative;
}


#back {
	background-color: #3B5358;
	text-align:center;
	
} 


#contenu {
	width: 880px;
	margin: auto;
	/* padding: auto; */

}

/*-- ------------navigations ----------------*/


#navtop {
	height: 33px;
	border: 0;


}
/* #navgauche {
	height: 100px;
} */



/*-- Barre de navigation -----------------------------*/


#navtop {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	/*background-color: #FFFFFF;
	background-position: center;
	 vertical-align: middle; 
	horizontal-align: right;*/
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;

	border-top-color: #FFFFFF;

	margin: 0px;
	margin-left: 0px;
	padding: 0px; 
	line-height: 30px;
	
	}
	
#navtop a {
	overflow:auto;
	display:block;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
	line-height: normal;
	color: #999999;
	text-decoration: none;
	background-color: #ffffff;
    background-repeat: no-repeat;	
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF; }
	
#navtop a.active {
color: #333333;
}

#navtop ul{ 

	display: inline; }
	
#navtop li { 

    float: right;
	display: inline; 
    text-transform: uppercase;
	letter-spacing: 0em;
	padding-left: 5px;/*marge interieure avant filet*/
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;

	
	margin-left: 3px; 
	
    border-left-width: 1px;
	border-left-style: dotted; 
	border-left-color: #999999;
 }
 
/* #navtop li.last { 

    border-left-width: 1px;

	border-left-style: dotted; 
	border-left-color: #999999; 
 }*/
	
#navtop a:hover{
	color: #cccccc;
} 

#navtop .last  { padding-right: 4px; border-right-width: 1px; border-right-style: dotted; border-right-color: #999999;  }

/* #navtop ul{
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	letter-spacing: 0em;
	float:left; 
	} 



	
#navtop .last a { border-right-width: 0px; border-right-style: none; } 

#navtop .first a { border-left-width: 0px; border-left-style: none; border-left-color: #999999; } 

#navtop .left {
	margin: 0px;
	padding: 0px;
	text-transform: capitalize;
	font-size: 11px; }
	
#navtop .left a {
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	line-height: normal;
	border-bottom-width: 0px; } 
	
#navtop .left li { display: inline; } 

* html #navtop { height: 11px; }
* html #navtop a { height: 11px; float: left; }

*/

/*----------Navigation gauche-------------*/

#navgauche {

	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
	font-size: 10px;
	margin-left: 0px;
	text-decoration: none;
	text-transform: uppercase;
/*	vertical-align: middle; */
	margin-top: 40px;
/*	background-color: #A7C4C2; */
	padding-left: 0px; 
	padding: 0px; 
	padding-left: 5px;
	line-height: 80%;
	}
	
#navgauche a {

/*	display:block;
	font-weight: 80%; */
	padding-right: 7px;
	padding-left: 0px;
	line-height: 100%;
	color: #ffffff;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: none;
/*	background-color: #A7C4C2;*/
 }
	
#navgauche a:hover {
	color: #999999;
} 

#navgauche a.active {
color: #333333;
}


#navgauche ul {
float:auto;  
	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-left: 10px;
	text-transform: uppercase;
	list-style:none;
	letter-spacing: 0em;
/*	background-color: #A7C4C2;*/
 }



#navgauche li {  

	padding-left: 0px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-left-color: #A7C4C2; 
	border-left-width: 0px;
	border-left: 0px;
/*	background-color: #A7C4C2; */
/*	background-repeat: no-repeat; 
	border-left-style: dotted; 
	
	position:relative;*/
	margin: 0px;
	margin-left: 0px;
	 
 }
	
/* #navgauche .last a { border-right-width: 1px; border-right-style: dotted; border-right-color: #A7C4C2;  } 
#navgauche .first a { border-left-width: 1px; border-left-style: dotted; border-left-color: #999999; }  
 #navgauche .left {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 11px; }
	
 #navgauche .left a {
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	border-bottom-width: 0px; } 
#navgauche .left li { display: inline; } 

* html #navgauche { height: 11px; }
* html #navgauche a { height: 11px; float: left; }*/


/*-- Footer --------------------*/
#signature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: left;
	width: 500px;
	margin: 0px;
	padding: 2px;
}


/*------------------------------------------- */


#sarchbox input.text {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 1px; }





/*----------------------------------------------------*/
/*----------------------------------------------------*/
/*-- CLASS, GENERALITES                             --*/
/*----------------------------------------------------*/
/*----------------------------------------------------*/


/*body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333; 
	background-color: #FFFFFF;
	margin: 0px;
	text-align:center; } */
	
.greyCadre {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC; }
	
.textblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff; 
	}
	
.textblancpetit {
	color: #ffffff;
	font: 14px/13pt Arial, Helvetica, sans-serif;
	}
	
.textblancpetit a:link {
	
	color: #ffffff; 
	}
	
.textblancpetit a:visited {
	
	color: #ffffff; 
	}
.textblancpetit a:hover {
	
	color: #333333; 
	}
.ref {
	color: #ffffff;
	font: 11px/13px Arial, Helvetica, sans-serif;
	}	
	
.index {
	color: #ffffff;
	font: 11px Arial, Helvetica, sans-serif;
	width: 540px;
	padding-top: 25px;
	}
	
.index a:link {
	
	color: #ffffff; 
	}
.index a:visited {
	
	color: #ffffff; 
	}
.index a:hover {
	
	color: #efefef; 
	}
.index a:active {
	
	color: #ffffff; 
	}		
	
.borderblanc {
	border-left: 1px solid #FFFFFF;
}
	
.borderblanc1 {
	border-right-width: 0px;
/*	background-color: #A7C4C2; */
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF; }
	
.borderblancright {
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
 }
 
 /* Titres --------------------------------------------*/
h1 {
	font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
	font-size: 18px;
	color: #006699;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin: 0px; }
h2 {
	font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #006699;
	font-weight: bold; }
h3 {
	font-family: "Trebuchet MS",Trebuchet, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	margin: 0px; }
h4 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 10px;
	color: #666666;
	text-transform: uppercase;
	padding-top: 12px;
	line-height: 11px;
	letter-spacing: 0em;
	
}
h5 {
	color: #999999;
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 11px;
	margin-left: 42px;
	
}
.h5 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 10px;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 12px;
	line-height: 11px;
	letter-spacing: 0em;
	
}

.h5 a:link {
	color: #ffffff;
	
}
.h5 a:hover {
	color: #efefef;
	text-decoration: underline;
	
}
.h5 a:visited {
	color: #ffffff;
	
}
	


/* Liens ---------------------------------------------
* htm a {display:block;} */


a:link, a:visited {
	text-decoration: none;
	color: #666666;	}
a:hover, a:active {
	text-decoration: none;
	color: #999999;	}


/* bicolonne pour les news, avec trait au milieu -----*/
.biCol1 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px; }
.biCol2 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px; }

/* break page */
.breakafter {
	page-break-after: always;
}
.breakbefore {
	page-break-before: always;
}

.backemploi {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/emploi/images/fond2.jpg');
 }
 
.backgraphique1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/graphique2.jpg');
 }
.backpub1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/publicite2.jpg');
 }
.backpromotion1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/promotion2.jpg');
 }
.backrp1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/rp2.jpg');
 }
.backstands1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/stands2.jpg');
 }
.backfilms1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/films2.jpg');
 }
 .backevent1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/event2.jpg');
 }
 .backweb1 {
background-repeat: no-repeat;
background-position: top left;
background-image: url('/fr/prestations/images/web2.jpg');
 }
 
.right1 {
	background-image: url('/fr/emploi/images/fond2.jpg');
	background-repeat: no-repeat;
	background-position: right;
	height: 317px;
	position: relative;


}

#navgauche1 {

	font-family: Arial, Helvetica, sans-serif;
	width: 275px;
	font-size: 10px;
	margin-left: 0px;
	text-decoration: none;
	text-transform: uppercase;
/*	vertical-align: middle; */
	margin-top: 40px;
/*	background-color: #A7C4C2; */
	padding-left: 0px; 
	padding: 0px; 
	padding-left: 5px;
	line-height: 80%;
	}
	
#navgauche1 a {

/*	display:block;
	font-weight: 80%; */
	padding-right: 7px;
	padding-left: 0px;
	line-height: 100%;
	color: #ffffff;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: none;
/*	background-color: #A7C4C2;*/
 }
	
#navgauche1 a:hover {
	color: #999999;
} 

#navgauche1 a.active {
color: #333333;
}


#navgauche1 ul {

	margin: 0px;
	margin-left: 0px;
	padding: 0px;
	padding-left: 10px;

	text-transform: uppercase;
	list-style:none;

 }



#navgauche1 li {  


	padding-top: 5px;
	padding-bottom: 0px;

	margin: 0px;
	}
	
#navtop2 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
	text-transform: uppercase;
	/*background-color: #FFFFFF;
	background-position: center;
	 vertical-align: middle; 
	horizontal-align: right;*/
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;

	border-top-color: #FFFFFF;

	margin: 0px;
	margin-left: 0px;
	padding: 0px; 
	line-height: 30px;
	
	}
	
#navtop2 a {
	overflow:auto;
	display:block;
	font-weight: normal;
	padding-right: 0px;
	padding-left: 0px;
	line-height: normal;
	color: #999999;
	text-decoration: none;	
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFFFFF; }
	
#navtop2 a.active {
color: #333333;
}

#navtop2 ul{ 

	display: inline; }
	
#navtop2 li { 

    float: right;
	display: inline; 
    text-transform: uppercase;
	letter-spacing: 0em;
	padding-left: 5px;/*marge interieure avant filet*/
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;

	
	margin-left: 3px; 
	
    border-left-width: 1px;
	border-left-style: dotted; 
	border-left-color: #ffffff;
 }
 
/* #navtop li.last { 

    border-left-width: 1px;

	border-left-style: dotted; 
	border-left-color: #999999; 
 }*/
	
#navtop2 a:hover{
	color: #cccccc;
} 

#navtop2 .last  { padding-right: 4px; border-right-width: 1px; border-right-style: dotted; border-right-color: #ffffff;  }
	
body{ overflow: scroll; }