body {
    text-align: center;
    background: #C2C5D2;
}
body div.container {
    background: url(graphics/bg_top.gif) 50% 0 no-repeat;
    padding-top: 1px;
    text-align: left;
    margin: 0 auto;
    width: 980px;
}
body div.container2 {
    background: url(graphics/bg_rail.gif) 50% 0 repeat-y;
    width: 980px;
    margin: 24px auto 0;
}
div.header {
    text-align: center;
    height: 165px;
    margin: 0px 20px;
}

div.footer {
    clear: both;
    background: url(graphics/footer.gif) no-repeat;
    height: 60px;
    padding-bottom: 20px;
    margin: 20px 20px 0;
}
div.footer ul {
    text-align: left;
    margin-top: 45px;
    font-size: 11px;
}
div.footer ul li {
    display: inline;
    margin: 0 10px;
}
div#content {
    margin: 0 20px;
}
#content #center {
    width: 703px;
    margin-left: 220px;
    background: #EAECF3 url(graphics/center_top.gif) 100% 0 no-repeat;
    _overflow: hidden; /* Fix strange behavior in IE */
}
#content #center2 {
    background: url(graphics/center_bottom.gif) 100% 100% no-repeat;
    padding: 5px 10px;
}

a img {
    border: 0;
}

* {
    font-family:arial;
}

p {
    text-align:justify;
    font-size: 13px;
}
td, textarea {
    font-size: 13px;
}

table {
    border-spacing: 0px;
    border-collapse:collapse;
}
table, tr, td {
    padding: 0;
    margin: 0;
    border: 0;
}

/* top menu */
#header_nav {
    position:relative;
    top:1px;
    width:890px;
    height:123px;
    list-style:none;
    margin:0;
    margin-left: 10px;
    padding: 0;
    padding-left: 30px;
    padding-top: 30px;
    background: url(graphics/top.jpg) top left no-repeat;
}
#header_nav li#header_nav_home {
    padding:0;
}
#header_nav li#header_nav_home a {
    height:120px;
}
#header_nav li {
    position:relative;
    float:left;
    display:inline;
    margin:0;
    padding:60px 1px 0 0;
    line-height:153px;
}

#header_nav li a {
    display:block;
    margin:0;
    padding:0;
    height:60px;
    cursor:pointer;
}

#header_nav #header_nav_first a:hover, #header_nav #header_nav_first_active a {
    background: url(graphics/top.jpg) -280px -243px no-repeat;
}
#header_nav #header_nav_second a:hover, #header_nav #header_nav_second_active a {
    background: url(graphics/top.jpg) -391px -243px no-repeat;
}
#header_nav #header_nav_third a:hover, #header_nav #header_nav_third_active a {
    background: url(graphics/top.jpg) -497px -243px no-repeat;
}
#header_nav #header_nav_fourth a:hover, #header_nav #header_nav_fourth_active a {
    background: url(graphics/top.jpg) -603px -243px no-repeat;
}
#header_nav #header_nav_fifth a:hover, #header_nav #header_nav_fifth_active a {
    background: url(graphics/top.jpg) -709px -243px no-repeat;
}
#header_nav #header_nav_sixth a:hover, #header_nav #header_nav_sixth_active a {
    background: url(graphics/top.jpg) -810px -243px no-repeat;
}

/* left menu */

#menu_nav {
    width:200px;
    height:120px;
    list-style:none;
    margin:0;
    padding: 0;

}
#menu_nav li {
    float:left;
    display:inline;
    margin:0;
    padding:0 1px 0 0;
    line-height:40px;
    font-size: 0.8em;
    width: 200px;
    text-align: center;

    background: url(graphics/menu_left.jpg) top left no-repeat;
}
#menu_nav li a {
    color: white;
    display:block;
    margin:0;
    padding:0;
    height:40px;
    text-decoration: none;
    cursor:pointer;
}

#menu_nav .menu_nav a:hover, #menu_nav .menu_nav_active a {
    background: url(graphics/menu_left.jpg) 0px -40px no-repeat;
}

/* */
td	{line-height:17px}
.popup 	{padding:0px 15px 0px 0px;color:#FFFFFF}
.home {line-height:17px}

/* FAQ */

dl dt {
    margin-top: 10px;
    color:#FF9A07;
    font-size: 15px;
    font-weight: bold;
}

dl dd {
    margin-bottom: 20px;
}

ul.rouge li a {
    color:#FD4D2A;
}

/* Horizontal scrolls */

#divBg {
    visibility: hidden;
    clip: rect(0px 0px 0px 0px);
    height: 131px;
    float: left;
    position: relative;
}
#divMenu {
    position: relative;
}
#divArrowLeft {
    float: left;
    left: 0px;
    width: 22px;
}
#divArrowRight {
    float: left;
    width: 22px;
}

