/* ----------- RESET CSS ----------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ----------- START CSS NOVENCIA ----------- */

html, body {
				height: 100%;
}
body {
	font:.7em/1.2 Arial, Helvetica, sans-serif;
	color: #333;
	background:url(../img/Novencia_bg.jpg) repeat-x #000;
}
a {
	color: #333;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color:#cc0066;
	text-decoration:underline;
}
.fushia {
	color: #cc0066;
}
.fushia a {
	color: #cc0066;
}


/* ----------- STRUCTURE ----------- */

#container {
	overflow:hidden;
	position: relative;
	width:994px;
	min-height: 800px;
	margin:0 auto;
	background: url(../img/Novencia_bg3.png) repeat-y;
}
#header {
	width:978px;
	height:205px;
	margin:0 auto;
	background:  #FFF url(../img/Novencia_bg_bandeau.jpg) 0px 18px no-repeat;
}
#content {
	overflow:hidden;
	width:978px;
	margin:0 auto;
	padding-bottom:50px;
	background-color:#FFF;
	background:url(../img/Novencia_N.gif) top right no-repeat #FFF;
}
#col_left {
	overflow:hidden;
	float:left;
	width:190px;
}
#col_content_3col {
	overflow:hidden;
	float:left;
	width:503px;
	margin-top: 10px;
}
#col_content_2col {
	overflow:hidden;
	float:left;
	width:770px;
	margin-top: 10px;
}
#col_content_1col {
	overflow:hidden;
	float:left;
	width:978px;
}
#col_right {
	overflow:hidden;
	float:left;
	width:275px;
}
#footer {
	width:994px;
	height:24px;
	position:absolute;
	bottom: 0px;
	margin-top:50px;
}


/* ----------- HOME ----------- */
#home_container {
	position: relative;
	width:994px;
	margin: 0 auto;
	background: url(../img/Novencia_bg3.png) repeat-y;
}
#home_content {
	width:978px;
	height:540px;
	margin:0 auto;
	padding-bottom:50px;
	background:url(../img/Novencia_Img_Home.jpg) top right no-repeat #FFF;
}
#home_logo {
	padding:60px 50px 20px 70px;
}
#home_menu {
	margin:30px 50px 20px 100px;
	width:200px;
	height:240px;
}
#home_menu ul {
	width:200px;
}
#home_menu li {
	width:200px;
	height:19px;
	padding:3px 0px 3px 0px;
}


/* ----------- HOME FLASH (2010/03/12) ----------- */
#home_container_f {
	position: relative;
	width:1000px;
	margin:0 auto;
	background: url(../img/Novencia_bg4.png) repeat-y;
}
#home_content_f {
	width:984px;
	margin:0 auto;
	padding:3px 0px 7px 0px;
}


/* ----------- HEADER ----------- */

#bandeau {
	width:970px;
	height:187px;
	position:relative;
	float: right;
	background:url(../img/Novencia_photo1.jpg) no-repeat right top;
}
#bandeau h1 {
	float:left;
	margin:20px 0px 0px 20px;
	padding: 0;
}
#bandeau h1 span {
	display: none;
}
#menutop {
	font-size:0.8em;
	float:right;
	height:18px;
	position:relative;
	top:4px;
	right:12px;
}
#menutop ul {
	list-style: none;
	display:inline;
}
#menutop ul li {
	list-style:none;
	display:inline;
}

 
/* ----------- HEADER HOME (2010/03/12) ----------- */

#menutop_f {
	font-size:0.8em;
	position: relative;
	width:1000px;
	margin:0 auto;
	margin-top: 60px;
	height:30px;
	background:url(../img/MenuTop_Home_F.png) no-repeat;
}
#menutop_f ul {
float: right;
padding:15px 25px 0px 0px;
	list-style: none;
	display:inline;
}
#menutop_f ul li {
	list-style:none;
	display:inline;
}



/* ----------- NAVIGATION PRINCIPALE ----------- */

.nav_container {
	position:relative;
	float: left;
	padding:27px 0px 0px 20px;
}
.nav_main				{float: right; display:inline; height:23px; width: 954px;}

.nav_main ul 				{margin:0; padding:0;}
.nav_main ul li 			{float:left; position:relative; margin:0; list-style-type:none; text-align:left; font-weight:bold;}


.nav_main ul li a			{display:block; height:40px;}
.nav_main ul li a span			{display:none;}

