/* ------------------------------------------------------------------------------------------------------------ */
/* CSS - Mabeo - Mars 2009                                                                                      */
/* ------------------------------------------------------------------------------------------------------------ */

/* Elements Généraux ------------------------------------------------------------------------------------------ */
body {
	margin:0; padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF url(../images/bg_body.jpg) left top repeat-x;
	color:#000000;
}
img {display:block;}
.basic {
	width:auto; height:auto;
	margin:0; padding:0;
}
.nomargeRight {margin-right:0!important;}
.hidden {display:none;}

#container {
	width:998px; height:auto;
	margin:0 auto; padding:0;
}

#ombrer_gauche {
	width:auto; height:auto;
	margin:0; padding:0 0 0 9px;
	background:url(../images/ombrer_gauche.png) left top repeat-y;
}
#ombrer_droit {
	width:auto; height:auto;
	margin:0; padding:0 9px 0 0;
	background:url(../images/ombrer_droit.png) right top repeat-y;
}

/* Titres ---------------------------------------------------------------------------------------------------- */
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px; font-weight:bold;
	color:#40535f;
}
/* Liens ----------------------------------------------------------------------------------------------------- */

/* Boutons --------------------------------------------------------------------------------------------------- */

/* Listes à puces -------------------------------------------------------------------------------------------- */

/* Header ---------------------------------------------------------------------------------------------------- */
#header_home {
	position:relative;
	width:980px; height:106px;
	margin:0; padding:0;
	background:url(../images/bg_header_home.jpg) center top no-repeat;
}
#header {
	position:relative;
	width:980px; height:106px;
	margin:0; padding:0;
	background:url(../images/bg_header.jpg) center top no-repeat;
}

#logo {
	position:absolute; top:11px; left:78px;
	margin:0; padding:0;
}

/* Main ----------------------------------------------------------------------------------------------------- */
#main {
	width:980px; height:auto;
	margin:0; padding:0;
}
#main_footer {
	width:998px; height:16px;
	margin:0; padding:0;
	background:url(../images/main_footer.png) left bottom no-repeat;
}
#reseau_footer {
	width:998px; height:16px;
	margin:0; padding:0;
	background:url(../images/reseau_footer.png) left bottom no-repeat;
}
#main_footer_home {
	width:998px; height:16px;
	margin:0; padding:0;
	background:url(../images/main_footer_home.png) left bottom no-repeat;
}

/* Navigation principal ------------------------------------------------------------------------------------ */
#mainMenu {
	position:absolute; top:76px; left:0;
	width:587px; height:29px;
	margin:0; padding:0 0 0 393px;
	list-style:none;
	background:url(../images/menus/bg_menu.gif) left top no-repeat;
}
#mainMenu li {
	float:left; display:inline;
	width:auto; height:auto;
	margin:0; padding:0;
}

#mainMenu li a, #mainMenu li a:link, #mainMenu li a:visited, #mainMenu li a:hover{
	float:left;
	display:block;
	width:auto; height:29px;
	margin:0; padding:0;
	text-indent:-9999px;
}

#mainMenu li.onglet_quiestmabeo a, #mainMenu li.onglet_quiestmabeo a:link, #mainMenu li.onglet_quiestmabeo a:visited {width:96px; background:url(../images/menus/quiestmabeo.png) left top no-repeat;}
#mainMenu li.onglet_nosmetiers a, #mainMenu li.onglet_nosmetiers a:link, #mainMenu li.onglet_nosmetiers a:visited {width:82px; background:url(../images/menus/nosmetiers.png) left top no-repeat;}
#mainMenu li.onglet_nospartenaires a, #mainMenu li.onglet_nospartenaires a:link, #mainMenu li.onglet_nospartenaires a:visited {width:100px; background:url(../images/menus/nospartenaires.png) left top no-repeat;}
#mainMenu li.onglet_lecatalogue a, #mainMenu li.onglet_lecatalogue a:link, #mainMenu li.onglet_lecatalogue a:visited {width:88px; background:url(../images/menus/lecatalogue.png) left top no-repeat;}
#mainMenu li.onglet_notrereseau a, #mainMenu li.onglet_notrereseau a:link, #mainMenu li.onglet_notrereseau a:visited {width:97px; background:url(../images/menus/notrereseau.png) left top no-repeat;}

