/* CSS Document */

/************************************/
/*			page d'accueil			*/
/************************************/
body.accueil #photo {
	background:url(../images/contact/photogauche.jpg) no-repeat;
}
body.accueil #contenu {
	background:url(../images/fonds/accueil.jpg) no-repeat;
}

/************************************/
/*			pages histoire			*/
/************************************/
body.histoire #photo {
	background:url(../images/histoire/photohistoire01.jpg) no-repeat;
}
body.histoire #contenu {
	background:url(../images/fonds/histoire.png) no-repeat;
}
body.histoire #chemin li {
	background:url(../images/puces/puce-chemin-histoire.png) no-repeat left center;
	color:#937851;
}
body.histoire #contenu h1 {
	color:#512369;
}
body.histoire #contenu h2 {
	color:#78196F;
}
body.histoire #contenu p, body.histoire #contenu ul {
	color:white;
}
body.histoire #contenu .blocplus h2.telechargement {
	background:url(../images/histoire/coinh2blocplus.png) no-repeat left top;
}

/************************************/
/*			pages valeurs			*/
/************************************/
body.valeurs #photo {
	background:url(../images/valeurs/photovaleurs.jpg) no-repeat;
}
body.valeurs #contenu {
	background:url(../images/fonds/valeurs.jpg) no-repeat;
}
body.valeurs #chemin li {
	background:url(../images/puces/puce-chemin-valeurs.png) no-repeat left center;
	color:#003A80;
}
body.valeurs #contenu h1 {
	color:#003A80;
}
body.valeurs #contenu h2 {
	color:#003A80;
}
body.valeurs #contenu p, body.valeurs #contenu ul {
	color:black;
}
body.valeurs #contenu .blocplus h2.telechargement {
	background:url(../images/valeurs/coinh2blocplus.png) no-repeat left top;
}
body.valeurs #contenu p.indication {
	background:url(../images/puces/puce-indic-valeurs.png) no-repeat left center;
}
body.valeurs #contenu .blocpartenaires, body.transport2 #contenu .blocpartenaires {
	position:relative;
	float:left;
	margin:0.8em;
	width:14em;
	height:9em;
	text-align:center;
	background:url(../images/partenaires/f-bloc.png) no-repeat;
}
body.valeurs #contenu .blocpartenaires a, body.transport2 #contenu .blocpartenaires a {
	background:none;
	padding-right:0;
}
body.valeurs #contenu .blocpartenaires a:hover, body.transport2 #contenu .blocpartenaires a:hover {
	text-decoration:none;
	color:#666;
}
body.valeurs #contenu .blocpartenaires img, body.transport2 #contenu .blocpartenaires img {
	border:none;
	margin-bottom:0.5em;
}

/************************************/
/*			pages dev durable		*/
/************************************/
body.dd #photo {
	background:url(../images/devdurable/photogauche.jpg) no-repeat;
}
body.dd #contenu {
	background:url(../images/fonds/devdurable.jpg) no-repeat;
}
body.dd #contenu h1 {
	color:#5F9629;
}
body.dd #contenu h2 {
	color:#007931;
}
body.dd #contenu li {
	list-style-type:none;
	margin-left:-2em;
}
body.dd ul#chemin li {
	background:url(../images/puces/puce-chemin-dd.png) no-repeat left center;
	color:#5F9629;
	margin-left:auto;
}
body.dd #contenu p, body.dd #contenu ul {
	color:black;
}
body.dd #contenu .blocplus h2.telechargement {
	background:url(../images/devdurable/coinh2blocplus.png) no-repeat left top;
}