/* TEXTE */

.link	{font-size:80%;color:gray}

.Rouge		{color:#FD4D2A}
.Vert		{color:#34A050}
.Orange		{color:#FF9A07}
.Bleu		{color:#286EAF}
.Bleu3 {color:#2A93FD}

.bgRouge	{background-color:#FD776F}
.bgVert		{background-color:#34A050}
.bgOrange	{background-color:#FF9A07}
.bgBleu		{background-color:#286EAF}

h1 {
    color:#286EAF;
    font-weight:bold;
    font-size:20px;
}
h2 {
    color:#286EAF;
    font-weight:bold;
    font-size:17px;
}

.titrePopup		{color:#000000;font-weight:bold;font-size:160%}
.titreRouge		{color:#FD4D2A;font-weight:bold;font-size:160%}
.titreVert		{color:#34A050;font-weight:bold;font-size:160%}
.titreOrange	{color:#FF9A07;font-weight:bold;font-size:160%}
.titreBleu		{color:#286EAF;font-weight:bold;font-size:160%}
.titreBleu2		{color:#006378;font-weight:bold;font-size:160%}

.titre2Rouge	{color:#FD4D2A;font-weight:bold;font-size:110%}
.titre2Vert		{color:#34A050;font-weight:bold;font-size:110%}
.titre2Orange	{color:#FF9A07;font-weight:bold;font-size:110%}
.titre2Bleu		{color:#286EAF;font-weight:bold;font-size:110%}
.titre2Bleu2	{color:#006378;font-weight:bold;font-size:110%}
.titre2Bleu3	{color:#2A93FD;font-weight:bold;font-size:110%}

.linkRouge			{font-weight:bold;color:#FD4D2A;text-decoration:none}
a.linkRouge			{font-weight:bold;color:#FD4D2A;text-decoration:none}
a.linkRouge:hover	{font-weight:bold;color:#FD4D2A;text-decoration:none}
.linkVert			{font-weight:bold;color:#34A050;text-decoration:none}
a.linkVert			{font-weight:bold;color:#34A050;text-decoration:none}
a.linkVert:hover	{font-weight:bold;color:#34A050;text-decoration:none}
.linkOrange			{font-weight:bold;color:#FF9A07;text-decoration:none}
a.linkOrange		{font-weight:bold;color:#FF9A07;text-decoration:none}
a.linkOrange:hover	{font-weight:bold;color:#FF9A07;text-decoration:none}
.linkBleu			{font-weight:bold;color:#286EAF;text-decoration:none}
a.linkBleu			{font-weight:bold;color:#286EAF;text-decoration:none}
a.linkBleu:hover	{font-weight:bold;color:#286EAF;text-decoration:none}
a.linkBleu2			{font-weight:bold;color:#006378;text-decoration:none}
a.linkBleu2:hover	{font-weight:bold;color:#006378;text-decoration:none}

.linkSimpleRouge		{color:#FD4D2A;text-decoration:none}
a.linkSimpleRouge		{color:#FD4D2A;text-decoration:none}
a.linkSimpleRouge:hover	{color:#FD4D2A;text-decoration:underline}
.linkSimpleVert			{color:#34A050;text-decoration:none}
a.linkSimpleVert		{color:#34A050;text-decoration:none}
a.linkSimpleVert:hover	{color:#34A050;text-decoration:underline}
.linkSimpleOrange		{color:#FF9A07;text-decoration:none}
a.linkSimpleOrange		{color:#FF9A07;text-decoration:none}
a.linkSimpleOrange:hover {color:#FF9A07;text-decoration:underline}
.linkSimpleBleu			{color:#286EAF;text-decoration:none}
a.linkSimpleBleu		{color:#286EAF;text-decoration:none}
a.linkSimpleBleu:hover	{color:#286EAF;text-decoration:underline}
.linkSimpleBleu2		{color:#006378;text-decoration:none}
a.linkSimpleBleu2		{color:#006378;text-decoration:none}
a.linkSimpleBleu2:hover	{color:#006378;text-decoration:underline}

.titreRecrutement	{padding-top:10px;font-weight:bold;font-size:160%;color:#FF9900}
.titreRecrutement2	{font-weight:bold;font-size:110%;color:#FF9900}
.linkRecrutement	{font-weight:bold;color:#FF9900;text-decoration:none}
a.linkRecrutement	{font-weight:bold;color:#FF9900;text-decoration:none}
a.linkRecrutement:hover	{font-weight:bold;color:#FF9900;text-decoration:none}

.titreContacts	{font-weight:bold;font-size:160%;color:#02AF6C}
.titreHome	{font-weight:bold;font-size:160%;color:#02AF6C}
.titrePopup	{height:50px}