@charset "utf-8";

/* CSS Document */

/**************************

Keyven Ferland

http://www.keyvenferland.com

Default Stylesheet

**************************/



/*----------------------- Styles general et utilitaire --------------------------*/



html { height: 100%; }

body { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#FFF; font-size:11pt; height: 100%;}



.clear { clear:both; }

.float-right { float:right; }

.float-left { float:left; }



ul { margin:0; padding:0; list-style:none; }



input { margin:0; 

		padding:0; 

		font-size:11px; 

		height:20px; 

}



input[type=text] {	

		height /*\**/:13px\9;

		padding /*\**/:0.2em\9;

}	



select { font-size:11px; height:20px; }



a {text-decoration:none; }



a img { border:none ; }



input[type=text], input[type=password], textarea, select {

	border:1px solid #b0afaf;

	/*background:url('images/bg-text-input.gif') repeat-x ;*/

}

input[type=checkbox] {

	vertical-align:middle;		

}



input[type=button].nav {

	float:left;

	margin-left:10px;

	height:25px;

}

textarea {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 11pt;

}

/* =Headings-----------------------------------------------------------------------------*/



h1, h2, h3, h4, h5, h6{ font-weight: normal; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0;}



h1{ color: #222; font-size: 250%;}

h2{ color: #222; font-size: 125%;}

h3{ color: #333; font-size: 100%;}

h4{ font-size: 120%;}

h5{ font-size: 100%;}

h6{ font-size: 100%;}





/*----------------------- Styles des tableaux ---------------------------------*/



div.top-table ul li h3 {

	font-size:175%;

	font-weight:bold;

	margin-left:250px;

}

div.top-table ul,

div.bottom-table ul {

	margin-top:10px;

}

div.top-table ul li,

div.bottom-table ul li{

	float:left;

}

div.top-table ul li select,

div.bottom-table ul li select {

	margin:2px 3px 0 3px;

}

div.top-table ul li span,

div.bottom-table ul li span  {

	display:block;

	margin-top:5px;

}

div.top-table,div.bottom-table { 

	background:url('images/bg-td-first-row.gif') repeat-x; 

	height:47px; 

	width:942px; 

	border:1px solid #b0afaf; 

	border-bottom:none; 

	font-size:11px;

	padding:0 8px 0 8px;

	text-align:center;

}

div.bottom-table { 

	margin-bottom:25px;

	text-align:right;

}

div.bottom-table.no-margin { 

	margin-bottom:0;

}



a.coltitle {

	color:#FFF;

}



a.cellcontent {

	color:#000;

}



table.table-inspecteur td {

	height:38px;

	color:#333;

	font-size:11px;

	text-transform:uppercase;

	font-weight:bold;

/*	border-right:1px solid #fff;*/
	border-right:1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;

	padding-left:10px;

	padding-right:10px;
}

table.table-inspecteur td.small {

	height:25px;

	padding-left:53px;

}

table.table-inspecteur td.small.ico {

	padding-left:0px;

}

table.table-inspecteur td.width730 {

	width:730px;

}

table.table-inspecteur td.inspecteur {

	width:132px;

}

table.table-inspecteur td.date {

	width:149px;

}

table.table-inspecteur tr.bg-grey {

	background-color:#eaeaea;

}

table.table-inspecteur td.bg-red {

	background-color:#FFAAAA;

}


table.table-inspecteur td.bg-green {

	background-color:#BBFFBB;

}

table.table-inspecteur td.elementsection {

	color: #f14609;

	font-size: 14px;

}

table.table-inspecteur tr:hover {

	background-color:#a4d2e8;

}

table.table-inspecteur td.last {

	width:76px;

	border-right:none;

	padding-left:0;

}



table.table-inspecteur td.second-row { 

	background:url('images/bg-td-second-row.gif') repeat-x;

	height:37px;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	color:#fff;

}



table.table-inspecteur { border:1px solid #b0afaf; width:100%;}



input.text-top-table{ width:122px; height:25px; background:url('images/text-area-top-table.gif') no-repeat; border:none; padding-left:15px; padding-top: 6px; }



input.liste-inspections { width:148px; height:25px; margin-right:10px; background:url('images/btn-listeinspection.gif'); border:none; cursor:pointer; }



input.top-table-chercher-cfr { width:80px; height:25px; margin-right:55px; margin-left:10px; background:url('images/btn-chercher-top-table-cfr.gif'); border:none; cursor:pointer; }

input.top-table-chercher-eng { width:80px; height:25px; margin-right:55px; margin-left:10px; background:url('images/btn-chercher-top-table-eng.gif'); border:none; cursor:pointer; }



input.btn-arrow-left,input.btn-arrow-left-max,input.btn-arrow-right,input.btn-arrow-right-max { 

	width:19px; 

	height:19px; 

	margin: 3px 3px 0px 0px;

	background:url('images/arrow-top-table.gif'); 

	border:none; 

	cursor:pointer; 

}



input.btn-arrow-left-max { 

	margin: 3px 0px 0px 3px;

	background:url('images/arrow-top-table-2.gif');

}



input.btn-arrow-right { 

	margin: 3px 0px 0px 3px;

	background:url('images/arrow-top-table.gif') right;

}

input.btn-arrow-right-max { background:url('images/arrow-top-table-2.gif') right }



input.btn-image { width:146px; height:25px; background:url('images/btn-ajouter-image.gif'); border:none; cursor:pointer; margin-left:18px;   }



/*----------------------- Styles des wrapper du site --------------------------*/



#header-wrapper{ margin:0 auto; width:100%; height:130px; padding:0; background:url('images/bg_headerwrap.gif') repeat-x; }



/*#site-wrapper{ margin:0 auto; width:100%; padding:0; background:#fff url('images/bg_contentwrap.gif') bottom repeat-x; height: 100%}*/

#site-wrapper{ margin:0 auto; width:100%; padding:0; background:#fff;}



#footer-wrapper{ margin:0 auto; width:100%; padding:0; background-color:#191919; }



/*----------------------- Styles du header ------------------------------------*/



a.logo h1 { 

	margin:0; 

	display:block;

	width:265px; 

	height:70px; 

	background:url('images/h1-logo.gif') no-repeat; 

	float: left;	

}



a.logo-cfr h1 { 

	margin:0; 

	display:block;

	width:265px; 

	height:70px; 

	background:url('images/h1-logo-cfr.gif') no-repeat; 

	float: left;	

}

a.logo-cfr span { 

	margin:0; 

	display:block;

	width:265px; 

	height:70px; 

	background:url('images/h1-logo-cfr.gif') no-repeat; 

	float: left;	

}


a.logo-eng h1 { 

	margin:0; 

	display:block;

	width:265px; 

	height:70px; 

	background:url('images/h1-logo-eng.gif') no-repeat; 

	float: left;	

}

a.logo-eng span { 

	margin:0; 

	display:block;

	width:265px; 

	height:70px; 

	background:url('images/h1-logo-eng.gif') no-repeat; 

	float: left;	

}


div.header { 

	margin:0 auto; 

	padding-top: 20px;

	width:960px; 

	position:relative;

}



div.header div.menu-utilitaire { 

	margin:0 auto;  

	float: right;

	font-size:12px;

	text-align:right;

}

div.header div.menu-utilitaire p { 

	color:#aaa9a9;

		margin-top:10px;

}



ul.nav-list-utilitaire li {

	float:left;

	margin-left:15px;

}

ul.nav-list-utilitaire li a {

	color:#fff;

	text-decoration:underline;

}

ul.nav-list-utilitaire li a:hover {

	text-decoration:none;

}

#header-wrapper div.header div.main-nav { 

	margin:0; 

	padding:0;

	padding-top: 10px;

	background: transparent url('images/bg_main_nav.gif') no-repeat top left; 

	width:982px; 

	height:30px; 

	clear: both;

}



/* =Navigation Principale -----------------------------------------------------------------------------*/

/*

ul.nav-list-menu {

	font-size: 75%;

	text-transform: uppercase;

	font-weight:bold; 

	margin-left: 10px;

}

ul.nav-list-menu li{

	display: inline;

	float: left;

	margin: 0 1px;

}

ul.nav-list-menu li a{

	color: #fff;

	background: transparent url('images/bg-tab-nav-left.gif') no-repeat top left;

	display: block;

	height: 29px;

}

ul.nav-list-menu li a span{

	background: transparent url('images/bg-tab-nav-right.gif') no-repeat top right;

	display: block;

	height: 19px;

	padding: 10px 3px 0;

	cursor: pointer;

}
 jlt
li.abon a{
	color: #222;
	background: transparent url('images/bg-tab-nav-abonl.png') no-repeat top left;
	display: block;
	height: 29px;
}
li.abon a span{
	background: transparent url('images/bg-tab-nav-abon.png') no-repeat top right;
	display: block;
	height: 19px;
	padding: 10px 12px 0;
	cursor: pointer;
}

ul.nav-list-menu li a:hover,

ul.nav-list-menu li.active a{

	color: #222;

	background-position: bottom left;

}

ul.nav-list-menu li a:hover span,

ul.nav-list-menu li.active a span{

	color: #222;

	background-position: bottom right;

}



.nav li:hover .sub,

.nav li.hover .sub {

	display:block;

}

.nav li .sub {

	display: none;

	position: absolute;

	top: 16px;

	padding-top:5px;

	left /*\**/: 0\9

}

.nav li .sub a {

	padding:0;

	padding-right:20px;

	padding-left:20px;

	padding-top:8px;

	width:149px;

}

*/

/*----------------------- Style des contenus ----------------------------------*/



#floatmenu

{

  position:fixed;

  text-align:right;

  padding-top:15px;

  padding-left:700px;

  z-index:1;

}

#floatmenu ul li

{

	float:left;

	margin-left:15px;

}

div.left {

	float:left;

	width:685px;

}

div.right {

	float:left

}	



div.nav-formulaire {

	border:1px solid #bfbab0;

	padding:10px 8px 10px 8px;

	background:#f7f5f9;

	width:100%;

	text-align:center;

}

div.nav-formulaire h2 {

	width:75%;

}

div.nav-formulaire img {

	margin-right:7px;

}

div.nav-formulaire img,h2 {

	float:left;

}

div.last-content {

	font-weight:bold;

	letter-spacing:0.04em;

	font-size:11px;

	text-transform:uppercase;

	margin-bottom:25px;

}

div.last-content p {

	margin-left:25px;

}

div.last-content textarea {

	margin-left:15px;

	width:655px;

	height:145px;

	background:url('images/bg-textarea.gif') repeat-x ;

	border:1px solid #ccc;

}

div.titre{

	position:absolute;

	top:-30px;

	left:-1px;

	border:1px solid #bfbab0;

}

div.titre p{

	margin-left:10px;

	font-weight:bold;

	letter-spacing:0.04em;

	font-size: 100%;

	color: black;

}

div.titre.date {

	display:block;

	width:99px;

	height:31px;

	background-image:url('images/bg-titre-date.gif');

}

div.titre.coordonnes {

	font-size: 14px;

	display:block;

	background-image:url('images/menu_bckg55.jpg');

	width: 100%;

}

div.titre.inspection {

	top: -46px;

	font-size: 14px;

	display:block;

	background-image:url('images/menu_bckg55.jpg');

	width: 100%;

}

div.titre.photo {

	display:block;

	width:142px;

	height:31px;

	background-image:url('images/bg-titre-photo.gif');

}	

div.titre.inspect {

	display:block;

	width:90px;

	height:31px;

	background-image:url('images/bg-titre-inspect.gif');

}

div.content-fiche {

	margin-top:50px;

	width:100%;

	border:1px solid #bfbab0;

	position:relative;

	background:url('images/gradient_texture20100901.jpg') #f7f5f9 repeat-x left top ;

	font-size:11px;

	text-transform:uppercase;

	padding-bottom:20px;

	padding-top:20px;

	padding-left:8px;

	padding-right:8px;

}

div.content-fiche.no-header {

	margin-top:0px;

}

div.content-fiche ul {

	width:100%;

}

div.content-fiche img {

	margin-left:15px;

}

div.content-fiche ul li {

	margin-top:11px;

	width:100%;

}

div.content-fiche ul li div.row-left {

	float:left;

	width:140px;

	text-align:right;

	margin-right:5px;

	padding-top:3px;

}

div.content-fiche ul li div.row-left.mid-width {

	width:120px;

}

div.content-fiche ul li div.row-left.big-width {

	width:210px;

}

div.content-fiche ul li div.row-left.small-width {

	width:100px;

}

div.content-fiche ul li div.row-left.no-width {

	width:40px;

}

div.content-fiche ul li div.row-right {

	float:left;

}

div.content-fiche ul li div.row-right.text {

	padding-top:3px;

}

div.content-fiche input.text-mid {

	width:329px;

}



div.content-fiche input.text-mid.red {

	border:1px solid #ff0000;

}



div.content-fiche input.red {

	border:1px solid #ff0000;

}



div.content-fiche textarea.red {

	border:1px solid #ff0000;

}



div.content-fiche input.text-small {

	width:165px;

}



div.content-fiche.inspection {

	margin-top: 66px;

}



div.content-fiche textarea {

	font-size: 11px;

}



div.content { 

	margin:0 auto;

	padding-top:8px;

	width:960px; 

	background:#fff;
	
	position: relative;

}



div.app-header {

	width:100%;

	height: 100px;

	position:relative;

	background:url('images/bg_headerwrap.gif') repeat-x;

	padding-left:8px;

	padding-right:8px;

	border: 1px solid black;
}

div.app-header-p-a {

	position:absolute !important;

}

div.app-header.popup {

	width: 982px;

}





div.app-header div.logo {

	margin-top:15px; 

	display:block;

	width:265px; 

	height:70px; 

	float: left;

}



div.app-header div.logo.cfr {

	background:url('images/h1-logo-cfr.gif') no-repeat; 

}



div.app-header div.logo.eng {

	background:url('images/h1-logo-eng.gif') no-repeat; 

}



div.app-header div.nav-panel {

	float: right; 

	width: 200px;

	height: 100px;

}



div.app-header div.nav-button {

	width: 50px; 

	height: 65px; 

	text-align: center; 

	float: right; 

	margin-top: 8px;

}



div.app-header div.pager {

	float: right bottom; 

	text-align: right;

}



div.app-header div.title {

	text-align: center; 

	font-family:"Times New Roman", Times, serif;

	font-style: italic;

	font-size: 1.5em; 

	font-weight: bold;

	color: white; 

	padding-top: 40px;

}



div.section-title {

	margin: 10px 0px -10px 10px;

	line-height: 1.25em;

	font-family: "museo-slab-1", "museo-slab-2", "Palatino Linotype", "Book Antiqua", "Palatino", serif;

	font-style: italic;

	color: #f14609;

	font-size: 2em;

	font-weight: bold;

}



div.app-footer {

	width:100%;

	height: 100px;

	position:relative;

	border:1px solid #bfbab0;

	background:#f7f5f9;	

	padding-left:8px;

	padding-right:8px;

}

div.app-footer-p-a{
	position: absolute !important;
}
div.app-footer.small {

	height: 48px;

}



div.app-footer div.up {

	width: 150px; 

	text-align: center; 

	float: left; 

	margin-top: 20px;

}



div.app-footer div.nav-panel {

	float: right; 

	width: 200px;

	height: 100px;

}



div.app-footer div.nav-button {

	width: 50px; 

	height: 65px; 

	text-align: center; 

	float: right; 

	margin-top: 8px;

}



div.app-footer div.nav-button.small {

	width: 34px;

	height: 32px; 

}



div.app-footer div.pager {

	float: right bottom; 

	text-align: right;

}



div.app-footer div.title {

	text-align: center; 

	font-family:"Times New Roman", Times, serif;

	font-style: italic;

	font-size: 1.5em; 

	font-weight: bold;

	color: black; 

	padding-top: 20px;

}



div.element-title {

	padding: 2px 2px 2px 30px;

	border: 1px solid #888; 

	background:url('../images/bg_subsection.jpg') repeat-x;

	font-weight: bold;

}

div.biblio-title {

	margin: 10px 50px 0px 20px;

	padding: 2px 2px 2px 30px;

	border: 1px solid #888; 

	background:url('../images/bg_subsection.jpg') repeat-x;

	font-weight: bold;

}

div.biblio-body {

	margin: -1px 50px 0px 20px;

	padding: 0px;

	border: 1px solid #888; 

	background: white;

}

tr.biblio-row {

	background-color: #EFEFEF;

}

tr.biblio-row img {

	margin: 0px;

}

tr.biblio-row td.icon {

	width: 30px;

	text-align: center;

}

tr.activity-title {

	border: 1px solid #888; 

	background:url('../images/bg_subsection.jpg') repeat-x;

	font-weight: bold;	

}

tr.top-table { 

	background:url('images/bg-td-first-row.gif') repeat-x; 

	height:47px; 

	/*width:942px; */

	border:1px solid #b0afaf; 

	border-bottom:none; 

	font-size:12px;

	padding:0 8px 0 8px;

	text-align:center;

}

tr.top-table  h3 {

	font-size:120%;

	font-weight:bold;

	margin-left:250px;

}
div.sub-section {

	border:1px solid #bfbab0;

	padding:10px 8px 10px 8px;

	background:url('images/gradient_texture20100901.jpg') #f7f5f9 repeat-x left top ;

	width:100%;

	position: relative;

	margin-top: 30px;

}



/*----------------------- Style du popup ---------------------------------------*/

div.popupheader {

	position: absolute; 

	top: -29px;

	height: 28px;

	background: url('../images/bg_subsection.jpg') repeat-x;

	border: 1px solid black;

	font-weight: bold;

}



div.popupheader div.title {

	float: left;

	margin: 6px 0px 0px 4px;

}



div.popupheader div.close {

	float: right;

	margin: 2px 2px;

	display:block;

	width: 24px;

	height: 24px;

	background: url(../images/icons/orange-back24.png);

	cursor: pointer;

}

/*----------------------- Style du footer --------------------------------------*/



#footer {

    margin:0 auto; 

	width:982px; 

	color:#646464; 

	font-size:70%; 

	text-transform:uppercase; 

	padding-bottom:75px; 

	font-size:10px; 

}

#footer img { 

	float:left; 

	margin-top:20px; 

}

#footer p { 

	float:left; 

	margin-top:30px; 

	margin-left:5px; 

}

