/* -------------------------------------------------------------- GLOBAL LAYOUT ------------------ */

/*----------------------------------------------- bandeau */
body {
	/*height: 100%;*/
	margin: 0px;
	font-size: 10px;
	color:#000;
}
.xvalmGlobal {
	/*min-height: 100%;*/
	width: 771px;
	padding: 0px;
	margin: 0px auto;
	background-color:#FFF;
}

.xvalmBlocContent {
	width: 771px;
	padding: 0px;
	margin: 0px auto;
	background-color:#FFF;
	overflow:hidden;	/*give layout*/
	height: 1%;		/*give layout ie6*/
	clear:both;
}

/*----------------------------------------------- bloc gauche */
.xvalmBlocGauche {
	width: 154px;
	overflow:hidden;	/*give layout*/
	height: 1%;		/*give layout ie6*/
	padding:0px 7px 0px 0px;
	margin:0px;
	background-color:#FFFFFF;
	/*position:relative;*/
	float:left;
}

/*----------------------------------------------- bloc ccentre */
.xvalmBlocCentre {
	width: 370px;
	overflow:hidden;	/*give layout*/
	height: 1%;		/*give layout ie6*/
	padding:0px 6px 0px 0px;
	margin:0px;
	background-color:#FFFFFF;
	/*position:relative;*/
	float:left;
}
.noRightInset{
	width: 600px;
}

/*----------------------------------------------- bloc droit */
.xvalmBlocDroit {
	width: 231px;
	overflow:hidden;	/*give layout*/
	height: 1%;		/*give layout ie6*/
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	/*position:relative;*/
	float:left;
}

/*----------------------------------------------- footer */
.xvalmFooter {
	width: 100%;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	max-height: 25px;
	height: 25px;
	/*border: 1px outset #FF7B00;*/
}

.xvalmFooter ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:100%;
}

/* on aligne les listes sur la gauche */
.xvalmFooter ul li{
	float:left;
	/*height: 23px;*/
	background-color:#FF7B00;
	padding: 5px 17px 5px 18px;
	margin: 0px;
	text-align:center;
	border: 1px outset #FF7B00;
}

.xvalmFooter ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration:none;
}

/* -------------------------------------------------------------- HEADER ------------------ */
.xvalmHeaderSan {
	width: 771px;
	height:125px;
	padding:0px;
	margin:0px;
	background-image:url(.././iso_album/bandeau768.jpg) ;
	background-repeat:no-repeat;
	clear:both;
	overflow:hidden;	/*give layout*/
}

.xvalmHeaderSanLogo{
	text-align:left;
	float:left;
}

.xvalmHeaderSanLangues {
	margin:7px 0px 0px 0px;
	float:right;
	text-align:right;
	color:#FFF
}
.xvalmHeaderSanLangues .xvalmSiteTitle{
	font-size:33px;
	font-weight:bold;
	font-family:Arial, helvetica, sans serif;
}
/* -------------------------------------------------------------- MENU N1 et N2 ------------------ */
.xvalmGlobalMenuN1 {
	width: 768px;
	height:30px;
	padding:0px;
	margin:0px 0px 5px 0px;
	border-bottom:1px #85a1c8 solid; /* Border sous le menu 1*/
	position:relative;
}
.xvalmMenu12 {
	position: absolute;
	background-image:url(.././iso_album/bandeau768_bas.jpg);
	background-repeat:no-repeat;	
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.xvalmMenu12 dl,
.xvalmMenu12 dt,
.xvalmMenu12 dd,
.xvalmMenu12 ul, 
.xvalmMenu12 li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

/* --------------------------------- menu 1 */
dl.xvalmN1 {
	margin: 0;
	padding: 0;
	float: left;
	width: 96px;
	height:100%;
}

dl.xvalmN1 dt.xvalmN1 {
	padding:5px 8px 0px 8px;
	vertical-align:middle;
	height:25px;
	text-align:center;
	background-image:url(../iso_icons/menu12_96_big.gif);
	background-repeat:no-repeat;
}
dl.xvalmN1 dt.xvalmN1 a {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:10px;
	color: #666666;
	text-decoration:none;
}
/* --------------------------------- menu 2 */
dl.xvalmN1 dd.xvalmN2 {
	display: none;
	border: 1px solid gray;
	padding:1px 0px 0px 1px;
	background-color:#FFF;
	background-image:none;
	height:auto;
	width:auto;
}

dl.xvalmN1 dd.xvalmN2 li {
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:#c5d3f2;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	text-align:left;
}

dl.xvalmN1 dd.xvalmN2 li a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	display: block;
	padding:2px;
}

dl.xvalmN1 dd.xvalmN2 li a:hover, 
dl.xvalmN1 dd.xvalmN2 li a:focus {
	color: #FFFFFF;
	background: #55a6ff;
}

