/**
 * Default stylesheet
 *
 * @autor Bob Gaudaen
 * @date  February 2008
 */

/** HTML TAGS ******************************/
html { overflow-y:scroll; }
html, body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	min-height:100%;
}
body * { margin:0; padding:0; }

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
a acronym, a abbr, a img { border:none; }
p { margin:5px 0; }
small { display:block; font-size:0.9em; font-style:italic; color:#999; }

/* Form layout */
input, textarea, select, input.file { font-size:1em; }
input.text, input.password, textarea { border:1px solid #dedede; padding:2px 0; }
input.focus, textarea.focus { border-color:#fd7915; }
form fieldset { border:none; }
form kbd { display:block; padding:2px; }
form label { display:block; }
/** END HTML TAGS **************************/

.clr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
}
.hr {
	display:block;
	clear:both;
	font-size:0;
	height:1px;
	background-color:#fff;
	border-top:1px solid #dedede;
}
.notice {
    background-color:#FFFFCC;
    background-image:url(/img/icons/16x16/error.png);
    background-repeat:no-repeat;
    background-position:3px 3px;
    border:2px solid #9ca9ae;
    margin:0.5em 0;
    padding:5px 5px 5px 25px;
    color:#333;
}
.justify { text-align:justify; }
.relative { position:relative; }

img.puce {display:inline; float:none; border:none; margin:0; padding:0; background:none;}

/** Columns **/
.column_L { display:block; float:left; }
.column_R {  }

/** Shadows **/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-repeat:no-repeat;
}
.left, .right {
	background-repeat:repeat-y;
}
.top, .bottom {
	background-repeat:repeat-x;
}
.top-left     { background-position:top left;     }
.top-right    { background-position:top right;    }
.bottom-left  { background-position:bottom left;  }
.bottom-right { background-position:bottom right; }
.left         { background-position:left;         }
.right        { background-position:right;        }
.top          { background-position:top;          }
.bottom       { background-position:bottom;       }

img.content-icon {
	display:inline;
	float:none;
	border:none;
	margin:0;
	padding:0;
	vertical-align: text-bottom;
	background: none;
	background-position: center;
	background-repeat: no-repeat;
}
img.content-icon.bull {
	background-image: url(/img/layout/puce.png);
}
img.content-icon.curren {
	background-image: url(/img/layout/yes.png);
}
* html .png {
	behavior: url(/css/png.htc);
}

ul.arrowed, ul.arrowed ul {
	list-style: none;
}
ul.arrowed li {
	padding-left: 18px;
	background: url(../img/layout/puce.png) left 2px no-repeat;
}

/** Google translate **/
.goog-te-balloon-frame, .goog-te-balloon, #goog-gt-tt, .goog-te-banner-frame { display: none !important; }
.goog-te-balloon-frame, #goog-gt-tt, #goog-gt-tt .alt-menu, .goog-text-highlight, #goog-gt-tt .trans-target-highlight, #alt-input-text:hover, #alt-input-text:focus { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow none !important; }
#goog-gt-tt { text-decoration:none; }
#goog-gt-tt .status-message { text-shadow: none !important; }
font { background: transparent !important; }
body { top: 0px !important; }


/** HTML TAGS ******************************/
html {}
body {
	min-width: 920px;
	background: url(/img/layout/content-bg.gif) center top repeat-y;
}

h1, h2, h3, h4, h5 { margin-bottom:0.5em; }

/*** Main skeleton ***/
#main-wrapper {
	background: url(/img/layout/header-bg-repeat.png) center top repeat-x;
}
#header-wrapper {
	background: url(/img/layout/header-bg.jpg) center top no-repeat;
}
#main-container {
	width: 920px;
	margin: auto;
}

/** HEADER **/
#header {
	position: relative;
	height: 200px;
}
#logo {
	display: block;
	width: 100%;
	height: 100%;
}