/************************************/
/*		pages actualités liste		*/
/************************************/
body.actuliste #photo {
	background:url(../images/actus/photogauche.jpg) no-repeat;
}
body.actuliste #contenu {
	background:url(../images/fonds/actus1.jpg) no-repeat;
}
body.actuliste #chemin li {
	background:url(../images/puces/puce-chemin-actus1.png) no-repeat left center;
	color:#999;
}
body.actuliste #contenu h1 {
	color:white;
}
body.actuliste #contenu h2 {
	color:white;
}
body.actuliste #contenu p, body.actuliste #contenu ul, body.actuliste #contenu a {
	color:#eebfd9;
	background:none;
}
body.actuliste #contenu #colonnedouble ul {
	padding:0;
	margin:1em 0 0 1em;
}
body.actuliste #contenu #colonnedouble ul li {
	list-style:none;
	margin:1em;
	display:block;
	float:left;
}
body.actuliste #contenu #colonnedouble ul li a {
	padding:0.3em;
	display:block;
	width:20em;
	height:11em;
	text-align:left;
	overflow:auto;
	border:1px solid #eebfd9;
}
body.actuliste #contenu #colonnedouble ul li a:hover {
	text-decoration:none;
	background-color:#eebfd9;
	color:black;
	border:1px solid #ded1a8;
}
body.actuliste #contenu span.blocphoto {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin:0 0.5em 0.5em 0;
	border:1px solid #eebfd9;
	text-align:center;
	overflow:hidden;
}
body.actuliste #contenu span.blocphoto img {
	border:none;
	height:50px;
	
}

/************************************/
/*		pages actualités détail		*/
/************************************/
body.actudetail #photo {
	background:url(../images/actus/photogauche.jpg) no-repeat;
}
body.actudetail #contenu {
	background:url(../images/fonds/actus2.jpg) no-repeat;
}
body.actudetail #chemin li {
	background:url(../images/puces/puce-chemin-actus2.png) no-repeat left center;
	color:#999;
}
body.actudetail #contenu #colonnegauche h1 {
	color:#78196F;
}
body.actudetail #contenu #colonnegauche h2 {
	color:#78196F;
}
body.actudetail #contenu #colonnegauche p, body.actudetail #contenu #colonnegauche ul{
	color:black;
}
body.actudetail #contenu #colonnedroite {
	color:white;
}
body.actudetail #contenu #colonnedroite li {
	text-align:center;
}
body.actudetail #contenu #colonnedroite img {
	width:150px;
}

/************************************/
/*			pages contact			*/
/************************************/
body.contact #photo {
	background:url(../images/contact/photogauche.jpg) no-repeat;
}
body.contact #contenu {
	background:url(../images/fonds/actus2.jpg) no-repeat;
}
body.contact #chemin li {
	background:url(../images/puces/puce-chemin-actus2.png) no-repeat left center;
	color:#999;
}
body.contact #contenu #colonnegauche h1 {
	color:#78196F;
}
body.contact #contenu #colonnegauche h2 {
	color:#78196F;
}
body.contact #contenu #colonnegauche p, body.contact #contenu #colonnegauche ul{
	color:black;
}
body.contact #contenu #colonnegauche form {
	margin:0.5em 0 0 0;
}
body.contact #contenu #colonnegauche fieldset {
	border:1px solid #94066A;
	padding:0.5em;
}
body.contact #contenu #colonnegauche legend {
	color:#78196F;
	font-weight:bold;
}
body.contact #contenu #colonnegauche form p {
	margin:0.1em 0;
	font-size:0.9em;
	line-height:1.8em;
}
body.contact #contenu #colonnegauche form p input, body.contact #contenu #colonnegauche form p textarea {
	position:absolute;
	left:8em;
	width:21em;
	line-height:1.2em;
	border-top:1px solid white;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ddd;
	border-right:1px solid #ccc;
}
body.contact #contenu #colonnegauche form p select {
	position:absolute;
	left:10em;
	width:19.3em;
	line-height:1.2em;
}
body.contact #contenu #colonnegauche form p.btnenvoyer input {
	position:relative;
	left:auto;
	width:auto;
	height:22px;
	float:right;
	margin-top:-1.4em;
	color:#e0061d;
	background:url(../images/puces/puce-envoyer.png) no-repeat;
	border:none;
	padding-left:1.2em;
	font-weight:bold;
	cursor:pointer;
}
body.contact #contenu #colonnedroite {
	color:white;
}
body.contact #contenu #colonnedroite li {
	text-align:center;
}
body.contact #contenu #colonnedroite img {
	width:150px;
}