/*menuN3*/
.xvalmMenuN3{
	margin-top:5px;
}

.xvalmMenuN3  h3.xvalmTitle {
	background-color:#0485B5;
	color:#FFF;
	text-transform:uppercase;
	font-size:13px;
	font-family:verdana, arial, helvetiva, sans serif;
	background-image:url(../iso_icons/c2_fleche.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding:3px 0px 0px 27px;
	height:21px;
	margin:0px;
}

.xvalmMenuN3  div.xvalmContent{
	border:1px solid #0485B5;
	border-bottom:1px solid #F8F8FD;
	background-color:#F8F8FD;
	margin-top:5px;
	padding:10px 10px 0px 10px;
}

.xvalmMenuN3  div.xvalmContent p,
.xvalmMenuN3  div.xvalmContent p a{
	font-size: 11px;
 	font-family: Arial, Helvetica, sans-serif;  
	color: #727475;
}

.xvalmMenuN3  div.xvalmBottom{
	background-color:#F8F8FD;
	margin-top:0px;
	background-image:url(../iso_icons/c2_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.xvalmMenuN3  div.xvalmBottom span {
	display:block;
	width:100%;
	background-image:url(../iso_icons/c2_bd.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.xvalmMenuN3 ul {
	padding: 0px;
	margin:0px
}

.xvalmMenuN3 ul li {
	list-style: none;
	background: url(../iso_icons/c2_fleche.gif) no-repeat;
	padding:2px 0px 0px 20px;
	margin:0px
}
.xvalmMenuN3 ul li a,
.xvalmMenuN3 ul li a:link,
.xvalmMenuN3 ul li a:hover,
.xvalmMenuN3 ul li a:visited,
.xvalmMenuN3 ul li a:active{
	text-decoration:none;
	color: #0485B5;	
	font-weight:bold;
}

/* -------------------------------------------------------------- BLOC LA RECHERCHE ------------------ */
.xvalmRecherche {
	width: 154px;
	padding:0px;
	margin:0px;
	background-color:#337dcc;
	text-align:center;
}

.xvalmRecherche h3 {
	padding:5px 0px;
	margin:0px;
	background-color:#1088b6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
 	font-weight: bold;
	background-image:url(../iso_icons/fleche_recherche2.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
}
	
.xvalmRecherche input {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	border: 0pt solid black;
	vertical-align:middle;
	margin: 5px 0px;
}
	




div#menu3 ul {
	list-style-image: url(iso_icons/menu3_puce.gif);
	list-style-position:outside;
	vertical-align:middle;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}

div#menu3 li {
	line-height:12px;
}

div#menu3 A, div#menu3 A:visited {
	color: #0485B5;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 3px;
	font-weight: bold;
	letter-spacing: 0px;
	vertical-align:top;
	line-height:17px;
}

div#menu3 A:Active{
	color: #ef9116;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#menu3 A:hover{
	color: #ef9116;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
div#menu3 A.selected, div#menu3 A:link.selected, div#menu3 A:visited.selected, div#menu3 A:hover.selected  {
	color: #ef9116;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}




/* -------------------------------------------------------------- CADRE 2 ------------------ */

.cadremenu {
	background-color:#f9f8fd;
	}
.cadremenu_colorFFFFFF td {
	background-color:#FFFFFF;
	height:5px;
}
.cadremenu_titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing: 0px;
	background-color:#0485b5;
	padding:4px 0px 4px 10px;
}
.cadremenu_titre img{
	vertical-align:top;
	padding-right:10px;
}
.cadremenu_texte {
	vertical-align:top;
}

.cadremenu_hg {
	background-image:url(iso_icons/c2_hg.gif);
	height:12px;
	width:12px;
}
.cadremenu_hd {
	background-image:url(iso_icons/c2_hd.gif);
	height:12px;
	width:12px;
}
.cadremenu_h {
	background-image:url(iso_icons/c2_h.gif);
	height:12px;
}
.cadremenu_bg {
	background-image:url(iso_icons/c2_bg.gif);
	background-color:#FFFFFF;
	height:12px;
	width:12px;
}
.cadremenu_bd {
	background-image:url(iso_icons/c2_bd.gif);
	background-color:#FFFFFF;
	height:12px;
	width:12px;
}
.cadremenu_g {
	background-image:url(iso_icons/c2_g.gif);
	background-repeat:repeat-y;
}
.cadremenu_d {
	background-image:url(iso_icons/c2_d.gif);
	background-repeat:repeat-y;
}
.cadremenu_b {
	background-image:url(iso_icons/c2_b.gif);
	background-repeat:repeat-x;
	height:12px;
}


