﻿html, body, form {
    height: 100%;
    width: 100%;
}
body {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 87%;
    font-family: "Trebuchet MS" , "Trebuchet" , Frutiger, "Frutiger Linotype" , Univers, Calibri, "Gill Sans" , "Gill Sans MT" , "Myriad Pro" , Myriad, "DejaVu Sans Condensed" , "Liberation Sans" , "Nimbus Sans L" , Tahoma, Geneva, Helvetica, Arial, sans-serif;
    color: #000;
}

table.layout {
    background: #fff;
    border-collapse: collapse;
    height: 100%;
    width: 100%;
    margin: 0;
    text-align: center;
}
td.layout {
    position: relative;
    vertical-align: top;
    padding: 0;
    border: none;
    margin: 0;
}



.Contener {
    height: 100%;
    width: 969px;
    margin: 0 auto;
    position: relative;
}

.Header {
    width: 969px;
    background: transparent url(/images/Banner.jpg) no-repeat 0 0;
    height: 195px;
    position: relative;
}

.Menu {
    width: 969px;
    background: transparent url(/images/Menu.jpg) no-repeat 0 0;
    height: 30px;
    position: relative;
    text-align: left;
    z-index:300;
}


.SpacerContent {
    width: 969px;
    height: 25px;
}

.Content {
    width: 959px;
    background: transparent url(/images/Contener.jpg) no-repeat 0 0;
    min-height: 525px;
    padding: 15px 5px 5px 15px;
    text-align: left;
    position: relative;
    z-index:100;
}

.Content table, .Content table tr td {
    border-collapse: collapse;
    border: none;
}

.Footer {
    width: 959px;
    background: #303d7b;
    height: 20px;
    position: relative;
    color: #fff;
    text-align: left;
    padding: 5px;
}

.Title {
    color: #303d7b;
    text-transform: uppercase;
    font-size: 127%;
    font-weight: bold;
    text-align: left;
    width: 969px;
    height: 25px;
    padding: 5px 0 0 0;
}

.Logo {
    display: block;
    height: 177px;
    left: 52px;
    position: absolute;
    top: 10px;
    width: 317px;
    z-index: 600;
}


a.LogoLink {
    text-decoration: none;
}

td.Retraite, td.Retraite_Date, td.Retraite_Alt, td.Retraite_Date_Alt,td.Retraite_Status, td.Retraite_Status_Alt

{
text-align:left;
padding:3px;
width:275px;
padding:5px 0 5px 2px;
}

td.Retraite_Date, td.Retraite_Date_Alt
{
text-align:left;
padding:3px;
width:400px;
}

td.Retraite_Status, td.Retraite_Status_Alt
{
	text-align:left;
padding:3px;
width:100px;

}

td.Retraite_Alt, td.Retraite_Date_Alt,  td.Retraite_Status_Alt
{
background-color:#E7EEF6;
}

table.Organigramme
{
margin:0;
padding:0;
}

table.Organigramme fieldset
{
	margin:0;
}

td.Organigramme_header
{
background-color:#293775;
color:#fff;	
font-size:107%;
font-weight:bold;
padding:3px;
}
td.Organigramme_header table
{
	margin:0;
}

td.Organigramme_header table td,
td.Organigramme_Executif  table td, td.Organigramme_Executif_Alt  table td

{
	padding:3px;
	width:175px;
}


td.Organigramme_Executif_Alt
{
background-color:#E7EEF6	
}
td.Organigramme_Executif, td.Organigramme_Executif_Alt
{
margin:3px;
	padding:3px;

}

td.Organigramme_Executif fieldset legend, td.Organigramme_Executif_Alt fieldset legend
{
	border-bottom:1px solid #000;
	color:#000000;
	font-size:117%;
}

.photo
{
position:relative;
width:550px;
height:442px;
margin:0 auto;
}

.photo span.potoexecutif
{width:610px;
height:442px;
display:block;
position:absolute;
background: url(/photo/cut-corner_2011.png) no-repeat;
top:-15px;
left:-28px;
}

h1
{
color:#0e2267;
font-size:18px;

}

h1 a, h1 a:visited
{
color:#0e2267;
font-size:18px;

}
