/* 
	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:#024678;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#e4e0a6;
}

#container
{
	width:955px;
	margin:0 auto;
	text-align:left;
	background:#f2f1c8;
}

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

h1
{
	font-size:2em;
	margin:0;
	color:#df792b;
	padding:0 0 10px 0
}

h2
{
	font-size:1.2em;
	margin:0;
	color:#043f6b;
	padding:0 0 15px 0;
}

h3
{
	font-size:1em;
	color:#000;
	padding:0 0 5px 0;
	margin:0;
}

p
{
	font-size:0.95em;
	color:#024678;
	margin:0;
	padding:0 0 15px 0;
	line-height:1.3em;
	text-align:left;
}

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

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.majuscule
{text-transform:uppercase;}

.avertissement
{
	color:#CA0021;
	font-size:1em;
}

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

#ombre-gau
{
	background:url(images/ombre-gau.gif) repeat-y top left;
}
#ombre-dr
{background:url(images/ombre-dr.gif) repeat-y top right;}
#ombre-foot
{
	width:955px;
	background:url(images/ombre-foot.gif) no-repeat bottom left;
	padding:0 0 23px 0;
}

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

#head
{
	width:896px;
	background:url(images/head-bg.gif) no-repeat top left;	
	margin:0 0 0 29px;
	position:relative;
}

/* --- logo compagnie ------------------ */

#logo-compagnie
{
	width:187px;
	padding:0;
	text-indent:-9999px;
	float:left;
}

#logo-compagnie a {
	display:block;
	width:187px;
	height:133px;
	margin:0;
	background:url(images/logo.gif) no-repeat 0 0;
	text-decoration:none;
}

#logoPrint
{display: none;}

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

#nav-head
{
	float:right;
	list-style:none;
	margin:0;
	padding:9px 15px 0 0;
}

#nav-head li
{
	display:inline;
	margin:0;
	padding:0;
	color:#fff;
	font-size:0.9em;
}

#nav-head li a
{
	text-decoration:none;
	color:#fff;
	padding:0 3px;
}
#nav-head li a:hover
{text-decoration:underline;}

/* -- Lien accès aux membres ----- */
a#b-acces-membres
{
	position:absolute;
	top:111px;
	left:749px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

/* --------------------------------------------------------------- */
/* -- Container -------------------------------------------------- */
#content
{
	width:955px;	
	background:url(images/content-bg.gif) repeat-y top left;
}
#content-int
{
	width:955px;	
	background:url(images/content-bg-int.gif) repeat-y top left;
}
#content-bg
{background:url(images/ombre-menu.gif) no-repeat 0 65px;}

#page
{
	width:896px;
	margin:0 0 0 29px;	

}

#col-1
{
	float:left;
	width:218px;
	padding:21px 0 0 0;
}
#col-2
{
	float:left;
	width:487px;
	padding:21px 0 0 0;
}
#col-3
{
	float:left;
	width:191px;
	padding:21px 0 0 0;
}
#col-4
{
	float:left;
	width:678px;
	padding:21px 0 0 0;
}

#col-4 ul ul {
	padding: 0 0 0 40px;
}

/* -- COLONNE GAUCHE --------------------------------------------- */


/*  Zone de recherche ----------- */
.c-rechercher
{
	margin:0 0 24px 29px;
}
.c-rechercher label
{
	color:#02487b;
	font-size:1.2em;
	font-weight:bold;
}
.c-rechercher input
{
	width:134px;
	margin:5px 0 0 0;
}

.c-rechercher input.b-rechercher
{
	width:19px;
	margin:-4px 0 0 11px;
	vertical-align:middle;
}

/*  Menu principal ---------------------------- */

.nav ul{
	width:170px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:10;
}
 
.nav ul li{
	position: relative;
	font-weight:bold;
	padding:0;
	margin:0;
	z-index:10;
}

