a {
	color: black;
}
a img {
	border: none;
}

.rouge {
	font-weight: bold;
	color: red;
}

.gauche {
	float:left;
	margin: 0 5px 5px 0;
}
.droite {
	float:right;
	margin: 0 0 5px 5px;
}

a#accgrenoble {
	display: inline-block;
	height: 54px;
	width: 265px;
	padding: 5px 10px;
	margin-right: 100px;
	background: url('images/bouton-index-vert.png') left no-repeat;
	color: white;
	text-decoration: none;
	font-size: 1.2em;
}
a#accgrenoble span {
	font-size: 1.2em;
}
a#accgrenoble:hover {
	background: url('images/bouton-index-vert.png') right no-repeat;
}

a#acclyon {
	display: inline-block;
	height: 54px;
	width: 265px;
	padding: 5px 10px;
	background: url('images/bouton-index-violet.png') left no-repeat;
	color: white;
	text-decoration: none;
	font-size: 1.2em;
}
a#acclyon span {
	font-size: 1.2em;
}
a#acclyon:hover {
	background: url('images/bouton-index-violet.png') right no-repeat;
}

/********************************************************** MEP GENERALE *************************************************************/
body {
	background: url('images/fond-trame8.png') #c3bbb2;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Verdana, Sans-serif;
}
#fond-bulles {
	background: url('images/fond-bulles.png') top center no-repeat;
	padding-bottom: 20px;
}
#conteneur {
	margin: 0 auto;
	width: 982px;
	border: 2px solid #857a72;
	background-color: white;
	padding-bottom: 5px;
	position: relative;
}
#pubhaut {
	width: 728px;
	height: 90px;
	margin: 20px auto;
	position: relative;
}

#contentpubdessus {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}
#contentpubdessus a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url('overfl.png');
}

#contentpubdessuspt {
	width: 140px;
	height: 140px;
	position: absolute;
	top: 0px;
}
#contentpubdessuspt a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: url('overfl.png');
}




#bandeau {
	height: 179px;
	background: url('images/banniere.jpg') no-repeat;
	text-align: right;
	color: white;
	padding-right: 20px;
	position: relative;
}

#pied {
	line-height: 1.6em;
	background-color: #e2e2e2;
	font-size: 0.8em;
	text-align: center;
	clear: both;
	position: relative;
}
#pubsdroite {
	width: 140px;
	padding: 10px;
	line-height: 1.5em;
	position: relative;
	float: right;
	top: 0px;
}


/******************************************************** BANDEAU ***************************************************************************/
#bandeau div {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 20;
}
#bandeau a {
	color: white;
	font-size: 0.9em;
}
#bandeau a:hover {
	color: #604c67;
}
#bandeau h1 {
	color: white;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}


/******************************************************** MENU HAUT ***************************************************************************/
#div-menu-haut {
	background: url('images/ombre-bas.png') bottom repeat-x;
	height: 33px;
	padding: 5px 0;
}
#menu-haut {
	margin: 0 30px;
	padding: 0;
}
#menu-haut li {
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px;
}
#menu-haut li a {
	display: block;
	width: 161px;
	height: 25px;
	background: url('images/bouton.png') no-repeat;
	color: white;
	text-decoration: none;
}
#menu-haut li a:hover {
	background: url('images/bouton.png') right no-repeat;
}
/*
#menu-haut li:first-child a {
	width: 51px;
	background: url('images/bouton-accueil.png') no-repeat;
}
#menu-haut li:first-child a:hover {
	background: url('images/bouton-accueil.png') right no-repeat;
}*/
li#bouton-accueil a {
	width: 51px;
	background: url('images/bouton-accueil.png') no-repeat;
}
li#bouton-accueil a:hover {
	background: url('images/bouton-accueil.png') right no-repeat;
}