.nav_main ul li#nav_main_1		{width:125px; margin:0px -6px 0px 0px;}
.nav_main ul li#nav_main_2		{width:150px; margin:0px -21px 0px 0px;}
.nav_main ul li#nav_main_3		{width:130px; margin:0px -3px 0px 0px;}
.nav_main ul li#nav_main_4		{width:148px; margin:0px 12px 0px 0px;}
.nav_main ul li#nav_main_5		{width:173px; margin:0px 6px 0px 0px;}
.nav_main ul li#nav_main_6		{width:109px; margin:0px 16px 0px 0px;}
.nav_main ul li#nav_main_7		{width:80px; margin:0px 0px 0px 0px;}

.nav_main ul li#nav_main_1 a		{background-image:url(../img/nav_main_1.png);}
.nav_main ul li#nav_main_2 a		{background-image:url(../img/nav_main_2.png);}
.nav_main ul li#nav_main_3 a		{background-image:url(../img/nav_main_3.png);}
.nav_main ul li#nav_main_4 a		{background-image:url(../img/nav_main_4.png);}
.nav_main ul li#nav_main_5 a		{background-image:url(../img/nav_main_5.png);}
.nav_main ul li#nav_main_6 a		{background-image:url(../img/nav_main_6.png);}
.nav_main ul li#nav_main_7 a		{background-image:url(../img/nav_main_7.png);}


.nav_main ul li#nav_main_1 ul		{width:125px; background: url(../img/nav_main_bottom_1.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_2 ul		{width:150px; background: url(../img/nav_main_bottom_2.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_3 ul		{width:130px; background: url(../img/nav_main_bottom_3.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_4 ul		{width:148px; background: url(../img/nav_main_bottom_4.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_5 ul		{width:173px; background: url(../img/nav_main_bottom_5.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_6 ul		{width:109px; background: url(../img/nav_main_bottom_6.png) no-repeat bottom; padding:5px 0px 12px 0px;}
.nav_main ul li#nav_main_7 ul		{width:80px; background: url(../img/nav_main_bottom_7.png) no-repeat bottom; padding:5px 0px 12px 0px;}

.nav_main ul li#nav_main_1 li a,
.nav_main ul li#nav_main_2 li a,
.nav_main ul li#nav_main_3 li a,
.nav_main ul li#nav_main_4 li a,
.nav_main ul li#nav_main_5 li a,
.nav_main ul li#nav_main_6 li a,
.nav_main ul li#nav_main_7 li a		{background:url(../img/nav_main_fleche.gif) 2px 9px no-repeat; padding:5px 0 5px 9px; }


.nav_main ul ul						{position:absolute; top:40px; left:0; padding:0; z-index:50; }
.nav_main ul ul li					{float:none; margin:0 6px 0 6px; display:block;}

.nav_main ul li#nav_main_1 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_2 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_3 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_4 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_5 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_6 ul li	{float:none; margin:0; padding-left:5px; display:block; }
.nav_main ul li#nav_main_7 ul li	{float:none; margin:0; padding-left:5px; display:block; }


* html .nav_main ul ul li		{float:left; display:inline;}
.nav_main ul ul li a			{background-image:none; height:auto; color:#000; text-decoration:none;}
* html .nav_main ul ul li a		{height:1%;}
.nav_main ul ul li a:hover		{color:#cc0066;}

/*	Règles d'affichage initial	*/
.nav_main ul .off ul			{display:none;}

/*	Règles d'affichage dynamique	*/
.nav_main ul li.on a		{background-position:0 -40px;}
.nav_main ul .on 			{background:;}
.nav_main ul .on ul			{display:block;}



/* ------------------------------ CONTENT ------------------------------ */

/* -----------  fil d'ariane  ----------- */

#fil_ariane { color: #000; padding: 0px; text-align:left; margin:0px 0px 0px 50px; display:block; }
#fil_ariane ul {
	list-style: none;
	display:inline;
}
#fil_ariane ul li {
	list-style:none;
	display:inline;
}

/* -----------  colonne left : sous menu  ----------- */

#col_left ul {
	display:block;
	float:left;
	width:145px;
	margin: 25px 0px 25px 30px;
}
#col_left li {
	font-weight:bold;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color:#cc0066;
	border-bottom:#CCC solid 1px;
}
#col_left li a {
	text-decoration:none;
	color:#000;
}
#col_left li a:visited {
	text-decoration:none;
	color:#000;
}
#col_left li a:hover {
	color:#cc0066;
}
#col_left .last {
	border:none;
}

