/* declarations generiques */
body, div, form, input, h1, h2, h3, h4, span, ul, li {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
body {
	background-color: #E7EDF1;
	text-align: left;
	line-height: normal;
}

a.animflash, a.animflashboucle {
	display: none;
}

/* ---------- placement des bannieres --------------- */
#bannierehaut {
	position: absolute;
	top: 0;
	margin-left: 144px;
	margin-top: 15px;
}
#bannieredroite {
	position: absolute;
	margin-left: 750px;
	margin-top: 65px;
}



#souspartie1 {
	background-repeat: repeat-x;
	min-height: 480px;
	_height: 480px;
}
#souspartie2 {
	background-repeat: repeat-x;
	min-height: 25px;
	_height: 25px;
}
/* ------------- deco ----------------- */
#blocdeco {
	background-repeat: no-repeat;
	background-position: center 170px;
}
/* ------------ ombre ------------------ */
#conteneurombre {
	background-repeat: repeat-x;
	background-position: left bottom;
	min-height: 480px;
	_height: 480px;
}

#contenthaut {
	position: relative;
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: left 116px;
	min-height: 480px;
	_height: 480px;
}
#contentbas {
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
}


/* ----------------------------------------------------------- */
/* ----------------- home et bleu par defaut ---------------- */
/* ---------------------------------------------------------- */
body {
	background-color: #E7EDF1;
}
/* ------------- 2 zones etirables -------------- */
#souspartie1 {
	background-image: url(../img/pixelfond-bleu.jpg);
	background-color: #304F6B;
}
/* ---------------- deco de fond --------------- */
#blocdeco {
	background-image: url(../img/fond-bleu.jpg);
}
/* -------------- ombre calée en bas -------------- */
#conteneurombre {
	background-image: url(../img/ombre-partie1-bleu.gif);
}
#souspartie2 {
	background-image: url(../img/ombre-partie2-bleu.gif);
}
/* ------------ image de fond menu --------------- */
#contenthaut {
	background-image: url(../img/fond-menu-bleu.gif);
}

/* ---------------------------------------- */
/* ----------------- vert ---------------- */
/* ---------------------------------------- */
body.rennes {
	background-color: #E9EFDD;
}
/* ------------- 2 zones etirables -------------- */
body.rennes #souspartie1 {
	background-image: url(../img/pixelfond-vert.jpg);
	background-color: #6A9119;
}
/* ---------------- deco de fond --------------- */
body.rennes #blocdeco {
	background-image: url(../img/fond-vert.jpg);
}
/* -------------- ombre calée en bas -------------- */
body.rennes #conteneurombre {
	background-image: url(../img/ombre-partie1-vert.gif);
}
body.rennes #souspartie2 {
	background-image: url(../img/ombre-partie2-vert.gif);
}
/* ------------ image de fond menu --------------- */
body.rennes #contenthaut {
	background-image: url(../img/fond-menu-vert.gif);
}

/* ---------------------------------------- */
/* ----------------- violet ---------------- */
/* ---------------------------------------- */
body.metz {
	background-color: #F1EBF3;
}
/* ------------- 2 zones etirables -------------- */
body.metz #souspartie1 {
	background-image: url(../img/pixelfond-violet.jpg);
	background-color: #592A6C;
}
/* ---------------- deco de fond --------------- */
body.metz #blocdeco {
	background-image: url(../img/fond-violet.jpg);
}
/* -------------- ombre calée en bas -------------- */
body.metz #conteneurombre {
	background-image: url(../img/ombre-partie1-violet.gif);
}
body.metz #souspartie2 {
	background-image: url(../img/ombre-partie2-violet.gif);
}
/* ------------ image de fond menu --------------- */
body.metz #contenthaut {
	background-image: url(../img/fond-menu-violet.gif);
}


/* ---------------------------------------------- */
/* --------------- placement logo --------------- */
/* ---------------------------------------------- */
#logo {
	margin-left: 120px;
	padding-top: 17px;
}

/* ---------------------------------------------- */
/* --------------- placement menu --------------- */
/* ---------------------------------------------- */
#menu {
	float: left;
	width: 562px;
	height: 56px;
	padding-left: 120px;
}
#menu ul {
	list-style: none;
	padding-top: 5px;
}
#menu li {
	float: left;
	display: block;
}
#menu li a, #menu li a:hover {
	display: block;
	float: left;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	height: 47px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#menu li a span, #menu li a:hover span {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: top right;
	height: 31px;
	padding-left: 21px;
	padding-right: 27px;
	padding-top: 16px;
	cursor: pointer;
}


