/*  xcg72Miseenpage.css 'Styles relatif a la mise en page de la page default) */

body {
	margin : 0 auto 0 auto;
	padding : 0;
	font-size: 62.7%;
	background-color:#EBEBEB;
	text-align: center; /*MSIE5*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #000;
}

/*-----------------
    BANDEAU
-----------------*/
#menuHaut {
	padding: 0 2px;
	width: 77.5em;
	margin : auto;
	text-align : left; /*MSIE5*/
	font-size: 1em;
}
#ligneHaut {
	height: 2em;
	background: url( .././iso_album/f_lignehaut.gif) no-repeat bottom right #AED688 ;
}
#ligneHautHome {
	height: 2.7em;
	background: url( .././iso_album/f_lignehauthome.gif) no-repeat bottom right #AED688 ;
}
#ligneHautHome #choixLangue {
	margin: 0px 10px;
}
#ligneHaut #choixLangue {
	margin: 0px 10px;
}
#choixLangue img,#choixLangue a {
	vertical-align:middle;
}
#ligneHautHome ul {
	margin : 7px 0;
}

/* langues */
#choixLangue {
	font-size: 1em;
	color: white;
	float: left;
	margin: .3em 10px .7em 10px;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
}
#choixLangue a {
	color: white;
	text-decoration: none;
}
#choixLangue a:hover {
	text-decoration: underline;
}

/* raccourcis */
#raccourcis {
	font-size: 1em;
	float: right;
	padding: 0;
	margin: .3em 0 .7em 0;
}
#raccourcis li {
	color: #000000 ;
	display: inline;
	list-style: none;
	margin : 0 1em 0 0;
	padding : 0;
}
#raccourcis li a, #raccourcis li a:link, #raccourcis li a:visited, #raccourcis li a:active {
	color: #000000 ;
	padding : 0;
	margin : 0;
	text-decoration: none;
}
#raccourcis li a:hover {
	text-decoration: underline;
}

/* image du bandeau */
#bandeauHaut {
	height: 90px;
	background: url( .././iso_album/a_bandeau.jpg) no-repeat right bottom #FFFFFF ;
}
#bandeauHaut h1 {
	height: 90px;
	padding: 0;
	margin: 0;
	background: url("../iso_icons/c_grisbg.gif") no-repeat bottom left;
}
#bandeauHaut h1 img {
	border-width: 0;
}
#bandeauHautHome {
	height: 130px;
	background: url( .././iso_album/a_bandeauhome.jpg) no-repeat right bottom #FFFFFF ;
}
#bandeauHautHome h1 {
	height: 130px;
	padding: 0;
	margin: 0;
	background: url("../iso_icons/c_grisbg.gif") no-repeat bottom left;
}
#bandeauHautHome h1 img {
	border-width: 0;
}

/* recherche login et menu principal*/
#diversHaut {
	height: 5.4em;
	background: url(../iso_icons/f_courbesmenu.gif) no-repeat top right;
}
#diversHautHome {
	height: 5.4em;
	background: url(../iso_icons/f_courbesmenuHome.gif) no-repeat top right;
}
#diversHaut input, #diversHautHome input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #444;
	border: 1px solid #ccc;
	margin : 0 1px;
}

/* recherche */
#recherche {
	float: left;
	margin : 4px 0;
	height : 2.5em;
	border-bottom: 1px solid #D8D8D8;
	vertical-align:middle;
}
#recherche form {
	margin : 0;
	padding : 0;
}

/* login */
#extranet {
	float: right;
	font-weight: bold;
	margin : 4px 0;
	height : 2.5em;
	border-bottom: 1px solid #D8D8D8;
	vertical-align:middle;
}
#extranet form {
	margin : 0;
	padding : 0;
}
#extranet form input {
	color:#484848;
}
#extranet a, #extranet a:link, #extranet a:active, #extranet a:visited, #extranet a:hover{
	color:#484848;
	text-decoration:none;
}
#extranet p {
	margin-top:.5em;
	padding:0;
	color:#484848;
}
#extranet form p {
	margin:0;
	padding:0;
	color:#484848;
}

