BODY 
{
	FONT-FAMILY: verdana;
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
	font-size:10px;
	text-align:center;
}

td {
	font-family : verdana ;
	font-size : 11px ;
	height : 25px ;
}

td.petit {
	font-family : verdana ;
	font-size : 9px ;
}

/* police*/

b {
	font-size : 11px;
	font-weight : bold ;
	color : #6C6B6B ;
}

b.blue  {
	font-size : 11px;
	font-weight : bold ;
	color : #2982AD ;
}

b.red  {
	font-size : 11px;
	font-weight : bold ;
	color : #CB0202 ;
}
a.big {
	font-size : 12px;
	font-weight : bold ;
	color : #CB0202 ;
	text-decoration : none ;
}


H1 {
	font-size : 11px ;
	font-weight : bold ; 
	color : #666666 ;
}

H1.rouge{
	font-size : 11px ;
	font-weight : bold ; 
	color : #CB0202 ;
}


/*--FORM--*/

input, text {
	font-size:10px;
	font-family : verdana ;
	border: solid #333333;
	border-style:solid;
	border-width:1px;
	background-color : #fff ;
}

input, submit {
	font-size:10px;
	font-family : verdana ;
	color : #CB0202 ;
	border: solid #333333;
	border-style:solid;
	border-width:1px;
	background-color : #fff ;
}

input, textarea {
	font-size:10px;
	font-family : verdana ;
	border: solid #333333;
	border-style:solid;
	border-width:1px;
	background-color : #fff ;
}

input, checkbox {
	font-size:10px;
	font-family : verdana ;
	border : 0px ;
}

input, select {
	font-size:10px;
	font-family : verdana ;
	border: solid #333333;
	border-style:solid;
	border-width:1px;
	background-color : #fff ;
}


/*--/FORM--*/

/*_______________________________COMMUN___________________________________________*/

/* FRAMES */

#head { 
	background: #fff url(images/head_long2.jpg) bottom left no-repeat;
	width:750px;
	height:80px;
  	margin:0 auto;
	padding:0;
	text-align:left;
	clear : both ;
}
html>body #head {width:749px}

#head_left {
	float : left ;
	text-align : right ;
	/* border : 1px solid #ffffff ; */
	width : 300px ;
	height : 80px ;
	/* background: #fff url(images/logo_portime.gif) center left no-repeat; */
}
html>body #head_left {width:300px;}

#head_right {
	/* border : 1px solid #ffffff ; */
	padding : 5px 3px 0 0 ;
	float : right ;
	width : 420 px ;
	height : 80px ;
	text-align : right ;
	vertical-align : top ;
}
html>body #head_right {width:420px; height : 75px}

#subhead { 
	width:750px;
	height:100px;
  	margin:0 auto;
	margin-bottom : 10px ;
	padding:0 1px 0 1px;
	text-align:left;
	clear : all ;
}
html>body #subhead {width:749px; height : 110px}

#subhead_left {
	border : 1px solid #ffffff ;
	float : left ;
	display : inline ;
	line-height : 1.8em ;
	background: #fff url(images/accroche_index.gif) top left no-repeat;
	border-right : 4px solid #638A9C ; 
	width:370px;
	height:105px;
  	margin:0 auto;
	padding:0 1px 0 85px;
	text-align:left;
	font-family : verdana ;
	font-weight:bold;
	font-size : 18px ; 
	font-style : italic ;
	color : #CB0202 ;
}
html>body #subhead_left {width:285px}

#subhead_right {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 1.6em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right {width:329px}

#subhead_right_index {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 1.6em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right_index {width:329px}

#menu { 
	/* background: #fff url(images/deg_menu.jpg); */
	background: #fff url(images/menu2.gif) no-repeat;
	width:750px;
	height:25px;
  	margin:0 auto ;
	padding:0 1px 0 1px;
}
html>body #menu {width:749px; height:21px}

#contain {
	width:750px;
  	margin:10px auto ;
	padding:0 1px 0 1px;
	text-align : left ;
}
html>body #contain {width:749px}

#contain_left {
	float : left ;
	width:480px;
	height : auto ;
  	margin:5px 0 0 0 ;
	padding:0 1px 0 1px;
	clear : both ;
	list-style-type : square ;
}
html>body #contain_left {width:489px ; height : auto}

#contain_left ul, li {
	list-style-type:decimal;
}

/* pavé du centre */

#pave_gauche1 {
	background: #fff url(images/fond_bulle.gif);
	padding : 5px 0 0 10px ;
	line-height : 1.6em ;
	float : left ;
	width : 238px ;
	height : 50px ;
}
html>body #pave_gauche1 {width:228px ; height : 45px}

#pave_droit1 {
	background: #fff url(images/fond_bulle.gif) no-repeat;
	padding : 5px 0 0 10px ;
	line-height : 1.6em ;
	float : right ;
	width : 238px ;
	height : 50px ;
html>body #pave_droit1 {width:228px ; height : 45px}
}