#menu li.bleu a:hover, #menu li.bleu a.select, #menu li.bleu a.select:hover {
	background-image: url(../img/ro-gauche-bleu.gif);
}
#menu li.bleu a:hover span, #menu li.bleu a.select span, #menu li.bleu a.select:hover span {
	background-image: url(../img/ro-droite-bleu.gif);
}

/* ----------------- roll over VIOLET METZ ------------ */
#menu li.metz a:hover, #menu li.metz a.select, #menu li.metz a.select:hover {
	background-image: url(../img/ro-gauche-violet.gif);
}
#menu li.metz a:hover span, #menu li.metz a.select span, #menu li.metz a.select:hover span {
	background-image: url(../img/ro-droite-violet.gif);
}

/* ----------------- roll over VERT RENNES ------------ */
#menu li.rennes a:hover, #menu li.rennes a.select, #menu li.rennes a.select:hover {
	background-image: url(../img/ro-gauche-vert.gif);
}
#menu li.rennes a:hover span, #menu li.rennes a.select span, #menu li.rennes a.select:hover span {
	background-image: url(../img/ro-droite-vert.gif);
}

/* ----------------------------------------------- */
/* --------------- placement moteur --------------- */
/* ----------------------------------------------- */
#moteur {
	float: left;
	margin-top: 14px;
}
#moteur form {
	background-repeat: no-repeat;
	width: 200px;
	height: 22px;
}
#moteur label {
	display: none;
}
#moteur input.formrech {
	border: 0;
	background-color: transparent;
	width: 165px;
	height: 22px;
	margin-left: 10px;
	padding-top: 2px;
	font-size: 11px;
}
#moteur input.ok {
	width: 18px;
	height: 18px;
}

/* -------------- fond moteur HOME ------------------- */
#moteur form {
	background-image: url(../img/fond-rechercher-bleu.gif);
}

/* -------------- fond moteur RENNES ------------------- */
body.rennes #moteur form {
	background-image: url(../img/fond-rechercher-vert.gif);
}

/* -------------- fond moteur METZ ------------------- */
body.metz #moteur form {
	background-image: url(../img/fond-rechercher-violet.gif);
}

/* --- langue --- */
#bloclangue {
	float: left;
	width: 110px;
	padding-top: 20px;
	text-align: center;
}

#bloclangue a {
	color: #ffffff;
	text-decoration: none;
}
#bloclangue a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#blocintro {
	float: left;
	width: 400px;
	padding-right: 45px;
	padding-left: 120px;
	font-size: 12px;
	color: #ffffff;
	margin-top: 58px;
	line-height: 17px;
	text-align: justify;
}
#blocintro a {
	color: #ffffff !important;
	text-decoration: underline;
	font-size: 12px;
}
#blocintro a:hover {
	color: #ffffff !important;
	text-decoration: none;
	font-size: 12px;
}

#bloccarte {
	float: left;
	width: 300px;
	height: 270px;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#bloccarte a.animflash {
	display: none;
}


/* --------------------------------------------- */
/* -------------- partie 2 --------------------- */
/* --------------------------------------------- */
#blocactu {
	float: left;
	width: 400px;
	padding-right: 56px;
	padding-left: 120px;
	text-align: justify;
	margin-top: 26px;
}
#blocactu a {
	color: #3D536F;
	font-weight: bold;
	text-decoration: underline;
}
#blocactu a:hover {
	color: #3D536F;
	font-weight: bold;
	text-decoration: none;
}

#blocvideo {
	float: left;
	width: 280px;
	height: 263px;
	margin-top: 31px;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#blocvideo a.animflash {
	display: none;
}

/* ---------------------------------------- */
/* ----------- pages int ------------------ */
/* ---------------------------------------- */
#blocsousmenu {
	float: left;
	width: 243px;
	padding-left: 120px;
	padding-top: 38px;
}

/* ---------------------------------------------*/
/* --------------- sous menu ------------------ */
/* -------------------------------------------- */
#blocsousmenu ul {
	width: 182px;
}
#blocsousmenu li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	width: 182px;
}

#blocsousmenu li a {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	width: 182px;
}

