/* Styles */

/* Reset */
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }

body{
	font-family:verdana, arial, helvetica, serif; 
	font-size:12px;
	color:#707070;
}
body::selection{ /* Opera */
    background-color:#EFEFEF;
}
 
object{
 position: absolute;
 z-index: 0;
} 
/******************************************************************************/
/*  general 																 **/
h2{
	display:block;
	clear:both;
	font-family:verdana;
	font-size:24px;
	font-weight:normal;
	color:#e03188;
	border-bottom:1px solid #707070;
	margin:0px 0px 17px 0px;
}

h3{
	display:block;
	clear:both;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#e03188;
	margin:5px 0px 8px 0px;
}

h4{
	display:block;
	clear:both;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#707070;
	margin:5px 0px 5px 0px;
}

h5{
	display:block;
	clear:both;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#e03188;
	border-bottom:1px solid #707070;
	margin:15px 0px 15px 0px;
}


a{
	font-weight:bold;
	text-decoration:underline; 
	color:#e03188;
}

p{
	color:#707070;
	background-color:transparent;
	border:0px solid #FFFFFF;
	margin:10px 0px 10px 0px;
}
label{
	color:#707070;
}
/* Hacks */
.clear{
	display:block;
	clear:both;
}

#sheader{
	background-color:#F3F3F3;  
	width:100%;
	line-height:21px;
	height:21px;
}

/* Header */
#header{
	background-color:#FFFFFF;  
	width:710px;
	margin:0 auto; 
	border-top:0px solid transparent; /* hack, ff quand il n'y a qu'une col , pas compris ! */
}

/* Main */
#main{ 
	color:#707070;
	background-color:#FFFFFF; 
	width:710px;
	margin:0 auto;
	/*position:relative;
	top:120px;*/
	border-right:0px solid #8F8F8F;
	border-left:0px solid #8F8F8F;
	padding-top:36px;
}

#main.col_type_home{
	padding-top:235px;
}

/* Footers */
#footer1 .footer1_content{
	width:710px;
	margin:0 auto;
}
#footer1{
	border:0px solid #000000;
	background-color:#F3F3F3;
	background-image:url(./img/footer1_bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
	color:#707070;
}
#footer1 .footer1_whiteline{
	background-color:#FFFFFF;
	height:20px;
}
/** BLOCK 0 *******************************************************************/
#footer1 #block0{ 
	width:710px; 
	text-align:left;
}
#footer1 #block0 #block0_titre{
	text-indent:-12000px;
	line-height:27px;
	height:27px;
	width:710px; 
	margin:0;
	background-image:url(./img/footer_titre_une.gif);
	background-position:top left;
	background-repeat:no-repeat;
}  
#footer1 #block0 #block0_content{  
	background-color:transparent;
	margin:0;
	width:710px; 
height:200px;
	padding-left:10px;
	padding-top:30px;
	/*padding-bottom:30px;*/
}
#footer1 #block0 #block0_content .actu_text{     
	width:460px;
	float:left;
}
#footer1 #block0 #block0_content .actu_img{   
	display:block;
	float:right;
	margin-right:14px;
} 
#footer1 #block0 #block0_content #actubtn{
	display:block;
	clear:both;
	height:20px;
}
#footer1 #block0 #block0_content #actubtn a{
	line-height:16px;
	width:16px;
	display:block;
	float:left;
	font-size:10px;
	text-align:center;
	text-decoration:none;
	background-color:#FFFFFF;
	border:1px solid #e03188; 
	color:#e03188; 
	margin-right:5px;
}  
#footer1 #block0 #block0_content #actubtn a:hover{ 
	background-color:#e03188;
	color:#FFFFFF; 
	border:1px solid #e03188; 
}  

#footer1 #block0 #block0_content #actubtn a.on{ 
	background-color:#e03188;
	color:#FFFFFF; 
	border:1px solid #e03188; 
}  

/** FIN BLOCK 0 ***************************************************************/

