/* CSS Document */

* {margin:0; padding:0;}
img {border:none;}
a {cursor:pointer;}
input, select, textarea {
	color:#434343;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*----------------------------------------------------GENERAL------------------------------------------------------------*/

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#434343;
	margin:auto;
	background-color:#36372f;
}

a {
	text-decoration:none;
	color:#434343;
}

a:hover {
	text-decoration:underline;
}

a.turquoise {	
	color:#16c4df;
	text-decoration:none;
}

a.turquoise:hover {
	text-decoration:underline;
}

a.turquoise_s {	
	color:#16c4df;
	text-decoration:underline;
}

a.turquoise_s:hover {
	text-decoration:none;
}

a.bleu_vert {	
	color:#239db5;
	text-decoration:none;
}

a.bleu_vert:hover {
	text-decoration:underline;
}

.turquoise {
	color:#239db5;
}

.turquoise_clair {
	color:#16c4df;
}

.texte10 {
	font-size:10px;
}

.texte12 {
	font-size:12px;
}

.texte13 {
	font-size:13px;
}

.texte14 {
	font-size:14px;
}

.texte15 {
	font-size:15px;
}

.texte16 {
	font-size:16px;
}

.texte18 {
	font-size:18px;
}

.centrer {
	text-align:center;
}

.aligne_droit {
	text-align:right;
}

.float_left {	
	float:left;
}

.float_right {	
	float:right;
}

.clear_right {
	clear:right;
}

.clear_left {
	clear:left;
}

.clear_both {
	clear:both;
}

.lineheight02 {
	line-height:2px;
}

.lineheight05 {
	line-height:5px;
}

.lineheight08 {
	line-height:8px;
}

.lineheight10 {
	line-height:10px;
}

.lineheight13 {
	line-height:13px;
}

.lineheight15 {
	line-height:15px;
}

.lineheight17 {
	line-height:17px;
}

.lineheight20 {
	line-height:20px;
}

.lineheight30 {
	line-height:30px;
}

.lineheight40 {
	line-height:40px;
}

.lineheight100 {
	line-height:100px;
}

.pad20 {
	padding:20px;
}

/*----------------------------------------------------PICTOS------------------------------------------------------------*/

.picto_caddie {
	background:url(images/picto_caddie.gif) no-repeat;
	display:inline-block;
	padding-left:25px;
}

.fleche_bas_blanc {
	background:url(images/puce_flechebas_gris.gif) no-repeat;
	display:inline-block;
	padding-left:20px;
}

a.fleche_blanc{
	background:url(images/picto_fleche_blanc.gif) right no-repeat;
	padding-right:10px;
	color:#FFF;
	text-decoration:underline;
	display:inline-block;
}

a.fleche_blanc:hover {
	text-decoration:none;
}



/*--------------------------------------------ELEMENTS GRAPHIQUES--------------------------------------------------------*/

.pointille {
	height:1px;
	background:url(images/pointille.gif) repeat-x;
}

.bg_ombre {
	background:url(images/bg_ombre.gif) left bottom no-repeat;
}

.puce_bleue {
	background:url(images/puce_bleue.gif) no-repeat;
	padding-left:34px;
}

.pointille_gris {
	height:1px;
	background:url(images/pointille_gris.gif) repeat-x;
}

/*----------------------------------------------------BOUTONS------------------------------------------------------------*/

.btn_demande a {
	background:url(boutons/btn_demande.gif) no-repeat;
	width:230px;
	height:30px;
	display:block;
}

.btn_demande a:hover {
	background:url(boutons/btn_demande_hover.gif) no-repeat;
}

.btn_presta_lead a {
	background:url(boutons/btn_presta_lead.gif) no-repeat;
	width:230px;
	height:35px;
	display:block;
	padding-bottom:4px;
}

.btn_presta_lead a:hover {
	background:url(boutons/btn_presta_lead_on.gif) no-repeat;
}

