/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	text-decoration: none;
	border-collapse: collapse;
}

body {
	background: #d8185e url(../img/bg_body.jpg) repeat-x 50% top;
	font-family: Arial, Verdana, sans-serif;
}

table {
	border-collapse:collapse;
}

h1 {
	display: none;
}
hr {
	visibility: hidden;
	clear: both;
}


/*************************/
/*** BANDEAU et OUTILS ***/
/*************************/
div#rose {
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -395px;
	z-index: 3;
	background: url(../img/rose.png) no-repeat;
	width: 104px;
	height: 155px;
}
* html div#rose {
	background: url(../img/rose.gif) no-repeat;
}
div#bandeau {
	width: 810px;
	height: 200px;
	background: #fff url(../img/bg_bandeau.jpg) no-repeat top right;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -325px;
	z-index: 1;
}
div#bandeau div#outils ul {
	margin: 140px 0px 0px 400px;
	overflow: hidden;
	clear: both;
	list-style: none;
}
div#bandeau div#outils ul li {
	float: left;
}
div#bandeau div#outils ul li a {
	color: #393939;
	font-size: 0.6em;
	line-height: 1em;
	display: block;
	padding: 35px 0 0 0;
	text-align: center;
	width: 75px;
}
div#bandeau div#outils ul li a.rss {
	background: url(../img/picto_rss.gif) no-repeat top center;
}
div#bandeau div#outils ul li a.imprim {
	background: url(../img/picto_imprim.gif) no-repeat top center;
}
div#bandeau div#outils ul li a.liens {
	background: url(../img/picto_liens.gif) no-repeat top center;
}

/*  recherche dans le site */
div#bandeau div#outils ul li form#rech label {
	display: none;
}
div#bandeau div#outils ul li form#rech input {
	border: solid 1px #FF9900;
	font-size: 0.7em;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	color: #FF9900;
	display: block;
	float: left;
}
div#bandeau div#outils ul li form#rech input.trouver {
	color: #FFF;
	background: url(../img/bg_bouton.gif) no-repeat;
	width: 70px;
	height: 35px;
	border: none;
	padding: 0;
	font-weight: bold;
	margin: 0px;
}






/*************************/
/******** CONTENU ********/
/*************************/
div#page {
	width: 970px;
	margin: 0px auto 0px auto;
}
div#page div#contenu {
	background: #ffffff;
	margin: 200px 0 0 228px;
	overflow: hidden;
	clear: both;
}
* html div#page div#contenu {
	height: 100%;
}

/** A la une **/
/** Voir index.css **/


/*************************/
/****** RENDEZ-VOUS ******/
/*************************/

div#rendezvous {
	float: right;
	width: 26%;
	margin: 20px 20px 0 0;
}
div#rendezvous h2 {
	background: url(../img/titre_rendezvous.gif) no-repeat;
	width: 185px;
	height: 32px;
}
div#rendezvous h2 span {
	display: none;
}

div#rendezvous ul li {
	border-bottom: dashed 1px #666666;
	padding: 15px 0px;
	list-style: none;
	color: #666666;
	font-size: 0.8em;
}
div#rendezvous ul li ins {
	color: #f2a613;
	display: block;
	font-weight: bold;
}
div#rendezvous ul li h3 {
	font-size: 1.2em;
	color: #5cc5ed;
	font-weight: bold;
	margin: 5px 0px;
}

/**** suite - en savoir plus *****/
div#page a.suite {
	color: #666666;
	background: url(../img/picto_suite.gif) no-repeat;
	padding: 0 0 0 20px;
	font-weight: bold;
	/*display: block;
	margin: 5px 0px;*/
}
div#page div#alaune div.droite a.suite{
	background-position: right;
	padding: 0 20px 0 0;
	white-space: nowrap;
}



/*************************/
/****** PIED DE PAGE *****/
/*************************/
div#footer {
	background: #d1185c url(../img/bg_footer.gif) no-repeat;
	font-size: 0.7em;
	clear: both;
	overflow: hidden;
	color: #FFFFFF;
}
* html div#footer {
	height: 100%
}
div#footer h2 {
	display: none;
}
div#footer p {
	color: #FFFFFF;
}
div#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
div#footer a.facebook {
	float: left;
	display: block;
}
div#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
div#footer div#mentionsPlan {
	float: left;
	margin:10% 0 0 2%;
width:50%;
}
div#footer div#contact {
	float: right;
	width: 32%;
	margin: 8% 0 0 0;
}