/** BLOCK 1 *******************************************************************/
#footer1 #block1{
	float:left;
	width:460px;
	position:relative;
	top:10px;
	/*padding-top:20px;
	padding-bottom:18px;*/
}
#footer1 #block1 #block1_titre{
	text-indent:-12000px;
	line-height:27px;
	height:27px;
	width:460px; 
	margin:0;
	background-image:url(./img/footer1_titre1.gif);
	background-position:top center;
	background-repeat:repeat-x;
}  
#footer1 #block1 #block1_content{  
	background-color:#FFFFFF;
	margin:0;
	width:450px;
	height:65px;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:0px;
}
#footer1 #block1 #carousel{  
	position: relative; /* important */  
	overflow:hidden;
	display:block;
	width:440px; 
	height:56px;
	/*margin-left:100px;
	margin-right:10px;*/
	background-color:#FFFFFF;
	white-space:nowrap;
	margin: 0;  
	margin-top:20px;  
}
#footer1 #block1 #carousel img{ 
	display:inline;
	max-height:33px;
	border:0px solid #000000;
	vertical-align:middle; 
	margin-left:10px;
	margin-right:10px;
}  
/** FIN BLOCK 1 ***************************************************************/

/** BLOCK 2 *******************************************************************/
#footer1 #block2{
	float:left;
	float:right;
	position:relative;
	top:10px;
	/*width:224px; */
	/*width:232px;*/ /* 224px + 26px */
	/*padding-top:20px;
	padding-bottom:18px;	*/
	padding-left:26px;  
}
#footer1 #block2 #block2_titre{
	text-indent:-12000px;
	line-height:27px;
	height:27px;
	width:224px; 
	margin:0;
	background-image:url(./img/footer1_titre2.gif);
	background-position:top center;
	background-repeat:repeat-x;
}  
#footer1 #block2 #block2_content{
	background-color:#FFFFFF;
	margin:0;
	width:224px;
	height:65px;
	padding-top:12px;
	padding-left:10px;
	padding-bottom:0px;
	padding-left:0px;
}  
#footer1 #block2 #block2_content img{
	vertical-align:middle;
}
/** FIN BLOCK 2 ***************************************************************/

#footer2{
	border:0px solid #000000;
	background-color:#8F8F8F;
	background-image:url(./img/footer2_bg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	height:71px;
	line-height:20px;
	text-align:center; 
	color:#FFFFFF;
	padding-top:5px;
	font-size:11px;
}
#footer2 a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer2 a:hover{
	text-decoration:underline;
}
#footer2 .creativshop{
	position:relative; 
	top:3px;
}

/* Texts ... */

#header h1{
	text-indent:-12000px;
	background-color:transparent;
	background-image:url(./img/logo.png);
	background-position:top center;
	background-repeat:no-repeat; 
	width:166px;
	height:147px;
	margin:0;
	float:left;
	/*position:relative;
	display:block;*/
	top:21px;
 	position:absolute; 
	display:block;
	z-index:10;
}

#header .soustitre{
	text-indent:-12000px;
	background-color:transparent;
	background-image:url(./img/slogan.gif);
	background-position:top left;
	background-repeat:no-repeat; 
	width:544px;
	height:63px;
	float:right;
	clear:right;
}

#acc #header .soustitre{ 
	background-image:url(./img/slogan2.gif); 
}
#header .contact_btn{
	display:block; 
	background-color:transparent;
	background-image:url(./img/btn_contact.gif);
	background-position:top right;
	background-repeat:no-repeat; 
	width:544px;
	height:13px;
	float:right;
	clear:right;
	position:relative;
	left:2px;
}
#header .contact_btn a{
	position:relative;
	height:13px;
	line-height:13px;
	display:block;
	width:65px;
	left:480px;
	text-indent:-12000px;
	background-color:transparent;
	
}
 
/* #header .titre_home{ */
#header #titre_movie{ 
	width:710px;
 	position:absolute; 
	display:block;
	top:131px;
	/*margin-left:-166px;*/
	z-index:0;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}

#header .titre_img{ 
	width:710px;
 	position:absolute; 
	display:block;
	top:131px;
	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-12000px;
}
/*
*html  #header .titre_img,
*+html #header .titre_img{ *//* hack ie *//*
	top:110px; 
}*/
#header .titre_offre{
	background-image:url(./img/titre_offre.jpg);
	height:36px; 
}
#header .titre_groupe{
	background-image:url(./img/titre_groupe.jpg);
	height:36px; 
}
#header .titre_recrute{
	background-image:url(./img/titre_recrute.jpg); 
	height:36px; 
}
#header .titre_actu{
	background-image:url(./img/titre_actu.jpg); 
	height:36px; 
}
#header .titre_partenaires{
	background-image:url(./img/titre_partenaires.jpg); 
	height:36px; 
}
#header .titre_clients{
	background-image:url(./img/titre_clients.jpg); 
	height:36px; 
}
#header .titre_contact{
	background-image:url(./img/titre_contact.jpg); 
	height:36px; 
}
#header .titre_presse{
	background-image:url(./img/titre_presse.jpg); 
	height:36px; 
}

