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


@charset "utf-8";

/* main class deffinitions, same on all pages */


/* default classes */

.distancer{
	font-size:0px;
	display:block;
	position:relative;
	clear:both;
	width:auto;
}
.vdistancer{
	font-size:0px;
	display:block;
	position:relative;
	height:1px;
	float:left;
}

.center{
	display:block;
	position:relative;
	width:100%;
	margin:0px auto 0px auto;
}

.hRule{
	display:block;
	position:relative;
	width:100%;
	height:2px;
	font-size:0px;
	margin:0px auto 0px auto;
	background-image:url(../images/hrule.png);
	background-repeat:repeat-x;
}

.abs{
	display:block;
	position:absolute;
	overflow:visible;
}
.rel{
	 display:block;
	 position:relative;
}
.leftAlign{
	 display:block;
	 position:relative;
	 float:left;
}
.rightAlign{
	 display:block;
	 position:relative;
	 float:right;
}


/* end of default classes */

img{
	margin:0;
	padding:0;
}

span{
	margin:0;
	padding:0;
}

body {
	margin: 0px;
	display: block;
	left: 0px;
	top: 0px;
}
.cms{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cf003d;
}
.container {
	width: 1000px;
	position: relative;
	top: 0px;
	padding: 0;
	margin:0 auto;
	z-index: 0;
}

.endDistancer {
	position: relative;
	height: 20px;
	width: 1000px;
	display: block;
	clear: both;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 1;
}
.endDistancer_real{
	position: relative;
	height: 300px;
	width: 1000px;
	display: block;
	clear: both;
	left: 0px;
	top: 0px;
	float: left;
	z-index: 1;
}

.innerEndDistancer {
	position: relative;
	height: 394px;
	width: 801px;
	display: block;
	clear: both;
	left: 210px;
	top: 110px;
	float: left;
	z-index: -1;
}

.innerEndDistancer table {
	background:url(../images/tableBg.gif) repeat-x #fff;
}

.left {
	background:url(../images/tableLeft.gif) no-repeat left top;
	height:14;
	width:10px;
}

.right {
	background:url(../images/right.gif) no-repeat right top;
	height:14;
	width:10px;
}


.jobTitle {
	border:1px solid #b1b1b1;
	border-bottom:1px solid #fff;
}

.jobTitleBg {
	background:url(../images/jobtitleBg.gif) repeat-x #fff;
	position:absolute;
	width:801px;
	height:86px;
	top:2px;
	left:0px;
	margin-bottom:50px;
	
}

.jobTitleLeft {
	float:left;
	position:absolute;
	top:-2px;
	left:0;
	width:547px;
	padding-top:12px;
	padding-left:10px;
	padding-right:23px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px solid #b1b1b1;
	height:86px;
}

.red {
	color:#cf003d;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}

.gray {
	color:#626262;
	font-size:13px;
}

.jobTitleRight {
	width:220px;
	float:left;
	padding-top:12px;
	height:86px;
	position:absolute;
	top:-1px;
	left:580px;
	padding-left:20px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #b1b1b1;

}

.contact {
	font-size:13px;
	font-weight:bold;
	color:#626262;
}

.smallRed {
	color:#cf003d;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.jobTitle1 {
	border:1px solid red;
	height:px;
	
}

.jobTitleBg1 {
	background:url(../images/jobtitleBg.gif) repeat-x #fff;
	position:absolute;
	width:801px;
	height:20px;
	top:94px;
	left:0px;
	margin-top:25px;
	border-top:1px solid #b1b1b1;
	height:80px;
}

.jobTitleLeft1 {
	float:left;
	position:absolute;
	top:1px;
	left:0;
	width:547px;
	padding-top:12px;
	padding-left:10px;
	padding-right:23px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px solid #b1b1b1;

}

.jobTitleRight1 {
	width:220px;
	float:left;
	padding-top:12px;
	height:86px;
	position:absolute;
	top:-1px;
	left:580px;
	padding-left:20px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #b1b1b1;
	
	

}
/*-----------job title 2 -------------------*/

.jobTitle2 {
	border:1px solid red;
	height:px;
	
}

.jobTitleBg2 {
	background:url(../images/jobtitleBg.gif) repeat-x #fff;
	position:absolute;
	width:801px;
	height:20px;
	top:214px;
	left:0px;
	margin-top:25px;
	border-top:1px solid #b1b1b1;
	height:80px;
}

.jobTitleLeft2 {
	float:left;
	position:absolute;
	top:1px;
	left:0;
	width:547px;
	padding-top:12px;
	padding-left:10px;
	padding-right:23px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-right:1px solid #b1b1b1;

}

.jobTitleRight2 {
	width:220px;
	float:left;
	padding-top:12px;
	height:86px;
	position:absolute;
	top:-1px;
	left:580px;
	padding-left:20px;
	color:#2b2b2b;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:1px solid #b1b1b1;
	
	

}



/*------------job title 2 end --------------*/


/*.jobTitle {
	background:url(../images/jobtitleBg.gif) repeat-x;
	width:auto;
	height:7px;
	margin:0;
	padding:0;
}

.jobTitleContent {
	position:absolute;
	top:0;
	left:0;
	width:800px;
}

.jobTitleContentLeft {
	width:548px;
	padding-left:10px;
	padding-right:22px;
	padding-top:12px;
	padding-bottom:15px;
	float:left;
	border-right:1px solid #b1b1b1;
}

.jobTitleContentRight {
	width:200px;
	padding-left:19px;
	padding-top:12px;
	padding-bottom:15px;
	margin:0;
	float:left;
}

.jobTitleLine {
	border-bottom:1px solid #fff;
	border-top:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	width:800px;
	height:0;
	margin:0;
	padding:0;
}

*/

/* main menu */
#fotter{height: 167px;
	width: 1000px; margin:0 auto;}