.btn_presta_lead_selected {
	background:url(boutons/btn_presta_lead_on.gif) no-repeat;
	width:230px;
	height:35px;
	padding-bottom:4px;
}

.btn_presta_ope a {
	background:url(boutons/btn_presta_ope.gif) no-repeat;
	width:230px;
	height:35px;
	display:block;
	padding-bottom:4px;
}

.btn_presta_ope a:hover {
	background:url(boutons/btn_presta_ope_on.gif) no-repeat;
}

.btn_presta_ope_selected {
	background:url(boutons/btn_presta_ope_on.gif) no-repeat;
	width:230px;
	height:35px;
	padding-bottom:4px;
}

.btn_presta_bases a {
	background:url(boutons/btn_presta_bases.gif) no-repeat;
	width:230px;
	height:35px;
	display:block;
	padding-bottom:4px;
}

.btn_presta_bases a:hover {
	background:url(boutons/btn_presta_bases_on.gif) no-repeat;
}

.btn_presta_bases_selected {
	background:url(boutons/btn_presta_bases_on.gif) no-repeat;
	width:230px;
	height:35px;
	padding-bottom:4px;
}

.btn_presta_abandon a {
	background:url(boutons/btn_presta_abandon.gif) no-repeat;
	width:230px;
	height:35px;
	display:block;
	padding-bottom:4px;
}

.btn_presta_abandon a:hover {
	background:url(boutons/btn_presta_abandon_on.gif) no-repeat;
}

.btn_presta_abandon_selected {
	background:url(boutons/btn_presta_abandon_on.gif) no-repeat;
	width:230px;
	height:35px;
	padding-bottom:4px;
}

.btn_demande_court a {
	background:url(boutons/btn_demande_court.gif) no-repeat;
	width:123px;
	height:26px;
	display:block;
}

.btn_demande_court a:hover {
	background:url(boutons/btn_demande_court_hover.gif) no-repeat;
}

/*----------------------------------------------------LIENS------------------------------------------------------------*/

.lien_savoir_plus a {
	background:url(boutons/lien_savoir_plus.gif) no-repeat;
	width:89px;
	height:12px;
	display:block;
}

.lien_savoir_plus a:hover {
	background:url(boutons/lien_savoir_plus_hover.gif) no-repeat;
}

.lien_consulter_offres a {
	background:url(boutons/lien_consulter_offres.gif) no-repeat;
	width:185px;
	height:12px;
	display:block;
}

.lien_consulter_offres a:hover {
	background:url(boutons/lien_consulter_offres_hover.gif) no-repeat;
}

.lien_telecharger_plan a {
	background:url(boutons/lien_telecharger_plan.gif) no-repeat;
	width:153px;
	height:12px;
	display:block;
}

.lien_telecharger_plan a:hover {
	background:url(boutons/lien_telecharger_plan_hover.gif) no-repeat;
}

.lien_deposer_candidature a {
	background:url(boutons/lien_deposer_candidature.gif) no-repeat;
	width:167px;
	height:11px;
	display:block;
}

.lien_deposer_candidature a:hover {
	background:url(boutons/lien_deposer_candidature_hover.gif) no-repeat;
}

.lien_consulter_ref a {
	background:url(boutons/lien_consulter_ref.gif) no-repeat;
	width:159px;
	height:11px;
	display:block;
}

.lien_consulter_ref a:hover {
	background:url(boutons/lien_consulter_ref_hover.gif) no-repeat;
}

.lien_details a {
	background:url(boutons/lien_details.gif) no-repeat;
	width:94px;
	height:11px;
	display:block;
}

.lien_details a:hover {
	background:url(boutons/lien_details_hover.gif) no-repeat;
}

.lien_details_blanc a {
	background:url(boutons/lien_details_blanc.gif) no-repeat;
	width:96px;
	height:11px;
	display:block;
}

.lien_details_blanc a:hover {
	background:url(boutons/lien_details_blanc_hover.gif) no-repeat;
}