#mainMenu li a:hover {background-position:left bottom!important;}
#mainMenu li a.selected {background-position:left bottom!important; cursor:default;}

/* Navigation interne ------------------------------------------------------------------------------------ */
#internalMenu {
	width:189px; height:auto;
	margin:0 0 15px 0; padding:0;
	list-style:none;
	background:url(../images/menus/bg_menu.gif) left top no-repeat;
}
#internalMenu li {
	width:auto; height:auto;
	margin:0; padding:0 0 4px 0;
}

#internalMenu li a, #internalMenu li a:link, #internalMenu li a:visited{
	display:block;
	width:auto; height:27px;
	margin:0; padding:9px 0 0 12px;
	background:url(../images/menus/internalMenu_a.gif) left top no-repeat;
	font-size:12px; font-weight:bold;
	color:#244a65;
}
#internalMenu li .selected,
#internalMenu li .selected:link,
#internalMenu li .selected:visited,
#internalMenu li .selected:link,
#internalMenu li a:hover {
	background-position:left bottom;
	text-decoration:none;
	color:#a8c4d8;
}
#internalMenu li .selected { cursor:default;}

/* Navigation Metier ------------------------------------------------------------------------------------ */
#metierMenu {
	width:189px; height:auto;
	margin:0 0 15px 0; padding:0;
	list-style:none;
	background:url(../images/menus/bg_menu.gif) left top no-repeat;
}
#metierMenu li {
	width:auto; height:auto;
	margin:0; padding:0 0 7px 0;
}

#metierMenu li a, #metierMenu li a:link, #metierMenu li a:visited{
	display:block;
	width:137px; height:auto;
	margin:0; padding:3px 40px 3px 12px;
	font-size:12px; font-weight:bold;
	color:#244a65;
}
#metierMenu li.equipement a { background:url(../images/menus/metier_equipements.gif) left top no-repeat;}
#metierMenu li.fourniture a { background:url(../images/menus/metier_fourniture.gif) left top no-repeat;}
#metierMenu li.transmission a { background:url(../images/menus/metier_transmission.gif) left top no-repeat;}
#metierMenu li.fluide a { background:url(../images/menus/metier_fluides.gif) left top no-repeat;}
#metierMenu li.automatisme a { background:url(../images/menus/metier_automatismes.gif) left top no-repeat;}
#metierMenu li.investissement a { background:url(../images/menus/metier_investissement.gif) left top no-repeat;}

#metierMenu li .selected,
#metierMenu li .selected:link,
#metierMenu li .selected:visited,
#metierMenu li .selected:link,
#metierMenu li a:hover {
	background-position:left -66px;
	text-decoration:none;
	color:#FFFFFF;
}
#metierMenu li .selected { cursor:default;}

/* Contenu --------------------------------------------------------------------------------------------------- */
#content {
	position:relative;
	width:980px; height:auto;
	min-height:470px;
	margin:0; padding:0;
	background-color:#FFFFFF;
}
#reseau {
	position:relative;
	width:980px; height:auto;
	min-height:470px;
	margin:0; padding:0;
	background-color:#17445f;
}
#content_interne {
	position:relative;
	width:980px; height:auto;
	min-height:470px;
	margin:0; padding:0;
	background:#fff url(../images/bg_content.jpg) left top no-repeat;
}
#col_gauche {
	float:left;
	width:189px; height:auto;
	margin:0; padding:114px 0 0 0;
}
#col_centrale {
	float:left;
	width:741px; height:auto;
	margin:0; padding:0 25px;
}

