/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#003768;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#003768;
}

#container
{
	width:993px;
	margin:0 auto;
	text-align:left;
}

iframe
{
	width: 719px;!important
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.5em;
	margin:0 0 15px 0;
	padding:0 0 7px 0;
	color:#e4801c;
	background:url(images/pointilles.gif) repeat-x bottom left;
}

h2
{
	font-size:1.15em;
	margin:0;
	color:#e4801c;
	padding:0 0 14px 0;
	margin:0 0 20px 0;
}

h3
{
	font-size:1.1em;
	margin:0;
	color:#003768;
	padding:0 0 10px 0;
}

p
{
	font-size:1em;
	color:#003768;
	margin:0;
	padding:0 0 18px 0;
	line-height:1.4em;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.pointilles
{
	background:url(images/pointilles.gif) repeat-x bottom left;
	margin:0 0 15px 0;
}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:993px;
	position:relative;
}

/* -- Top menu ------------------------------- */

#topMenu
{
	width:993px;
	padding:16px 0 6px 0;
}

#topMenu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#topMenu ul li
{
	float:right;
	margin:0;
	padding:0 20px 0 10px;
	font-size:1.1em;
	color:#e37f1c;
	background:url(images/fleche_topMenu.gif) no-repeat 0 4px;
}

#topMenu ul li.linkAccueil
{
	float:left;
	padding:0 0 0 25px;
	background:url(images/fleche_topMenu.gif) no-repeat 15px 4px;
}

#topMenu a:link, #topMenu a:visited, #topMenu a:active
{
	color:#e37f1c;
	text-decoration:none;	
}
#topMenu a:hover
{text-decoration:underline;}

/* --- logo print ---------------------- */

div#logoCompagnie
{
	position:absolute;
	top:0;
	left:0;
}

#logoPrint
{display: none;}

/* -- Slideshow photos ----------------------------- */

#slideshow {
    position:relative;
    height:214px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -- champs recherche -------------------- */

#boxRecherche
{
	position:absolute;
	top:186px;
	left:20px;
	z-index:20;
}

#boxRecherche input.irecherche
{
	vertical-align:middle;
	margin:0 2px 0 0;
	width:150px;
}

#boxRecherche input.ibRecherche
{vertical-align:middle;}

/* -------------------------------------------------------------------- */
/* --- Zone contenu --------------------------------------------------- */

#zoneContenu
{
	width:993px;
	margin:14px 0 0 0;
	background:#fff url(images/zoneContenu_bg.gif) repeat-x top left;
}

div#zoneContenu
{height:401px;}

html>body div#zoneContenu
{
	min-height:401px;
	height:auto;
}

#colGau
{
	float:left;
	width:210px;
}

#colDr
{
	float:left;
	width:783px;
}

/* -------------------------------------------------- */
/* -- colonne gauche -------------------------------- */

.boxMenuGauche
{
	width:197px;
	margin:0 0 20px 8px;
}

/* -- titre boîte consulter  ------ */
#titreConsulter
{
	background:url(images/t_consulter.gif) no-repeat top left;
	height:46px;
}

/* -- titre boîte consulter  ------ */
#titreDemandes
{
	background:url(images/t_demandes.gif) no-repeat top left;
	height:43px;
}

/* ---------------------------------- */
.menuGau
{
	width:197px;
	background:#e37f1c url(images/menuGau_bgBas.gif) no-repeat bottom left;
	text-align:right;
}

.menuGau_bgTop
{
	background:url(images/menuGau_bgTop.gif) no-repeat top left;
}

.menuGau ul
{
	list-style:none;
	margin:0;
	padding:10px 21px 8px 0;
}

.menuGau ul li
{
	margin:0;
	padding:0 17px 15px 0;
	color:#fff;
	font-size:1.1em;
	background:url(images/fleche_menuGau.gif) no-repeat 170px 5px;
}

.menuGau a:link, .menuGau a:visited, .menuGau a:active
{
	color:#fff;
	text-decoration:none;
}
.menuGau a:hover
{text-decoration:underline;}

/* -------------------------------------------------- */
/* -- colonne droite -------------------------------- */