/*********************************************************/
/*  special 2 colonnes  */
#main.col_type_1 #col1{
	border:0px solid #FFFFFF;
	width:233px;
	width:218px; /* 233px - 15px */ 
	width:165px; /* V mk */
	min-height:150px;
	padding:10px 15px 10px 0px;
	padding:10px 5px 10px 0px;/* V mk */
	float:left; 
	/*text-align:justify;*/
}
#main.col_type_1 #col2{
	background-color:transparent;
	background-image:url(./img/col2_bg.jpg);
	background-position:top left;
	background-repeat:repeat-y; 
	border:0px solid #FFFFFF;
	min-height:150px;
	width:477px; 
	padding:5px 0 20px 35px;
	width:442px; /* 477px - 35px */ 
	width:502px; /* V mk */
	text-align:justify;
	float:left; 
} 
#main.col_type_2 #col1{
	border:0px solid #FFFFFF;
	width:233px;
	width:218px; /* 233px - 15px */ 
	min-height:150px;
	padding:10px 15px 10px 0px;
	float:left; 
	/*text-align:justify;*/
}
#main.col_type_2 #col2{
	background-color:transparent;
	background-image:url(./img/col2_bg.jpg);
	background-position:top left;
	background-repeat:repeat-y; 
	border:0px solid #FFFFFF;
	min-height:150px;
	padding:5px 0 20px 35px;
	width:442px; /* 477px - 35px */ 
	text-align:justify;
	float:left; 
} 
/*********************************************************/
/*  special actu */
#main.col_type_block_actu .actu_block{
	padding-left:5px;
	margin-bottom:20px;
}
#main.col_type_block_actu .actu_block .actu_text{
	border:0px solid #707070;
	width:470px;
	float:left;
}
#main.col_type_block_actu .actu_block .actu_img{ 
	display:block;
	float:right;
}
/*********************************************************/
/*  special client  */ 
#main.col_type_clients .client_block{
	width:140px;
	/*height:98px; */
	margin-bottom:15px;
	float:left;
	border:1px solid #f1f1f1;
	background-color:#f1f1f1;
/*	
font-family:verdana; 
*/ 
}
#main.col_type_clients .client_block img{ 
} 
#main.col_type_clients .client_block font{
	display:block;
	clear:both;
	text-align:center;
	font-family:verdana;
	color:#000000;
	font-weight:bold;	
	font-size:10px;
	line-height:20px;
/*	height:20px;*/
} 
#main.col_type_clients .client_block font.im2line{
	line-height:14px;
}
#main.col_type_clients .client_block font.im2line_f{
	line-height:28px;
}

/*********************************************************/
/*  main **/
#main #chemin{
	background-color:transparent;
	border:0px solid #FFFFFF;
	color:#707070;
	margin:5px 0px 5px 0px;
	font-size:9px;
	font-weight:bold;
}
#main #chemin a,
#main #chemin font{
	background-color:transparent;
	border:0px solid #FFFFFF;
	font-size:9px; 
	text-decoration:none;
}
#main #chemin a:hover{
	text-decoration:underline;
}
#main #chemin a,
#main #chemin a.level1{
	color:#707070;
}
#main #chemin a.level2{
	color:#e03188;
}

#main ul{
	list-style-type:none;
	background-color:transparent;
	border:0px solid #FFFFFF;
	margin:10px;
	padding-left:10px;
	margin-left:0px;
}

#main li{
	border:0px solid #FFFFFF;
	padding-left:12px;
	margin-left:0px;
	list-style-type:none;
	background-color:transparent;
	background-image:url(./img/bullet.jpg);
	background-position:0px 4px;
	background-repeat:no-repeat;
}


