/*
--------------------------------------------------------------------
-                      Style du corps du document                  -
--------------------------------------------------------------------
*/

body
{
	/* Taille de la page */
	margin: 0px;
	width: 100%;
	height: 100%;
 	min-width: 1000px;
	max-width: 1599px; /* FM */
	
	/* Police par défaut */
	font-family:verdana;
	font-size:12px;
	text-align: justify;
	
	/* Fon du body */
	background-image: url(commune_gfx/fond_2.gif);
	background-position: center; 
}

#page
{
	display: block;
	width:1000px;
	
	overflow:hidden;
	
	margin-left: auto;
	margin-right: auto;
	
	background-color: #ffffff;
}



/*
--------------------------------------------------------------------
-                  Tuturiaux utilisés pour les "tableaux"          -
--------------------------------------------------------------------
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
-                              Bordures                            -
--------------------------------------------------------------------
*/
#bordure_cotes
{
	display: block;
	width:100%;
	
	overflow:hidden;
}

#bordure_haut
{
	/* Type de position et marges */
	position: relative;
	display: block;
	
	/* Coordonnées */
	width: 100%;
	height: 6px; /* FM */
	
	font-size: 0px; /* Bug IE6 */
}

#bordure_bas
{
	/* Type de position et marges */
	position: relative;
	display: block;
	
	/* Coordonnées */
	width: 100%;
	height: 6px;
	
	font-size: 0px; /* Bug IE6 */
}


/*
--------------------------------------------------------------------
-                          Style l'en-tete                         -
--------------------------------------------------------------------
 */

#en_tete
{
	/* Type de position et marges */
	position: relative;
	
	/* Position et taille */
	width: 1000px;
	height: 160px;
	
	overflow: hidden;
}



#en_tete_gauche
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left:0px;
	top:0px;
	width:200px;
	height:80px;
	
	/* Profondeur */
	z-index: 2;
	
	/* Fond */
	/*background-image: url(commune_gfx/img_logo_haut.gif);*/
}

#en_tete_milieu
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left:110px;
	top:0px;
	height:80px;
	width: 700px;
	
	overflow: hidden;
	
	/* Profondeur */
	z-index: 1;
	
	/* Fond */
	background-image: url(/fr/noyau/international/fr/fr_gfx_images/img_mots_filigrane.gif);
}

#en_tete_flash
{
	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left:0px;
	top:-1px;
}

#en_tete_droite
{
	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	right:0px;
	top:0px;
	width: 190px;
	height: 80px;
	
	/* Profondeur */
	z-index: 2;
	
	/* Fond */
	/*background-image: url(commune_gfx/entete_degrade.gif);*/
}

#en_tete_droite_connexion
{
	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	right:25px;
	top:0px;
	width: 400px;
	height: 15px;
	
	/* Profondeur */
	z-index: 3;
	
	text-align: right;
}

#navigation_gauche
{
	
	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left:0px;
	top:80px;
	width: 60px;
	height: 80px;
	
	/* Profondeur */
	z-index: 2;
	
	/* Fond */
	background-image: url(commune_gfx/navigation_gauche.gif);
	background-repeat: no-repeat;
}


#navigation_droite
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	right:0px;
	top:80px;
	width: 60px;
	height: 80px;
	
	/* Profondeur */
	z-index: 2;
	
	/* Fond */
	background-image: url(commune_gfx/navigation_droite.gif);
	background-repeat: no-repeat;
}



#navigation_milieu_haut
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left: 60px;
	top:80px;
	width: 880px;
	height: 40px;
	
	/* Profondeur */
	z-index: 1;
	
	/* Fond */
	background-image: url(commune_gfx/navigation_milieu_haut.gif);
	background-repeat: repeat-x;

}


#navigation_milieu_haut_gauche
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left: 0px;
	width: 280px;
	top: 0px;
	height: 40px;
	
	/* Profondeur */
	z-index: 1;

}

#navigation_milieu_haut_droite
{
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 280px;
	top: 0px;
	height: 40px;
	width: 600px;
	
	/* Profondeur */
	z-index: 2;
}