.mainmenu {
	/*height: 167px;*/
	height:120px;
	width: 1000px;
	bottom: 0%;
	background-color: #cf003d;
	margin:0 auto;
	z-index: 10;
	position: fixed;
	display: block;
	padding:0 auto;
}

.mainmenuInternal {
	/*height: 167px;*/
	height: 120px;
	bottom: 0%;
	left: 0px;
	display: block;
	z-index: 20;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	background-color: #CF003D;
}
.button1, .button1:link, button1:visited {	
	position: absolute;
	left: 51px;
	/*top: 40px;*/
	top: 15px;
	display: block;
	height: 15px;
	width: 133px;
	z-index: 30;
	background-repeat: no-repeat;
}

.button2, .button2:link, button2:visited {	
	position: absolute;
	left: 264px;
	/*top: 40px;*/
	top: 15px;
	display: block;
	height: 15px;
	width: 136px;
	z-index: 30;
	background-repeat: no-repeat;
}

.button3, .button3:link, button3:visited {	
	position: absolute;
	left: 489px;
	/*top: 40px;*/
	top: 15px;
	display: block;
	height: 15px;
	width: 225px;
	z-index: 30;
	background-repeat: no-repeat;
}

.button4, .button4:link, button4:visited {
	position: absolute;
	left: 794px;
	/*top: 37px;*/
	top: 39px;
	display: block;
	height: 28px;
	width: 76px;
	z-index: 30;
	background-repeat: no-repeat;
	margin-bottom:20px;
}

.button5, .button5:link, button5:visited {
	position: absolute;
	left: 793px;
	/*top: 63px;*/
	top: 15px;
	display: block;
	height: 26px;
	width: 76px;
	z-index: 30;
	background-repeat: no-repeat;
}

.button4:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}

.button5:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}

.button6, .button6:link, button6:visited {
	position: absolute;
	left: 795px;
	/*top: 85px;*/
	top: 60px;
	display: block;
	height: 14px;
	width: 93px;
	z-index: 30;
	background-repeat: no-repeat;
}

.button6:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}


.langEn, .langEn:link, langEn:visited {
	background-image: url(../images/en.png);
	position: absolute;
	left: 950px;
	top: 38px;
	display: block;
	width: 15px;
	height: 15px;
	z-index: 30;
	filter:alpha(opacity=60);
	opacity:0.60;
	background-repeat: no-repeat;
}

.langFr, .langFr:link, langFr:visited {
	background-image: url(../images/fr.png);
	position: absolute;
	left: 951px;
	top:17px;
	display: block;
	width: 16px;
	height: 15px;
	z-index: 30;
	filter:alpha(opacity=60);
	opacity:0.60;
	background-repeat: no-repeat;
	
}

.langFr:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
	border:none;
}

.langFr_Selected, .langFr_Selected:link, langFr_Selected:visited {
	background-image: url(../images/fr.png);
	position: absolute; 
	left: 951px;
	/*top: 40px;*/
	top: 17px;
	display: block;
	width: 16px;
	height: 15px;
	z-index: 30;
	background-repeat: no-repeat;

}
.langEn_Selected, .langEn_Selected:link, langEn_Selected:visited {
	background-image: url(../images/en.png);
	position: absolute;
	left: 950px;
	/*top: 63px;*/
	top: 38px;
	display: block;
	width: 15px;
	height: 15px;
	z-index: 30;
	background-repeat: no-repeat;
}

