@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
}
body {
	background: #89868a url(../images/bg_back.jpg) top repeat-x;
}
body > div {
	background: #ccc url(../images/bg_main.jpg) top repeat-y;
	margin: 0 auto;
	width: 811px;
	min-height: 100%;
}
p.big {
	font-size: 1.4em;
}
h1 {
	color: #7b3e84;
}
#droite > h1 {
	margin-left: 0.5em;
}
/* sections */

#header {
	height: 140px;
}
#main {
	position: relative;
	z-index: 10;
}
#menu_haut {
	text-align: center;
	margin: 2em 0 2em;
	font-size: 120%;
}

#content {
	margin: 1em 2.2em 0;
	font-size: 1.2em;
}
#content ul {
	padding-left: 1.2em;
}
#content p {
	margin-bottom: 1em;
}

#menu_haut li {
	display: inline;
	padding: 0 10px;
}

#gauche, #droite {
	float: left;
}
#droite {
	padding-left: 18px;
}

/* cadres arrondis */
.cadre {
	margin-bottom: 3em;
}
.cadre_img {
	margin-bottom: 1.6em;
}
.rounded {
	padding: 0 19px 1px;
	clear: both;
	background-repeat: repeat;
	background: url(../images/cadre_bg.png);
	color: #000;
	text-align: justify;
}
#gauche .rounded {
	background: url(../images/cadre_bg_white.png);
	padding-bottom: 4px;
}
#gauche .cadre p {
	margin-bottom:0;
	text-align:center;
}
#droite .rounded {
	min-height: 300px;
}

#contenu .rounded {
	min-height: 300px;
}
/* tailles des div d'encadrement */
.cadre_hg, .cadre_hd, .cadre_bg, .cadre_bd, #gauche .cadre_h, #gauche .cadre_b, #droite .cadre_h, #droite .cadre_b, #contenu .cadre_h, #contenu .cadre_b {
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	font-size: 1px;
}
#gauche .cadre, #gauche .cadre_img {
	width: 240px;
}
#gauche .cadre_h, #gauche .cadre_b {
	width: 210px; /* .cadre[width]-30 */
	background-repeat: repeat;
}
#droite .cadre {
	width: 500px;
}
#contenu .cadre {
	width: 740px;
}
#droite .cadre_h, #droite .cadre_b {
	width: 470px; /* .cadre[width]-30 */
	background-repeat: repeat;
}

#contenu .cadre_h, #contenu .cadre_b {
	width: 710px; /* .cadre[width]-30 */
	background-repeat: repeat;
}

#gauche .cadre_img{
	height: 310px;
}

/* bg cadres de gauche */
#gauche .cadre_hg {
	background: url(../images/cadre_rounded_white.png) 0 0;
	float: left;
}
#gauche .cadre_h {
	background: url(../images/cadre_bg_white.png);
	float: left;
}
#gauche .cadre_hd {
	background: url(../images/cadre_rounded_white.png) 16px 0;
	float: right;
}
#gauche .cadre_bg {
	background: url(../images/cadre_rounded_white.png) 0 16px;
	float: left;
}
#gauche .cadre_b {
	background: url(../images/cadre_bg_white.png);
	float: left;
}
#gauche .cadre_bd {
	background: url(../images/cadre_rounded_white.png) 16px 16px;
	float: right;
}
/* bg cadres de droite */
#droite .cadre_hg, #contenu .cadre_hg {
	background: url(../images/cadre_rounded.png) 0 0;
	float: left;
}
#droite .cadre_h, #contenu .cadre_h {
	background: url(../images/cadre_bg.png);
	float: left;
}
#droite .cadre_hd, #contenu .cadre_hd {
	background: url(../images/cadre_rounded.png) 16px 0;
	float: right;
}
#droite .cadre_bg, #contenu .cadre_bg {
	background: url(../images/cadre_rounded.png) 0 16px;
	float: left;
}
#droite .cadre_b, #contenu .cadre_b {
	background: url(../images/cadre_bg.png);
	float: left;
}
#droite .cadre_bd, #contenu .cadre_bd {
	background: url(../images/cadre_rounded.png) 16px 16px;
	float: right;
}

#droite a:active, #contenu a:active{
	color: #660033;
}

/* menu bas */
#menu_bas {
	clear: both;
	margin: 0 0 2em;
	padding-top: 1.5em;
	list-style: none;
	text-align: center;
}
#menu_bas li {
	display: inline;
	padding: 0 10px;
}
#menu_bas li a {
	font-size: 1.4em;
}

/* footer */
#footer {
	padding: 1em 0 2em;
	text-align: center;
	font-size: 1.2em;
}
#footer .bando {
	background-color: #b35a90;
	margin-bottom: 1em;
	padding: 0.1em 0 0.3em;
}
#footer .bando em {
	color: #fff;
}