.lien_page_accueil a {
	background:url(boutons/lien_page_accueil.gif) no-repeat;
	width:90px;
	height:10px;
	display:block;
}

.lien_page_accueil a:hover {
	background:url(boutons/lien_page_accueil_hover.gif) no-repeat;
}

/*----------------------------------------------------FORMULAIRES--------------------------------------------------------*/

input.champ250 {
	width:247px;
	height:16px;
	border:#CCCCCC solid 1px;
	padding-left:3px;
	padding-top:3px;
}

select.select250 {
	width:252px;
	height:20px;
	border:#CCCCCC solid 1px;
	padding-left:3px;
}

select.select200 {
	width:202px;
	height:20px;
	border:#CCCCCC solid 1px;
	padding-left:3px;
}

textarea.aire420 {
	width:417px;
	height:100px;
	border:#CCCCCC solid 1px;
	padding-left:3px;
	padding-top:3px;
}

input.fichier250 {
	width:250px;
	border:#CCCCCC solid 1px;
}

.civilite li {
	list-style-type:none;
	float:left;
	width:70px;
}

input.radio {
	vertical-align:top;
}

/*----------------------------------------------------GABARIT------------------------------------------------------------*/
#conteneur {
	width:1000px;
	margin:auto;
	padding-top:30px;
	padding-bottom:30px;
}

.fond_blanc {
	width:960px;
	background-color:#FFFFFF;
	margin:auto;
}

#header {
	width:960px;
	height:143px;
	position:relative;
}

#logo a {
	background:url(images/logo_natexo.gif) no-repeat;
	width:160px;
	height:85px;
	display:block;
	position:absolute;
	top:30px;
	left:40px;
}

#menu_ext {
	width:510px;
	position:absolute;
	top:58px;
	right:86px;
}

#menu_int {
	height:30px;
	padding-left:14px;
	padding-top:11px;
}

ul#liste_onglet {
	width:496px;
}

#liste_onglet li {
	list-style-type:none;
	float:left;
}

#liste_onglet li.onglet_agence a {
	background:url(boutons/onglet_agence.gif) no-repeat;
	width:110px;
	height:20px;
	display:block;
}

#liste_onglet li.onglet_agence a:hover {
	background:url(boutons/onglet_agence_hover.gif) no-repeat;
}

#liste_onglet li.onglet_agence_selected {
	background:url(boutons/onglet_agence_on.gif) no-repeat;
	width:110px;
	height:20px;
}

#liste_onglet li.onglet_prestations a {
	background:url(boutons/onglet_prestations.gif) no-repeat;
	width:124px;
	height:20px;
	display:block;
}

#liste_onglet li.onglet_prestations a:hover {
	background:url(boutons/onglet_prestations_hover.gif) no-repeat;
}

#liste_onglet li.onglet_prestations_selected {
	background:url(boutons/onglet_prestations_on.gif) no-repeat;
	width:124px;
	height:20px;
}

#liste_onglet li.onglet_ref a {
	background:url(boutons/onglet_ref.gif) no-repeat;
	width:119px;
	height:20px;
	display:block;
}

#liste_onglet li.onglet_ref a:hover {
	background:url(boutons/onglet_ref_hover.gif) no-repeat;
}

#liste_onglet li.onglet_ref_selected {
	background:url(boutons/onglet_ref_on.gif) no-repeat;
	width:119px;
	height:20px;
}

#liste_onglet li.onglet_contact a {
	background:url(boutons/onglet_contact.gif) no-repeat;
	width:76px;
	height:20px;
	display:block;
}

#liste_onglet li.onglet_contact a:hover {
	background:url(boutons/onglet_contact_hover.gif) no-repeat;
}

#liste_onglet li.onglet_contact_selected {
	background:url(boutons/onglet_contact_on.gif) no-repeat;
	width:76px;
	height:20px;
}