#blocsousmenu li a:hover, #blocsousmenu li a.select, #blocsousmenu li a.select:hover, #blocsousmenu li a.selected, #blocsousmenu li a.selected:hover {
	background-image: url(../img/flechette-navigation.gif);
	background-repeat: no-repeat;
	background-position: 9px 12px;
	font-size: 13px;
	text-decoration: none;
	background-color: #333333;
	/*background-color: #222222;
	filter : alpha(opacity=60); 
    -moz-opacity : 0.6; 
    opacity : 0.6; */
}

body.rennes #blocsousmenu li {
	background-image: url(../img/sep-sousmenu-vert.gif);
}

body.metz #blocsousmenu li {
	background-image: url(../img/sep-sousmenu-violet.gif);
}

body.bleu #blocsousmenu li {
	background-image: url(../img/sep-sousmenu-bleu.gif);
}

/* --------------------------------------------- */
/* ------------ sous sous menu ----------------- */
/* --------------------------------------------- */
#blocsousmenu ul ul {
	background-repeat: no-repeat;
	width: 219px;
	position: absolute;
	float: left;
	margin-left: 202px;
	margin-top: -30px;
}

#blocsousmenu li li {
	list-style: none;
	width: 219px;
}

#blocsousmenu li li a {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	padding-left: 20px;
	width: 199px;
	background-color: #333333;
	/*background-color: #222222;
	filter : alpha(opacity=80); 
    -moz-opacity : 0.8; 
    opacity : 0.8; */
}
#blocsousmenu li li a:hover, #blocsousmenu li li a.select, #blocsousmenu li li a.select:hover {
	font-size: 12px;
	text-decoration: none;
	background-color: #444444;
	/*filter : alpha(opacity=90); 
    -moz-opacity : 0.9; 
    opacity : 0.9; */
}

/* ------------------------------------ */
/* --------- intro du bloc zone 1 ---- */
/* ------------------------------------ */

#bloctexte {
	float: left;
	width: 470px;
	text-align: justify;
	color: #ffffff;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 10px;
}
#bloctexte td {
	color: #ffffff;
	font-size: 12px;
}
#bloctexte a {
	color: #ffffff !important;
	text-decoration: underline;
	font-size: 12px;
}
#bloctexte a:hover {
	color: #ffffff !important;
	text-decoration: none;
	font-size: 12px;
}

#navigation {
	padding-top: 25px;
	padding-bottom: 14px;
}
#navigation li {
	list-style: none;
	display: inline;
	color: #ffffff;
	font-size: 10px;
	background-image: url(../img/flechette-navigation.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 14px;
	margin-right: 12px;
}
#navigation li a {
	color: #ffffff;
	font-size: 10px;
}
#navigation li a:hover {
	color: #ffffff;
	font-size: 10px;
}

/* ----------- dernier item BLEU --------- */
body.bleu #navigation li {
	color: #89D4FE;
}
/* ----------- dernier item VERT RENNES --------- */
body.rennes #navigation li {
	color: #E1F79F;
}
/* ----------- dernier item VIOLET METZ --------- */
body.metz #navigation li {
	color: #E2A5F4;
}

/* ------------------ corps toute la largeur ----------------- */
#corps {

	padding-left: 120px;
	width: 705px;
	padding-top: 28px;
	line-height: 18px;
	min-height: 280px;
	_height: 280px;
}


/* ------------------ corps moins large ----------------- */
#blocdoc {
	float: left;
	padding-left: 120px;
	width: 220px;
	padding-top: 17px;
	padding-right: 22px;
	line-height: 16px;
}
#blocdoc h1 {
	padding-left: 36px;
	padding-top: 12px;
	font-size: 18px;
	background-repeat: no-repeat;
}
#corpsfloat {
	float: left;
	width: 470px;
	padding-top: 20px;
	line-height: 18px;
	min-height: 280px;
	_height: 280px;
}

body.metz #blocdoc h1 {
	background-image: url(../img/fond_doc_telech-violet.gif);
}
body.rennes #blocdoc h1 {
	background-image: url(../img/fond_doc_telech-vert.gif);
}

/* --------------------------------------------- */
/* -------------- bas de page --------------------- */
/* --------------------------------------------- */
#blocbdp {
	height: 50px;
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 35px;
}
#blocbdp ul {
	background-repeat: no-repeat;
}
#blocbdp li {
	background-repeat: no-repeat;
	background-position: left center;
}
/* -------- pas d'image sous le 1er item de liste --------------- */
#blocbdp li:first-child {
	background-image: none !important;
}

