/* CSS Document general */

@import "init.css";
@import "mooScroller.css";
@import "menu.css";
@import "form.css";


body {background-color:#b0b4b7}
body, html {height:100%}
#body_for_verticalalign {width:100%;height:100%}
table#inner {width:1010px;height:610px}
#body_for_verticalalign td {vertical-align:middle}

#global {
	width:990px;
	height:610px;
	margin:0px auto;
	background-color:#fff;
	border-bottom-color:#262728;
	border-right-color:#262728;
}
#header{width:990px;height:75px;background-color:#162359}
#header h1 a{display:block;width:480px;height:74px;background:url(/library/img/global/logo-header.gif) no-repeat}
#header h1 a span{display:none}
.bluefhcom{color:#162359}
/* col right */
#col-right {float:right;width:227px;height:495px;padding-top:15px;color:#fff;background:#162359 url(/library/img/global/shadow-clip.png) repeat-x 0 -1px}

#client_space {width:226px;height:220px;text-align:center}
#client_flash {float:left;height:176px;padding-top:12px;padding-left:4px}

#col-right_nav {width:227px;margin:15px auto 0 auto;text-align:center}
#col-right_nav li {display:inline;padding:0 3px}

.last_reviews {width:193px;height:454px;margin:0 auto 15px auto;clear:both;background:url(/library/img/col-right/dernieres_news_bg.gif) no-repeat}
.last_reviews h4 {padding:7px 0 0 10px;height:20px;font-size:1.2em}
.last_reviews .scroll_right dl {margin:5px 5px 5px 10px}
.last_reviews .scroll_right dl dt {color:#d7dce0;font-size:11px;margin-bottom:15px}
.last_reviews .scroll_right dl dd {padding-left:5px;font-size:11px}
.last_reviews .scroll_right dl dd a {display:block;text-align:right;color:#d7dce0}

.last_reviews {width:193px;height:190px;margin:10px auto 15px auto;clear:both;background:url(/library/img/col-right/calendar_bg2.gif) no-repeat}
.last_reviews h4 {padding:7px 0 0 10px;height:20px;font-size:11px}

#quick_acces {width:227px;text-align:center}
#quick_acces li {display:inline;text-align:center;padding:0 3px}
#quick_acces li a {color:#fff;text-decoration:none;font-size:9px}
#quick_acces li a#rss {background:url(/library/img/pics/rss.gif) no-repeat;padding:3px 0 3px 16px;margin-left:5px}
/* end col right */

/* col left */
#col-left {width:178px;height:492px;float:left;position:relative;padding:18px 0 0 11px;background:url(/library/img/global/bg-col-left.jpg) no-repeat}
#col-left.accueil{background:url(/library/img/global/bg-col-left-dark.jpg) no-repeat}

#col-left #edito {height:462px;padding-right:5px;overflow:hidden}
* html #col-left #edito {overflow:hidden;}
#col-left .imgedito{width:204px;position:absolute;left:0;bottom:0}
#col-left .imgedito.home{height:273px;background:url(/library/img/global/illustration-home.png) no-repeat}
#col-left .imgedito.int1{height:273px;background:url(/library/img/global/visuel_col_1.png) no-repeat}
#col-left .imgedito.int2{height:280px;background:url(/library/img/global/visuel_col_2.png) no-repeat}
#col-left .imgedito.int3{height:258px;background:url(/library/img/global/visuel_col_3.png) no-repeat}

#col-left h3 {padding:5px 3px;color:#000;font-size:13px;font-weight:normal;color:#162359}
#col-left p {padding:3px;line-height:140%;color:#676d71;font-size:10px}

#col-left p.edito.studio {padding:100px 5px;line-height:140%;color:#162359;font-size:12px}


#col-left p#diagnose {border:1px solid #000;margin-top:3px}
#col-left p#diagnose span {font-size:12px;font-weight:700}
#col-left p#diagnose img {margin-left:1px}
/* end col left */

/* scrolling content */
/* with col-left */
#main {width:574px;height:510px;float:left;position:relative}
#fake_top_clipping {position:absolute;top:0;left:-1px;width:553px;height:46px;z-index:90;background:#fff url(/library/img/global/shadow-clip.png) repeat-x 0 -1px}
#fake_top_clipping span {position:absolute;left:11px}
#fake_top_clipping span strong {padding:0 10px;font-size:9px}
#fake_bot_clipping {position:absolute;bottom:0;left:0;width:544px;height:15px;z-index:99;background:#fff}

/* correction Scott - 1px en moins sur largeur pour IE 6 */
.scroll_content {width:558px;height:485px;padding:0 0 25px 15px;margin:0;overflow:auto;border-right:1px solid #777}

/* homepage */

table#homeLayout {
	width:100%;
	height:436px;
}
table#homeLayout td {
	vertical-align:top;
}
table#homeLayout tr td.colLeft {
	width:340px;
	padding:3px;
	color:#222F51;
	text-align:left;
}

table#homeLayout tr td.colLeft div span {
	font-size:10px;	
}
table#homeLayout tr td.colLeft div p,
table#homeLayout tr td.colLeft div h3,
table#homeLayout tr td.colLeft div h4 {
	text-align:left;
}
table#homeLayout tr td.colLeft img {
	border:1px solid #4a4a4a;
}