#liste_onglet li.trait {
	background:url(images/trait.gif) no-repeat;
	width:13px;
	height:20px;
}

ul#footer {
	width:600px;
	margin-left:240px;
}

ul#footer li {
	list-style-type:none;
	float:left;
	height:10px;
	padding-bottom:15px;
}

ul#footer li.accueil a {
	background:url(boutons/lien_accueil.gif) no-repeat;
	width:38px;
	height:10px;
	display:block;
}

ul#footer li.accueil a:hover {
	background:url(boutons/lien_accueil_hover.gif) no-repeat;
}

ul#footer li.rejoindre a {
	background:url(boutons/lien_rejoindre.gif) no-repeat;
	width:78px;
	height:10px;
	display:block;
}

ul#footer li.rejoindre a:hover {
	background:url(boutons/lien_rejoindre_hover.gif) no-repeat;
}

ul#footer li.mentions a {
	background:url(boutons/lien_mentions.gif) no-repeat;
	width:86px;
	height:10px;
	display:block;
}

ul#footer li.mentions a:hover {
	background:url(boutons/lien_mentions_hover.gif) no-repeat;
}

#colonne_droite {
	width:243px;
	padding-right:18px;
	float:right;
}

#encart_contact {
	background:url(images/encart_contact.gif) no-repeat;
	width:200px;
	height:139px;
	padding-left:20px;
	padding-right:23px;
	padding-top:55px;
}

#encart_recrute {
	background:url(images/encart_recrute.gif) no-repeat;
	width:200px;
	height:124px;
	padding-left:20px;
	padding-right:23px;
	padding-top:78px;
}

#encart_agence {
	background:url(images/encart_agence.gif) no-repeat;
	width:200px;
	height:148px;
	padding-left:20px;
	padding-right:23px;
	padding-top:55px;
}

#contenu {
	width:632px;
	padding-left:38px;
}

#contenu_page {
	width:891px;
	padding-left:38px;
	padding-right:31px;
}

/*----------------------------------------------------INDEX------------------------------------------------------------*/

#flash_accueil {
	width:960px;
	height:343px;
}

ul#liste_encarts_accueil li {
	list-style-type:none;
	float:left;
}

ul#liste_encarts_accueil li.agence {
	background:url(images/img_encart_agence.gif) 40px 0px no-repeat;
	width:260px;
	padding-left:40px;
	padding-top:76px;
}

ul#liste_encarts_accueil li.separateur {
	background:url(images/pointille_v.gif) 22px 0px repeat-y;
	width:23px;
	height:182px;
	margin-top:13px;
}

ul#liste_encarts_accueil li.contact {
	background:url(images/img_encart_contact.gif) 28px 0px no-repeat;
	width:235px;
	padding-left:28px;
	padding-top:76px;
}

ul#liste_encarts_accueil li.recrute {
	background:url(images/img_encart_recrute.gif) 33px 0px no-repeat;
	width:294px;
	padding-left:33px;
	padding-top:76px;
}

#encart_defile_logos {
	background:url(images/encart_defile_logos.gif) no-repeat;
	width:883px;
	height:38px;
	margin-left:28px;
	padding-top:50px;
	padding-left:20px;
}

.bloc_defilement_logos {	
	width:800px;
	padding-left:25px;
	position:relative;
}

span#prevBtn a {
	background:url(images/fleche_defile_gauche.gif) no-repeat;
	width:16px;
	height:15px;
	display:block;
	position:absolute;
	top:4px;
	left:0px;
	display:block;
	text-decoration:none;
}


span#nextBtn a {
	background:url(images/fleche_defile_droite.gif) no-repeat;
	width:16px;
	height:15px;
	display:block;
	position:absolute;
	top:4px;
	right:-30px;
	display:block;
	text-decoration:none;
}


#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider, #slider li{ 
/* 
	define width and height of container element and list item (slide)
	list items must be the same size as the slider area
*/ 
	width:800px;
	height:30px;
	overflow:hidden;
}

