body {
	background: #fff url(gx/bg.gif) repeat-y right 0px fixed;
	padding: 0 48px 0 0;
	margin: 0 0 0 0;
	height: 100%;
}
* html body{
	background: #fff url(gx/bg_ie.gif) no-repeat right 0px fixed;
}
html{
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size:0.7em;
	color: #494949;
	height: 100%;
}


div#stripes{
	background: url(gx/bg_stripes.gif) no-repeat center center;
	width: 48px;
	height: 150px;
	position: fixed;
	right: 0px;
	bottom: 20px;
}
* html div#stripes {
	visibility: hidden;
	position: absolute;
}

h1, h2, h3, h4, h5, h6, p, form, div, ul, li, a, img{ margin: 0 0 0 0; padding: 0 0 0 0; border: none;}

a{
	color: #ED1C2E;
	cursor: pointer;
}
a:hover{
	color: #000;
}

table{
	font-size: 100%;
}

.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* style pour javascript open et close */
.open{
	visibility: visible;
}
.closed{
	visibility: hidden;
	position: absolute;
}


/* table pour le splash seulement */
table#splash{
	width: 100%;
}
table#splash td{
	vertical-align: top;
}
table#splash td.gauche{
	width: 200px;
}
table#splash td.droite{
	padding: 95px 15px 150px 0;
}
table#splash td.droite img.logo{
	display: block;
}
table#splash td.droite div#intro{
	background: #F4F2CF;
	padding: 15px 0 5px 0;
}
table#splash td.droite div#intro img.slogan{
	display: block;
	margin: 0 0 0 26px;
}
table#splash td.droite div#intro p{
	margin: 10px 15px 10px 26px;
	color: #000;
	line-height: 150%;
}


/* main table */
table#main{
	width: 100%;
	height: 100%;
}
table#main td{
	vertical-align: top;
}
table#main td.gauche{
	width: 200px;
	background: #F4F2CF;
	padding: 0 0 0 0;
}
table#main td.gauche img.logo{
	display: block;
}
table#main td.droite{
	padding: 0 25px 0 25px;
}

div#contenuMarge{
	padding: 10px 0 0 0;
}
div#contenuMarge img.circulaire{
	border: 9px solid #fff;
	margin: 0 0 0 52px;
	background: #F4F2CF;
}
div#contenuMarge div.noCirc{
	font-size: 10px;
	margin: 0 10px 0 52px;
}

div#footer{
	font-size: 10px;
	margin: 10px 0 10px 0;
	padding: 0 10px 0 0;
	line-height: 145%;
	color: #8D8D8D;
	height: 50px;
}
div#footer ul{
	float: right;
	text-align: right;
	list-style: none;
	margin: 0 0 0 0;
}
div#footer a{
	color: #616161;
}
div#footer a:hover{
	color: #000;
}

a.liensMarge{
	display: block;
	font-size: 125%;
	font-family: Arial;
	color: #494949;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0 0 10px 52px;
}
a.liensMarge:hover{
	color: #ED1C2E;
}

form#login{
	padding: 45px 0 0 51px;
	margin: 20px 0 0 0;
	background: url(gx/bg_formExtranet.gif) no-repeat top left;
}
form#login label{
	display: block;
	cursor: pointer;
	margin: 0 0 3px 0;
}
form#login input{
	width: 117px;
	margin: 0 0 5px 0;
	font-size: 11px;
	padding: 1px 0 2px 0;
}
form#login input.submit{
	width: 18px;
	float: right;
	margin: -1px 30px 0 0;
}
*html form#login input.submit{
	margin: 1px 30px 0 0;
}
form#login p{
	font-size: 9px;
	line-height: 12px;
	margin: -4px 5px 8px 0;
	color: #828282;
}
a.aide{
	margin: 0px 0 0 51px;
	display: block;
}


/* menu */
table#menu{
	list-style: none;
	width: 100%;
	font-family: tahoma;
	clear: both;
	margin: 6px 0 0 0;
}
table#menu td{
	text-align: center;
	border-right: 3px solid #fff;
}
table#menu td.last{
	border-right: none;
}
table#menu td a{
	display: block;
	color: #494949;
	background: #F4F2CF;
	text-decoration: none;
	padding: 8px 10px 8px 10px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
}
*html table#menu td a{
	width: 100%;
}
table#menu td a:hover{
	background: #EBE8C0;
	color: #ED1C2E;
}
table#menu td a.actif, table#menu td a.actif:hover{
	background: #ED1C2E;
	color: #fff;
}


/* liens sur les portail d accueil et splash */
div.liens{
	background: url(gx/bg_dotted.gif) repeat-x bottom left;
	padding: 20px 0 20px 0;
}
body#splash div.liens{
	margin: 0 0 0 25px;
}
div.liens img{
	float: left;
	border-left: 8px solid #F7F5DA;
	margin: 0 7px 0 0;
}
div.liens h3{
	color: #ED1C2E;
	font-family: arial;
	font-size: 140%;
}
div.liens h3 a{
	text-decoration: none;
}
div.liens p, div#contenu div.liens p{
	padding: 0 100px 0 87px;
	line-height: 135%;
	color: #8D8D8D;
}

div.liens ul{
	padding: 4px 0 0 85px;
	list-style: none;
	margin: 4px 0 0 0;
	margin: 0 0 -10px 0;
}
div.liens ul li{
	background: url(gx/s/a_fleche.gif) no-repeat left center;
	padding: 2px 0 2px 0;
}
div.liens ul li a{
	padding: 0 0 0 14px;	
	font-weight: bold;
}