#language-selector {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
}
#language-selector ul {
	list-style: none;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.6);
}
#language-selector li {
	display: none;
	width: 48px;
	height: 25px;
}
#language-selector.hover li,
#language-selector li.selected {
	display: block;
}
#language-selector li.selected {
	background: url(/img/layout/lang-selector-arrow.gif) 33px center no-repeat;
	cursor: pointer;
}
#language-selector a {
	display: block;
	width: 39px;
	height: 18px;
	padding: 7px 0 0 9px;
}
#language-selector li.selected a {
	outline: none;
}
#language-selector a img { display: block; }

/** CONTENT **/
#main {}
#main-left {
	float: left;
	width: 300px;
	padding: 0;
}
#main-right {
	float: right;
	width: 610px;
}
#main-full {}

#main-left ul#side-links {
	width: 300px;
}

div.zone-1column, div.zone-3columns { clear: both; }
div.zone-3columns div.column-one { float: left; width: 300px; padding: 0 5px 0 0; }
div.zone-3columns div.column-two { float: left; width: 300px; padding: 0 5px; }
div.zone-3columns div.column-three { float: left; width: 300px; padding: 0 0 0 5px; }
div.zone-1column_2columns div.column-one { float: left; width: 300px; padding-right: 5px; }
div.zone-1column_2columns div.column-two { float: left; width: 610px; padding-left: 5px; }
div.zone-2columns_1column div.column-one { float: left; width: 610px; padding-right: 5px; }
div.zone-2columns_1column div.column-two { float: left; width: 300px; padding-left: 5px; }

/** FOOTER **/
#footer {
	padding: 5px 0;
	font-size: 11px;
	text-align: left;
}
#footer p {
	padding: 2px 0;
	margin: 0;
}

#footer .site-title {
}

#footer .infos { padding: 0 10px; }
#footer .bottom {
}
#footer .links {
}
#footer .shortcuts, #footer .copyright {
	font-size: 9px;
}
#footer .shortcuts {
}
#footer .copyright {
}

#footer div.col { float: left; width: 25%; }
#footer div.col ul { list-style: none; }
#footer .links-title { font-weight: bold; font-size: 14px; }

#footer div.links div.col { float: left; padding: 5px 10px; }
#footer div.links div.column-wrapper-1 div.col { width: 900px; text-align: center; }
#footer div.links div.column-wrapper-2 div.col { width: 440px; }
#footer div.links div.column-wrapper-3 div.col { width: 286px; }
#footer div.links div.column-wrapper-4 div.col { width: 210px; }

#footer .shortcuts .left { float: left; }
#footer .shortcuts .right { float: right; }

/** MENU **/
#menu li a, #sub-menu li a {
	height: 25px;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
	font-style: normal;
	font-size: 16px;
	text-decoration: none;
}
#menu li a span, #sub-menu li a span {
	display: block;
}
#menu li a span.left, #sub-menu li li a span.left { background: url(/img/layout/button-left.png) left 50px no-repeat; }
#menu li a span.right, #sub-menu li a span.right { background: url(/img/layout/button-right.png) right 50px no-repeat; }
#menu li a span.label, #sub-menu li a span.label {
	line-height: 25px;
	margin: 0 5px;
	background: url(/img/layout/button-bg.png) center 50px repeat-x;
}
#sub-menu li a span.label { margin: 0 5px 0 0; padding: 0 0 0 15px; }
#sub-menu li li a span.label { margin: 0 5px; padding: 0; }


#menu {
	display: block;
	padding: 8px 0 5px;
	list-style: none;
	text-align: center;
}
#menu li {
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 10px 5px;
	vertical-align: text-bottom;
}
#menu li a {
	display: block;
}

#menu a:hover span.left, #sub-menu a:hover span.left { background-position: left -50px; }
#menu a:hover span.right, #sub-menu a:hover span.right { background-position: right -50px; }
#menu a:hover span.label, #sub-menu a:hover span.label { background-position: center -50px; }

#menu a.selected span.left, #sub-menu div.selected a span.left { background-position: left -25px; }
#menu a.selected span.right, #sub-menu div.selected a span.right { background-position: right -25px; }
#menu a.selected span.label, #sub-menu div.selected a span.label { background-position: center -25px; }