#tab_logos_defilement {
	width:774px;
	height:30px;
	overflow:hidden;
}

#tab_logos_defilement td {
	vertical-align:top;
}

#tab_logos_defilement td.logo {
	width:95px;
}

#tab_logos_defilement td.espace {
	width:2px;
}

/*----------------------------------------------------AGENCE-----------------------------------------------------------*/

#bloc_agence {
	background:url(images/img_bloc_agence.jpg) no-repeat;
	width:652px;
	height:132px;
	margin-left:-21px;
	color:#FFFFFF;
	line-height:20px;
	padding-left:38px;
	padding-top:82px;
}

#bg_agence {
	background:url(images/bg_agence.gif) top left no-repeat;
	width:609px;
	height:290px;
	font-size:13px;
	padding-top:100px;
}

/*----------------------------------------------------PRESTATIONS-----------------------------------------------------------*/

#titre_prestations {
	background:url(images/titre_prestations.gif) no-repeat;
	width:164px;
	height:13px;
}

ul.liste_presta li {
	list-style-type:none;
	float:left;
	width:300px;
}

ul.liste_presta li.gauche {
	margin-right:32px;
}

#titre_lead {
	background:url(images/titre_lead.gif) no-repeat;
	width:154px;
	height:14px;
}

#titre_ope {
	background:url(images/titre_ope.gif) no-repeat;
	width:160px;
	height:14px;
}

#titre_bases {
	background:url(images/titre_bases.gif) no-repeat;
	width:218px;
	height:16px;
}

#titre_abandon {
	background:url(images/titre_abandon.gif) no-repeat;
	width:259px;
	height:16px;
}

.tab_presta {
	width:300px;
}

.tab_presta td.image {
	width:122px;
}

.tab_presta td.infos {
	width:160px;
	padding-left:18px;
}

#img_lead a {
	width:120px;
	height:149px;
	border:#cfcfcf solid 1px;
	background:url(images/img_lead.jpg) 3px 3px no-repeat;
	float:left;
}

#img_ope a {
	width:120px;
	height:149px;
	border:#cfcfcf solid 1px;
	background:url(images/img_ope.jpg) 3px 3px no-repeat;
	float:left;
}

#img_bases a {
	width:120px;
	height:149px;
	border:#cfcfcf solid 1px;
	background:url(images/img_bases.jpg) 3px 3px no-repeat;
	float:left;
}

#img_abandon a {
	width:120px;
	height:149px;
	border:#cfcfcf solid 1px;
	background:url(images/img_abandon.jpg) 3px 3px no-repeat;
	float:left;
}

.texte_presta {
	height:99px;
	font-size:12px;
}

/*-------------------------------PRESTA_LEAD----------------------------------*/

#encart_presta_lead {
	background:url(images/encart_presta_lead.jpg) no-repeat;
	width:949px;
	height:185px;
	margin-left:-20px;
	padding-right:51px;
	padding-top:15px;
}

#bg_presta_lead {
	background:url(images/bg_presta_lead.gif) right bottom no-repeat;
}

#titre_presta_lead {
	background:url(images/titre_presta_lead.gif) no-repeat;
	width:195px;
	height:16px;
}

/*-------------------------------PRESTA_OPE----------------------------------*/

#encart_presta_ope {
	background:url(images/encart_presta_ope.jpg) no-repeat;
	width:949px;
	height:185px;
	margin-left:-20px;
	padding-right:51px;
	padding-top:15px;
}

#bg_presta_ope {
	background:url(images/bg_presta_ope.gif) right bottom no-repeat;
}

#titre_presta_ope {
	background:url(images/titre_presta_ope.gif) no-repeat;
	width:195px;
	height:16px;
}

/*-------------------------------PRESTA_BASES----------------------------------*/

#encart_presta_bases {
	background:url(images/encart_presta_bases.jpg) no-repeat;
	width:949px;
	height:185px;
	margin-left:-20px;
	padding-right:51px;
	padding-top:15px;
}