/* -----------  titres, sous-titre et textes  ----------- */
#content h1 {
	height:29px;
	margin: 15px 0px 0px 0px;
}
#content h1 img {
	padding: 0px 0px 0px 26px;
}
#content h2 {
	font-size:1.6em;
	color: #cc0066;
	padding: 10px 30px 10px 25px;
	font-weight:normal;
}
#content h3 {
	font-size:1.2em;
	color: #000;
	padding: 10px 30px 6px 25px;
	font-weight:bold;
}
#content h4 {
	font-size:1.2em;
	color:#cc0066;
	padding: 2px 30px 6px 25px;
	font-weight:bold;
}
#content h5 {
	font-size:1 em;
	color:#000;
	padding: 2px 30px 6px 25px;
	font-weight:bold;
}
#content h6 {
	font-size:1.05em;
	color:#000;
	padding: 2px 0px 6px 0px;
	font-weight:bold;
}
#content h7 {
	font-size:1 em;
	color:#000;
	padding: 0px 0px 12px 0px;
	font-weight:normal;
}

#content p {
	padding: 5px 30px 12px 25px;
	text-align:justify;
}
#col_content_2col ul {
	padding: 0px 30px 12px 30px;
}
#col_content_2col a {
	color: #333;
	text-decoration:none;
}
#col_content_2col a:visited {
	text-decoration:none;
}
#col_content_2col a:hover {
	color:#cc0066;
	text-decoration:none;
}



.schema {
	padding: 5px 30px 12px 25px;
}
#content .logo {
	padding: 0px 0px 0px 0px;
}
#content table {
	background-repeat:no-repeat;
}
.content_marge {
	margin: 5px 30px 12px 25px;
}
#content object {
	padding: 0px 0px 12px 25px;
}


#col_content_2col ul li
{
	display : list-item;
	list-style-image: url(/img/Puce.gif);
	margin-bottom: 5px;
}




#col_content_3col ul {
	padding: 0px 30px 12px 30px;
}

#col_content_3col ul li
{
	display : list-item;
	list-style-image: url(/img/Puce.gif);
	margin-bottom: 5px;
}



/* -----------  slider  ----------- */


#menu4 a.wactive {
	color: #cc0066;
	text-decoration: none;
}


/* -----------  colonne left : bouttons  ----------- */

.bouttons {
	margin:10px 0px 10px 15px;
}
.bouttons a {
	border:none;
}







/* -----------  colonne right : portlet  ----------- */

#portlet_bottom 
{
	overflow:hidden;
	background: url(../img/portlet_bottom.jpg) no-repeat bottom;
	width:275px;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-top:10px;
}
#portlet_top 
{
	background: url(../img/portlet_top.gif) top no-repeat;
	width:275px;
	padding-top:15px;
}
#portlet_top p {
	padding: 0px 20px 0px 20px;
}
#portlet_top ul {
	padding: 0px 20px 0px 20px;
}

/* -----------  colonne right : portlet Offres d'emploi  ----------- */

#portlet_emploi_bottom 
{
	background: url(../img/portlet_bottom.jpg) no-repeat bottom;
	width:275px;
	padding-bottom:15px;
}
#portlet_emploi_top 
{
	overflow:hidden;
	background: url(../img/portlet_top_Offres.jpg) top no-repeat;
	width:275px;
	padding-top:40px;
}
#portlet_emploi_top p {
	padding: 0px 20px 0px 20px;
}
#portlet_emploi_top ul {
	padding: 0px 20px 0px 20px;
}

/* -----------  colonne right : portlet Actu  ----------- */

#portlet_actu_bottom {
	background: url(../img/portlet_bottom.jpg) no-repeat bottom;
	width:275px;
	padding-bottom:15px;
}
#portlet_actu_top {
	background: url(../img/portlet_top_Actu.jpg) top no-repeat;
	width:275px;
	padding-top:40px;
}
#portlet_actu_top p {
	padding: 0px 20px 0px 20px;
}
#portlet_actu_top ul {
	padding: 0px 20px 0px 20px;
}


/* -----------  colonne right : content  ----------- */
#col_right img {
	padding: 15px 0px 1px 3px;
	margin: 0px;
}

#col_right div#Legende 
{
	padding: 0px 0px 20px 10px;
	font-size: 0.8em;
}





/* -----------  colonne center : groupe  ----------- */
.grid_three_colonnes {
	width:170px;
	margin: 10px 0px 0px 0px;
	float:left;
	border-left: #ccc 1px solid;
}
.grid_three_colonnes_bis {
	width:170px;
	margin: 10px 0px 0px 90px;
	float:left;
	border-left: #ccc 1px solid;
}
.grid_three_colonnes h4, .grid_three_colonnes_bis h4 {
	padding: 0px 0px 10px 22px;
}
.grid_three_colonnes h5, .grid_three_colonnes_bis h5 {
	padding: 0px 0px 5px 22px;
}
.grid_three_colonnes p, .grid_three_colonnes_bis p {
	padding: 0px 0px 12px 22px;
}
.grid_three_colonnes ul, .grid_three_colonnes_bis ul {
	padding: 0px 0px 10px 22px;
}


