/* CSS DOCUMENT */

/* ==================== */
/* Style generique HTML */
/* ==================== */ 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(img/fond_xy_repet.jpg);
	background-repeat: repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0px;
	list-style-position: outside;
	list-style-type: disc;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-left: 22px;
	color: #000000;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	padding-left: 22px;
	color: #000000;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-left: 22px;
	color: #000000;
}

.liste12 {
	font-size: 12px
}
.liste15 {
	font-size: 15px
}

.txtrouge8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #9A141B;
}

.txtrouge14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #9A141B;
}


/* ============== */ 
/* Centrage ecran */ 
/* ============== */ 

#pagecentrage {
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 600px;
	width: 100%;
	text-align: center;
	z-index: 1;
	background-image: url(img/fond_repeat_x.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#pagearea {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 997px;
	z-index: 2;
	background-image: url(img/mrld_scene_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	cursor: default;
}

/* ======================== */ 
/* BLOC NAVIGATEUR FRANCAIS */
/* ======================== */ 
#retouraccueil {
	position:absolute;
	left:231px;
	top:132px;
	width:80px;
	height:23px;
	z-index:6;
	visibility: visible;
}
#retouraccueil a.retoura {
	position:absolute;
	left:0px;
	top:0px;
	height:23px;
	width:80px;
	background-image:url(img/retour_accueil_off.jpg);
}
#retouraccueil a.retoura:hover {
	background-image:url(img/retour_accueil_on.jpg);
}
#retouraccueil span {  
	display:none;
}

#selecteurnavfr {
	position: absolute;
	left: 256px;
	top: 161px;
	width: 546px;
	height: 25px;
	z-index: 4;
	visibility: visible;
}
#selecteurnavfr span {  
	display: none;
}
/*
#selecteur ul span {  
	display:none;
}
#selecteur ul {
	display:block;
}
*/
#selecteurnavfr a.celluleafr {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 25px;
	width: 149px;
	background-image: url(img/menuafr_off.jpg);
}
#selecteurnavfr a.celluleafr:hover {
	background-image: url(img/menuafr_on.jpg);
}
#selecteurnavfr a.cellulebfr {
	left: 149px;
	top: 0px;
	position: absolute;
	height: 25px;
	width: 218px;
	background-image: url(img/menubfr_off.jpg);
}
#selecteurnavfr a.cellulebfr:hover {
	background-image: url(img/menubfr_on.jpg);
}
#selecteurnavfr a.cellulecfr {
	left: 367px;
	top: 0px;
	position: absolute;
	height: 25px;
	width: 73px;
	background-image: url(img/menucfr_off.jpg);
}
#selecteurnavfr a.cellulecfr:hover {
	background-image: url(img/menucfr_on.jpg);
}
#selecteurnavfr a.celluledfr {
	left: 440px;
	top: 0px;
	position: absolute;
	height: 25px;
	width: 63px;
	background-image: url(img/menudfr_off.jpg);
}
#selecteurnavfr a.celluledfr:hover {
	background-image: url(img/menudfr_on.jpg);
}

/* ================= */ 
/* CONTENU DES MENUS */
/* ================= */ 

#sousmenua {
	position:absolute;
	left:0px;
	top:27px;
	width:auto;
	height:auto;
	z-index:5;
	background-image:url(img/sophro_fond.jpg);
	background-repeat:repeat;
	visibility: hidden;
}
#sousmenua .liste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	color: #000000;
}
#sousmenua a.liste:link {
	text-decoration:none;
	color: #000000;
}
#sousmenua a.liste:hover {
	text-decoration:none;
	color: #550000;
}
#sousmenua a.liste:visited {
	text-decoration:none;
}
#sousmenua a.liste:active {
	text-decoration:none;
	color: #000000;
}

#sousmenub {
	position:absolute;
	left:149px;
	top:27px;
	width:auto;
	height:auto;
	z-index:5;
	background-image:url(img/sophro_fond.jpg);
	background-repeat:repeat;
	visibility: hidden;
}
#sousmenub .liste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	color: #000000;
}
#sousmenub a.liste:link {
	text-decoration:none;
	color: #000000;
}
#sousmenub a.liste:hover {
	text-decoration:none;
	color: #550000;
}
#sousmenub a.liste:visited {
	text-decoration:none;
}
#sousmenub a.liste:active {
	text-decoration:none;
	color: #000000;
}

#sousmenuc {
	position:absolute;
	left:367px;
	top:27px;
	width:auto;
	height:auto;
	z-index:5;
	background-image:url(img/sophro_fond.jpg);
	background-repeat:repeat;
	visibility: hidden;
}
#sousmenuc .liste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	color: #000000;
}
#sousmenuc a.liste:link {
	text-decoration:none;
	color: #000000;
}
#sousmenuc a.liste:hover {
	text-decoration:none;
	color: #550000;
}
#sousmenuc a.liste:visited {
	text-decoration:none;
}
#sousmenuc a.liste:active {
	text-decoration:none;
	color: #000000;
}