#main #col1 ul{
	margin:0;
	padding:0;
}
#main #col1 li{ 
	border-bottom:1px dashed #d2d2d2;
	list-style-type:none;
	background-color:transparent;
	background-image:url(./img/spacer.gif); 
	margin:0;
	padding:0;
	padding-left:4px;
}
#main #col1 li a{
	display:block;
	font-size:10px;
	padding-left:0px;
	line-height:25px;
	text-decoration:none;
	font-family:verdana;
	color:#bfbfbf;
}
#main #col1 li a.cur{
	color:#e03188; 
}

/* menu */   

#header #nav{  
	width:544px;
	position:relative;
	left:23px;
	top:0px;
}
#header #nav, 
#header #nav ul{ /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:1;
	height:34px;
	border:0px solid #000000; 
	display:block;  
	float:right;
	z-index:10; 
	background-color:#ff0200; 
}
#header #nav a{
	display: block; 
	width:auto;
	/*width:10em; *//* width needed or else Opera goes nuts */
	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	height:26px;
	line-height:26px;
	padding-left:9px;
	padding-right:0px;
	background:#e03188; 
	color:#ffffff;
	border:0px solid #000000; 
}
/**********************/
#header #nav a.offres{
	width:65px; 
}
#header #nav a.clients{
	width:46px; 
}
#header #nav a.partenaires{
	width:70px; 
}
#header #nav a.groupe{
	width:90px; 
}
#header #nav a.actu{
	width:60px; 
}
#header #nav a.presse{
	width:46px; 
}
#header #nav a.recrute{
	width:85px; 
}
/**********************/
#header #nav li a.cur{
	background:#ffa500;
	color:#ffffff;
	padding-bottom:8px;
} 
#header #nav li a.chover,
#header #nav li a:hover{
	background:#eeeeee;
	color:#e03188;
	padding-bottom:0;
}
#header #nav ul a.cur{
	background:#ffa500;
	color:#ffffff;
	padding-bottom:0;
}

#header #nav li.nochild a.cur:hover{ 
	padding-bottom:8px;
}
#header #nav li li.nochild a.cur:hover{ 
	padding-bottom:0;
}

#header #nav li ul a,
#header #nav li ul a.cur{ 
	background:#eeeeee;
	color:#e03188;
}
#header #nav li li a.chover,
#header #nav li li a:hover{
	background:#e03188; 
	color:#ffffff;
}
#header #nav li.cur ul{ 
	/*top:102px;*/
}
/************** le bord avec son inclinaison ... ********************/
#header #nav li.offres ul{ 
	/*top:102px;*/
	margin-left:-3px;
}
#header #nav a.offres{
	padding-left:5px;
} 
#header #nav { 
	background-color:transparent;
	background-image:url(./img/menu_bord0.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:10px;
}
#header #nav.offrecur {  
	background-image:url(./img/menu_bord1.gif);
}
#header #nav.offrehover {  
	background-image:url(./img/menu_bord2.gif); 
}
/*
#header #nav { 
	background-color:transparent;
	background-image:url(./img/menu_bord1.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}*/
/************** le bord avec son inclinaison ... ********************/
#header #nav li{ /* all list items */
	float:left;
	width:auto;
	/*width:10em; *//* width needed or else Opera goes nuts */
}
#header #nav li ul{ /* second-level lists */
	position:absolute;
	background:#eeeeee;
	background-color:transparent;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#header #nav li ul li{ /* second-level lists */
	border-top:1px solid #FFFFFF;
}
#header #nav li:hover ul, 
#header #nav li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}
#header #nav li ul,
#header #nav li ul li,
#header #nav li ul li a{ /* second-level lists */
/*	width:15em;*/
	width:160px;
}
#header #nav li ul,
#header #nav li ul li{
	/*width:14.0em;*/
	width:169px;
}

/*** Version no sub menu if selected */
#header #nav .cur ul{
	display:none;
}  
#header #nav .cur a:hover{
/*	display:none;*/
	padding-bottom:8px;
	background:#ffa500;
	color:#ffffff;
}  

/*******************************/
.partenaire_logo{
	background-color:transparent; 
	background-image:url(./img/partenaire_masque.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:0px;
	text-align:center;
	width:123px;
	height:77px;
	
}
.partenaire_logo img{
	/*padding:auto;   */
	margin:auto; 
	display:block; 
	position:relative; 
	top:20%;    
}

#content div.qui{
	height:130px;
}
#content div.qui p{
	padding-left:100px;
}

#content div.qui b{
	color:#E03188;
}