#pave_gauche2 {
	background: #fff url(images/fond_bulle.gif);
	padding : 5px 0 0 10px ;
	line-height : 1.6em ;
	float : left ;
	width : 238px ;
	height : 50px ;
}
html>body #pave_gauche2 {width:228px ; height : 45px}

#pave_droit2 {
	background: #fff url(images/fond_bulle.gif) no-repeat;
	padding : 5px 0 0 10px ;
	line-height : 1.6em ;
	float : right ;
	width : 238px ;
	height : 50px ;
html>body #pave_droit2 {width:228px ; height : 45px}
}

#capture_gauche {
	background: #fff url(images/capture_index1.gif) top center no-repeat;
	float : left ;
	width : 238px ;
	height : 162px ;
	margin : 5px 10px 0 0 ;
}
html>body #capture_gauche {width : 223px; margin-left : 5px}

#texte {
	text-align : justify ;
	line-height : 1.5em ;
	padding-right : 20px ;
	}

#capture_droite {
	border : 1px solid #fff ;
	background: #fff url(images/capture_index2.gif) top center no-repeat;
	float : right ;
	width : 240px ;
	height : 162px ;
	margin : 5px 0 0 -10px ;
}
html>body #capture_droite {width : 233px; margin-right : 12px}

#contain_right {
	float : right ;
	width:256px;
	height : auto ;
  	margin:0 ;
	padding:0 ;
}

#contain_right_top {
	background: #fff url(images/haut_pave_dt.gif) top left no-repeat;
	font-size : 11px ;
	font-weight : bold ;
	color : #2982AD ;
	text-align : left ;
	width:256px;
	height : 26px ;
  	margin:0 ;
	padding:10px 10px 0 10px ;
}
html>body #contain_right_top {width:236px; height:16px}

#contain_right_mid {
	background: #fff url(images/mid_pave_dt.gif) top left;
	text-align : left ;
	width:256px;
  	margin:0 ;
	padding:5px 10px 5px 10px ;
}
html>body #contain_right_mid {width:236px}

#contain_right_bottom {
	background: #fff url(images/bas_pave_dt.gif) top left no-repeat;
	width:256px;
	height : 15px ;
  	margin:0 ;
	padding:0;
}

#contain_atout {
	background: #fff url(images/atout.gif) top left no-repeat;
	text-align : left ;
	width:263px;
	height : 400px ;
  	margin:0 ;
	padding:10px 15px 5px 10px ;
}
html>body #contain_atout {width:235px}

#contain_qualite {
	background: #fff url(images/arbo_qualite.gif) top left no-repeat;
	text-align : left ;
	width:263px;
	height : 590px ;
  	margin:0 ;
	padding:5px 10px 5px 5px ;
}
html>body #contain_qualite {width:250px}

#contain_market {
	background: #fff url(images/arbo_market.gif) top left no-repeat;
	text-align : left ;
	width:263px;
	height : 590px ;
  	margin:0 ;
	padding:5px 10px 5px 5px ;
}
html>body #contain_market {width:250px}

#contain_rh {
	background: #fff url(images/arbo_rh.gif) top left no-repeat;
	text-align : left ;
	width:263px;
	height : 780px ;
  margin:0 ;
	padding:5px 10px 5px 5px ;
}
html>body #contain_rh {width:250px}

#contact {
	background: #fff url(images/contact_index.gif) bottom left no-repeat;
	width : 480px ;
	height : 69px ;
	padding : 27px 0 0 305px ;
	margin : 25px 0 0 0 ;
}
html>body #contact {height : 42px; padding : 36px 0 0 305px}

#pub_octime {
	width : 263px ;
	height : 158px ;
  	margin:0 ;
}

#footer { 
	border-top : 4px solid #C1CFD7 ;
	width:750px;
	height:20px;
  	margin:0 auto;
	padding:0 1px 0 1px;
	text-align:left;
	clear : both ;
}
html>body #footer {width:749px; margin-top : 10px}

/* MENU */

#nav ul, li {
	margin-top : 5px ;
	display:inline;
	width : auto ;
	list-style-type:none;
}
#nav a {
	display:block;
	width : auto ;
	height : 24px ;
	font-size : 11px ;
	font-weight : bold ;
	text-align : center ;
	color : #6C6B6B ;
	padding : 4px 12px 0 13px ;
	margin :0 9px 0 -6px ;
	float:left;
	text-decoration: none;
}
html>body #nav a {height:17px}

#nav li#active a {
	font-size : 11px ;
	font-weight : bold ;
	color : #CB0202 ;
	text-align : center ;
	border-bottom: 4px solid #6694AA ;
}

#nav li#active_rh a {
	font-size : 11px ;
	font-weight : bold ;
	color : #CB0202 ;
	text-align : center ;
	border-bottom: 4px solid #94AAB5 ;
}

