/* CSS Document */

/*----------------------------*/
/*++++ BALISES GENERALES +++++*/
/*----------------------------*/

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

ul,li
{
	list-style-type     : none;
}
p
{
	margin           : 0;
	padding          : 0;
}
/*----------------------------*/
/*++++++++ CONTENEURS ++++++++*/
/*----------------------------*/

div#global 
{
	position         : relative;
	margin           : 0 auto; 	
	width            : 948px;
	height           : 712px;
	margin-top       : 14px;
}

/*------------------ BANDEAU SUPERIEUR AVEC MAIN MENU ------------------------*/
div#header 
{
	position         : relative;
	height           : 148px;
	background       : url(../images/bg-header.jpg)  top;
}
div#header #main-menu
{
	position         : absolute;
	bottom           : 0;
	right            : -7px;
	height           : 35px;
}

div#main-menu ul, div#main-menu li
{
	float            : left;
	margin           : 6px 10px;
}

div#main-menu a
{
	color               : #FFFFFF;
	text-transform      : uppercase;
	text-decoration     : none;
	padding-left        : 10px;
	background-image    : url(../images/puce-main-menu.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#main-menu a:hover
{
	color:#000064;
	background-image    : url(../images/puce-main-menu-over.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

/*------------------ CONTENU TEXTE DE LA PAGE WEB  ------------------------*/

div#contenu 
{
	position         : relative;
	height           : 362px;
	background       : url(../images/bg-contenu.jpg)  top;
}
#sous-titre
{
	position : absolute;
	left : 93px;
	top : 104px;
	font-weight : normal;
	width: 312px;
}
#sous-titre h2
{
	color : #fff;
	font-size : 1.3em;
}
#tbl-logos 
{
	position         : absolute;
	right            : 15px;
	top              : 10px;
	color            : #ffffff;
	width            : 355px;
	border-collapse  : collapse;
}

#tbl-logos img
{
	border           : none;
}

#tbl-logos td p
{
	margin           : 0;
	padding          : 15px 15px;
	vertical-align   : middle;
	font-size        : 12px;
	font-weight      : bold;
	font-style       : italic;
}
.trait-sep
{
	vertical-align   : top;
}

/*--------- FOOTER (menus, emplois, parrain, actus...) --------------------*/

div#footer 
{
	position         : relative;
	height           : 211px;
	width            : 948px;
	margin-bottom    : 25px;	
}
#mentions
{
	position         : absolute;
	bottom           : -65px;
	width            : 100%;
	clear            : both;
	text-align       : center;
	font-style       : italic;
	color            : #637d95;
	background-repeat: no-repeat;
	left: 0px;
	height: 100px;
	background-image: url(../images/mentions_home.gif);
}

#mentions a
{
	color            : #637d95;
}

#mentions a:hover
{
	color            : #515151;
}

div#documentations
{
	float            : left;
	height           : 211px;
	width            : 220px;
	background       : url(../images/bg-docs.jpg)  left top no-repeat;
	padding-top      : 30px;
}

div#documentations a
{
	color               : #000000;
	padding-left        : 10px;
	line-height         : 1.5em;
	background-image    : url(../images/puce-doc.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

div#documentations a:hover
{
	color            : #9ac704;
}

div#emplois
{
	float            : left;
	height           : 220px;
	width            : 157px;
	background       : url(../images/bg-emplois.jpg)  left top no-repeat;
	padding          : 28px 0 0 10px;
}

.lien-suite
{
	border-top          : 1px dotted #515151;
	border-bottom       : 1px dotted #515151;
	padding             : 3px 10px;
	color               : #000000;
	font-weight         : bold;
	text-decoration     : none;
	background-image    : url(../images/puce-lien-suite.gif);
	background-repeat   : no-repeat;
	background-position : 0px 45%;
}

.lien-suite:hover
{
	color               : #cb282d;
}

div#parrain
{
	padding          : 32px 0 0 10px;
	float            : left;
	height           : 211px;
	width            : 154px;
	background       : url(../images/bg-parrain.jpg)  left top no-repeat;
}

div#parrain h2
{
	color            : #efab09;
	font-size        : 12px;
	font-weight      : bold;
	margin           : 0;
	padding          : 0;
}

div#parrain a
{
	color            : #cb282d;
	display          : block;
	width            : 110px;
	margin-left      : 5px
}
/*------------------------------------------*/
/*-GESTION DES ACTUS, EMPLOI FOOTER   ------*/
/*------------------------------------------*/

#actus-direct{
height:20px;
font-size:11px;
}
div#actus
{
	padding          : 30px 0 0 20px;
	float            : left;
	height           : 205px;
	width            : 375px;
	background       : url(../images/bg-actus.gif) left top no-repeat;
	position: relative;
	overflow: hidden;
}

.someclass{
}