/* menu principal */
#menuPrincipal {
	font-weight: bold;
	margin: 0 0 0 0;
	color: #fff;
	clear: both;
	padding: 0 0 0 1em;
	width:auto;
}
#menuPrincipal ul {
	float : right;
	list-style:none;
	padding: 0 1em 0 0;
	margin: 0;
}
#menuPrincipal li {
	display: inline;
	margin: 0 0;
	padding: 0;
}
#menuPrincipal a {
	float:left;
	background: #B1B1B1 url("../iso_icons/c_navoffhg.gif") no-repeat left top;
	color: white;
	padding : 0;
	margin : 0;
	text-decoration: none;
}
#menuPrincipal a span {
	cursor: pointer;
	float:left;
	display:block;
	background: transparent url("../iso_icons/c_navoffhd.gif") right top no-repeat;
	padding: .5em 1em;
}
#current a {
	color: #484848;
	background: #B1B1B1 url("../iso_icons/c_navong.gif") no-repeat left top;
}
#menuPrincipal #current span {
	background: transparent url("../iso_icons/c_navond.gif") right top no-repeat;
	}
#menuPrincipal a:hover {
	color: #484848;
	text-decoration: none;
}
#menuPrincipal #current a:hover {
	color: #f40010 ;
}

/*-----------------
    DOCUMENT
-----------------*/
#document {
	width : 77.5em;
	height:100%;
	margin: 0px auto;
	text-align: left; /*MSIE5*/
	background: url(../iso_icons/f_contenug.gif) repeat-y;
}

/* arrondis en haut */
#documenthaut {
	background: url(../iso_icons/c_contenuhd.gif) no-repeat top right;
	height: 15px;
}
#documenthaut div {
	margin: 0;
	padding: 0;
	background: url(../iso_icons/c_contenuhg.gif) no-repeat top left;
	height: 15px;
}

/* document */
#documentmilieu {
	padding: 0 1.7em;
	background: url(../iso_icons/f_contenud.gif) repeat-y right;
	text-align: left;
	overflow:hidden; /*give layout*/ 
	height:100%;/*give layout IE6*/ 
}
/* document zone Bas*/
#documentZoneBas{
	padding: 1em 1.7em;
	background: url(../iso_icons/f_contenud.gif) repeat-y right;
	text-align: left;
	overflow:hidden; /*give layout*/ 
	height:100%;/*give layout IE6*/
	
}
#documentZoneBas #documentZoneBas_Cadre{
	padding: 0;
	overflow:hidden; /*give layout*/ 
	height:100%;/*give layout IE6*/
}

#documentZoneBas #documentZoneBas_Cadre #documentZoneBas_Contenu{
	padding:0;
	overflow:hidden; /*give layout*/ 
	height:100%;/*give layout IE6*/
	background:#666 url(../iso_icons/zoneBas_fdPlan.gif) no-repeat;
	border-top:2px solid #f40010
}
#documentZoneBas #documentZoneBas_Cadre div#documentZoneBas_Contenu.noPlanSite{
	background:transparent url(../iso_icons/zoneBas_fd.gif) no-repeat;
}

/*-------------------*/
/* logo en bas */
#logoSarthe {
	background: url(../iso_icons/f_contenud.gif) repeat-y right;
	text-align: right;
}
#logoSarthe img {
    margin-right: 2px;
} 

/* arrondis en bas */
#documentbas {
	background: url(../iso_icons/c_contenubd.gif) no-repeat bottom right;
	height: 15px;
}
#documentbas div {
	border-bottom: red 1px grey;
	margin: 0;
	padding: 0;
	background: url(../iso_icons/c_contenubg.gif) no-repeat bottom left;
	height: 15px;
}

/*-----------------
    ENCART GAUCHE
-----------------*/
#colGauche {
	float: left;
	width: 17em;
}
#colGaucheHome {
	float: left;
	width: 17em;
}
/* colonnes gauche zone Bas */
#documentZoneBas #documentZoneBas_ColGauche{
	float: left;
	width: 17em;
	background:#b1b1b1;
	height:100%;

}
#documentZoneBas #documentZoneBas_ColGaucheHome{
	float: left;
	width: 17em;
	background:#dfdfe0;
}