#nav li#active_comm a {
	font-size : 11px ;
	font-weight : bold ;
	color : #CB0202 ;
	text-align : center ;
	border-bottom: 4px solid #C6D3DE ;
}

#nav li#active_cal a {
	font-size : 11px ;
	font-weight : bold ;
	color : #CB0202 ;
	text-align : center ;
	border-bottom: 4px solid #A5BAC6 ;
}

#nav  li#ent a:hover {
	border-bottom: 4px solid #819FAD ;
}

#nav  li#rh a:hover {
	border-bottom: 4px solid #90AAB7 ;
}

#nav  li#cal a:hover {
	border-bottom: 4px solid #A7BBC6 ;
}

#nav  li#com a:hover {
	border-bottom: 4px solid #C2D0D8 ;
}

/*_______________________________/COMMUN___________________________________________*/

/*_______________________________references___________________________________________*/

#gauche {
	padding : 5px 0 0 10px ;
	text-align : left ;
	vertical-align : top ;
	line-height : 1.6em ;
	float : left ;
	width : 238px ;
	height : auto ;
	padding :0 10px 0 0 ;
}
html>body #gauche {width:220px}

#droite {
	padding : 5px 0 0 10px ;
	text-align : left ;
	vertical-align : top ;
	line-height : 1.6em ;
	float : right ;
	width : 238px ;
	height : auto ;
	padding :0 10px 0 0 ;
}
html>body #droite {width:220px}

#contact_ref {
	background: #fff url(images/bulle_contact.gif) top  no-repeat;
	text-align : left ;
	width:263px;
	height : 260px ;
  	margin:0 ;
	padding:10px 5px 5px 10px ;
}
html>body #contact_ref {width:248px; height : 245px}

/*_______________________________/references___________________________________________*/

/*_______________________________contact___________________________________________*/

#adresse {
	background: #fff url(images/bulle_adresse.gif) top  no-repeat;
	text-align : left ;
	width:263px;
	height : 129px ;
  	margin:0 ;
	padding:10px 5px 5px 10px ;
	clear : both ;
}
html>body #adresse {width:248px; height : 114px}

#salies {
	font-size : 9px ;
	padding : 5px 5px 0 7px ;
	text-align : left ;
	vertical-align : top ;
	float : left ;
	width : 124px ;
	height : auto ;
	border-right : 1px dotted #5383A1 ;
	margin-left : -5px ;
}
html>body #salies {width:117px; padding-left : 5px}

#anthony {
	font-size : 9px ;
	padding : 5px 5px 0 0 ;
	text-align : left ;
	vertical-align : top ;
	float : right ;
	width : 117px ;
	height : auto ;
}
html>body #anthony {width:116px}

/*_______________________________/contact___________________________________________*/

/*_______________________________ENTREPRISE___________________________________________*/

#subhead_left_ent {
	border : 1px solid #ffffff ;
	float : left ;
	display : inline ;
	line-height : 1.8em ;
	background: #fff url(images/accroche_ent.gif) top left no-repeat;
	border-right : 4px solid #638A9C ;
	width:370px;
	height:105px;
  	margin:0 auto;
}

#subhead_right_ent {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 2em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right_ent {width:329px}

/*_______________________________/ENTREPRISE___________________________________________*/

/*_______________________________RH___________________________________________*/
#subhead_left_rh {
	border : 1px solid #ffffff ;
	float : left ;
	display : inline ;
	line-height : 1.8em ;
	background: #fff url(images/accroche_rh.gif) top left no-repeat;
	border-right : 4px solid #638A9C ;
	width:370px;
	height:105px;
  	margin:0 auto;
}

#subhead_right_rh {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 1.9em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right_rh {width:329px}
/*_______________________________/RH___________________________________________*/

/*_______________________________qualité___________________________________________*/
#subhead_left_cal {
	border : 1px solid #ffffff ;
	float : left ;
	display : inline ;
	line-height : 1.8em ;
	background: #fff url(images/accroche_qualite.gif) top left no-repeat;
	border-right : 4px solid #638A9C ;
	width:370px;
	height:105px;
  	margin:0 auto;
}

#subhead_right_cal {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 2em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right_cal {width:329px}
/*_______________________________/qualité___________________________________________*/

/*_______________________________marketing___________________________________________*/
#subhead_left_comm {
	border : 1px solid #ffffff ;
	float : left ;
	display : inline ;
	line-height : 1.8em ;
	background: #fff url(images/accroche_comm.gif) top left no-repeat;
	border-right : 4px solid #638A9C ;
	width:370px;
	height:105px;
  	margin:0 auto;
}

#subhead_right_comm {
	border : 1px solid #ffffff ;
	vertical-align : middle ;
	line-height : 1.7em ;
	float : right ;
	width:360px;
	height:105px;
  	margin:-5px auto;
	padding:0 30px 5px 1px;
	text-align : justify ;
	font-size : 11px ;
}
html>body #subhead_right_comm {width:329px}
/*_______________________________/marketing___________________________________________*/