#footer ul.footer-nav { 

	float:right; 

	margin-top:30px; 

}

#footer ul.footer-nav li { 

	float:left; 

	margin-left:10px; 

}

#footer ul.footer-nav li.no-margin { 

	margin-left:0; 

}

#footer ul.footer-nav li a { 

	color:#646464; 

	text-decoration:none; 

}

#footer ul.footer-nav li a:hover { 

	text-decoration:underline; 

}



/*** Calendar **********************/

div.calendar { position: relative; }



.calendar table {

cursor:pointer;

border:1px solid #ccc;

font-size: 11px;

color: #000;

background: #fff;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;

}



.calendar .button { 

text-align: center;    

padding: 2px;          

}



.calendar .nav {

background:#f5f5f5;

}



.calendar thead .title { 

font-weight: bold;      

text-align: center;

background: #dedede;

color: #000;

padding: 2px 0 3px 0;

}



.calendar thead .headrow { 

background: #f5f5f5;

color: #444;

font-weight:bold;

}



.calendar thead .daynames { 

background: #fff;

color:#333;

font-weight:bold;

}



.calendar thead .name { 

border-bottom: 1px dotted #ccc;

padding: 2px;

text-align: center;

color: #000;

}



.calendar thead .weekend { 

color: #666;

}



.calendar thead .hilite { 

background-color: #444;

color: #fff;

padding: 1px;

}



