/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
	color               : #000000;
	background			: #828384 url(images/common/fond.gif) repeat-x;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link,a:hover, a:active {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #666666;
	text-decoration		: none;
}

p {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #666666;
}

h1 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 17px;
    color               : #000;
    font-weight         : bold;
	background-color    : inherit;
}
h2 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #444444;
	background-color    : inherit;
}
h3 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
}
h4 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 13px;
    color               : #000;
    margin-top          : 3px;
    margin-bottom       : 12px;
}
h5 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #000;
    margin-top          : 3px;
    margin-bottom       : 14px;
}
h6 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #000;
    margin-top          : 18px;
    margin-bottom       : 3px;
}
td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}
img {
	border				: none;
}


/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
    text-decoration     : none;
}
table.plan a.extremite {
    text-decoration     : none;
}

/**
 * Page home
 */
div.conteneur {
	width				: 960px;
	margin-left			: auto;
	margin-right		: auto;
	padding-top			: 30px;
}

div.entete {
	width				: 960px;
	height				: 128px;
	background			: transparent url(images/common/top-bg.gif) no-repeat;
	padding-top			: 40px;
}

div.ss_entete {
	padding				: 0 0 0 40px;
	height				: 88px;

}

div.logo {
	float				: left;
}

div.titre_site {
	float 				: left;
	width				: 338px;
}

div.entete_bloc_droite {
	float 				: left;
	width				: 149px;
	height				: 75px;
	margin-left			: 307px;
}

div.titre_texte {
	width				: 285px;
	height				: 15px;
	margin-left			: 52px;
	margin-top			: 20px;
	font-style			: italic;
	font-size			: 12px;
	letter-spacing		: 4px;
}

div.titre_souligne {
	border-top			: 5px solid #dc1927;
	margin-left			: 15px;
	width				: 232px;
	height				: 11px;
}

div.menu {
	margin-top			: 19px;
	font-size			: 16px;
	color				: #000;
	height				: 1px;
}

div.element_menu {
	float				: left;
}

div.element_menu a,
div.element_menu a:active,
div.element_menu a:link,
div.element_menu a:hover,
div.element_menu a:visited {
	color				: #000;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 16px;
}

div.corps_home {
	background			: #FFF url(images/common/content-bg.gif) top no-repeat;
	padding-left		: 40px;
	padding-top			: 13px;
	width               : 920px;
}

div.corps_home_gauche {
	float				: left;
	width				: 593px;
}

div.corps_home_droite {
	float				: left;
	width				: 260px;
	padding-left		: 27px;
	text-align			: left;
}

div.contenu_home {
	width				: 260px;
	text-align			: left;
	margin-left			: 17px;
}

div.contenu_home img {
	border				: none;
}

div.contenu_actu {
	width				: 593px;
}

div.contenu_actu img {
	border				: none;
}

div.picto_home {
	background-color	: #DDDDDD;
	width				: 593px;
	height				: 280px;
}

div.actu_home_conteneur {
	float				: left;
	width				: 260px ;
}

div.actu_home {
	width				: 260px ;
	margin-bottom		: 20px;
}

div.actu_home_entete,
div.metiers_home_entete {
	width				: 260px ;
	border-bottom		: 1px solid #666666;
	margin-bottom		: 18px;
}

div.metiers_home_titre {
	margin-bottom		: 10px;
}

div.actu_home_contenu {
	float				: left ;
	margin-left			: 15px !important ;
}

div.actu_home_titre,
div.actu_home_titre a,
div.actu_home_titre a:hover,
div.actu_home_titre a:link,
div.actu_home_titre a:active,
div.actu_home_titre a:visited,
div.metiers_home_titre,
div.metiers_home_titre a,
div.metiers_home_titre a:hover,
div.metiers_home_titre a:link,
div.metiers_home_titre a:active,
div.metiers_home_titre a:visited {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 16px;
    color               : #000;
}

div.actu_home_desc {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    color               : #666666;
}

div.metiers_home {
	float				: left;
	width				: 260px ;
	margin-left			: 40px;
}

div.footer {
	width				: 1000px;
	background			: transparent url(images/common/footer_fond.gif) repeat-y;
	padding				: 0 0 0 0;
}