#bg_presta_bases {
	background:url(images/bg_presta_bases.jpg) right bottom no-repeat;
}

#titre_presta_bases {
	background:url(images/titre_presta_bases.gif) no-repeat;
	width:277px;
	height:16px;
}

/*-------------------------------PRESTA_ABANDON----------------------------------*/

#encart_presta_abandon {
	background:url(images/encart_presta_abandon.jpg) no-repeat;
	width:949px;
	height:185px;
	margin-left:-20px;
	padding-right:51px;
	padding-top:15px;
}

#bg_presta_abandon {
	background:url(images/bg_presta_abandon.jpg) right bottom no-repeat;
}

#titre_presta_abandon {
	background:url(images/titre_presta_abandon.gif) no-repeat;
	width:334px;
	height:16px;
}

/*----------------------------------------------------REFERENCES-------------------------------------------------------*/

#titre_references {
	background:url(images/titre_references.gif) no-repeat;
	width:400px;
	height:16px;
}

ul.liste_references li {
	list-style-type:none;
	float:left;
	width:216px;
	margin-right:9px;
	padding-bottom:20px;
}

#contenu_ref {
	width:900px;
	padding-left:38px;
	padding-right:22px;
}

/*----------------------------------------------------CONTACT-----------------------------------------------------------*/

#encart_map {
	background:url(images/encart_map.jpg) no-repeat;
	width:223px;
	height:26px;
	padding-left:20px;
	padding-top:190px;
}

#titre_contact {
	background:url(images/titre_contact.gif) no-repeat;
	width:163px;
	height:13px;
}

.tab_formu {
	width:620px;
}

.tab_formu td.libelle {
	width:170px;
	padding-right:10px;
	text-align:right;
}

.tab_formu td.champ {
	width:250px;
}

.tab_formu td.alerte {
	width:180px;
	padding-left:10px;
	color:#FF0000;
	font-size:10px;
}

.error {
	color:#FF0000;
	font-size:10px;
}

#message_ok {
	background:url(images/img_ok.gif) top left no-repeat;
	padding-left:65px;
	color:#16c4df;
	font-size:13px;
	line-height:20px;
}

/*----------------------------------------------------NOUS REJOINDRE-----------------------------------------------------------*/

#titre_rejoindre {
	background:url(images/titre_rejoindre.gif) no-repeat;
	width:156px;
	height:13px;
}

#encart_rejoindre {
	background:url(images/encart_rejoindre.gif) no-repeat;
	width:223px;
	height:50px;
	padding-left:20px;
	padding-top:79px;
}

#encart_references {
	background:url(images/encart_references.gif) no-repeat;
	width:193px;
	height:124px;
	padding-left:20px;
	padding-top:60px;
	padding-right:30px;
}

.bloc_offre {
	width:600px;
	background:url(images/bg_bloc_offre.gif) bottom no-repeat;
	border:#e0e0dc solid 1px;
	padding:15px;
	padding-bottom:12px;
	line-height:16px;
}

/*------------------NOUS REJOINDRE DETAIL------------------------------------*/

.bloc_detail_offre {
	width:600px;
	background:url(images/bg_detail_offre.gif) bottom no-repeat;
	border:#e0e0dc solid 1px;
	padding:15px;
	line-height:16px;
}

#titre_postuler {
	background:url(images/titre_postuler.gif) no-repeat;
	width:188px;
	height:15px;
}

#titre_deposer_candidature {
	background:url(images/titre_deposer_candidature.gif) no-repeat;
	width:272px;
	height:16px;
}

/*----------------------------------------------------MENTIONS---------------------------------------------------------*/

#titre_mentions {
	background:url(images/titre_mentions.gif) no-repeat;
	width:174px;
	height:16px;
}

#contenu_mentions {
	width:891px;
	padding-left:38px;
	padding-right:31px;
	line-height:16px;
}