body {
	background: #323232;
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	/*overflow: auto;*/
	text-align: center;
}

h1, h2, h3, h4, h5, h6, p {
	display: block;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

a {
	color: #04A;
	text-decoration: underline;
}

a:hover {
	color: #07B;
}

#page {
	background: #F7F7F7 url('shadow-droite.png') 100% 0 repeat-y;
	min-width: 1200px;
	max-width: 1500px;
	text-align: left;
	margin: 0 auto;
}

#pageinner {
	background: url('shadow-gauche.png')  0 repeat-y;
}

#banniere {
	height: 130px;
	background: #FFFEC9 url('banniere.gif') 0 0 repeat-x;
}

#banniere div.inner {
	height: 130px;
	background: url('banniere-gauche.gif') 0 0 no-repeat;
}

#banniere div.inner div.inner {
	background: url('banniere-droite.gif') 100% 0 no-repeat;
	overflow: hidden;
}

#banniere h1 {
	height: 110px;
	text-align: center;
	padding: 25px 0 0 210px;
	margin: 0 210px 0 0;
	background: url('logo.png') 20px 50% no-repeat;
}

body.type-principal #banniere h1 { background: url('logo.png') 20px 50% no-repeat; }
body.type-delegation #banniere h1 { background: url('logo_partner.png') 20px 50% no-repeat; }
body.type-conseil #banniere h1 { background: url('logo_conseil.png') 20px 50% no-repeat; }
body.type-partner #banniere h1 { background: url('logo_partner.png') 20px 50% no-repeat; }

#banniere h1 img {
	display: block;
	margin: 0 auto;
}

#bureau_hdn {
	/*position: absolute;*/
	float: right;
	/*top: 24px;
	right: 20px;*/
	width: 190px;
	height: 95px;
	margin: 20px 20px 0 0;
}

#menu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 121px;
	z-index: 999;
	text-align: center;
	font-family: Arial, Verdana, Helvetica;
}

#pillmenu {
	white-space: nowrap;
	float: left;
	height: 32px;
	overflow: visible;
	position: relative;
	text-align: center;
	margin: 0;
}

#pillmenu div.pillmenu_gauche {
	float: left;
	width: 20px;
	height: 32px;
	background: url('pill-menu-gauche.gif') 100% 0 no-repeat;
}

#pillmenu div.inner {
	float: left;
	height: 32px;
	overflow: visible;
	background: url('pill-menu.gif') 0 0 repeat-x;
}

#pillmenu div.pillmenu_droite {
	float: left;
	width: 19px;
	height: 32px;
	background: url('pill-menu-droite.gif') 0 0 no-repeat;
}

#pillmenu.pillmenu_1  { margin-left:  -80px; width:  160px; left: 50%; }
#pillmenu.pillmenu_2  { margin-left: -140px; width:  280px; left: 50%; }
#pillmenu.pillmenu_3  { margin-left: -200px; width:  400px; left: 50%; }
#pillmenu.pillmenu_4  { margin-left: -260px; width:  520px; left: 50%; }
#pillmenu.pillmenu_5  { margin-left: -320px; width:  640px; left: 50%; }
#pillmenu.pillmenu_6  { margin-left: -380px; width:  760px; left: 50%; }
#pillmenu.pillmenu_7  { margin-left: -440px; width:  880px; left: 50%; }
#pillmenu.pillmenu_8  { margin-left: -500px; width: 1000px; left: 50%; }
#pillmenu.pillmenu_9  { margin-left: -560px; width: 1120px; left: 50%; }
#pillmenu.pillmenu_10 { margin-left: -620px; width: 1240px; left: 50%; }

#pillmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

#pillmenu ul li {
	float: left;
	background: url(menu-separateur.gif) top right no-repeat;
	margin: 0;
	padding: 0;
	list-style:none;
	width: 120px;
}

#pillmenu ul li a {
	font-size: 10px;
	letter-spacing: 0.01em;
	font-weight: bold;
	display:block;
	height: 24px;
	line-height: 24px;
	padding: 0 2px;
	margin: 0 1px 0 0;
	color: #000;
	text-decoration: none;
	text-align: center;
}

#pillmenu ul li a:hover {
	color: #810032;
}

#pillmenu ul li.current a {
	color: #810032;
	background: url('pill-menu-hover.gif') 0 0 repeat-x;
}

#pillmenu ul li ul {
	width: 119px;
	display: none;
	padding: 0;
	list-style:none;
}

#pillmenu ul li:hover ul {
	display: block;
}

#pillmenu ul li:hover a {
	color: #810032;
}

#pillmenu ul li.current ul li a {
	background: none;
}

#pillmenu ul li ul li {
	width: 119px;
	display:block;
	float: none;
	padding: 0;
	margin: 0;
	list-style:none;
	background: none;
	background: url('sousmenu.png') repeat;
}

#pillmenu ul li ul li a, #pillmenu ul li:hover ul li a {
	height: auto;
	display: block;
	line-height: 1em;
	float: none;
	padding: 8px 2px;
	margin: 0;
	text-align: center;
	color: #FFF;
	background: none;
}

#pillmenu ul li ul li.first {
	padding-top: 8px;
}

#pillmenu ul li ul li.last {
	padding-bottom: 8px;
}

#pillmenu ul li ul li a:hover, #pillmenu ul li:hover ul li a:hover {
	background: url('sousmenu.png') repeat;
	color: #FFF;
}

#bandeau {
	margin: 0 25px;
	background: url('contenu-haut.png') 0 100% repeat-x;
}

#bandeau div.inner {
	background: url('contenu-haut-gauche.png') 0 100% no-repeat;
}