/* menu home */
#homeMenu {}
#homeMenu p {
	margin-bottom: 0px;
}
#homeMenu li.n1{
	list-style: none;
	background: url(../iso_icons/i_pucenav.gif) no-repeat 0px 5px;
	padding: .1em 0 .2em 8px;
	color:#383838;
	font-weight:bold;
	margin-bottom: 0px;
}
#homeMenu ul li.n2{
	list-style: none;
	background: none;
	color: #FFFFFF ;
	margin-bottom: 0px;
}
#homeMenu ul li.n2 a{
	color: #FFFFFF ;
	font-weight:normal;
	margin-bottom: 0px;
}

/* navigation */
#ligneMenuGauche {
	background: #CECECE url(../iso_icons/a_filetmenuGauche.gif) no-repeat bottom left;
	height: 2px;
}
#ligneMenuGauche p {
	background: url(../iso_icons/a_filetmenuGauched.gif) no-repeat bottom right;
	line-height: 2px;
	font-size: 2px;
	height: 2px;
	margin: 0;
}
/* n1 */
#styleMenuGaucheNiv1 {
	width: 17em;
	background: #CECECE url(../iso_icons/a_cacheMenuGauche.gif) repeat-x bottom center;
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 1em;
}
#styleMenuGaucheNiv1 a {
	text-decoration: none;
}
#styleMenuGaucheNiv1 a:hover {
	color: #f40010;
}
#styleMenuGaucheNiv1 li {
	list-style: none;
	background: url(../iso_icons/a_filetmenuGauche.gif) no-repeat bottom left;
	margin: 0;
	padding: 0;
}
#styleMenuGaucheNiv1 li.active {
	background: url(../iso_icons/a_filetmenuGauche.gif) no-repeat bottom left;
}
#styleMenuGaucheNiv1 li.active a{
	color: #484848;
	font-weight:bold;
}
#styleMenuGaucheNiv1 li.active div {
	background: url(../iso_icons/a_filetmenuGauched.gif) no-repeat bottom right;
	margin: 0;
	padding: 0 0 4px 0;
}
#styleMenuGaucheNiv1 li.active p {
	background: none;
	margin: 0;
	padding: .2em 1em .5em 1em;
}
#styleMenuGaucheNiv1 p {
	background: url("../iso_icons/a_filetmenuGauched.gif") no-repeat bottom right;
	margin: 0;
	padding: .2em 1em .8em 1em;
}
#styleMenuGaucheNiv1 a {
	color: #383838;
}
/* n2 */
#styleMenuGaucheNiv2 {
	background: white;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	font-weight: normal;
	margin: 0;
	padding: .2em 0 .3em 1em;
}
#styleMenuGaucheNiv2 li {
	background: white;
	padding: .1em .8em .2em 0em;
	border-bottom: none;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li a {
	color: #383838;
	font-weight: normal;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li a:hover {
	color: #f40010;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.ancestor{
    background: url(../iso_icons/i_pucenav.gif) no-repeat 0 5px white;
    padding: .1em 0 .2em 1em;
}
#styleMenuGaucheNiv1 li.active  #styleMenuGaucheNiv2 li.ancestor a{
    font-weight: bold;
    color: #484848;
}
#styleMenuGaucheNiv2 li.active2 {
	background: url(../iso_icons/i_pucenavon.png) no-repeat 0 5px white;
	padding: .1em 0 .2em 1em;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.active2 a {
	font-weight: bold;
	color: #f40010;
}
/* n3 */
#styleMenuGaucheNiv3 {
	color: #383838;
	font-weight: normal;
	margin: 0;
	padding: .1em 0 0 0;
}
#styleMenuGaucheNiv3 li {
	color: #383838;
	font-weight: normal;
	background: url(../iso_icons/i_pucenav.gif) no-repeat 0 5px;
	padding: .1em 0 .2em 8px;
}
#styleMenuGaucheNiv3 li.active3 {
	color: #383838;
	font-weight: normal;
	background: url(../iso_icons/i_pucenavon.png) no-repeat 0 5px;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.ancestor #styleMenuGaucheNiv3 li a ,
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.active2 #styleMenuGaucheNiv3 li a {
	color: #383838;
	font-weight: normal;
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.ancestor #styleMenuGaucheNiv3 li a:hover ,
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.active2 #styleMenuGaucheNiv3 li a:hover {
	color: #f40010
}
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.ancestor #styleMenuGaucheNiv3 li.active3 a ,
#styleMenuGaucheNiv1 li.active #styleMenuGaucheNiv2 li.active2 #styleMenuGaucheNiv3 li.active3 a {
	font-weight: bold;
	color: #f40010
}