/* Fil d'ariane --------------- */
#fil_dariane {
	margin:0; padding:50px 0 17px 6px;
	font-size:10px;
	background:url(../images/puces/puce_ariane.gif) left 55px no-repeat;
}
#fil_dariane a {
	padding:0 2px;
	color:#FFFFFF;
}
#fil_dariane span {
	padding:0 2px;
	color:#a8c4d8;
}

/* Home ------------------------------------------------------------------------------ */
#zone_flash {
	float:left;
	width:625px; height:521px;
	margin:0; padding:0;
}
#home_zoom {
	float:left;
	position:relative;
	width:355px; height:521px;
	margin:0; padding:0;
	background:url(../images/home_zoom.jpg) left top no-repeat;
}

/* Bloc 'Bienvenue sur Mabeo' ----------------- */
.bienvenue {
	position:absolute; top:82px; left:42px;
	width:223px; height:auto;
	margin:0; padding:0 10px 0 20px;
	line-height:12px;
	font-size:11px;
	color:#FFFFFF;
}
.bienvenue sup {
	font-size:6px;
}

.bienvenue p {margin:4px 0 7px 0; padding:0;}
.bienvenue .ensavoirplus {
	float:right;
}

/* Bloc 'Découverte des produits' ----------------- */
.decouverte {
	position:absolute; top:360px; left:0;
	width:307px; height:auto;
	margin:0; padding:0 0 0 15px;
}
.decouverte_content {
	position:relative;
	margin:0; padding:11px 15px 11px 168px;
	background:url(../images/decouverte_bg.png) left bottom no-repeat;
	font-size:11px;
	color:#17394f;
}
.decouverte_content p {	margin:0 0 9px 0; padding:0;}
.decouverte_content .img_catalogue {
	position:absolute; top:0; left:-14px;
}

/* Page Interne - Logistique ------------------------------------------------------------------------------ */
.contenu {
	width:auto; height:auto;
	margin:0; padding:0;
}
.titre_onglet {
	float:left;
	width:725px; height:auto;
	margin:0; padding:0 0 0 16px;
	border-bottom:1px solid #1d4a66;
	background:url(../images/titres/titre_ongletG.png) left top no-repeat;
}
.titre_onglet h1 {
	float:left;
	font-size:17px; font-weight:bold;
	color:#a8c4d8;
	margin:0; padding:7px 16px 6px 0;
	background:url(../images/titres/titre_ongletD.png) right top no-repeat;
}
.contenu .txt_basic {
	width:auto; height:auto;
	margin:0; padding:0;
}
.contenu .txt_metier {
	width:auto; height:auto;
	margin:0; padding:0;
}
.contenu p {
	width:auto; height:auto;
	margin:0; padding:10px 0;
	font-size:12px;
	line-height:18px;
	color:#40535f;
}
.contenu ul {
	width:auto; height:auto;
	margin:0; padding:10px 0 0 35px;
	list-style:none;
	font-size:12px;
	color:#40535f;
}
.contenu ul li {
	width:auto; height:auto;
	margin:0; padding:0 0 10px 15px;
	background:url(../images/puces/puce_liste_standard.gif) left 3px no-repeat;
}
.contenu .img_floatR {
	float:right;
	margin:0 0 0 40px;

}

/* Bloc SMALL 'Découverte des produits' (colonne gauche) ----------------- */
.decouvertesmall {
	width:164px; height:auto;
	margin:0 0 15px 0; padding:0 0 0 25px;
}
.decouvertesmall_content {
	margin:0; padding:15px 12px 15px 11px;
	border-top:1px solid #eef0f2;
	background:url(../images/decouverte_small_bg.png) left bottom no-repeat;
	font-size:11px;
	color:#17394f;
}
.decouvertesmall_content p {margin:0 0 9px 0; padding:0;}