#navigation_milieu_bas
{
	/* Type de position et marges */
	position:absolute;
	
	/* Pour ne pas coller le menu à la barre du haut */
	padding-top: 5px;
	

	/* Position et taille */
	left: 60px;
	top: 120px;
	width: 880px;
	height: 35px;
	
	/* Profondeur */
	z-index: 1;
	
	/* Fond */
	background-image: url(commune_gfx/navigation_milieu_bas.gif);
	background-repeat: repeat-x;
}







/*
--------------------------------------------------------------------
-                         Style corps de page                      -
--------------------------------------------------------------------
*/


#corps
{

	/* Type de position et marges */
	position: relative;
	
	overflow:hidden;
	
	/* Mages */
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 5px;
	
	/* On bloc min et max */	
	width: 950px;
}


/*
--------------------------------------------------------------------
-                         Style pied de page                      -
--------------------------------------------------------------------
*/

#pied_de_page
{
	/* Type de position et marges */
	position: relative;
	
	/* */
	left: 0px;
	width: 1000px;
	height: 120px;
}

#pied_de_page_1_gauche
{
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 0px;
	top:0px;
	width: 280px;
	height: 70px;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_degrade_haut.gif);
	background-repeat: no-repeat;
}

#pied_de_page_1_milieu
{
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 280px;
	top:0px;
	width: 1px;
	height: 70px;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_separateur.gif);
	background-repeat: no-repeat;
	
}

#pied_de_page_1_droite
{
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 281px;
	top:0px;
	width: 719px;
	height: 70px;
	
	/* Fond */
	background:#FFFFFF;
}



#script_clients_table
{

	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left: 0px;
	top: 20px;
	width: 699px;
	height:40px;
	
	overflow:hidden;
}




#pied_de_page_2_gauche
{
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 0px;
	top:70px;
	width: 280px;
	height: 30px;
	
	/* ZIndex */
	z-index: 2;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_barre_gauche.gif);
	background-repeat: no-repeat;
		
	/* Texte */
	text-align:right;
}

#pied_de_page_2_milieu
{
	
	display:table;
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 280px;
	top: 70px;
	height: 30px;
	width: 545px;
	
	/* ZIndex */
	z-index: 1;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_barre_milieu.gif);
	background-repeat: repeat-x;


}

#pied_de_page_2_droite
{

	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 825px;
	top: 70px;
	width: 175px;
	height: 30px;
	
	/* ZIndex */
	z-index: 2;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_barre_droite.gif);
	background-repeat: no-repeat;
	background-position:right;
}





#pied_de_page_3_gauche
{
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 0px;
	top: 100px;
	width: 380px;
	height: 20px;
	
	/* ZIndex */
	z-index: 2;
	
	/* Fond */
	background-image: url(commune_gfx/piedpage_degrade_bas.gif);
	background-repeat: no-repeat;
}

#pied_de_page_3_gauche_telechargements
{
	/* Type de position et marges */
	position:absolute;
	
	/* Position et taille */
	left:25px;
	bottom:5px;
	width: 300px;
	height: 15px;
	
	/* Profondeur */
	z-index: 3;
	
	text-align: left;
}

#pied_de_page_3_milieu
{
	
	
	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	left: 0px;
	width: 320px;
	top: 100px;
	height: 20px;
	
	/* ZIndex */
	z-index: 1;
	
	/* Fond */
	background-color:#FFFFFF;
	
}

#pied_de_page_3_droite
{

	/* Type de position et marges */
	position:absolute;
	 
	/* Position et taille */
	top: 100px;
	left: 700px;
	width: 300px;
	height: 20px;
	
	/* ZIndex */
	z-index: 2;
	
	vertical-align:middle;
}


/*
--------------------------------------------------------------------
-                          Labels sans image                       -
--------------------------------------------------------------------
*/

#img_theoris_recrute
{
	/* Type de position*/
	float:left;
	margin-left:20px;
	
	/* Position et taille */
	width:180px;
	height: 16px;
	
	/* Fond */
	background-repeat: no-repeat;
}


#img_recrutement_postes
{
	/* Type de position*/
	float:left;
	margin-left:20px;
	
	/* Position et taille */
	width: 250px;
	height: 35px;
	
	/* Fond */
	background-repeat: no-repeat;
}