.langFr_Selected:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
	border:none;
}

.langEn:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
}

.langEn_Selected:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
}

.langDe, .langDe:link, langDe:visited {
	background-image: url(../images/de.png);
	position: absolute;
	left: 951px;
	/*top: 85px;*/
	top: 60px;
	display: block;
	width: 16px;
	height: 14px;
	z-index: 30;
	filter:alpha(opacity=60);
	opacity:0.60;
	background-repeat: no-repeat;
}

.langDe:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
}

.langDe_Selected, .langDe_Selected:link, langDe_Selected:visited {
	background-image: url(../images/de.png);
	position: absolute;
	left: 951px;
	/*top: 85px;*/
	top: 60px;
	display: block;
	width: 16px;
	height: 14px;
	z-index: 30;
	background-repeat: no-repeat;
}

.langDe_Selected:hover {
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 30;
}

.mainLinks1, .mainLinks1:link, mainLinks1:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	float: left;
	z-index: 30;
	position: relative;
	width: 200px;
	left: 50px;
	/*top: 70px;*/
	top: 45px;
	color: #FFFFFF;
	display: block;
	height: 13px;
	margin: 0px;
	line-height: 13px;
}

.mainLinks1:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}
.mainLinks2, .mainLinks2:link, mainLinks2:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	z-index: 30;
	position: relative;
	width: 200px;
	/*top: 70px;*/
	top: 45px;
	color: #FFFFFF;
	display: block;
	float: left;
	left: 63px;
	height: 13px;
	margin: 0px;
	line-height: 13px;
}

.mainLinks2:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}

.mainLinks3, .mainLinks3:link, mainLinks3:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	z-index: 30;
	position: relative;
	width: 200px;
	/*top: 70px;*/
	top: 45px;
	color: #FFFFFF;
	display: block;
	float: left;
	left: 90px;
	height: 13px;
	margin: 0px;
	line-height: 13px;
}

.mainLinks3:hover {
	filter:alpha(opacity=75);
	opacity:0.75;
	z-index: 30;
}





/* ======================================================== */


/* default text links */
a.default:link, a.default:visited {
	color: #cf003d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
a.default:hover {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

/* ======================================================== */

/*
logo for each page with the title
less files to load, they are allready too small
*/
.logoColab {
	background-image: url(../images/logo_collab.png);
	position: absolute;
	height: 104px;
	width: 741px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}

.logoContact {

	position: relative;
	height: 104px;
	width: 524px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}

.logoMethod {
	background-image: url(../images/logo_method.png);
	position: relative;
	height: 115px;
	width: 889px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}

.logoReali {
	background-image: url(../images/logo_reali.png);
	position: relative;
	height: 115px;
	width: 883px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}

.logoRefer {
	position: relative;
	width: 584px;
	height: 104px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}
.logoRecrutement{
	background-image: url(../images/recrutementlogo.png);
	position: relative;
	width: 630px;
	height: 104px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}
.logoactu {
	background-image: url(../images/actualite.png);
	position: relative;
	width: 544px;
	height: 105px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}
.arrow1{

}
.arrow2{

}
.logoRecrut {
	background-image: url(../images/recrutement.png);
	position: relative;
	width: 626px;
	height: 104px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}


.logoType {
	background-image: url(../images/logo_type.png);
	position: relative;
	width: 796px;
	height: 104px;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
}



/* ======================================================== */

/*
da big red text, we coud say the short comment for the page
not figurring on each page
*/
.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	left: 50px;
	width:500px;
	top: -180px;
	white-space: nowrap;
	color: #D62056;
	text-transform: uppercase;
	margin-bottom: 30px;
}
/* ======================================================== */


/*
the main content container for the pages
*/
.interiorContainer {
	position: relative;
	height: auto;
	width: 1000px;
	top: -20px;
	left: 0px;
	white-space: nowrap;
}


/* ==


/* ======================================================== */

/*
the box title
with special link and hower functions
*/
.boxTitle {
	position: relative;
	height: 22px;
	top: -31px;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	background-color: #ececec;
	left: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #D62056;
	padding:8px 10px 0 10px;
	float: left;
	margin-right: 3px;
}

a.boxTitle, a.boxTitle:link, a.boxTitle:visited {
	background-color: #e3e3e3;
	color: #aea7a9;
	height: 21px;
	cursor: pointer;
	text-decoration: none;
}

a.boxTitleClosed, a.boxTitleClosed:link, a.boxTitleClosed:visited, a.boxTitleClosed:hover {
	position: relative;
	height: 22px;
	top: -31px;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	background-color: #ececec;
	left: -1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #D62056;
	padding:8px 10px 0 10px;
	float: left;
	margin-right: 3px;
}


a.boxTitle:hover li{
	background-color: #FFFFFF;
	border:1px solid red;
	color: #D62056;
}


/* ======================================================== */

/*
content of the boxes
*/
.boxTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	white-space: normal;
	position: relative;
	margin-left: 8px;
	margin-right: 8px;
	width: auto;
	margin-bottom: 10px;
	word-spacing: -1px;
	margin-top: 0px;
	top: 10px;
	display: block;
	left: 0px;
	clear: left;
}