/* circulaireDetail */
div.circulaireDetail{
	background: url(gx/bg_dotted.gif) repeat-x bottom left;
	padding: 20px 0 20px 0;
}
div.circulaireDetail div.image{
	float: left;
	border: 8px solid #F7F5DA;
	padding: 8px 8px 8px 8px;
	margin: 0 7px 0 0;
}
div.circulaireDetail h3{
	color: #ED1C2E;
	font-family: arial;
	font-size: 140%;
}
div.circulaireDetail h3 a{
	text-decoration: none;
}
div#contenu div.circulaireDetail p{
	padding: 0 50px 0 255px;
	line-height: 135%;
	color: #8D8D8D;
}
div#contenu div.circulaireDetail ul{
	padding: 0 0 0 0;
	list-style: square;
	margin: 10px 0 0 275px;
}

/* emplois liste */
div.emplois{
	background: url(gx/bg_dotted.gif) repeat-x bottom left;
	padding: 15px 0 5px 0;
}
div.emplois h3{
	color: #ED1C2E;
	font-family: arial;
	font-size: 140%;
}
div.emplois h3 a{
	text-decoration: none;
}
div#contenu div.emplois p{
	padding: 5px 0 0 13px;
	line-height: 135%;
	color: #8D8D8D;
}
div.circulaireDetail ul{
	padding: 0 0 0 0;
	list-style: square;
	margin: 10px 0 0 13px;
}


/* lien et dropDown en haut */
div#top{
	margin: 3px 0 0px 0;
	float: left;
	height: 18px;
	width: 100%;
}
div#top a{
	float: left;
	display: block;
	margin: 4px 7px 0 0;
	background: #5F5F5F;
}
div#top a:hover{
	background: #ED1C2E;
}
div#top form{
	float: right;
	padding: 0 0 0 90px;
	background: url(gx/m/form_titre.gif) no-repeat left center;
}
div#top form select{
	width: 225px;
	color: #ED1C2E;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	font-family: tahoma;
}

/* liens sous le menu pour la page en cours */
div#nav{
	font-size: 10px;
	color: #8D8D8D;
	margin: 13px 0 15px 0;
}
div#nav a{
	color: #8D8D8D;
}
div#nav a:hover{
	color: #494949;
}
div#nav strong{
	color: #ED1C2E;
	font-weight: normal;
}

#contenu{
	margin: 0 0 0 0;
	clear: both;
	padding: 0 0 20px 0;
}

#contenu h1{
	margin: 0 0 10px 0;
}
#contenu h2, h2{
	padding: 0 0 5px 0;
	margin: 14px 0 4px 0;
	background: url(gx/bg_dotted.gif) repeat-x bottom left;
	font-size: 125%;
	font-family: Arial;
	color: #2E2E2E;
	text-transform: uppercase;
}
body#splash h2{
	margin: 10px 0 0 25px;
}
#contenu p{
	color: #494949;
	line-height: 185%;
}
#contenu img.imageDroite{
	float: right;
	border-left: 8px solid #fff;
	margin: 0 0 0 5px;
}
#contenu .boiteInfo{
	background-color: #FAF9F0;
	margin: 0 0 0 0;
	padding: 5px 5px 5px 5px;
}

div.sep{
	background: url(gx/bg_dotted.gif) repeat-x bottom left;
	font-size: 1%;
	height: 1px;
	margin: 10px 0 0 0;
}


ul.liste{
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0 0 5px 0;
	width: 220px;
	border-top: 1px solid #EFEFEF;
	font-size: 90%;
}
ul.liste li{
	margin: 0 0 0 0;
	float: left;
	border-bottom: 1px solid #EFEFEF;
	width: 100%;
}
ul.liste li a{
	display: block;
	color: #494949;
	padding: 6px 0 6px 0;
	text-decoration: none;
	font-weight: bold;
	float: left;
	width: 100%;
}
ul.liste li a:hover{
	background: #FEFEFA;
	color: #ED1C2E;
}
ul.liste li a.actif, ul.liste li a.actif:hover{
	background: #FCFCF3 url(gx/fleche_on.gif) no-repeat right center;
	color: #ED1C2E;
}

table#listing{
	margin: 10px 0 10px 0;
}
table#listing td.gauche{
	background: none;
}
table#listing td.droite{
	width: 100%;
	padding: 8px 10px 8px 10px;
	border-left: 8px solid #F7F5DA;
	background: #FCFCF3;
	line-height: 150%;
}
div.definition strong{
	color: #ED1C2E;
	display: block;
}
div.definition b{
	float: left;
	width: 120px;
}
div.definition a.localisation{
	display: block;
	padding: 0 0 2px 15px;
	background: url(gx/90/icone_carte.gif) no-repeat left center;
	float: left;
}

div.definition table.gerant td.nom{
	background: #F4F2DF;
	padding: 4px;
	font-weight: bold;
	font-size: 10px;
	line-height: 120%;
}

ul{
	list-style: square;
	margin: 4px 0 20px 23px;
}
ul li{
	margin: 0 0 3px 0;
}

/* formulaires */
form{
	margin: 0;
	line-height: 150%;
}
form label{
	font-weight: bold;
	display: block;
	margin: 10px 0 2px 0;
	color: #ED1C2E;
	cursor: pointer;
}
form input, form select, form textarea{	
	color: #5F5F5F;
	margin: 0 0 0 0;
	padding: 3px;
	font-weight: regular;
}