#bandeau div.inner div.inner {
	padding: 20px 0 25px 0;
	background: url('contenu-haut-droite.png') 100% 100% no-repeat;
	text-align: center;
}

#bandeauImg {
	display: block;
	margin: 0 auto;
	border: 1px #AAA solid;
}

#breadcrumb {
	margin-right: 27%;
	padding-top: 10px;
}

#breadcrumb ul {
	margin: 0 3%;
	padding: 0;
	list-style: none;
	text-align: left;
}

#breadcrumb ul li {
	display: inline;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 0.5em;
}

#breadcrumb ul li span.separator {
	margin-left: 0.5em;
}

#main {
	margin: 0 25px;
}

#maininner {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
}

body #actualite {
	float: right;
	width: 25%;
	padding: 5px 0;
	margin: 0 2% 0 0;
	font-family: Arial, Verdana, Helvetica;
}

#actualite div.inner {
	border: 1px solid #CCC;
	background: #FFFECA;
	padding: 15px 20px;
}

#actualite div.inner marquee {
	height: 220px;
}

#actualite h2 {
	font-family: Georgia, Times New Roman, Times;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	color: #810032;
	font-style: italic;
}

#actualite h2 a {
	color: #810032;
}

#actualite h2 a, #actualite h3 a {
	text-decoration: none;
}

#actualite h2 a:hover, #actualite h3 a:hover {
	text-decoration: underline;
}

#actualite div.actualite {
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
}

#actualite div.actualite h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#actualite div.actualite p a.actu {
	color: #000;
	text-decoration: none;
}

#contenu {
	margin-right: 27%;
}

#contenu div.inner {
	padding: 5px 3%;
	text-align: justify;
	min-height: 250px;
}

#contenu h2.titre {
	font-size: 1.7em;
	color: #810032;
}

#contenu h2.titre a {
	text-decoration: none;
	cursor: text;
	color: #810032;
}

#footer {
	margin: 0 25px;
	background: #F7F7F7 url('contenu-bas.png') 0 0 repeat-x;
}

#footer div.inner {
	background: url('contenu-bas-gauche.png') 0 0 no-repeat;
}

#footer div.inner div.inner {
	padding: 15px 0 10px 0;
	background: url('contenu-bas-droite.png') 100% 0 no-repeat;
}

#bottom {
	background: #F7F7F7 url('bas.png') 0 100% repeat-x;
}

#bottom  div.inner {
	background: url('bas-gauche.png') 0 100% no-repeat;
}

#bottom  div.inner div.inner {
	padding-bottom: 20px;
	background: url('bas-droite.png') 100% 100% no-repeat;
}

#bottom p {
	margin: 0;
	padding: 0;
	text-align: center;
}

#bottom p a {
	color: #333;
	text-decoration: underline;
}

#bottom p a:hover {
	color: #666;
}

.clear {
	clear: both;
	visibility: hidden;
	display: block;
	height: 0px;
	overflow: hidden;
	border: none;
	font-size: 0em;
	line-height: 0em;
	padding: 0;
	margin: 0;
}

#contenu div.blog {
	border-top: 1px solid #CCC;
	margin-top: 1em;
	padding-top: 1.5em;
}

#contenu div.blog h3 {
	font-size: 1.2em;
	color: #810032;
	margin-bottom: 0.5em;
}

#contenu div.blog h3 a {
	color: #810032;
	text-decoration: none;
}

#contenu div.blog h3 a:hover {
	text-decoration: underline;
}

table.contact td.dotted {
	background-color: #FFF;
	background-image: url('dot.gif');
	background-position: 16px 1em;
	background-repeat: repeat-x;
}

table.contact td.dotted span {
	background: #FFF;
	padding: 0 1em;
}

table.contact input.contact_field, table.contact textarea {
	border: 1px #CCC solid;
	margin: 1px 0;
	/*width: 400px;*/
	width: 95%;
	display: block;
	background: #FFFECA;
	font-weight: bold;
	color: #810032;
	font-family: inherit;
	font-size: 1em;
	padding: 0.1em 0.2em;
}

table.contact input:hover, table.contact textarea:hover {
	background: #FFD;
}

table.contact input:focus, table.contact textarea:focus {
	background: #FFD;
	color: #000;
	font-weight: normal;
}

table.contact td.actions {
	text-align: center;
}

table.contact input.button {
	border-top: 1px #CCC solid;
	border-right: 1px #AAA solid;
	border-bottom: 1px #AAA solid;
	border-left: 1px #CCC solid;
	background: #DDD;
	color: #04A;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	padding: 0.2em 1em;
	width: auto;
	font-size: 1em;
}

table.contact input.button:hover {
	border-top: 1px #AAA solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
	border-left: 1px #AAA solid;
	background: #EEE;
	color: #07B;
}

table.contact td.legende {
	padding-top: 1em;
	font-size: 0.9em;
	font-style: italic;
}

span.error {
	display: block;
	color: #E00;
	background: #FEE;
	border: 2px solid #E00;
	padding: 8px 20px;
	margin: 10px 0;
	font-weight: bold;
}

table.contact td span.error {
	display: inline;
	margin: 0;
	background: #FFF;
	border: none;
	padding: 0;
}

td.legende {
	padding-top: 1em;
	font-size: 0.9em;
	font-style: italic;
}

#footer ul {
	display: block;
	margin: 0 10px;
	padding: 10px 0;
	list-style: none;
	text-align: center;
	font-size: 1.1em;
	border-bottom: 1px solid #CCC;
}

#footer ul li {
	display: inline;
	list-style: none;
	padding: 0 15px;
	border-right: 1px solid #CCC;
}

#footer ul li.last {
	border-right: none;
}

.preloaded {
	display: none;
}

.clickable {
	cursor: pointer;
}