/* -----------  colonne center : references clients  ----------- */
.group_logo {
	width:730px;
	margin: 0px 0px 10px 25px;
	float:left;
}
.group_logo p {
	font-size:0.9em;
	padding: 0px 0px 5px 5px;
	color:#999;
	visibility:hidden;
}
.reference_logo {
	width:160px;
	margin: 0px 8px 0px 0px;
	float:left;
}
.reference_logo_bis {
	width:200px;
	margin: 0px 8px 0px 0px;
	float:left;
}




/* ------------------------------ FOOTER ------------------------------ */

#footer_content {
	width:954px;
	border-top: #CCC solid 1px;
	margin-left:20px;
}
#footer ul {
	font-size:0.8em;
	padding: 5px 0px 0px 0px;
	float:left;
	display: inline-block;
}
#footer ul li {
	list-style:none;
	display:inline;
	color:#000;
}
#footer .separate {
	float:right;
}


/* ------------------------------ FOOTER HOME FLASH (2010/03/012) ------------------------------ */

#footer_f {
	position: relative;
	width:1000px;
	margin:0 auto;
	height:30px;
	background:url(../img/Footer_Home_F.png) no-repeat;
}
#footer_content_f {
	width:984px;
}
#footer_f ul {
	font-size:0.9em;
	padding: 3px 7px 0px 22px;
	float:left;
	display: inline-block;
}
#footer_f ul li {
	list-style:none;
	display:inline;
	color:#000;
}
#footer_f .separate {
	float:right;
}




/* ------------------------------ Textes SHEMAS ------------------------------ */
#detail_2, #detail_3, #detail_4, #detail_5, #detail_6 { display:none; }


/* ------------------------------ Fiche témoignage ------------------------------ */
#temoin {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 0px 0px;
	float:left;
	width:460px;
	background:url(../img/bg_temoin.jpg) repeat-x;
}
#temoin img {
	padding: 0px 15px 0px 0px;
	float:left;
}
#temoin h3 {
	padding: 15px 0px 0px 0px;
}
#temoin h4 {
	padding: 0px 0px 0px 0px;
}
#temoin p {
	padding: 5px 10px 5px 0px;
}

/* ------------------------------ Actualité ------------------------------ */
.actu {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 5px 0px;
	float:left;
	width:430px;
	border-bottom: #CCC solid 1px; 
}
.actu img {
	padding: 0px 15px 0px 0px;
	float:left;
}
.actu h3 {
	padding: 0px 0px 0px 12px;
	margin:0px;
	background:url(../img/Puce_1.gif) no-repeat 0px 15px;
}
.actu .date 
{
	margin: 0px 0px -8px 0px;
	font-size:10px;
	color:#666;
}
.actu .DescriptionActualite {
	padding: 3px 0px 2px 0px;
}

.VoirActus
{
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 5px 0px;
	float:left;
	width:430px;
}


/* ------------------------------ Presse ------------------------------ */
.presse {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 5px 0px;
	float:left;
	width:430px;
	border-bottom: #CCC solid 1px; 
}
.presse img {
	padding: 0px 15px 0px 0px;
	float:left;
}
.presse h3 {
	padding: 0px 0px 0px 0px;
	margin:0px;
	background:url(../img/Puce_1.gif) no-repeat 0px 15px;
}
.presse .date 
{
	margin: 0px 0px -8px 0px;
	font-size:10px;
	color:#666;
}
.presse .DescriptionPresse {
	padding: 0px 0px 0px 0px;
}


/* ------------------------------ Newsletter ------------------------------ */
.newsletter {
	margin: 0px 0px 10px 25px;
	padding: 0px 0px 5px 0px;
	float:left;
	width:430px;
	border-bottom: #CCC solid 1px; 
}
.newsletter img {
	padding: 0px 15px 0px 0px;
	float:left;
}
.newsletter h3 {
	padding: 0px 0px 0px 0px;
	margin:0px;
	background:url(../img/Puce_1.gif) no-repeat 0px 15px;
}
.newsletter .date 
{
	margin: 0px 0px -8px 0px;
	font-size:10px;
	color:#666;
}
.newsletter .DescriptionNewsletter {
	padding: 0px 0px 0px 0px;
}




.bloctexte { border-left:#CCC solid 1px; margin-top:10px; width:730px;}

.guiderecrut { border-bottom:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; margin:0px 0px 10px 30px; padding:0px 0px 0px 0px; width:445px; background:url(../img/bg_guide.jpg) bottom repeat-x;}
.guiderecrut table { margin:0px; padding:0px;}


.bloctexte2 { }

.blocschema { margin-top:10px;}