/* sub menu */
#sub-menu {
	padding: 10px 0;
}
#sub-menu ul {
	padding: 10px 0;
	list-style: none;
	
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	
	/* padding-left: 10px; */
}
#sub-menu ul ul {
	padding: 0;
	padding-left: 12px;
}
#sub-menu ul ul ul {
	padding-left: 17px;
}
#sub-menu li {
	display: block;
	clear: both;
}
#sub-menu div.row {
	padding: 2px 0;
}
#sub-menu li a {
	display: inline-block;
}
#sub-menu ul ul div.row {
	background: url(/img/layout/sub-menu-arrow.png) left center no-repeat;
	padding-left: 16px;
}

/*
#sub-menu li span.collapse {
	display: block;
	float: left;
	width: 26px;
	height: 100%;
	font-size: 0;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(/img/layout/submenu-list-image.png);
}

#sub-menu li.expanded > .row span.collapse,
#sub-menu li span.collapse.expanded {
	background-image: url(/img/layout/submenu-selected-list-image.png);
}
*/

/* side links */
ul#side-links {
	display: block;
	list-style: none;
	text-align: center;
}
ul#side-links li {
	padding: 0 0 10px;
    width: 280px;
    display: -moz-inline-block;
   	display: inline-block;
    vertical-align: top;
}

#icon-links {
	display: block;
	list-style: none;
}
#icon-links li {
	display: block;
}
#icon-links li a {
	display: block;
	line-height: 38px;
	padding-left: 50px;
	
	font-size: 18px;
	/* font-style: italic; */
	text-decoration: none;
	
	background-position: 10px center;
	background-repeat: no-repeat;
}

/** COMMON CLASSES **/

.content .gmap {
	height: 400px;
}

/**
 * Titles
 */
h1.title {
	display: -moz-inline-block;
	display: inline-block;
	font-size: 24px;
	font-style: normal;
	padding: 2px 5px 2px 10px;
	margin-bottom: 5px;
}

h2.title {
	font-size: 18px;
	padding: 0;
}
h4.title {
	font-size: 15px;
	margin-top: -8px;
}

/**
 * Forms
 */
input.text, input.password, textarea {
	border: 2px solid #d0d0d0;
	padding: 3px;
}
textarea { display: block; }
.notice {
	margin: 0 0 5px 0;
}

form dl {
	margin: auto;
}
form dl input.text, form dl textarea {
	width: 270px;
}
form dl input.datepicker {
	width: 80px;
	text-align: center;
	padding-right: 20px;
	cursor: pointer;
	background-image: url(/img/icons/16x16/calendar.png);
	background-position: right center;
	background-repeat: no-repeat;	
}

form dl dt, form dl dd { width: 280px; padding: 5px 0 0; margin: 0; }
form dl dt {
	float: left;
	text-align: right;
	line-height: 25px;
}
form dl dd {
	float: right;
}
form dl dd.hidden {
	display: none;
}
form dl dd.clr {
	float: none;
	padding: 0;
	margin: 0;
	height: 1px;
}

/* multi options  */
form dd.multiple label {
	display: inline-block;
	line-height: 25px;
	margin: 0 5px 0 0;
}
form dd.multiple label input { margin: 0 2px 0 0; }

form dd.multiple.vertical label {}

form dd.multiple.horizontal label { display: inline; }
form dd.multiple.horizontal br { display: none; }

/**
 * Content box
 */
div.home-content div.content-box {
	padding: 0 10px 10px 10px;
}

div.section-content div.content-box {
	padding: 20px 10px 10px;
	background: url(/img/layout/article-separator.gif) center top no-repeat;
}
/* 
div.content-box.galery {
}
div.content-box.galery h2.title {
	padding: 0;
	text-align: center;
	background: none;
}
*/
div.content-box.galery .content {
	margin: auto;
	text-align: center;
}