/* Metier Chapo : ORANGE  ------------------------------------------------------------------------------ */
.chapo_orange {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#f4ae87 url(../images/chapo_orange.gif) left bottom no-repeat;
}
.chapotitre_orange {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#e95d0f url(../images/chapotitre_orange.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_orange {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_orange li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#e95d0f;	
	background:url(../images/puces/puce_chapoliste_orange.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_orange li a,
.contenu ul.chapoliste_orange li a:link,
.contenu ul.chapoliste_orange li a:visited {
	color:#e95d0f; text-decoration:underline;
}
.contenu ul.chapoliste_orange li a:hover {color:#e95d0f; text-decoration:none;}
.chapovisuel_orange {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_orange {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Chapo : JAUNE  ------------------------------------------------------------------------------ */
.chapo_jaune {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#ffe783 url(../images/chapo_jaune.gif) left bottom no-repeat;
}
.chapotitre_jaune {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#fece07 url(../images/chapotitre_jaune.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_jaune {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_jaune li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#b69201;	
	background:url(../images/puces/puce_chapoliste_jaune.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_jaune li a,
.contenu ul.chapoliste_jaune li a:link,
.contenu ul.chapoliste_jaune li a:visited {
	color:#b69201; text-decoration:underline;
}
.contenu ul.chapoliste_jaune li a:hover {color:#b69201; text-decoration:none;}
.chapovisuel_jaune {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_jaune {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Chapo : VIOLET  ------------------------------------------------------------------------------ */
.chapo_violet {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#b4afca url(../images/chapo_violet.gif) left bottom no-repeat;
}
.chapotitre_violet {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#685e94 url(../images/chapotitre_violet.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_violet {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_violet li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#685e94;	
	background:url(../images/puces/puce_chapoliste_violet.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_violet li a,
.contenu ul.chapoliste_violet li a:link,
.contenu ul.chapoliste_violet li a:visited {
	color:#685e94; text-decoration:underline;
}
.contenu ul.chapoliste_violet li a:hover {color:#685e94; text-decoration:none;}
.chapovisuel_violet {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_violet {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Chapo : VERT  ------------------------------------------------------------------------------ */
.chapo_vert {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#c1d28b url(../images/chapo_vert.gif) left bottom no-repeat;
}
.chapotitre_vert {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#82a416 url(../images/chapotitre_vert.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_vert {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_vert li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#648107;	
	background:url(../images/puces/puce_chapoliste_vert.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_vert li a,
.contenu ul.chapoliste_vert li a:link,
.contenu ul.chapoliste_vert li a:visited {
	color:#648107; text-decoration:underline;
}
.contenu ul.chapoliste_vert li a:hover {color:#648107; text-decoration:none;}
.chapovisuel_vert {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_vert {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Chapo : BLEU  ------------------------------------------------------------------------------ */
.chapo_bleu {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#94cfd0 url(../images/chapo_bleu.gif) left bottom no-repeat;
}
.chapotitre_bleu {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#289ea0 url(../images/chapotitre_bleu.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_bleu {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_bleu li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#289ea0;	
	background:url(../images/puces/puce_chapoliste_bleu.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_bleu li a,
.contenu ul.chapoliste_bleu li a:link,
.contenu ul.chapoliste_bleu li a:visited {
	color:#289ea0; text-decoration:underline;
}
.contenu ul.chapoliste_bleu li a:hover {color:#289ea0; text-decoration:none;}
.chapovisuel_bleu {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_bleu {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Chapo : GRIS  ------------------------------------------------------------------------------ */
.chapo_gris {
	position:relative;
	width:741px; height:auto;
	min-height:145px;
	margin:0; padding:0;
	background:#94cfd0 url(../images/chapo_gris.gif) left bottom no-repeat;
}
.chapotitre_gris {
	width:416px; height:auto;
	margin:0; padding:15px 20px;
	background:#289ea0 url(../images/chapotitre_gris.gif) left bottom no-repeat;
	font-size:20px; font-weight:bold;
	color:#FFFFFF;
}
.contenu ul.chapoliste_gris {
	width:436px; height:auto;
	margin:0; padding:10px;
}
.contenu ul.chapoliste_gris li {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:0 0 0 10px;
	color:#727882;	
	background:url(../images/puces/puce_chapoliste_gris.gif) 3px 6px no-repeat
}
.contenu ul.chapoliste_gris li a,
.contenu ul.chapoliste_gris li a:link,
.contenu ul.chapoliste_gris li a:visited {
	color:#727882; text-decoration:underline;
}
.contenu ul.chapoliste_gris li a:hover {color:#727882; text-decoration:none;}
.chapovisuel_gris {
	position:absolute; right:16px; bottom:-1px;
}
.chapovisuel2_gris {
	float:right;
	margin:0; padding:0 16px;
}

/* Metier Masterpage ------------------------------------------------------------------------------ */
.section {
	float:left;
	width:213px; height:auto;
	margin:0; padding:0 13px 10px 13px;
}
.section_desc {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px 10px 5px;
	vertical-align:middle;
	text-align:center;
	background:url(../images/section_desc.gif) left bottom no-repeat;
	font-size:10px;
	line-height:11px;
	color:#1d4a66;
}
.section_desc a, .section_desc a:link, .section_desc a:visited {
	margin:0; padding:0 0 0 9px;	
	background:url(../images/puces/puce_section_desc.gif) left 3px no-repeat; 
	color:#1d4a66;
	text-decoration:none;
}
.section_desc a:hover {color:#1d4a66; text-decoration:underline;}

.section_visuel {
	width:auto; height:auto;
	margin:0 0 2px 0; padding:0;
}
.section_desc_jaune {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_jaune.jpg) left top no-repeat;
}
.section_desc_orange {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_orange.jpg) left top no-repeat;
}
.section_desc_violet {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_violet.jpg) left top no-repeat;
}
.section_desc_vert {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_vert.jpg) left top no-repeat;
}
.section_desc_bleu {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_bleu.jpg) left top no-repeat;
}
.section_desc_fuchsia {
	width:203px; height:auto;
	min-height:37px;
	margin:0 0 1px 0; padding:10px 5px;
	font-size:15px; font-weight:bold;
	text-align:center;
	color:#1d4a66;
	background:url(../images/section_visuel2_fuchsia.jpg) left top no-repeat;
}
.section_desc_jaune a, .section_desc_jaune a:link, .section_desc_jaune a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_jaune a:hover {color:#1d4a66; text-decoration:underline;}
.section_desc_orange a, .section_desc_orange a:link, .section_desc_orange a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_orange a:hover {color:#1d4a66; text-decoration:underline;}
.section_desc_violet a, .section_desc_violet a:link, .section_desc_violet a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_violet a:hover {color:#1d4a66; text-decoration:underline;}
.section_desc_vert a, .section_desc_vert a:link, .section_desc_vert a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_vert a:hover {color:#1d4a66; text-decoration:underline;}
.section_desc_bleu a, .section_desc_bleu a:link, .section_desc_bleu a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_bleu a:hover {color:#1d4a66; text-decoration:underline;}
.section_desc_fuchsia a, .section_desc_fuchsia a:link, .section_desc_fuchsia a:visited {color:#1d4a66; text-decoration:none;}
.section_desc_fuchsia a:hover {color:#1d4a66; text-decoration:underline;}

/* News  -------------------------------------------------------------------------------------------- */
.news {
	width:auto; height:auto;
	margin:0 0 10px 0; padding:0 0 5px 0;
	background:url(../images/news_separation.gif) left bottom repeat-x;
}
.news_entete {
	width:auto; height:auto;
	margin:0; padding:10px 0;
}
.news_entete h2 {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:8px 10px 0 0;
	font-size:17px; font-weight:bold;
	color:#40535f;
}
.news_entete .news_date {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:9px 10px 10px 16px;
	font-size:10px; font-weight:bold;
	color:#40535f;
	background:url(../images/news_date.png) left top no-repeat;
}
.news_visu {
	width:auto; height:auto;
	margin:0 0 10px 0; padding:0;
	background:url(../images/news_separation.gif) left bottom repeat-x;
}

.news .img_floatR {
	float:right;
	width:auto; height:auto;
	margin:0; padding:10px 0 10px 10px;
}

/* Pagination -------------------------------------------------------------------------------------------- */
.pagination {
	position:relative;
	width:auto; height:auto;
	margin:0; padding:0 0 10px 0;
}
.pagination  .precedant{
	position:absolute; top:5px; left:10px;
}
.pagination  .suivant{
	position:absolute; top:5px; right:10px;
}
.pagination ul {
	width:400px; height:auto;
	margin:0 auto; padding:0;
	list-style:none;
}
.pagination ul li {
	float:left;
	width:auto; height:auto;
	margin:0 0 8px 0; padding:0;
	background:none;
}

.pagination ul li a,
.pagination ul li a:link,
.pagination ul li a:visited 
{
	float:left;
	display:block;
	width:auto; height:auto;
	margin:0 8px 0 0; padding:0 0 0 8px;
	font-size:12px; font-weight:bold;
	color:#204d69;
	background:url(../images/pagination_g.gif) left top no-repeat;
}

.pagination ul li a span,
.pagination ul li a:link span,
.pagination ul li a:visited span 
{
	float:left;
	width:auto; height:20px;
	margin:0; padding:5px 8px 0 0;
	background:url(../images/pagination_d.gif) right top no-repeat;
	cursor:pointer;
	
}
.pagination ul li a:hover, 
.pagination ul li a.selected,
.pagination ul li a.selected:link, 
.pagination ul li a.selected:visited, 
.pagination ul li a.selected:hover
{
	background-position:left bottom;
	text-decoration:none;
	color:#FFFFFF;
}

.pagination ul li a:hover span, 
.pagination ul li a.selected span,
.pagination ul li a.selected:link span,
.pagination ul li a.selected:visited span,
.pagination ul li a.selected:hover span
{
	background-position:right bottom;
	text-decoration:none;
	color:#FFFFFF;
}


/* Partenaires Liste -------------------------------------------------------------------------------------------- */
.partners {
	width:auto; height:auto;
	margin:0; padding:14px 0 14px 0;
	background:url(../images/news_separation.gif) left top repeat-x;
	color:#40535f;
}
.partners h2 {
	width:auto; height:auto;
	margin:0; padding:0;
	font-size:17px; font-weight:bold;
}
.partners_bloc {
	float:left;
	width:370px; height:auto;
	margin:15px 0 0 0; padding:0;
}
.partners_logo_top {
	float:left;
	width:111px; height:auto;
	margin:0; padding:10px 0 0 0;
	background:url(../images/mosaic_top.gif) left top no-repeat;
}
.partners_logo_bottom {
	float:left;
	width:100px; height:auto;
	margin:0; padding:6px 5px 16px 6px;
	background:url(../images/mosaic_bottom.gif) left bottom no-repeat;
}
.partners_img {
	float:left;
	margin:0; padding:0;
}
.partners_desc {
	float:left;
	width:236px; height:auto;
	margin:0; padding:0 10px 0 13px;
}
.partners_desc p {
	margin:0; padding:0 0 4px 0;
}
p.partners_titre {
	font-size:12px; font-weight:bold;
}
p.partners_txt {
	font-size:11px;
}
.partners_link img {display:inline;}

/* Partenaires Mosaic -------------------------------------------------------------------------------------------- */
ul.mosaic {
	width:auto; height:auto;
	margin:0; padding:0;
	list-style:none;
}
ul.mosaic li {
	float:left;
	width:111px; height:auto;
	margin:0 12px 12px 0; padding:10px 0 0 0;
	background:url(../images/mosaic_top.gif) left top no-repeat;
}
ul.mosaic li a {
	float:left;
	width:100px; height:auto;
	margin:0; padding:6px 5px 16px 6px;
	background:url(../images/mosaic_bottom.gif) left bottom no-repeat;
}
/* Recrutement -------------------------------------------------------------------------------------------- */
.recrutement {
	position:relative;
	width:auto; height:auto;
	min-height:68px;
	margin:0 0 10px 0; padding:0;
	background:url(../images/news_separation.gif) left bottom repeat-x;
}
.recrutement_entete {
	width:auto; height:auto;
	margin:0; padding:0 0 10px 0;
}
.recrutement_entete h2 {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:8px 10px 0 0;
	font-size:17px; font-weight:bold;
	color:#40535f;
}
.recrutement_entete .recrutement_date {
	display:inline;
	width:auto; height:auto;
	margin:0; padding:9px 10px 10px 16px;
	font-size:10px; font-weight:bold;
	color:#40535f;
	background:url(../images/news_date.png) left top no-repeat;
}
.recrutement_poste {
	float:left;
	margin:0; padding:10px 25px 10px 0!important;
}
.recrutement_lieu {
	float:left;
	margin:0; padding:10px 25px 10px 0!important;
}
.recrutement_link {
	position:absolute; top:20px; right:30px;
}

.separation {
	width:auto; height:1px;
	margin:10px 0; padding:0;
	background:url(../images/news_separation.gif) left center repeat-x;
}


.recutementForm {
	background:url(../images/news_separation.gif) left bottom repeat-x;
	padding:0px 0px 10px 0px;
	
}

.recrutementForm .row {
	padding:0px 0px 8px 8px;
}

.recrutementForm .leftCol {
	float:left;
	width:160px;
	height:auto;
	min-width:160px;
	padding:3px 0px 0px 0px;
	margin:0px;
	color:#a8b0b6;
	font-size:13px;
	font-weight:bold;
}

.recrutementForm .rightCol {
	float:left;
	padding:0px;
	margin:0px;

}

.recrutementForm .rightCol textarea {
	width:455px;
	height:100px;
	font-size:12px;
	color:#40535f;
}

.recrutementForm .rightCol .textInput {
	width:210px;
	height:18px;
	font-size:12px;
	color:#40535f;
}

.recrutementForm .rightCol .fileInput {
	/*width:300px;*/
	font-size:12px;
	color:#40535f;
}

.recrutementForm .formInfo {
	float:right;
	width:auto; height:auto;
	text-align:right;
	padding-top: 5px;
	font-size:10px;
	color:#40535f;
}

/* Footer -------------------------------------------------------------------------------------------- */
#footer {
	width:998px; height:auto;
	margin:0; padding:2px 0 16px 0;
	background:url(../images/bg_footer.gif) left top repeat-x;
}
.footer_link {
	float:left;
	width:678px; height:auto;
	margin:0; padding:0 160px;
	text-align:center;
	font-size:11px;
	color:#838383;
}
.footer_link a, .footer_link a:link, .footer_link a:visited {
	float:left;
	display:block;
	padding:2px 5px 10px 5px;
	font-weight:normal;
	color:#838383;
}
.footer_link a:hover {color:#f60; text-decoration:underline;}

.footer_link span { 
	float:left;
	display:block;
	padding:2px 5px 10px 5px;
}
.footer_link .belaysoud { 
	float:left;
	padding:0 5px;
}
#website_form {
	width:auto; height:auto;
	margin:0; padding:0 5px;
}
#website_form select {
	float:left;
	width:auto; height:auto;
	margin:0; padding:0;
	font-size:11px;
	color:#666666;
}

.footer_list {
	text-align:center;
	color:#b9b9b9;
}
.footer_list a, .footer_list a:link, .footer_list a:visited {
	font-size:10px; font-weight:normal;
	color:#b9b9b9;
}
.footer_list a:hover {
	color:#f60;
}