/*-----------------
    CONTENU
-----------------*/
#contenu {
	padding : 0 1.5em 10px 1.5em;
	font-size: 1em;
	overflow:hidden; /*give layout*/ 
	height:100%;/*give layout IE6*/ 
}

#hautContenu {
	font-size: .9em;
	border-bottom: 1px dotted #D4D4D4;
	padding: 1em 0 0 0;
}

/* outils */
#outils {
	margin: 0;
	padding: 0;
}
#outils li {
	background: #f40010 ;
	float: right;
	list-style: none;
	display: inline;
	border-right: 2px solid white;
	margin: 0;
	padding: 0;
}
#outils a {
	background: #f40010 ;
	display: block;
	width: 18px;
	height: 17px;
}
#outils a span {
	display:none;
}

/* chemin de navigation */
#chemin {
	background: url("../iso_icons/i_chemin.gif") no-repeat 0 6px;
	margin: 0 15.5em 3px 0;
	color: #383838;
	padding: 3px 0 0 15px;
}
#cheminvide {
	margin: 0 15.5em 3px 0;
	color: #383838;
	padding: 3px 0 0 15px;
}
#chemin a {
	color: #383838;
}
#chemin a:hover {
	color: #383838;
	text-decoration: underline;
}

/* retour haut de page */
#iconehautPage {
	float: right;
	display: block;
	width: 18px;
	height: 17px;
	cursor: pointer;
	background: url("../iso_icons/i_hautpage.gif") no-repeat 0 0 #f40010;
}
#hautPage {
	clear: both;
	border-top: 1px dotted #D4D4D4;
	text-align: right;
	padding: 0 0 0 0;
	line-height: 16px;
}
#hautPage a {
	color: #AEAEAE;
	height: 17px;
	line-height: 18px;
}

/*-----------------
    ENCART DROIT
-----------------*/
#encartDroit {
	float: left;
	width: 14em;
	font-size: 1em;
}

#encartDroitHome {
	float: left;
	width: 14em;
	font-size: 1em;
}
#encartDroitHome  ul li a {
	text-decoration: none;
}
#encartDroitHome  ul li a:hover {
	text-decoration: underline;
}
/* Encart Bas Droit*/
#documentZoneBas #documentZoneBas_ColDroit{
	float: left;
	height:100%;
	padding-top:1em;
}
/*-----------------
    PIED DE PAGE
-----------------*/
hr.clear {visibility : hidden;}
#piedDePage {
	background: url("../iso_icons/f_bandesgrisesbas.gif") no-repeat top right;
	width : 77.5em;
	margin : 0 auto;
	text-align : left; /*MSIE5*/
	padding : 22px 0 10px 0;
}
#piedDePage a {
	text-decoration: none;
}
#piedDePage a:hover {
	text-decoration: underline;
}
#piedDePage #espaceGauche {
	margin: 0 3.4em 0 0;
	padding: 5px 0 0 6px;
}
#piedDePage #espaceGauche a {
	color: #444;
}
#piedDePage #espaceCentre {
	background: url(.././iso_album/f_courbepiedpage.gif ) no-repeat bottom right;
	height: 20px;
	width: 33em;
	font-weight: bold;
	color: #AED688;
	margin : 0;
	padding : 5px 0 0 0;
	float: right;
}
#piedDePage #espaceCentre a {
	color: #f40010;
}
#lignebas {
	background: url( .././iso_album/f_lignebasd.gif ) repeat-y top right #D6EBB8 ;
	line-height: 13px;
	clear: both;
}
#lignebas div {
	background: url(../iso_icons/f_lignebasg.gif) repeat-y top left;
	line-height: 13px;
}