#blocbdp li a, #blocbdp li a:hover {
	padding-left: 18px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
}

/* --------------- liens bdp en accueil --------------- */
#blocbdp {
	background-color: #CED6DE;
	background-image: url(../img/bdp-droite-bleu.gif);
}
#blocbdp ul {
	background-image: url(../img/bdp-gauche-bleu.gif);
}
#blocbdp li {
	background-image: url(../img/bdp-sep-bleu.gif);
}
#blocbdp li a {
	color: #3D536F;
}
#blocbdp li a:hover {
	color: #3D536F;
}

#blocbdp li.contact a {
	background-image: url(../img/ico-bleu-contact.gif);
}
#blocbdp li.news a {
	background-image: url(../img/ico-bleu-news.gif);
}
#blocbdp li.bdoc a {
	background-image: url(../img/ico-bleu-bdoc.gif);
}
#blocbdp li.plansite a {
	background-image: url(../img/ico-bleu-plansite.gif);
}
#blocbdp li.mlegales a {
	background-image: url(../img/ico-bleu-mlegales.gif);
}
#blocbdp li.favoris a {
	background-image: url(../img/ico-bleu-favoris.gif);
}

/* --------------- liens bdp RENNES VERT --------------- */
body.rennes #blocbdp {
	background-color: #DBE4CA;
	background-image: url(../img/bdp-droite-vert.gif);
}
body.rennes #blocbdp ul {
	background-image: url(../img/bdp-gauche-vert.gif);
}
body.rennes #blocbdp li {
	background-image: url(../img/bdp-sep-vert.gif);
}
body.rennes #blocbdp li a {
	color: #608020;
}
body.rennes #blocbdp li a:hover {
	color: #608020;
}

body.rennes #blocbdp li.contact a {
	background-image: url(../img/ico-vert-contact.gif);
}
body.rennes #blocbdp li.news a {
	background-image: url(../img/ico-vert-news.gif);
}
body.rennes #blocbdp li.bdoc a {
	background-image: url(../img/ico-vert-bdoc.gif);
}
body.rennes #blocbdp li.plansite a {
	background-image: url(../img/ico-vert-plansite.gif);
}
body.rennes #blocbdp li.mlegales a {
	background-image: url(../img/ico-vert-mlegales.gif);
}
body.rennes #blocbdp li.favoris a {
	background-image: url(../img/ico-vert-favoris.gif);
}

/* --------------- liens bdp METZ VIOLET --------------- */
body.metz #blocbdp {
	background-color: #E5DAE9;
	background-image: url(../img/bdp-droite-violet.gif);
}
body.metz #blocbdp ul {
	background-image: url(../img/bdp-gauche-violet.gif);
}
body.metz #blocbdp li {
	background-image: url(../img/bdp-sep-violet.gif);
}
body.metz #blocbdp li a {
	color: #804992;
}
body.metz #blocbdp li a:hover {
	color: #804992;
}

body.metz #blocbdp li.contact a {
	background-image: url(../img/ico-violet-contact.gif);
}
body.metz #blocbdp li.news a {
	background-image: url(../img/ico-violet-news.gif);
}
body.metz #blocbdp li.bdoc a {
	background-image: url(../img/ico-violet-bdoc.gif);
}
body.metz #blocbdp li.plansite a {
	background-image: url(../img/ico-violet-plansite.gif);
}
body.metz #blocbdp li.mlegales a {
	background-image: url(../img/ico-violet-mlegales.gif);
}
body.metz #blocbdp li.favoris a {
	background-image: url(../img/ico-violet-favoris.gif);
}

/* --- logo GL Events --- */
#logobas {
	position: absolute;
	margin-top: 5px;
	margin-left: 14px;
}

/* ------------------------ titres en utilisant SIFR --------------------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	display: none;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.actu, .sIFR-hasFlash h1.intro, .sIFR-hasFlash h1.titre_metz, .sIFR-hasFlash h1.titre_rennes, .sIFR-hasFlash #blocdoc h1.titre_rennes, .sIFR-hasFlash #blocdoc h1.titre_metz {
	visibility: hidden;
	font-size: 10px;
}
.sIFR-hasFlash #blocdoc h1.titre_rennes, .sIFR-hasFlash #blocdoc h1.titre_metz {
	padding-bottom: 3px;
	font-size: 6px;
	width: 150px;
}