/* STRUCTURE DE LA PAGE ET STYLES DE BASE */

BODY {
	MARGIN: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 150px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 100px;
	background-image: url(images/bgd-left-cyl.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
}
DIV#header {
	LEFT: 0px;
	WIDTH: 500%;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 100px;
	background-color: #C6CEDD;
}
DIV#left-sidebar {
	LEFT: 0px; 
	WIDTH: 150px; 
	POSITION: absolute; 
	TOP: 100px
}

@media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 
 HTML BODY {
	OVERFLOW: hidden
}
 HTML DIV#content {
	OVERFLOW: auto; 
	HEIGHT: 100%
}


/* BANNIERE DU HAUT (LEDGIS) */

#logo-space {
	height: 100px;
	width: 300px;
	float: left;
	position: absolute;
	top: 0px;
}
#menu {
	width: 400px;
	height: 50px;
	position: relative;
	left: 400px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.rub {
	font: bold 13px Arial, Helvetica, sans-serif;
}
.rub:link {
	color: #ffffff;
	text-decoration: none;
}
.rub:visited {
	color: #ffffff;
	text-decoration: none;
}
.rub:hover  {
	color: #0C419A;
	text-decoration: none;
}
.rub:active  {
	color: #0C419A;
	text-decoration: none;
}
.fd-rub {
	background-image: url(images/separ.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#links-zone {
	width: 400px;
	height: 50px;
	position: relative;
	left: 400px;
	top: 0px;
}
#links-zone p {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 32px;
	margin: 0px;
}
#links-zone a {
	font-weight: normal;
	color: #FFFFFF;
}
#links-zone a:hover {
	font-weight: normal;
	color: #0C419A;
}



/* BANDE DE GAUCHE (CABINET) */

#logo-cabinet {
}
#logo-cabinet p {
	margin-top: 50px;
	margin-bottom: 100px;
}
#adresse {
	height: 200px;
}




/* SOUS-MENUS */

#title-ssmenu {
	color: #A6A7AC;
	height: 50px;
}
#title-ssmenu p {
	font: bold  20px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	text-align: left;
}
#ssmenu {
}
#ssmenu p {
	padding-top: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 5px;
	letter-spacing: 1px;
}
#ssmenu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	PADDING-LEFT: 0px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 1px;
}
#ssmenu ul li{
	margin: 0px;
}
#ssmenu.shortlist ul li{
	margin: 0px;
	PADDING-BOTTOM: 10px;
}
#ssmenu li a{
	color: #0C419A;
	margin: 0px;
	font-size: 11px;
	display: block;
}
#ssmenu li a:hover{
	color: #000000;
	margin: 0px;
	display: block;
}




/* ZONE DE LA PAGE (CONTENU) */

#content-size {
	width: 650px;
}
#top-zone {
	height: 50px;
}
#photo-zone {
	height: 150px;
}
#photo-zone p {

}
#texte-01 {
	padding-bottom: 20px;
	padding-left: 50px;
}
#texte-01 p {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 12px;
	text-align: justify;
}
#texte-01 ul {
	margin: 5px 20px;
	font-size: 12px;
	padding: 0px;
}
#texte-01 ul li {
	padding-bottom: 5px;
	margin: 0px;
}
.title-page {
	font: bold 15px Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 50px;
}
.title-fiche {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
.title-chap {
	font: bold 12px;
}
#texte-02 {
	width: 200px;
	margin: 0px;
	padding-bottom: 50px;
}
/*#texte-02 p {
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;

}*/
.transparent {
	filter: Alpha(Opacity=100);
}



/* ZONE FOOTER */

#footer {
	border-top: 1px solid #000000;
	height: 150px;
}
#footer p {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding-top: 20px;
}




/* GENERAL */

a:link {
	color: #0C419A;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #0C419A;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.cadre {
	border: 1px solid #000000;
}
.table-color {
	background-color: #f3f1ee;
}

.normal {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.small {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
.plusmoins {
	height: 10px;
	width: 10px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	background-image: url(images/carre-9-9.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.jobzone {
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 20px;
}
.closed {
	background-image: url(images/arrow-closed.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.open {
	background-image: url(images/arrow-open.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.nolink {
	background-image: url(images/arrow-nolink.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.ledgenda {
	background-image: url(images/PDF-icone.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	margin: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
}