.nav ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color:#02487b;
	text-decoration: none;
	padding:0;
	background-color: #e4e0a6 !important;
}
.nav ul li a:hover{
background:#a0c4c7 !important;
}

/* La région -- */
.nav ul li a#nav-region{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-region-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-region:hover{
	background:url(images/nav-region-on.gif) no-repeat top left !important;
}

/* La CRÉ -- */
.nav ul li a#nav-cre{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-cre-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-cre:hover{
	background:url(images/nav-cre-on.gif) no-repeat top left !important;
}

/* Publications -- */
.nav ul li a#nav-publications{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-publications-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-publications:hover{
	background:url(images/nav-publications-on.gif) no-repeat top left !important;
}

/* Fonds et entetes -- */
.nav ul li a#nav-fonds{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-fonds-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-fonds:hover{
	background:url(images/nav-fonds-on.gif) no-repeat top left !important;
}

/* Groupes-conseils et CRRNT -- */
.nav ul li a#nav-groupes{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-groupes-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-groupes:hover{
	background:url(images/nav-groupes-on.gif) no-repeat top left !important;
}

/* Contactez-nous -- */
.nav ul li a#nav-contact{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	width:170px;
	height:37px;
	background:url(images/nav-contact-off.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 7px 0;
}
.nav ul li a#nav-contact:hover{
	background:url(images/nav-contact-on.gif) no-repeat top left !important;
}

/*Sub level menu items */
.nav ul li ul{
	position: absolute;
	width: 230px; /*Sub Menu Items width */
	top: 0;
	margin:0;
	visibility: hidden;
}

.nav ul li ul li a{
	background-color: #e4e0a6 !important;
	border-bottom:1px solid #a0c4c7;
	padding:6px;
}

.nav ul li ul li a.subfolderstyle{
background: url(images/fleche.gif) no-repeat 97% 50%;
}
 
/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */

/* -- Boîte Commentaires ------------------------------- */

#box-commentaires
{
	width:163px;
	background:#a0c4c7 url(images/box-commentaires-coinTD.gif) no-repeat top right;
	margin:39px 0 8px 18px;	
}
#box-commentaires-bg-coinBD
{
	background:url(images/box-commentaires-coinBD.gif) no-repeat bottom right;
	padding:9px 0;
}

#box-commentaires p
{
	color:#024677;
	padding:0 0 0 14px;
	margin:0 0 0 10px;
	font-weight:bold;
	background:url(images/fleche-commentaires.gif) no-repeat 0 3px;
}
#box-commentaires a
{
	color:#024677;
	text-decoration:none;
}
#box-commentaires a:hover
{text-decoration:underline;}

/* -- Boîte Calendrier ------------------------------- */

#box-calendrier
{
	width:163px;
	background:#00324d url(images/box-calendrier-coinTD.gif) no-repeat top right;
	margin:0 0 38px 18px;	
}
#box-calendrier-bg-coinBD
{
	background:url(images/box-calendrier-coinBD.gif) no-repeat bottom right;
	padding:9px 0;
	color:#fff;
}

#box-calendrier h1
{
	color:#fff;
	font-size:1em;
	text-align:center;
	padding:0 0 12px 0;
}
#box-calendrier h2
{
	color:#fff;
	font-size:0.9em;
	text-align:center;
	font-style:normal;
	padding:0 0 6px 0;
}

/* choix des mois ----- */

#calendrier-select-mois
{
	width:145px;
	margin:0 0 0 8px;
}

a.mois-precedent
{
	float:left;
	display:block;
	width:21px;
	height:20px;
	text-indent:-9999em;
	background:url(images/fleche-mois-precedent.gif)
}
a.mois-suivant
{
	float:left;
	display:block;
	width:21px;
	height:20px;
	text-indent:-9999em;
	background:url(images/fleche-mois-suivant.gif)
}

#calendrier-select-mois p
{
	float:left;
	width:100px;
	border-left:1px solid #00324d;
	border-right:1px solid #00324d;
	background:#b8b308;
	padding:3px 0;
	color:#fff;
	text-align:center;
	font-size:0.9em;
}

