/* CSS SOGETI SWB */

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

/*------------*/
/*  Contenu   */
/*------------*/

#header {
background-image:url(../images/header.gif);
background-repeat:no-repeat;
height: 207px;
}
#conteneur {
position: relative;
width: 960px;
height:650px;
margin: 0 auto;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background-image:url(../images/fond_hachure.png);
background-repeat:repeat-x;
background-position:0px 0px;
}
#centre {
margin-top:10px;
margin-left: 200px;
margin-right: 30px;
height:380px;
font-family:"Trebuchet MS", Arial;
text-align:justify;
line-height:1.2em;
font-size:0.9em;
border:1px #C30 solid;
overflow:auto;
}
#centre p{
margin:10px 25px;
}
#col_gauche {
position: absolute;
left:0;
width: 200px;
}
/*#col_droite {
position: absolute;
right:0;
width: 150px;
}*/
#footer {
position:absolute;
background-image:url(../images/bottom_fond.png);
background-repeat:repeat-x;
height: 30px;
bottom:0px;
}

/*--------------*/
/*   Menu haut  */
/*--------------*/

.mini_menu {
font-size:0.8em;
float: right;
z-index:2;
margin-top:30px;
margin-right:20px;
word-spacing:5px;
font-weight:bold;
}

/*--------------*/
/*  Menu gauche */
/*--------------*/

.menugauche {
list-style-image:url(../images/puce.gif);
margin: 15px;
padding:25px;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a, .menugauche .rouge a{
text-decoration:none;
font-size:0.9em;
font-weight:bold;
}
.menugauche .rouge a{
color: #CC0000;
}
.menugauche a {
color: #000000;
}
.menugauche a:hover {
text-decoration: none;
}

/*-----------------*/
/*  Colonne droite */
/*-----------------*/

.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

/*-----------------*/
/*  Class diverses */
/*-----------------*/

.logo {
float:left;
margin:10px 10px;
}

.schema {
margin-left:70px;
}

.encart_recrut {
margin-top:-40px;
}

.photo {
float:right;
margin-right:40px;
margin-top:-40px;
}

.photo2 {
float:left;
margin-left:10px;
margin-right:20px;
}

.liste_postes {
list-style-type:none;
}

.note {
font-size:0.9em;
}

.flash {
margin-right:5px;
}

p {margin: 0 0 10px 0;}

a img {
border:none;
}

a {
text-decoration:none;
color:#CC3300;
}

hr {
border: none 0;
background-color:#CC3300;
border-top: 1px solid #CC3300;
width: 30%;
height: 2px;
float:left;
margin-top:-3px;
margin-left:10px;
}
/*-----------------*/
/*   Titrailles    */
/*-----------------*/
h6 {
font-size:0.7em;
color:#666666;
float:right;
margin-top:10px;
margin-right:5px;
}

h3 {
color:#666666;
font-size:0.9em;
letter-spacing:2px;
text-transform:uppercase;
margin-left:10px;
margin-top:20px;
}

.rouge {
color: #CC0000;
font-weight:bold;
margin-right:10px;
}

.rouge2 {
color: #CC0000;
font-weight:bold;
text-transform:uppercase;
font-size:0.8em;
}

.souligne {
color:#666666;
font-weight:bold;
letter-spacing:2px;
}

.jd_titre {
color:#333333;
font-weight:bold;
letter-spacing:2px;
}