/******************************************************** TITRE RUBRIQUE ***************************************************************************/
#titre-rub {
	height: 271px;
	margin: 0 180px 20px 20px;
	text-align: right;
	position: relative;
}
#titre-rub h1 {
	margin: 0;
	font-family: Helvetica, Verdana, Sans-serif;
	font-size: 4em;
	font-weight: lighter;
	letter-spacing: 8px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/******************************************************** MENU GAUCHE ***************************************************************************/
#div-menu-gauche {
	padding: 20px;
	width: 200px;
	float: left;
}
#menu-gauche {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-gauche li:before {
	content: "< ";
}
#menu-gauche li {
	font-weight: bold;
}
#menu-gauche li a {
	font-weight: bold;
	text-decoration: none;
}


#menu-gauche ul {
	list-style: none;
	font-weight: normal;
}
#menu-gauche ul li {
	font-weight: normal;
}
#menu-gauche ul li a {
	font-weight: normal;
}

/******************************************************** STYLES RUBRIQUES ***************************************************************************/
.rub-accueil h1, .rub-accueil a:hover {
	color: #604c67;
}
.rub-contact h1, .rub-contact a:hover {
	color: #604c67;
}
.rub-contact #titre-rub {
	background: url('images/t-contact.jpg') 10% bottom no-repeat;
}
.rub-orientation h1, .rub-orientation a:hover, .rub-orientation .actif {
	color: #e95e3f;
}
.rub-orientation #titre-rub {
	background: url('images/t-orientation.jpg') 10% bottom no-repeat;
}
.rub-sante h1, .rub-sante a:hover, .rub-sante .actif {
	color: #a2c103;
}
.rub-sante #titre-rub {
    background: url('images/t-sante.jpg') 10% bottom no-repeat;
}
.rub-bourses-et-financement h1, .rub-bourses-et-financement a:hover, .rub-bourses-et-financement .actif {
	color: #009ee0;
}
.rub-bourses-et-financement #titre-rub {
	background: url('images/t-bourses.jpg') left bottom no-repeat;
}
.rub-logement h1, .rub-logement a:hover, .rub-logement .actif {
	color: #9a8c7e;
}
.rub-logement #titre-rub {
	background: url('images/t-logement.jpg') left bottom no-repeat;
}
.rub-vie-pratique h1, .rub-vie-pratique a:hover, .rub-vie-pratique .actif {
	color: #ffbb02;
}
.rub-vie-pratique #titre-rub {
	background: url('images/t-viepratique.jpg') left bottom no-repeat;
}



/******************************************************** CONTENU ***************************************************************************/
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
}
#contenurub {
	margin: 10px 180px 0 240px;
}
#contenugd {
	margin: 10px 20px 0 20px;
}

#contenurub p, #contenugd p, #contenuaccueil p {
	text-align: justify;
	margin: 0 0 1em 0;
}



/******************************************************** ACCUEIL ***************************************************************************/
#contenuaccueil {
	margin: 10px 10px 0 250px;
}
#edito {
	padding: 15px;
	width: 200px;
	float: left;
	background-color: #cde554; /*cde554*/
	margin: 0 10px 30px 10px;
	border: 2px solid #c4d27d;
}
#edito p {
	margin: 0;
}
#edito h2 {
	margin-top: 0;
}

#agenda {
	width: 180px;
	padding: 5px;
	float: right;
	font-size: 0.9em;
	background-color: #f3641d;
	color: white;
	margin: 0 10px 10px 10px;
	border: 2px solid #f3905e;
}
#agenda h2 {
	margin: 0;
	text-align: center;
}
#agenda hr {
	border: none;
	border-bottom: 1px solid white;
}
#agenda a {
	color: white;
	text-decoration: none;
}
#agenda a:hover {
	text-decoration: underline;
}

#rss {
	height: 32px;
	background-color: #a8bc3f;
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
	color: white;
}
#rss #rssbouton {
	height: 32px;
	width: 133px;
	padding: 5px;
	margin: 0;
	float: left;
	background: url('images/bouton-rss.png') no-repeat;
}
#rss a {
	color: white;
	text-decoration: none;
}
#rss a:hover {
	text-decoration: underline;
}
#rss span {
	font-weight: bold;
}