#img_clients
{
	/* Type de position*/
	float:left;
	
	/* Position et taille */
	width:135px;
	height: 16px;
	
	/* Fond */
	background-repeat: no-repeat;
}

#img_tousdroitsreserves
{
	/* Type de position*/
	float:right;
	
	/* Position et taille */
	width: 300px;
	height: 15px;
	
	/* Fond */
	background-repeat: no-repeat;
}

/*
--------------------------------------------------------------------
-                              Elements                            -
--------------------------------------------------------------------
*/

#bdd_rechercher_valeur
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	top: 10px;
	right: 150px;
	width: 150px;
	height: 18px;
	
	
	/* Fond de la case */
	background-color: rgb(212,137,120);
	
	/* Bordures */
	border: 1px;
	border-color: rgb(143,38,13);
	border-style: solid;
	
	/* Police */
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana;
}


/*
--------------------------------------------------------------------
-                          Boutons sans image                      -
--------------------------------------------------------------------
*/


/* BOUTONS HAUT DE BARRE */
#btn_ok
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	top: 0px;
	right: 100px;
	width: 40px;
	height: 40px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(commune_gfx/btn_ok.gif);
	background-position: left top;
}
#btn_ok:hover
{
	background-position: left bottom;
}
#btn_francais
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	top: 0px;
	right: 40px;
	width: 40px;
	height: 40px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(commune_gfx/btn_francais.gif);
	background-position: left top;
}
#btn_francais:hover
{
	background-position: left bottom;
}
#btn_anglais
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	top: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(commune_gfx/btn_anglais.gif);
}
#btn_anglais:hover
{
	background-position: left bottom;
}





/* BOUTONS NAVBAR */
#btn_accueil
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	left:0px;
	width: 170px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_accueil.gif);
	background-position:center top;
}
#btn_accueil:hover
{
	background-position:center bottom;
}

#btn_qui_sommes_nous
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	left: 170px;
	width: 170px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_qui_sommes_nous.gif);
	background-position:center top;
}
#btn_qui_sommes_nous:hover
{
	background-position:center bottom;
}

#btn_offre
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	left: 340px;
	width: 170px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_offre.gif);
	background-position:center top;
}
#btn_offre:hover
{
	background-position:center bottom;
}

#btn_contact
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	left: 510px;
	width: 170px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_contact.gif);
	background-position:center top;
}
#btn_contact:hover
{
	background-position:center bottom;
}

#btn_carrieres
{
	/* Type de position*/
	position:absolute;
	
	/* Position et taille */
	left: 680px;
	width: 170px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_carrieres.gif);
	background-position:center top;
}
#btn_carrieres:hover
{
	background-position:center bottom;
}



/* BOUTONS BARRE DU BAS */
#btn_mentions_legales
{
	/* Type de position*/
	float:right;
	
	/* Position et taille */
	width:245px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_mentions_legales.gif);
	background-position:left top;
}
#btn_mentions_legales:hover
{
	background-position:left bottom;
}

#btn_plan_du_site
{
	/* Type de position*/
	float:left;
	
	/* Position et taille */
	width:175px;
	height: 30px;
	
	/* Fond */
	background-repeat: no-repeat;
	background-image:url(/fr/noyau/international/fr/fr_gfx_boutons/btn_plan_du_site.gif);
	background-position:left top;
}
#btn_plan_du_site:hover
{
	background-position:left bottom;
}



/*
--------------------------------------------------------------------
-                               Labels                             -
--------------------------------------------------------------------
*/

#navigation_milieu_haut_gauche
{	
	/* Fond */
	background-image: url(/fr/noyau/international/fr/fr_gfx_images/img_logo_bas.gif);
	background-repeat: no-repeat;
}

#img_theoris_recrute
{
	background-image:url(/fr/noyau/international/fr/fr_gfx_images/img_theoris_recrute.gif);
}


#img_recrutement_postes
{
	background-image:url(/fr/noyau/international/fr/fr_gfx_images/img_recrutement_postes.gif);
}

#img_clients
{
	background-image:url(/fr/noyau/international/fr/fr_gfx_images/img_clients.gif);
}
#img_tousdroitsreserves
{
	background-image:url(/fr/noyau/international/fr/fr_gfx_images/img_tous_droits_reserves.gif);
}