@font-face {
    font-family: Yanone Kaffeesatz Regular;
    src: url(/extension/www/design/www/stylesheets/ressources/YanoneKaffeesatz-Regular.otf) format("opentype");
} 
@font-face {
    font-family: Yanone Kaffeesatz Bold;
    src: url(/extension/www/design/www/stylesheets/ressources/YanoneKaffeesatz-Bold.otf) format("opentype");
} 

.police1 {
	font-family:Yanone Kaffeesatz Regular, Arial, sans-serif; /* 'Helvetica', 'Trebuchet MS', */
}

/* html, body {
	height: 100%;
} */
body {
	background: white url('../../images/structure/background/body_top_bg.jpg') repeat-x top left;
	color: #2a2a2a;
	font: normal .80em/1.5em Arial, FreeSans, Helvetica, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
/* sticky footer style #NOTIE, #IE6, #IE7, #IE {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px auto; /* the bottom margin is the negative value of the footer's height
} */
#global {
	margin: 0 auto;
	width: 995px;
}
/* .footer, .push {
	height: 142px; /* .push must be the same height as .footer
}*/

input.bouton {
	/**/background: black;
	/**/border: 1px solid black;
	/**/color: white;
	cursor: pointer;
	font-family: Tahoma, FreeSans, Arial, sans-serif;
	font-size: 1em;
	padding: 1px;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}

/* -------------------------------------------- Header */

#wrap-header {
	height:180px;
	width:100%;
	background:url('../../images/structure/background/header_bg.jpg') no-repeat top center;
}

#wrap-header #header {
	width:1000px;
	margin:0 auto 0 auto;
	height:150px;
	position:relative;
}

#wrap-header #header #logo-site {
	position:absolute;
	left:0;
	top:27px;
}

#wrap-header #header #acces_rapide {
	text-align:right;
	padding:0 55px 0 0;
}

#wrap-header #header #acces_rapide li {
	display:inline;
	padding:0 0 0 20px;
}

#wrap-header #header #acces_rapide li a {
	color:#3e5c5c;
	font-size:0.85em;
	font-weight:bold;
}

#wrap-header #wrap-menu {
	height:25px;
	width:100%;
	background:url('../../images/structure/background/bande_menu_bg.png');
	padding:5px 0 0 0;
}

#wrap-header #wrap-menu ul{
	margin:0 auto 0 auto;
	text-align:center;
}

#wrap-header #wrap-menu ul li{
	display:inline;
	padding:0 48px 0 0;
}
#wrap-header #wrap-menu ul li.last{padding:0}

#wrap-header #wrap-menu ul li a{
	color:white;
	font-size:1.4em;
	font-family:'Trebuchet MS';
}

/* --------------------------------------------- PAGE */
#wrap-page{
	float:left;
	width:100%;
	padding:0 0 15px 0;
}

#page {
	padding:10px 0 0 0;
	margin:0 auto;
	width:1000px;
}

.bloc1 {
	float:left;
	padding:6px 0 0 0;
	background:url('../../images/structure/background/bloc1_bg_top.gif') no-repeat top left;
	width:220px;
}

.bloc1 .bottom{
	float:left;
	padding:0 0 6px 0;
	background:url('../../images/structure/background/bloc1_bg_bottom.gif') no-repeat bottom left;
	width:220px;
}

.bloc1 .bottom .content {
	border-left:3px solid #c9e0e4;
	border-right:3px solid #c9e0e4;
	background:url('../../images/structure/background/bloc1_bg.gif') repeat-x bottom left;
}

.bloc2 {
	float:left;
	padding:6px 0 0 0;
	background:url('../../images/structure/background/bloc2_bg_top.gif') no-repeat top left;
	width:220px;
}

.bloc2 .bottom{
	float:left;
	padding:0 0 6px 0;
	background:url('../../images/structure/background/bloc2_bg_bottom.gif') no-repeat bottom left;
	width:220px;
}