#sousmenud {
	position:absolute;
	left:308px;
	top:27px;
	width:auto;
	height:auto;
	z-index:5;
	background-image:url(img/sophro_fond.jpg);
	background-repeat:repeat;
	visibility: hidden;
}
#sousmenud .liste {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	color: #000000;
}
#sousmenud a.liste:link {
	text-decoration:none;
	color: #000000;
}
#sousmenud a.liste:hover {
	text-decoration:none;
	color: #550000;
}
#sousmenud a.liste:visited {
	text-decoration:none;
}
#sousmenud a.liste:active {
	text-decoration:none;
	color: #000000;
}

/* =================== */ 
/* MESSAGES NAVIGATION */
/* =================== */

#messagenav {
	position:absolute;
	left: 256px;
	top: 118px;
	width: 503px;
	height: 41px;
	z-index: 4;
	visibility: visible;
}
.typonav {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-style: normal;
	color: #999999;
}

/* ========== */ 
/* ACTUALITES */
/* ========== */
#blocactualites {
	position:absolute;
	left: 45px;
	top: 131px;
	width: 195px;
	height: 89px;
	z-index: 4;
	visibility: visible;
}
#blocactualites .annonce {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	color: #990000;
}
#blocactualites a.annonce:link {
	text-decoration:none;
	color: #990000;
}
#blocactualites a.annonce:hover {
	text-decoration:none;
	color: #000000;
}
#blocactualites a.liste:visited {
	text-decoration:none;
}
#blocactualites a.annonce:active {
	text-decoration:none;
	color: #990000;
}
.titreactualites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	padding-left: 30px;
}
.stitreactualites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	padding-left: 6px;
}
#contenuactualites {
	position:absolute;
	left: 6px;
	top: 93px;
	width: 189px;
	height: 330px;
	overflow: auto;
}
.txtactu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #585858;
}
.txtactucolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}


/* ============================================= */ 
/* TITRES BLOCS - CONTENU - MENTIONS - WEBMASTER */
/* ============================================= */
#cadretitrecontenu {
	position: absolute;
	left: 282px;
	top: 212px;
	width: 486px;
	height: 363px;
	z-index: 4;
	visibility: visible;
}
#cadretitrementions {
	position: absolute;
	left: 282px;
	top: 212px;
	width: 486px;
	height: 363px;
	z-index: 4;
	visibility: hidden;
}
#cadretitreliens {
	position: absolute;
	left: 282px;
	top: 212px;
	width: 486px;
	height: 363px;
	z-index: 4;
	visibility: hidden;
}

.squarecolor {
	color: #FF9900;
}
.squarecolorsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FF9900;
}
/* ======================================== */ 
/* SCROLLING - MENTIONS - COPYRIGHT - LIENS */
/* ======================================== */
.cadrecontenu {
	position: absolute;
	left: 0px;
	top: 38px;
	width: 486px;
	height: 300px;
	overflow: auto;
}
#cadretitrecontenu .lieninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
#cadretitrecontenu a.lieninfo:link {
	text-decoration: none;
	color: #333333;
}
#cadretitrecontenu a.lieninfo:hover {
	text-decoration: none;
	color: #990000;
}
#cadretitrecontenu a.lieninfo:visited {
	text-decoration: none;
}
#cadretitrecontenu a.lieninfo:active {
	text-decoration: none;
	color: #333333;
}

#cadretitrecontenu .lieninfoliste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}
#cadretitrecontenu a.lieninfoliste:link {
	text-decoration: none;
	color: #990000;
}
#cadretitrecontenu a.lieninfoliste:hover {
	text-decoration: none;
	color: #000000;
}
#cadretitrecontenu a.lieninfoliste:visited {
	text-decoration: none;
}
#cadretitrecontenu a.lieninfoliste:active {
	text-decoration: none;
	color: #990000;
}
/* =============== */ 
/* STYLES CONTENUS */
/* =============== */ 	
.grandtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
}
.grandtitreb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-left : 20px;
	color: #000000;
}
.grandtitreweiss {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F0F0F0;
}
.titrecontenu {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.sstitrecontenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;
	color: #000000;
}
.sstitrecontenub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
.txtcontenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.txtcourantcontenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-left: 20px;
	color: #000000;
}
.txtcourantcontenub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-left: 60px;
	color: #000000;
}
.txtcourantcontenuc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;
	padding-left: 80px;
	color: #000000;
}
.filetcontenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.txtrouge12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
	color: #990000;
}
.txtgris12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.txtgris11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* ======================== */
/* BLOC - ADRESSE - CONTACT */
/* ======================== */
#blocadresse {
	position: absolute;
	left: 816px;
	top: 200px;
	width: 156px;
	height: auto;
	z-index: 3;
	visibility: visible;
}
.textadressegris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 13px;
}
.textadressegrisb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
.titreadressegris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #CCCCCC;
}

#blocadresse .texte_email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 13px;
}
#blocadresse a.texte_email:link {
	text-decoration: none;
	color: #CCCCCC;	
}
#blocadresse a.texte_email:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#blocadresse a.texte_email:visited {
	text-decoration: none;
}
#blocadresse a.texte_email:active {
	text-decoration: none;
}

#blocadresse .texte_liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
#blocadresse a.texte_liens:link {
	text-decoration: none;
	color: #CCCCCC;	
}
#blocadresse a.texte_liens:hover {
	text-decoration: none;
	color: #FFFFFF;
}
#blocadresse a.texte_liens:visited {
	text-decoration: none;
}
#blocadresse a.texte_liens:active {
	text-decoration: none;
}