.calendar thead .active { 

background-color: #d12f19;

color:#fff;

padding: 2px 0px 0px 2px;

}





.calendar tbody .day { 

width:1.8em;

color: #222;

text-align: right;

padding: 2px 2px 2px 2px;

}

.calendar tbody .day.othermonth {

font-size: 80%;

color: #bbb;

}

.calendar tbody .day.othermonth.oweekend {

color: #fbb;

}



.calendar table .wn {

padding: 2px 2px 2px 2px;

border-right: 1px solid #000;

background: #666;

}



.calendar tbody .rowhilite td {

background: #FFF1AF;

}



.calendar tbody .rowhilite td.wn {

background: #FFF1AF;

}



.calendar tbody td.hilite { 

padding: 1px 1px 1px 1px;

background:#444 !important;

color:#fff !important;

}



.calendar tbody td.active { 

color:#fff;

background: #529214 !important;

padding: 2px 2px 0px 2px;

}



.calendar tbody td.selected { 

font-weight: bold;

border: 1px solid #888;

padding: 1px 1px 1px 1px;

background: #f5f5f5 !important;

color: #222 !important;

}



.calendar tbody td.weekend { 

color: #666;

}



.calendar tbody td.today { 

font-weight: bold;

color: #529214;

background:#D9EFC2;

}