table#homeLayout tr td.colLeft div.separator {
	clear:both;width:340px;height:40px;background:url(/library/img/pics/separation_articles.gif) center 20px no-repeat;
}

table#homeLayout tr td.colRight {
	width:180px;
	padding:6px 3px 3px 10px;
	background-color:#E3E7E9;
	border-left:1px solid #C8D0D2;
}

table#homeLayout tr td.colRight div.separator {
	clear:both;width:160px;height:40px;background:url(/library/img/pics/separator_tiny.gif) center 20px no-repeat;
}

div.fullbox {
	width:330px;
}
div.leftboxleft {
	float:left;
	width:110px;	
	display:inline;
	margin-right:30px;
}
div.leftboxright {	
	float:left;
	width:190px;
	display:inline;
}

div.rightboxleft {
	float:left;
	width:190px;	
	display:inline;
	margin-right:30px;
}
div.rightboxright {	
	float:left;
	width:110px;
	display:inline;
}
div.halfboxleft, div.halfboxright {
	float:left;
	width:150px;	
	display:inline;
}
div.halfboxleft {	
	margin-right:30px;
}


/* end homepage */


/* pages clients => articles */
.separation_article {clear:both;width:520px;height:50px;background:url(/library/img/pics/separation_articles.gif) center 15px no-repeat}