/* -- menu principal ------------------------- */

#zoneMenu
{
	width:776px;
	margin:0 0 27px 0;
}

#zoneMenu img img{display:block;}


#zoneMenu ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#zoneMenu ul li
{
	float:left;
	font-size:1.1em;	
	margin:0;
	padding:0;	
}

/* --- colonnes de contenu -------------- */

#contenu_colGau
{
	float:left;
	width:566px;
}

#contenu_colDr
{
	float:left;
	width:208px;
}

/* --------------------------------------- */

.contenu
{padding:0 40px 0 24px;}

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#e37f1c;}

.contenu a:hover
{text-decoration:none;}

.contenu ul
{
	margin:0;
	padding:0 0 0 25px;
}
.contenu ul li
{
	margin:0;
	padding:0 0 7px 0;
}

.date
{
	color:#3f3b3c;
	font-size:0.9em;
}

.titreAgenda
{
	color:#e37f1c;
	font-weight:bold;
}

/* -- contenu colonne droite ------------------ */

/* -- boîte sondage ---------------- */

#boxSondage
{
	width:208px;
	background:#6280a7 url(images/boxSondage_bgTop.gif) no-repeat top left;
	margin:0 0 10px 0;	
}

#boxSondage_bgBas
{
	background:url(images/boxSondage_bgBas.gif) no-repeat bottom left;
	padding:7px 0 10px 0;
	width:208px;
}

#boxSondage h1
{
	background:url(images/tSondage.gif) no-repeat 5px 0;
	height:25px;
}

#boxSondage h1 span
{display:none;}

#boxSondage p
{
	color:#fff;
	text-align:left;
	font-size:0.8em;
	padding:0 5px 14px 10px;
}

.optionsSondage
{margin:0 0 8px 0;}

.optionsSondage label
{
	color:#fff;
	font-size:0.8em;
}

.optionsSondage input
{
	vertical-align:middle;
	margin:0 3px 0 12px;
}

#boxSondage input.ibSoumettre
{margin:0 0 0 12px;
}

/* -- boîte infolettre ---------------- */

#boxInfolettre
{
	width:208px;
	margin:0 0 10px 0;	
}

#boxInfolettre h1
{
	background:url(images/tInfocomplice.gif) no-repeat 5px 0;
	height:18px;
	padding:0 0 4px 0;
}

#boxInfolettre h1 span
{display:none;}

#boxInfolettre label
{
	color:#3f3b3c;
	font-size:0.9em;
	margin:0 0 0 39px;
}

#boxInfolettre input.icourriel
{
	vertical-align:middle;
	margin:10px 2px 0 15px;
	width:145px;
}

#boxInfolettre input.ibCourriel
{
	vertical-align:middle;
	margin:10px 0 0 0;
}

/* -------------------------------------------- */
/* -- page Intranet --------------------------- */

#formIntranet
{padding:0 30px 0 60px;}

.lesChamps label
{
	width:120px;
	font-size:1em;
	color:#5f6062;
	float:left;
	text-align:left;
}

.lesChamps input
{
	width:250px;
	float:left;
	margin:0 0 10px 0;
}

#formIntranet input.ibEntrer
{margin:5px 0 0 120px;}

/* ---------------------------- */

#zoneContenu_intranet
{
	width:993px;
	margin:14px 0 0 0;
	padding:20px 0 0 0;
	background:#fff;
}

div#zoneContenu_intranet
{height:401px;}

html>body div#zoneContenu_intranet
{
	min-height:401px;
	height:auto;
}

/* ------------------------------------------------------------ */
/* --- zone pied ------------------------------------------- */

#pied
{
	width:993px;
	margin:0;
	padding:20px 0 10px 0;
	background:#fff;
}

#pied ul
{
	list-style:none;
	margin:0;
	padding:0 0 0 136px;
}
#pied ul li
{
	float:left;
	color:#003768;
	margin:0;
	padding:0 0 0 15px;
	font-size:0.9em;
}

#pied a:link, #pied a:active, #pied a:visited
{color:#e37f1c;}
#pied a:hover
{text-decoration:none;}