.calendar tbody .disabled { color: #999; }



.calendar tbody .emptycell { 

visibility: hidden;

}



.calendar tbody .emptyrow { 

display: none;

}



.calendar tfoot .footrow { 

text-align: center;

background: #556;

color: #fff;

}



.calendar tfoot .ttip { 

background: #222;

color: #fff;

font-size:10px;

border-top: 1px solid #dedede;

padding: 3px;

}



.calendar tfoot .hilite { 

background: #aaf;

border: 1px solid #04f;

color: #000;

padding: 1px;

}



.calendar tfoot .active { 

background: #77c;

padding: 2px 0px 0px 2px;

}



.calendar .combo {

position: absolute;

display: none;

top: 0px;

left: 0px;

width: 4em;

border: 1px solid #ccc;

background: #f5f5f5;

color: #222;

font-size: 90%;

z-index: 100;

}



.calendar .combo .label,

.calendar .combo .label-IEfix {

text-align: center;

padding: 1px;

}



.calendar .combo .label-IEfix {

width: 4em;

}



.calendar .combo .hilite {

background: #444;

color:#fff;

}



.calendar .combo .active {

border-top: 1px solid #999;

border-bottom: 1px solid #999;

background: #dedede;

font-weight: bold;

}






/*----------------------- DOCUMENTATION --------------------------------------*/



UL.doc-subsection  { 

	margin:0px; 

	margin-right:50px; 

	padding-left: 40px; 

	padding-right: 40px; 

}

LI.doc-subsection  { 

	display:  list-item  ;

	list-style: disc ;

	list-style-position: outside;

	margin-right:50px; 

	margin-right:10px; 

}





div.documentation p a.page-top{

	display: block;

	float: right;

	margin-top: 10px;

	clear: both;

}



div.documentationtitre {

	top: -46px;

	font-size: 16px;

	display:block;

	background-image:url('images/menu_bckg55.jpg');

	width: 100%;

/*	height:35px;*/

	padding-left: 20px; 

	/*padding-top: -5px; */



	border:1px solid #bfbab0;
}

div.img_icons { float:left; width: 40px; margin: 4px }