.boxTxtBr {
	position: relative;
	margin-left: 12px;
	margin-top: 0px;
	margin-right: 12px;
	height: 10px;
	width: auto;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	margin-bottom: 0px;
	font-size: 10px;
	top: 10px;
}

/* ======================================================== */

/*
colab page specifics
*/
#colabBox1 {
	display: block;
	position: relative;
	left: 20px;
	top: 30px;
	height: 548px;
	width: 238px;
	border: 1px solid #999999;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #ececec;
}

#colabBox2 {
	display: block;
	position: relative;
	top: 30px;
	height: 340px;
	width: 175px;
	border: 1px solid #999999;
	float: left;
	background-color: #ececec;
	left: 8px;
}

#colabBox3 {
	display: block;
	position: relative;
	left: 17px;
	top: 30px;
	height: 340px;
	width: 200px;
	border: 1px solid #999999;
	float: left;
	background-color: #ececec;
}

#colabBox4 {
	display: block;
	position: relative;
	left: 26px;
	top: 30px;
	height: 340px;
	width: 237px;
	border: 1px solid #999999;
	float: left;
	background-color: #ececec;
}
#colabBox5 {
	display: block;
	position: relative;
	left: 38px;
	top: 210px;
	height: 180px;
	width: 72px;
	border: 1px solid #999999;
	float: left;
	background-color: #ececec;
}



.colabPortre {
	display: inline;
	height: 120px;
	width: 103px;
	position: relative;
	float: left;
	margin-left: 10px;
	top: -4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	white-space: normal;
	margin-bottom: 5px;
}

.colabPortre2 {
	display: inline;
	height: 120px;
	width: 103px;
	position: relative;
	float: left;
	margin-left: 10px;
	margin-right: 50px;
	top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	white-space: normal;
	margin-bottom: 5px;
}

.noteColab {
	position: relative;
	top: 63px;
	width: 300px;
	height: auto;
	min-height:85px;
	right: 0px;
	display: block;
	left: 700px;
	white-space: normal;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E5E5E5;
	background-color:#F8F8F8;
	background-image: url(../images/topClip_only.png);
	background-repeat:repeat-y;
}


.noteColabt {
	position: absolute;
	width: 300px;
	height: 69px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/typeNoteTopNew1.png);
	left: 1px;
	top: -20px;
}
.noteColabtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	z-index: 1;
	white-space: normal;
	position: relative;
	margin-left: 30px;
	margin-right: 50px;
	height: auto;
	width: auto;
	top: 18px;
	margin-bottom: 20px;
}


.noteColabb {
	position: relative;
	width: 300px;
	height: 12px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/bottomFade.png);
	left: -1px;
	bottom: -12px;
}

.noteColabtxtbr {
	z-index: 1;
	position: relative;
	margin-left: 30px;
	margin-top: 18px;
	margin-right: 50px;
	height: 18px;
	width: 250px;
	top: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
}
/* ======================================================== */






/*
contact page specifics
*/

.BgContact{
	background-image: url(../images/contactsBg.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 678px;
	width: 1000px;
	left: 0px;
	top: 0px;
}

#contactBox1 {
	display: block;
	position: relative;
	left: 50px;
	top: 120px;
	height: 340px;
	width: 300px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #ececec;
}

#contactBox2 {
	display: block;
	position: relative;
	left: 65px;
	top: 120px;
	height: 340px;
	width: 300px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #ececec;
}

#contactBox3 {
	display: block;
	position: relative;
	left: 95px;
	top: 120px;
	height: 340px;
	width: 300px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #ececec;
}