/************************************/
/*		pages transports publics	*/
/************************************/
body.transport1 #photo {
	background:url(../images/transport/photogauche1.jpg) no-repeat;
}
body.transport2 #photo {
	background:url(../images/transport/photogauche2.jpg) no-repeat;
}
body.transport3 #photo {
	background:url(../images/actus/photogauche.jpg) no-repeat;
}
body.transport1 #contenu, body.transport2 #contenu, body.transport3 #contenu {
	background:url(../images/fonds/transport.jpg) no-repeat;
}
body.transport1 #contenu h1, body.transport1 #contenu h2, body.transport1 #contenu h3, body.transport2 #contenu h1, body.transport2 #contenu h2, body.transport2 #contenu h3, body.transport3 #contenu h1, body.transport3 #contenu h2, body.transport3 #contenu h3 {
	color:#A94117;
	border-bottom-color:#d0c9bd;
}
body.transport1 #contenu li, body.transport2 #contenu li, body.transport3 #contenu li {
	margin-bottom:0;
	list-style-type:circle;
}
body.transport1 ul#chemin li, body.transport2 ul#chemin li, body.transport3 ul#chemin li {
	background:url(../images/puces/puce-chemin-transport.png) no-repeat left center;
	color:#605946;
	margin-left:auto;
}
body.transport1 #contenu p, body.transport1 #contenu ul, body.transport2 #contenu p, body.transport2 #contenu ul, body.transport3 #contenu p, body.transport3 #contenu ul {
	color:black;
}
body.transport1 #contenu .blocplus h2.telechargement, body.transport2 #contenu .blocplus h2.telechargement, body.transport3 #contenu .blocplus h2.telechargement {
	background:url(../images/transport/coinh2blocplus.png) no-repeat left top;
}
body.transport1 #contenu .bloc, body.transport2 #contenu .bloc, body.transport3 #contenu .bloc {
	position:relative;
	float:left;
	margin:1em;
	width:21em;
}
body.transport1 #contenu h2.telechargement, body.transport2 #contenu h2.telechargement, body.transport3 #contenu h2.telechargement {
	background-image:url(../images/puces/puce-telech-transport.png);
}
body.transport1 #contenu h2#secu {
	clear:left;
	position:relative;
	height:136px;
	background:url(../images/transport/entetesecurite.png) no-repeat center top;
	margin-bottom:-0.7em;
}
body.transport1 #contenu h2#secu span, body.transport2 #contenu h2#secu span, body.transport3 #contenu h2#secu span {
	position:absolute;
	left:-999em;
}


/************************************/
/*		pages tourisme liste		*/
/************************************/
body.tourismeliste #photo {
	background:url(../images/tourisme/photogauche.jpg) no-repeat;
}
body.tourismeliste #contenu {
	background:url(../images/fonds/transport.jpg) no-repeat;
}
body.tourismeliste #chemin li {
	background:url(../images/puces/puce-chemin-transport.png) no-repeat left center;
	color:#999;
}
body.tourismeliste #contenu h1, body.tourismeliste #contenu h2 {
	color:#A94117;
}
body.tourismeliste #contenu p, body.tourismeliste #contenu ul, body.tourismeliste #contenu a {
	color:black;
	background:none;
}
body.tourismeliste #contenu #colonnedouble ul {
	padding:0;
	margin:1em 0 0 1em;
}
body.tourismeliste #contenu #colonnedouble ul li {
	list-style:none;
	margin:0.5em 1em;
	display:block;
	float:left;
}
body.tourismeliste #contenu #colonnedouble ul li a {
	padding:0.3em;
	display:block;
	width:20em;
	text-align:left;
	overflow:auto;
	border:1px solid #ccc5b9;
}
body.tourismeliste #contenu #colonnedouble ul li a:hover {
	text-decoration:none;
	background-color:#ccc5b9;
	color:black;
	border:1px solid #ccc5b9;
}
body.tourismeliste #contenu span.blocphoto {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin:0 0.5em 0 0;
	border:1px solid #ccc5b9;
	text-align:center;
	overflow:hidden;
}
body.tourismeliste #contenu span.blocphoto img {
	border:none;
	height:50px;
	
}