div.footer,
div.footer a,
div.footer a:hover,
div.footer a:link,
div.footer a:active,
div.footer a:visited {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    color               : #666666;
}

.on {
	color				: #dc1927 !important;
}

/**
 * LA PAGE DE CONTENU
 */
div.corps {
	background			: #FFF url(images/common/content-bg.gif) top no-repeat;
	padding-left		: 26px;
}

div.rail {
	width 				: 920px;
	padding-top			: 5px;
	padding-left		: 14px;
	height				: 20px;
	margin-bottom		: 5px;
}

div.rail,
div.rail a,
div.rail a:hover,
div.rail a:link,
div.rail a:active,
div.rail a:visited {
    font-family         : Arial, Helvetica, sans-serif;
	color				: #666666;
	text-decoration		: none;
	font-size			: 11px;
}

div.corps_gauche {
	float				: left;
	width				: 153px;
}

div.corps_milieu {
	float				: left;
	width				: 461px;
	margin-left			: 33px;
	padding-bottom		: 30px;
	display				: table-cell;
	vertical-align		: top;
}

div.corps_milieu a,
div.corps_milieu a:link,
div.corps_milieu a:active,
div.corps_milieu a:visited,
div.corps_milieu a:hover {
	text-decoration		: underline;
}

div.corps_milieu_bas {
	width				: 461px;
	border-top			: 1px solid #000;
	padding-top			: 5px;
}

div.corps_droite {
	float				: left;
	width				: 210px;
	margin-left			: 38px;
}

div.menu_secondaire_titre {
	border-bottom		: 4px solid black;
	height				: 37px;
	margin-bottom		: 4px;
	margin-left			: 12px;
}

div.menu_secondaire_elem {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.2em;
    color               : #000;
}

div.menu_secondaire_elem_sec {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.2em;
    color               : #000;
	padding-left		: 12px;
}

div.menu_secondaire_elem a,
div.menu_secondaire_elem a:hover,
div.menu_secondaire_elem a:link,
div.menu_secondaire_elem a:visited,
div.menu_secondaire_elem a:active,
div.menu_secondaire_elem_sec a,
div.menu_secondaire_elem_sec a:hover,
div.menu_secondaire_elem_sec a:link,
div.menu_secondaire_elem_sec a:visited,
div.menu_secondaire_elem_sec a:active {
	color				: #000;
	text-decoration		: none;
}

div.actu_page_conteneur {
	float				: left;
	width				: 210px ;
}

div.actu_page {
	width				: 210px ;
}

div.actu_page_entete {
	width				: 210px ;
	border-bottom		: 1px solid #666666;
}

div.actu_page_contenu {
	float				: left ;
}

div.actu_page_titre,
div.actu_page_titre a:hover,
div.actu_page_titre a:link,
div.actu_page_titre a:active,
div.actu_page_titre a:visited,
div.actu_page_titre img {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.1em;
    color               : #000;
	border				: none;
}

div.actu_page_desc {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.2em;
    color               : #666666;
	margin-bottom		: 5px;
}

div.menu_trois_elem {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.2em;
    color               : #000;
	margin-bottom		: 13px;
}

div.menu_trois_elem li {
	list-style			: disc;
}

div.contact {
	width				: 210px ;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.1em;
    color               : #000;
}

div.contact li {
	color				: #000;
	list-style-type		: disc;
	margin-bottom		: 5px;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 1.1em;
    color               : #000;
}

/**
 * LA PARTIE RH
 */
div.annonce_liste {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color				: #666665;
}

div.annonce_liste {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color				: #666665;
	margin-bottom		: 10px;
}

table.annonce_form td {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color				: #666665;
}

div.annonce_entete {
	font-weight			: bold;
}

div.annonce_description {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color				: #666665;
	padding-top			: 5px;
}

div.annonce_liste a,
div.annonce_liste a:hover,
div.annonce_liste a:active,
div.annonce_liste a:link,
div.annonce_liste a:visited {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
	color				: #666665;
}

td.contenu_wysig a,
td.contenu_wysig a:link,
td.contenu_wysig a:active{
	text-decoration		: underline;
}