.contactBox1Image{
	background-image: url(../images/conactBox1Image.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 119px;
	width: 299px;
	left: 1px;
	top: 0px;
}

.contactBox2Image{
	background-image: url(../images/conactBox2Image.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 119px;
	width: 299px;
	left: 1px;
	top: 0px;
}

.contactBox3Image{
	background-image: url(../images/conactBox3Image.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 119px;
	width: 299px;
	left: 1px;
	top: 0px;
}
.contactBoxAdress{
	position: absolute;
	top: 140px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
}

.contactBoxTel{
	position: absolute;
	top: 190px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/conactBoxTel.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 193px;
	padding-top: 3px;
	padding-left: 7px;
}

.contactBoxFax{
	position: absolute;
	top: 214px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/conactBoxFax.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 193px;
	padding-top: 3px;
	padding-left: 7px;
}

.contactBoxMail{
	position: absolute;
	top: 238px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/conactBoxMail.png);
	background-repeat: no-repeat;
	height: 18px;
	width: 193px;
	padding-top: 3px;
	padding-left: 7px;
}

.contactBoxNames{
	position: absolute;
	top: 280px;
	font-family: Arial, Helvetica, sans-serif;
	left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	width: auto;
}


/* ======================================================== */

/*
home page specifics
*/

.BgHome{
	background-image: url(../images/homeBgB.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 740px;
	width: 1000px;
	left: 0px;
	top: 0px;
}

.BgHomeVideo{
	background-image: url(../images/new_copy.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 780px;
	width: 1000px;
	left: 0px;
	top: -15px;
}

.homeBox1 {
	padding:1px;
	position: relative;
	height: 310px;
	width: 210px;
	left: 768px;
	top: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #cf003d;
	white-space: normal;
	overflow:hidden;	
}

.homeBox2 {
	position: relative;
	height: 350px;
	width: 232px;
	left: 770px;
	top: 210px;
	_top:210px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #cf003d;
}

.homeBox2 img { margin:0; padding:0; margin-left:-15px; margin-top:15px; position:relative;}

.homeBox2Text1{
	position: relative;
	display: block;
	height: 48px;
	top: 10px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	white-space:normal;
	overflow:hidden
}

.homeEnter_fr{
	position: relative;
	height: 22px;
	_height: 22px;
	width: 96px;
	top: 15px;
	float: left;
	cursor:pointer;
	background-image: url(../images/homeEnterButton.png);
	margin:0px;
	padding:0px;
}

.homeEnter_fr img,.homeEnter_en img,.homeEnter_de img{ margin:0px;
	padding:0px;}
.homeEnter_en{
	position: relative;
	height: 23px;
	width: 96px;
	top: 15px;
	float: left;
	background-image: url(../images/readmore_en.png);

}

.homeEnter_de{
	position: relative;
	height: 23px;
	width: 105px;
	top: 15px;
	float: left;
	background-image: url(../images/readmore_de.png);
}
/* ======================================================== */

/*
method page specifics
*/

.logo{margin-left:9px;}

.methodBg1 {
	/*background-image: url(../images/methodBg1.png);
	background-repeat: no-repeat;*/
	height:600px;
	width: 999px;
	position: relative;
	top: 0px;
	margin:0 auto;
	z-index:10;

}

.methodBg2 {
	/*background-image: url(../images/methodBg2.png);*/
	background-repeat: no-repeat;
	height: 382px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 256px;
	display: block;
	background-position: right;
}

.methodBg1_Domaines {
	background-image: url(../images/domaines_bgimage.png);
	background-repeat: repeat;
	height:638px;
	width: 999px;
	position:relative;
	top:0px;
	margin:0 auto;
/*	position: absolute;
	left: 130px;
	top: 0px;
	display: block;
*/	z-index:10;

}

.methodBg2_Domaines {
/*	background-image: url(../images/methodBg2.png);
	background-repeat: no-repeat;*/
	height: 500px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 143px;
	display: block;
	background-position: right;
}

#methodBox1 {
	display: block;
	position: relative;
	left: 53px;
	top: 99px;
	height: 460px;
	width: 182px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/methodBoxBg1.png);
	background-repeat: repeat-y;
}
#methodBox2 {
	display: block;
	position: relative;
	left: 52px;
	top: 99px;
	height: 460px;
	width: 182px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/methodBoxBg2.png);
	background-repeat: repeat-y;
}