/* tableau calendrier ------ */
.tabCalendrier
{
	width:145px;
	margin:0 0 0 8px;
	padding:0;
}

.tabCalendrier th, .tabCalendrier td
{
	text-align:center;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.tabCalendrier th
{
	padding:4px 0 6px 0;
	font-weight:normal;
}

.tabCalendrier td
{
	padding:4px 0;
	background:#335a71
}

.no-bg
{background:none !important;}
.bg-activite
{
	background:#b7d6ed !important;
	color:#fff;
	text-decoration:none;
}

/* -- BOÎTES D'INFORMATIONS DANS LES COLONNES GAUCHE ET DROITE ------------ */

.box-options
{
	width:167px;
	margin:0 0 13px 14px;
	background:#ededdb url(images/box-options-bg.gif) repeat-y top left;	
}

.box-options h1
{
	width:158px;
	color:#fff;
	font-size:1.2em;
	background:#b8b308 url(images/box-options-head-coinTG.gif) no-repeat top left;
	padding:4px 0 3px 9px;
	border-bottom:1px solid #9c9b75;
}

.box-options-bg
{background:url(images/box-options-bgDegrade.gif) repeat-x top left;}
.box-options-bordGau
{background:url(images/box-options-pixel.gif) repeat-y top left;}
.box-options-bordDr
{background:url(images/box-options-pixel.gif) repeat-y top right;}
.box-options-foot
{
	background:url(images/box-options-bgFoot.gif) no-repeat bottom left;
	padding:0 0 13px 0;
}

.box-options .wrap
{padding:0 0 0 1px;}

.i-medias
{margin:0 0 0 3px;}

.box-options ul
{
	list-style:none;
	margin:0;
	padding:10px 0 0 6px;
}

.box-options ul li
{
	margin:0;
	padding:0 0 10px 10px;
	background:url(images/i-liste.gif) no-repeat 0 6px;
	font-size:0.9em;
}

.box-options a
{
	color:#346b92;
	text-decoration:none;
}
.box-options a:hover
{text-decoration:underline;}

/* -- COLONNE CENTRALE --------------------- */

#col-2 .wrap
{padding:0 0 0 22px;}
#col-4 .wrap
{padding:13px 0 0 22px;min-height:160px;}
#col-4 .wrap .wrap .wrap {min-height: 120px;}
.box-infos
{
	width:447px;
	margin:0 0 10px 0;
	background:#efefdd;	
}

.box-infos-int
{
	width:634px;
	margin:0 0 10px 0;
	background:#efefdd;	
}

.box-infos-int .title
{
	width:634px;
	background:#00508a url(images/box-infos-head-bg.gif) repeat-x top left;
	border-bottom:1px solid #9c9b75;
}

.box-bienvenue
{
	width:447px;
	margin:0 0 13px 0;
	background:#efefdd;	
}

.box-infos .title, .box-bienvenue .title
{
	width:447px;
	background:#00508a url(images/box-infos-head-bg.gif) repeat-x top left;
	border-bottom:1px solid #9c9b75;
}

.box-infos h1, .box-bienvenue h1, .box-infos-int h1
{
	color:#fff;
	font-size:1.15em;
	background:url(images/box-infos-head-coinTG.gif) no-repeat top left;
	padding:6px 0 3px 12px;
	text-transform:uppercase;
}

.box-infos-bg
{background:url(images/box-infos-bgDegrade.gif) repeat-x top left;}
.box-bienvenue-bg
{background:url(images/box-bienvenue-bgDegrade.gif) repeat-x top left;}

.box-infos-bordGau
{background:url(images/box-infos-pixel.gif) repeat-y top left;}
.box-infos-bordDr
{background:url(images/box-infos-pixel.gif) repeat-y top right;}

.box-infos-foot
{
	background:url(images/box-infos-bgFoot.gif) no-repeat bottom left;
	padding:0 0 11px 0;
}
.box-infos-foot-int
{
	width:634px;
	background:url(images/box-infos-bgFoot-int.gif) no-repeat bottom left;
	padding:0 0 11px 0;
}
.box-bienvenue-foot
{
	background:url(images/box-bienvenue-bgFoot.gif) no-repeat bottom left;
	padding:0 0 11px 0;
}

.box-infos .wrap, .box-bienvenue .wrap
{
	padding:0 0 0 1px !important;
}

.box-infos-int .wrap
{
	padding:10px !important;
}

.box-bienvenue h2, .box-bienvenue-int h2
{
	font-size:1.2em;
	padding:12px 27px 0 27px;
	font-style:normal !important;
	font-weight:normal;
	color:#024678;
}

.box-infos p, .box-infos-int p
{
	color:#014e86;
	font-size:0.9em;
	padding:0 10px 15px 10px;
}

.box-infos-int p
{
	color:#014e86;
	font-size:0.9em;
	padding:0 0 15px 0;
}

.box-infos ul, .box-infos-int ul
{
	list-style:none;
	margin:0;
	padding:0 0 15px 10px;
}

.box-infos ul li, .box-infos-int ul li
{
	margin:0;
	padding:0 0 5px 10px;
	background:url(images/i-liste.gif) no-repeat 0 6px;
	font-size:0.9em;
	color:#014e86;
}

/* Zone actualités régionales ----- */

a.b-acceder-nouvelles
{
	float:left;
	display:block;
	width:224px;
	height:18px;
	color:#014e86;
	text-decoration:none;
	border-top:1px solid #000;
	border-right:1px solid #000;
	margin:0 0 0 8px;
	padding:8px 0 0 0;
	text-align:center;
	font-weight:bold;
}
a.b-acceder-nouvelles:hover
{text-decoration:underline;}

a.b-acceder-medias
{
	float:left;
	display:block;
	width:203px;
	height:18px;
	color:#014e86;
	text-decoration:none;
	border-top:1px solid #000;
	padding:8px 0 0 0;
	text-align:center;
	font-weight:bold;
}
a.b-acceder-medias:hover
{text-decoration:underline;}

/* boîte À Consulter ----------- */

.liste-1
{
	float:left;
	width:211px;
	background:url(images/sep-box-aConsulter.gif) no-repeat top right;
	list-style:none;
	margin:10px 0 0 0 !important;
	padding:3px 7px 30px 8px !important;
}
.liste-1 li, .liste-2 li
{
	margin:0;
	padding:0 0 8px 10px !important;
	background:url(images/i-liste.gif) no-repeat 0 6px;
	font-size:0.9em;
}

.liste-1 li a, .liste-2 li a
{
	color:#346b92;
	text-decoration:none;
}
.liste-1 li a:hover, .liste-2 li a:hover
{text-decoration:underline;}

.liste-2
{
	float:left;
	width:204px;
	list-style:none;
	margin:10px 0 0 0 !important;
	padding:3px 7px 20px 8px !important;
}

/* boîte Sondage ----------- */

.form-sondage
{
	margin:0 0 0 14px;
	padding:10px 10px 0 0;
	height:200px;
}
.form-sondage label
{
	font-size:0.9em;
	color:#000;
	font-weight:bold;
}
.c-sondage
{
	display:block;
	margin:7px 0 0 0;
}

.form-sondage input
{
	width:23px;
	margin:0;
	vertical-align:middle;
}
.form-sondage input.b-listeEnvoie
{
	width:22px;
	margin:7px 0 0 130px;
	padding:0;
	border:none;
}

.form-sondage a
{
	color:#346B92;
	text-decoration:none;
}

.form-sondage a:hover
{
	text-decoration:underline;
}

/* -- COLONNE DROITE ----------------------- */

.i-pub-centrales
{margin:0 0 13px 0;}

.i-pub
{margin:0 0 13px 14px;}

/* -- liste d'envoie ------ */

.form-liste-envoie
{
	margin:0 0 0 7px;
	padding:10px 0 0 0;
}
.form-liste-envoie label
{
	font-size:0.9em;
	color:#000;
}
.form-liste-envoie input
{
	width:147px;
	margin:8px 0 0 0;
	padding:3px 0;
	font-size:0.9em;
	border:1px solid #b3b3b3;
}
.form-liste-envoie input.b-listeEnvoie
{
	width:22px;
	margin:7px 0 0 130px;
	padding:0;
	border:none;
}
/*--- FOOTER --------------------------------------------------------------- */

#footer
{
	width:896px;
	margin:0 0 0 29px;
	background:#02487a;
	padding:5px 0;
}

#footer ul
{
	float:right;
	list-style:none;
	margin:0;
	padding:0 32px 0 0;
}
#footer ul li
{
	float:left;
	padding:0 0 0 3px;
	color:#fff;
	margin:0;
	font-size:0.9em;
}

#footer a
{
	color:#fff;
	text-decoration:none;
}
#footer a:hover
{text-decoration:underline;}

/* -- INTRANET --------------------------------------------------- */

/* -- Accueil Intranet ------------------------------ */

#content-intranet
{
	width:955px;	
	background:#fff url(images/content-intranet-bg.gif) repeat-y top left;
}

#page-intranet
{
	width:760px;
	margin:0 0 0 160px;
	padding:30px 0;
}

.form-login-inranet
{padding:30px 70px 35px 70px;}

.form
{margin:0 0 10px 0;}
.form label{
	float:left;
	width:120px;
	vertical-align: middle;
	font-size:1em;
	padding:4px 10px 0 0;
	text-align:right;
	font-weight:bold;
}

.form input{	
	width:180px;
}
input.c-b-entrer{
	margin:0 0 0 130px;
}



/* -- Page intérieur intranet ----------------------- */

#content-bg-intranet
{background:url(images/ombre-menu-intranet.gif) no-repeat 0 2px;}

/* -- menu intranet colonne gauche ------------------------------- */

#menu-intranet
{
	width:183px;
	background:#a0c4c7 url(images/box-commentaires-coinTD.gif) no-repeat top right;
	margin:0px 0 70px 18px;
	_margin:20px 0 60px 18px;
}
#menu-intranet-bg-coinBD
{
	background:url(images/box-commentaires-coinBD.gif) no-repeat bottom right;
	padding:15px 0;
}

#menu-intranet ul
{
	list-style:none;
	padding:0 0 0 15px;
	margin:0;
}
#menu-intranet ul li
{
	padding:0 0 10px 0;
	margin:0;
	font-size:0.9em;
}

#menu-intranet a
{
	color:#024677;
	text-decoration:none;
}
#menu-intranet a:hover
{text-decoration:underline;}

/* -- PERSONNEL PROFESSIONNEL ----------------------------------------- */

.side-1
{
	float:left;
	width:307px;
}

.side-2
{
	float:left;
	width:307px;
}

.box-personnel
{
	width:292px;
	background:#e9e7b8;
	margin:0 0 16px 0;
}

.box-personnel .wrap
{
	padding:2px 6px 2px 4px !important;
}

.photo-personnel
{
	float:left;
	width:134px;
}
.photo-personnel img
{
	border:1px solid #b1b808;
	display:block;
}

.infos-personnel
{
	float:left;
	width:148px;
}

.infos-personnel h1
{
	font-size:0.9em;
	color:#024678;
	background:none;
	padding:0;
	margin:0;
	text-transform:none;
}
.infos-personnel p
{padding:0;}

.infos-personnel a
{color:#74791b;}
.infos-personnel a:hover
{text-decoration:none;}

a.b-agrandir
{
	display:block;
	float:right;
	background:url(images/b-agrandir.gif) no-repeat top left;
	width:26px;
	height:26px;
	text-indent:-9999em;
	margin:0 0 15px 0;
}