/*
div.content-box.form h2.title,
div.content-box.gmap h2.title {
	padding: 0;
	background-position: center;
	text-align: center;
}
div.content-box.form h2.title span,
div.content-box.gmap h2.title span {
	display: -moz-inline-box;
	display: inline-block;
	
	line-height: 28px;
	padding: 0 10px;
	text-shadow: 1px 1px 1px #f1fd00;
	
	background: url(/img/layout/special-header-bg.gif) center repeat-x;
}

div.content-box.form .content,
div.content-box.gmap .content {
	clear: both;
}
*/

div.section-content div.content-box.image_block, div.home-content div.content-box.image_block {
	padding: 10px 0 10px;
}
div.content-box.image_block .title { display: none; }
div.content-box.image_block .content img { display: block; margin: auto; }


div.content-box h2.title {
}
div.content-box .content {
}
div.content-box.gmap .content {
}


div.content-box.article {
	position: relative;
}
div.content-box.article p {
	margin: 0;
	padding: 5px 0;
}
div.content-box.article p.btn-wrapper { padding-bottom: 0; }


div.section-content div.content-box.article .content-wrapper {
	margin-right: -10px;
}
div.content-box.article .content-wrapper .column {
	float: left;
}
div.content-box.article .content-wrapper .column .text {
	padding-right: 10px;
}

div.content-box.article .content-wrapper.columns-2 .column {
	width: 50%;
}
div.content-box.article .content-wrapper.columns-3 .column {
	width: 300px;
}


div.medium-column div.content-box.article.with-media h2.title,
div.medium-column div.content-box.article.with-media h4.title,
div.medium-column div.content-box.article.with-media .content-wrapper,
div.big-column div.content-box.article.with-media h2.title,
div.big-column div.content-box.article.with-media h4.title,
div.big-column div.content-box.article.with-media .content-wrapper {
	margin-right: 300px;
}

div.medium-column div.content-box.article .media-wrapper,
div.big-column div.content-box.article .media-wrapper {
	width: 280px;
	float: right;
}

div.medium-column div.content-box.article div.img-placeholder div.img.small-slideshow,
div.big-column div.content-box.article div.img-placeholder div.img.small-slideshow {
	position: absolute;
	right: 0;
	top: 10px;
}

div.small-column form dl dt, div.small-column form dl dd { float: none }
div.small-column form dl dt { text-align: left; }

div.rss-icon-wrapper { float: right; }

div.medium-column #side-links li, div.big-column #side-links li {
	padding: 5px;
}


/**
 * Buttons layout
 */

input.btn {
	height: 25px;
	background: none;
	border: none;
	padding: 0 9px;
	vertical-align: middle;
	font:bold 13px "Trebuchet MS", Corbel, Calibri, Arial, sans-serif;
}
/* Correction des bug Internet Explorer */ 
* html input.btn {width:1%; overflow:visible;} 
*:first-child+html input.btn {overflow:visible;}

button, a.btn {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
	text-decoration:none;
}
button {
	margin:0 -3px 0 !important;
	margin: 0 !important!;
}

button span, a.btn span { float:left; }
button span span, a.btn span span { 
	float:left;
	padding:0 0 0 5px;
	vertical-align:middle;
	
	background-repeat:no-repeat;
	background-position:left 0px;
	background-image:url(../img/layout/button-left.png);
}
button span span span, a.btn span span span { 
	padding:0 5px 0 0;
	
	background-position:right 0px;
	background-image:url(../img/layout/button-right.png);
}
button span span span span, a.btn span span span span { 
	height: 25px;
	padding: 0 10px;
	font-weight: bold;
	line-height: 25px;
	/* font: bold 13px/25px Verdana, Arial, Helvetica, sans-serif; */
	
	background-image: url(../img/layout/button-bg.png);
	background-position: center 0px;
	background-repeat: repeat-x;
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

/** HOVER **/
a.btn:hover { border:none; }
button.hover span span, a.btn:hover span span                     { background-position:left -25px; }
button.hover span span span, a.btn:hover span span span           { background-position:right -25px; }
button.hover span span span span, a.btn:hover span span span span { background-position:center -25px; }

/** Disabled **/
button.disabled { cursor:default; color:#a0a0a0; }