/************************************/
/*			pages tourisme			*/
/************************************/
body.tourisme #photo {
	background:url(../images/tourisme/photogauche.jpg) no-repeat;
}
body.tourisme #contenu {
	background:url(../images/fonds/tourisme.png) no-repeat;
}
body.tourisme #chemin li {
	background:url(../images/puces/puce-chemin-tourisme.png) no-repeat left center;
	color:#83795F;
}
body.tourisme #contenu h1 {
	color:#83795F;
}
body.tourisme #contenu h2 {
	color:#83795F;
}
body.tourisme #contenu p {
	color:black;
}
body.tourisme #contenu #colonnedroite h1, #contenu #colonnedroite form p.btnenvoyer input, #contenu #colonnedouble form p.btnenvoyer input {
	color:#e0061d;
}
body.tourisme #contenu #colonnedroite form label, body.tourisme #contenu #colonnedroite p.descobligatoire, body.tourisme #contenu #colonnedroite p.radio {
	color:#83795F;
}
body.tourisme #contenu #colonnedroite form label input, body.tourisme #contenu #colonnedouble form label input {
	border:1px solid #83795F;
}
#contenu #colonnedroite form p.btnenvoyer input, #contenu #colonnedouble form p.btnenvoyer input {
	background-image:url(../images/puces/puce-envoyer-tourisme.png);
	background-repeat:no-repeat;
}

/************************************/
/*			pages emploi			*/
/************************************/
body.emploi #photo {
	background:url(../images/contact/photogauche.jpg) no-repeat;
}
body.emploi #contenu {
	background:url(../images/fonds/emploi.jpg) no-repeat;
}
body.emploi #chemin li {
	background:url(../images/puces/puce-chemin-actus2.png) no-repeat left center;
	color:#999;
}
body.emploi #contenu #colonnegauche h1, body.emploi #contenu #colonnegauche h2, body.emploi #contenu #colonnegauche p, body.emploi #contenu #colonnegauche ul {
	color:black;
}
body.emploi #contenu #colonnegauche ul#listeemploi {
	margin:2em 3em 0 3em;
	padding:0.5em 0 0 0;
	border-top:1px solid #eee;
}
body.emploi #contenu #colonnegauche ul#listeemploi li {
	list-style-type:none;
	border-bottom:1px solid #eee;
	padding-bottom:0.5em;
}
body.emploi #contenu #colonnegauche ul#listeemploi li a {
	background:none;
	padding-right:0;
}
body.emploi #contenu #colonnedroite {
	color:#003A80;
}
body.emploi #contenu #colonnegauche #infosannonce {
	margin:0.7em 0 0 0;
	padding:0 0.3em;
	font-size:0.7em;
	border:none;
}
body.emploi #contenu #colonnegauche #infosannonce li {
	list-style-type:none;
	padding:0;
	margin:0;
	text-align:right;
	border-bottom:1px solid #eee;
}
body.emploi #contenu #colonnegauche #annonce {
	margin:1em 0;
	font-size:0.9em;
	padding:0.5em 0 0 0;
	border-top:1px solid #eee;
}
body.emploi #contenu #colonnegauche #annonce li {
	list-style-type:none;
	padding:0.3em;
	margin:0;
	border-bottom:1px solid #eee;
}
body.emploi #contenu #colonnegauche #annonce li ul {
	margin:0 0 0 3em;
	padding:0;
	border:none;
}
body.emploi #contenu #colonnegauche #annonce li li {
	list-style-type:circle;
	margin:0;
	border:none;
}
body.emploi #contenu #colonnegauche #annonce em {
	font-size:0.9em;
	font-weight:bold;
	color:#e0041d;
}