#methodBox3 {
	display: block;
	position: relative;
	left: 51px;
	top: 99px;
	height: 460px;
	width: 182px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/methodBoxBg2.png);
	background-repeat: repeat-y;
}

#methodBox4 {
	display: block;
	position: relative;
	left: 50px;
	top: 99px;
	height: 460px;
	width: 190px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color: #ececec;
	background-image: url(../images/methodBoxBg3r.png);
	background-position: right top;
	background-repeat: no-repeat;
}

.methodTextTitle1_FR {
	background-image: url(../images/methodTitle1.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle1_EN {
	background-image: url(../images/read_en.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle1_DE {
	background-image: url(../images/read_de.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle2_FR {
	background-image: url(../images/methodTitle2.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle2_EN {
	background-image: url(../images/make_en.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle2_DE {
	background-image: url(../images/make_de.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle3_FR {
	background-image: url(../images/methodTitle3.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle3_EN {
	background-image: url(../images/create_en.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}


.methodTextTitle3_DE {
	background-image: url(../images/create_de.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle4_FR {
	background-image: url(../images/methodTitle4.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle4_EN {
	background-image: url(../images/accompany_en.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodTextTitle4_DE {
	background-image: url(../images/accompany_de.png);
	position: absolute;
	height: 228px;
	width: 176px;
	top: 0px;
	left: 1px;
}

.methodList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #626262;
	list-style-image: url(../images/bullet.png);
	list-style-position: outside;
	white-space: normal;
	padding-right: 10px;
	top: 230px;
	position: absolute;
	left: 0px;
	width: 140px;
}



 
/* ======================================================== */


/*
reali page specifics
*/

#realiBox1 {
	display: block;
	position: relative;
	left: 58px;
	top: 98px;
	height: 510px;
	width: 710px;
	border: 1px solid #999999;
	float: left;
	padding: 0px;
	background-color:#ECECEC;
	
}
.realiImage {
	position: absolute;
	height: 264px;
	width: 219px;
	background-color: #ffffff;
	left: 15px;
	top: 16px;
	overflow: hidden;
}

.realiImage_Real{
	position: absolute;

	background-color: #ffffff;
	left: 15px;
	top: 16px;
	overflow: hidden;
}
.realiImage_RealVideo{
	position: absolute;
	left: 15px;
	top: 16px;
	overflow: hidden;
}
.realiText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2e2e2e;
	width: 418px;
	left: 260px;
	top: 16px;
	position: absolute;
	white-space: normal;
}

.realiTextTitle{
	font-size: 15px;
	color: #cf003d;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

.realiTextCat{
	font-size: 18px;
	font-weight: normal;
	color: #cf003d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.realiTextNEW {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2e2e2e;
	
	
	top: 16px;
	position: absolute;
	white-space: normal;
}

.realiTextTitleNEW{
	font-size: 15px;
	color: #cf003d;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

.realiTextCatNEW{
	font-size: 18px;
	font-weight: normal;
	color: #cf003d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.realiTextVideo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cf003d;
	padding-top: 10px;
	padding-bottom: 10px;
}

.realiTextDesc
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #2e2e2e;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space:normal;
}

.realiMenu{
	position: relative;
	width: 222px;
	left: 50px;
	top: 15px;
	height: auto;
	float: left;
	margin-top:-1px;
	margin-bottom: 30px;
	
}.realiButtonCont {
	background-color: #CCCCCC;
	position: relative;
	width: 222px;
	left: 0px;
	top: 20px;
	height: 348px;
	float: left;
}

div.realiButton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cf003d;
	background-color: #FFFFFF;
	width: 196px;
	position: relative;
	height: auto;
	float: right;
	margin-right: 7px;
	margin-top: 5px;
	cursor: default;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	margin-left: 13px;
}

a.realiButton, a.realiButton:link, a.realiButton:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #8b8b8b;
	background-color: #FFFFFF;
	width: 202px;
	position: relative;
	height: auto;
	float: right;
	margin-right: 7px;
	margin-top: 5px;
	cursor: default;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	text-decoration: none;
}

a.realiButton:hover{
	color: #cf003d;
	background-color: #DFDFDF;
}

.realiMenuLeft, .realiMenuLeft:link, .realiMenuLeft:visited {
	float: left;
	height: 21px;
	width: 21px;
	position: absolute;
	background-image: url(../images/realiMenuLeft.png);
	margin-left: 7px;
	bottom: 15px;
}

.realiMenuLeft:hover{
	background-image: url(../images/realiMenuLeftH.png);
}

.realiMenuRight, .realiMenuRight:link, .realiMenuRight:visited{
	float: left;
	height: 21px;
	width: 21px;
	position: absolute;
	background-image: url(../images/realiMenuRignt.png);
	margin-top: 19px;
	margin-left: 7px;
	bottom: 15px;
	left: 25px;
}
.realiMenuRight_Next{
	float: left;
	height: 21px;
	width: 21px;
	position: absolute;
	margin-top: 19px;
	margin-left: 7px;
	bottom: 12px;
	left: 50px;
}

.realiMenuLeft_Next{
	float: left;
	height: 21px;
	width: 21px;
	position: absolute;
	margin-left: 30px;
	bottom: 12px;
}

.realiMenuRight:hover{
	background-image: url(../images/realiMenuRigntH.png);
}


/* ======================================================== */


/*
refer page specifics
*/

.referTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	left: 50px;
	white-space: nowrap;
	color: #D62056;
	text-transform: uppercase;
	margin-bottom: 30px;
	top: 174px;
}

.referText {
	position: relative;
	width: 250px;
	left: 50px;
	float: left;
	top: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #232323;
	white-space: normal;
	height: 282px;
}

.actu{
	font-family:Arial;
	position: relative;
	margin:0 auto;
	float: left;
	top: 111px;
	left: 50px;

	height:auto;

	}

.actu td p{ width:560px;  font-size:12px; color:#2b2b2b} 
.actu td .txt{ color:#cf003d; font-size:12px; }
.actu td .topic{ font-size:13px; color:#cf003d; font-weight:bold; margin-left:0;}
.actu td .grey{  font-size:13px; color:#2b2b2b; font-weight:bold;}
.actu td img{ border:none; margin:13px 15px 15px 15px;}
.actu td #arrow1 img{
border:none; margin:0; padding:0;
}
.actu td #arrow2 img{
border:none; margin:0; padding:0;
}

.rightBar{
	width:222px;
	height:361px;
	margin-top:-30px;
	margin-left:px;
	float:left;
	
}



.rightBar h1{
	font-family:Arial; font-size:12px; color:#606060;	
}
.rightBar h2{

	font-family:Arial; font-size:12px; color:#606060; font-weight:bold;
}
.rightBar h3{
	font-family:Arial; font-size:11px; color:#606060;
}
.rightBar h4{
	font-family:Arial; font-size:11px; color:#cf003d;
}
.rightBar #text1{
	margin-left:114px;
}
.rightBar #text2{
	
}
.rightBar #divider{
	background:url(../images/rightBar-divider.gif) no-repeat;
	width:204px;
	height:2px;
	z-index:1;
	position:absolute;
	margin-top:px;
	margin-left:10px;
}
.rightBar #image{
	background:url(../images/rightBarImage.gif) no-repeat;
	width:96px;
	height:136px;
	margin-left:12px;
	
}

.actu td img.none{ margin:0}
.space{  position:absolute; width:680px;}



.recrutement{
	font-family:Arial;
	position: relative;
	width:865px;
	margin:0 auto;
	float: left;
	top:110px;
	left:50px;
	background:url(../images/seperator.gif) no-repeat top;
	}
	
	
.smalltxt{ color:#2b2b2b; font-size:11px; font-family:Arial; margin:0;} 
.txt{ color:#2b2b2b; font-size:12px; font-family:Arial; margin-left:10px; }
.txtnew{ color:#2b2b2b; font-size:11px; font-family:Arial; margin:0 }
.topic{ font-family:Arial; font-size:13px; color:#cf003d; font-weight:bold; margin-left:10px;}
.topic1{ width:300px!important; font-family:Arial; font-size:13px; color:#cf003d; font-weight:bold; margin-left:10px;}

.grey{font-family:Arial; font-size:13px;font-weight:bold;}
.grey1{font-family:Arial; font-size:13px;font-weight:bold;}
.recrutement td img{ border:none; margin:13px 15px 15px 15px;}




.referBigImage {
	position: absolute;
	left: 343px;
	white-space: nowrap;
	top: 174px;
	height: 372px;
	width: 651px;
	z-index: 27;
	
	
}

.referBigImageOverlay {
	position: absolute;
	left: 0px;
	white-space: nowrap;
	top: 0px;
	height: 372px;
	width: 654px;
	z-index: 28;
}

.referRow{
	float: left;
	height: 93px;
	position: relative;
	width: 654px;
	left: 0px;
	top: 0px;
	z-index: 29;
}
a.referBut, a.referBut:link, a.referBut:visited{
	height: 93px;
	width: 93px;
	position: relative;
	float: left;
	background-color: #999999;
	opacity:0;
	filter:alpha(opacity=0);
	left: 0px;
	top: 0px;
	text-decoration: none;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}

a.referBut:hover{
	opacity:0.20;
	filter:alpha(opacity=20);
}

a.referBut_Empty, a.referBut_Empty:link, a.referBut_Empty:visited{
		height: 93px;
	width: 93px;
	position: relative;
	float: left;
	background-color: #999999;
	opacity:0;
	filter:alpha(opacity=0);
	left: 0px;
	top: 0px;
	text-decoration: none;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}

a.referBut_Empty:hover{
	
}


a.referBut_Null, a.referBut_Null:link, a.referBut_Null:visited{
	height: 93px;
	width: 93px;
	position: relative;
	float: left;
	background-color: #999999;
	opacity:0;
	filter:alpha(opacity=0);
	left: 0px;
	top: 0px;
	text-decoration: none;
	z-index: 30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}


/* ======================================================== */


/*
type page specifics
*/


.typeNote {
	position: absolute;
	top: 450px;
	width: 620px;
	height: auto;
	min-height:85px;
	display: block;
	left: 0px;
	white-space: normal;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
	background-image:url(../images/typeNoteTop_only.png)
}

.typeNoteTop {
	position: absolute;
	width: 628px;
	height: 69px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/typeNoteTop.png);
	left: 1px;
	top: -20px;
}
.typeNoteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	z-index: 1;
	white-space: normal;
	position: relative;
	margin-left: 65px;
	margin-right: 50px;
	height: auto;
	width: auto;
	top: 18px;
	margin-bottom: 20px;
}

.typeNoteText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	z-index: 1;
	white-space: normal;
	position: relative;
	margin-left: 65px;
	margin-right: 50px;
	height: auto;
	width: auto;
	top: 18px;
	margin-bottom: 20px;
}

.typeNoteBottom {
	position: relative;
	width: 620px;
	height: 12px;
	display: block;
	background-repeat: repeat-x;
	background-image: url(../images/bottomFade.png);
	bottom: -12px;
	right: -1px;
}

.typeTitle{
	position: relative;
	left: 50px;
	top: 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D3114B;
	width:500px;
}

.typeText{
	position: relative;
	left: 50px;
	top: 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	width:950px;
	color: #575757;
	line-height: 30px;
	height: 480px;
}


.typeText_2{
	position: relative;
	left: 50px;
	top: 97px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	width:950px;
	color: #575757;
	line-height: 20px;
	height: 480px;
}

.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	width:204px;
	margin:12px 28px 10px 11px;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: -20px;

	white-space: nowrap;
	color: #D62056;
	margin-bottom: 30px;
	top: 80px;
}

.newsletter img{ margin-bottom:10px; margin-right:10px;}
.newsletter .line{width:204px; height:15px; position:absolute; top:25px; right:0px; } 
.newsletter .line img{ margin:0; padding:0}
.newsletter .bookarea{ width:204px;}
.newsletter .bookarea p{width:204px; _width:199px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#606060; font-weight:normal; float:right; margin-top:20px;  _margin-top:10px; _padding-left:5px; }
.newsletter .bookarea p img { float:left;}

.newsletter .line2{width:204px; height:15px; position:absolute; top:185px; right:0px; _padding-top:10px;} 
.newsletter .line2 img{ margin:0; padding:0}

.newsletter .txt {width:199px; _width:189px; margin-right:5px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#606060; font-weight:normal; float:right; margin-left:0; border-bottom:1px solid #aaa; padding-bottom:5px; }
.colorRed{ color:#cf003d; font-size:11px;}
.colorGrey{ color:#7c7c7c; font-size:11px;}

.newsletter .txt img{ z-index:11px; position:relative; margin-top:5px; _margin-top:-5px;}



.newsDown {
	font-family: Arial, Helvetica, sans-serif;
	width:204px;
	margin:10px 28px 10px 11px;
	font-size: 28px;
	
	font-weight: bold;
	position: absolute;
	right: -20px;
	white-space: nowrap;
	color: #D62056;
	margin-bottom: 30px;
	top: 435px;
}

.newsDown .bookarea p{width:204px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#606060; font-weight:normal; float:right; }
.newsDown .bookarea p img { float:left;}
.homeBox2 h3{color:#CF003D;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold; clear:both; text-align:left; margin:0px; padding:0px;}