/* centre articles */
.content {width:520px;padding-top:48px}
.content p {text-align:justify;padding:5px 0}
.content h1 {font-size:2em;font-weight:bold;color:#340270}
.content h2 {font-size:1.4em;padding-bottom:10px}
.content h3.normal {text-transform:none}
.content h3 {font-size:15px;text-transform:uppercase;padding-bottom:5px}
.content h4 {font-size:11px;font-style:italic;margin-bottom:5px;font-weight:normal;line-height:1.5em}
.content h5 {font-size:11px;font-weight:normal;text-align:justify;;line-height:1.5em}
.content .datepubli{font-size:10px;padding:3px 0;color:#222F51}
.content ul {padding-left:25px}
.content ul li {padding-left:10px;background:url(/library/img/pics/puce_ul.gif) 0 6px no-repeat}

/* centre articles */
.real_content {width:520px;padding-top:48px}
.real_content p {text-align:justify;padding:5px 0}
.real_content h1 {font-size:2em;font-weight:bold;color:#340270}
.real_content h2 {font-size:1.4em;padding-bottom:10px}
.real_content h3 {font-size:15px;text-transform:uppercase;padding-bottom:5px}
.real_content h4 {font-size:10px;margin-bottom:5px;font-weight:normal;line-height:1.5em}
.real_content h5 {font-size:11px;font-weight:normal;text-align:justify;;line-height:1.5em}


.real_content ul {padding-left:25px}
.real_content ul li {padding-left:10px;background:url(/library/img/pics/puce_ul.gif) 0 6px no-repeat}

/* content flux rss */
.real_content ul#feeds {margin-left:30px;margin-top:16px}
.real_content ul#feeds li {margin-bottom:15px;padding:2px 0;padding-left:100px}
.real_content ul#feeds li.feed-xml {background:url(/library/img/pics/feed-xml.png) no-repeat}
.real_content ul#feeds li.feed-yahoo {background:url(/library/img/pics/feed-yahoo.png) no-repeat}
.real_content ul#feeds li.feed-bloglines {background:url(/library/img/pics/feed-bloglines.png) no-repeat}
.real_content ul#feeds li.feed-newsgator {background:url(/library/img/pics/feed-newsgator.png) no-repeat}
.real_content ul#feeds li.feed-netvibes {background:url(/library/img/pics/feed-netvibes.png) no-repeat}
.real_content ul#feeds li.feed-google {background:url(/library/img/pics/feed-google.png) no-repeat}
.real_content ul#feeds li.feed-msn {background:url(/library/img/pics/feed-msn.png) no-repeat}
.real_content ul#feeds li.feed-wikio {background:url(/library/img/pics/feed-wikio.png) no-repeat}

.module_img {clear:both}
* html .module_img p {overflow:visible;text-align:justify}
.module_img table {float:left;width:100%;margin-bottom:10px}
.module_img div.communique {float:right;clear:both;text-align:right;width:100%}
.module_img div.communique a {display:block;height:24px;padding-right:30px;padding-top:5px;outline:0}

#pdf{background:url(/library/img/pics/pdf.gif) no-repeat right -2px}
#doc{background:url(/library/img/pics/doc.gif) no-repeat right 0px}
#xls{background:url(/library/img/pics/xls.gif) no-repeat right 0px}
#zip{background:url(/library/img/pics/zip.gif) no-repeat right 0px}

.module_img ul {width:285px;float:left}
.module_img ul li {padding-left:10px;width:275px;background:url(/library/img/pics/puce_ul.gif) 0 6px no-repeat}

.module_img dl {width:auto;font-size:.9em;border:1px solid #ccc;background-color:#fff;padding-left:5px;padding-top:5px; }
.module_img dt {font-size:1em;padding-left:5px;padding-bottom:2px;font-style:oblique;text-align:center;}

.module_img.right dl {float:right;margin-left:16px}
.module_img.left dl {float:left;margin-right:16px}

/* without col-left */
/* fhcom section - page présentation */
#fhcom_rub {width:505px;height:445px;float:left;padding:65px 120px 0 138px;font-size:.9em}
#fhcom_rub h2 {font-size:1.4em;padding-bottom:8px}
#fhcom_rub h3 {font-size:1.1em;padding-bottom:8px;font-weight:normal}
#fhcom_rub h3 strong {font-size:1.2em;display:block;font-weight:normal;text-transform:uppercase}
#fhcom_rub p {text-align:justify;padding-bottom:10px;line-height:1.5em}


/* clients section - page clients */
#clients_rub {width:763px;height:510px;float:left;position:relative}
#clients_rub #fake_top_clipping {position:absolute;top:0;left:0;width:605px;height:50px;z-index:90;background:#fff url(/library/img/global/shadow-clip.png) repeat-x 0 -1px;border:0;padding-left:136px}
#clients_rub #fake_top_clipping strong {padding:0 10px;font-size:9px}
#clients_rub #fake_bot_clipping {position:absolute;bottom:0;left:0;width:734px;height:15px;z-index:99;background:#fff;border:0}

.content .clients_presentation {padding:0 105px 0 123px;font-size:.9em}
.content .clients_presentation h2 {font-size:1.4em;padding-bottom:0}
.content .clients_presentation h3 {font-size:1.2em;padding-bottom:5px;font-weight:normal}
.content .clients_presentation p {text-align:justify;padding-bottom:10px;line-height:1.5em}

#clients_rub a.pdf-agenda {background:url(/library/img/pics/pdf.gif) no-repeat left 24px;padding:30px;margin-left:128px}
#clients_rub .content table {width:auto;float:left;display:inline;margin-left:90px}
#clients_rub .content table tr td {width:186px;height:90px;vertical-align:bottom;text-align:center}

#clients_rub a.pdf-diagnostic {background:url(/library/img/pics/pdf.gif) no-repeat left 24px;padding:30px;margin-left:20px;outline:0;font-size:11px}
#clients_rub a.jpg-diagnostic {background:url(/library/img/pics/jpeg.gif) no-repeat left 24px;padding:30px;margin-left:40px;outline:0;font-size:11px}

/* page agenda */
#clients_rub div#lagenda {	
	float:left;
	padding:10px;
	display:inline;
	margin-left:127px;	
	background-color:#fff;
}
#clients_rub table#agenda {	
	margin-left:0;
}
#clients_rub table#agenda tr th,
#clients_rub table#agenda tr td {
	width:75px;
	text-align:left;
	vertical-align:top;
	height:auto;
}
#clients_rub table#agenda tr th.tha {
	width:480px;
	font-size:16px;
	padding-top:20px;	
	padding-left:10px;
	text-transform:uppercase;
}
#clients_rub table#agenda tr th.thb {
	height:10px;
	width:480px;
	vertical-align:bottom;
}
#clients_rub table#agenda tr th.thb div.following {
	width:484px;
	float:right;
	font-size:10px;
	text-align:right;
	font-weight:normal;
	padding:2px 0;
	border-bottom:1px solid #69a9c9;
}
#clients_rub table#agenda tr td {
	color:#5e5d6a;
	width:71px;
	font-size:11px;
	font-weight:bold;
	padding:2px;
	background-color:#b4bfc6;	
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
}
#clients_rub table#agenda tr td.texte {
	width:480px;
	font-size:10px;
	font-weight:normal;
	text-align:justify;
	background-color:#fff;
	padding:5px;
	padding-left:10px;
}
#clients_rub table#agenda tr.even td.texte {
	background-color:#ecf2f6;
}