.bloc2 .bottom .content {
	border-left:1px solid #c9e0e4;
	border-right:1px solid #c9e0e4;
	background:url('../../images/structure/background/bloc2_bg.gif') repeat-x bottom left;
}

a.plus {
	background:transparent url(../../images/elements/fleche_violet.png) no-repeat scroll right center;
	color:#882CB8;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	margin:2px 6px 0 0;
	padding:0 35px 0 0;
	text-align:right;
}

#IE6 a.plus {
	background:transparent url(../../images/elements/fleche_violet.gif) no-repeat scroll right center;
}

/* ------------------------------- LEFT */

#page #left {
	width:220px;
	float:left;
}

/* ------------------------------- CENTRAL */

#page #central {
	padding:0 10px;
	width:540px;
	float:left;
	overflow:hidden;
}

/* ---------- compas */

p#compas {
	padding:0 0 0 10px;
	color:#528bac;
	font-size:0.9em;
	margin:0 0 5px 0;
}

p#compas a {
	color:#882cb8;
	text-decoration:underline;
	font-weight:bold;
}

/* ------------------------------- RIGHT */

#page #right {
	float:left;
	width:220px;
	overflow:hidden;
} 

/* ------------ Recherche */

#page #right #recherche {
	margin:0 0 10px 0;
}

#recherche label {
	display:none;
}

#recherche #Searchtext {
	background:transparent url(../../images/structure/background/champ_recherche_bg.gif) no-repeat scroll left top;
	border:0 none;
	float:left;
	height:25px;
	padding:5px 4px 0 5px;
	width:184px;
	color:#9d9d9d;
}

#IE6 #submit-recherche{
	float:left;	
}

/* ------------------------------- FOOTER */

#wrap-footer {
	width:100%;
	height:100px;
	background:url('../../images/structure/background/fond_footer.jpg') repeat-x top left;
	float:left;
}

#wrap-footer #footer {
	width:1000px;
	margin:0 auto;
}

#footer #telephone {
	margin:16px 0 0 40px;
	float:left;
}

#footer #liens-footer {
	float:left;
	font-size:0.85em;
	padding:17px 0 0 367px;
}

#footer #liens-footer li{
	display:inline;
	padding:0 0 0 30px;
}

#footer #liens-footer li a{
	text-decoration:underline;
	color:#882cb8;
}

#footer #liens-footer li a:hover{
	text-decoration:none;
}

#footer #liens-footer li span{
	padding:0 0 0 30px;
}

#footer #copyright {
	clear:both;
	margin:20px 0 0 0;
	color:#335e66;
	text-align:center;
	float:left;
	width:100%;
}

#footer #copyright span{
	font-size:0.85em;
	padding:0 58px 0 0;
}

/*------------------------------------------ Pagination */

ul.pagination  {
	text-align:center;
	float:left;
	clear:both;
	width:100%;
	padding:20px 0 0 0
}

ul.pagination  li {
	display:block;
	float:left;
	background:none !important;
	padding:0 !important;
	color:black !important;
	margin:0 6px;
}

#IE6 ul.pagination  li {
	margin:0 5px;
}

ul.pagination  li a{
	text-decoration:none !important;
	display:block;
	background:#f3f3f3;
	padding:2px 7px;
	color:#323232 !important;
}

ul.pagination li input{
	background:#F3F3F3 none repeat scroll 0 0;
	border:none;
	color:#323232 !important;
	padding:2px 3px;
}

ul.pagination  li a:hover, ul.pagination  li a:focus{
	border:1px solid #882cb8;
	padding:1px 6px;
	background:#882cb8;
	color:white !important;
}

ul.pagination  li input:hover, ul.pagination  li input:focus{
	border:1px solid #882cb8;
	padding:1px 3px;
	background:#882cb8;
	color:white !important;
}

ul.pagination  li strong{
	background:#882cb8;
	display:block;
	padding:2px 7px;
	color:white;
}

ul.pagination  li span{
	display:block;
	padding:2px 7px;
}