/* page telechargement */
table.telechargement {
	position:relative;
}
div.thumb {
	position:relative;
	float:left;
	margin:1px;
	width:122px;
	height:140px;	
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
}
div.thumb img { 
	margin:10px;
	border:0;
}
div.thumb img.cadena { 
	margin:0px;
	border:0;
}
div.thumb ul {
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	bottom:0;
	left:0;	
	width:120px;	 
	height:20px;	
	padding-bottom:2px;
	list-style-type:none;
	background-color:#fff;
}
div.thumb ul li {
	margin:0;
	padding:0;
	font-size:10px;
	display:inline;
	text-align:left;
	float:left;
	width:70px;
	height:18px;
	padding-top:5px;
	background:none;
}
div.thumb ul li.poids {
	width:50px;
}
div.thumb ul li label{
	text-align:center;
	width:80%;
	border:0px solid red
}
div.thumb ul li label input {
	border:0
}


/* Page search */

.search_result {
	margin-bottom:20px;
	font-size:0.9em;
}
.search_result span.nom {
	text-transform:capitalize;
	background-repeat:no-repeat;
	background-image:url(../../maj/images/feuille.gif);
	font-weight:bold;
	font-size:1.2em;
	padding-left:13px;
	display:block;
	margin-bottom: 5px;
}
.search_result span.highlight {
	background-color:#00B7E5;
	text-transform:uppercase;
}

.clear{
	float:none;
	clear:both;
}

/* Page Noel */
#clients_rub.noel,#clients_rub #fake_top_clipping.noel,#clients_rub #fake_bot_clipping.noel  {background:none #FFF}
ul.nav-left{width:100px;float:left;padding:20px 0 0 10px;margin-top:2px}
ul.nav-left li {height:20px;color:#8C89CE;font-weight:bold}
ul.nav-left li a {color:#444366;font-weight:lighter}
ul.nav-left li a:hover {color:#8C89CE}