/*
Theme Name: Armor Expo
Theme URI: http://www.armor-expo.fr/
Description: Thème de la société Armor Expo.
Version: 1.0
Author: Yann Abgrall
Author URI: http://mryoun.free.fr/
Tags: blue, custom header, fixed width, two columns

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */

* {
	margin: 0;
	padding: 0;
	font: 100% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.615385em;
	list-style-type: none;
	}

/* basic elements */
html
body { 
	font-size: 81.25%;
	line-height: 1.615385em;
	color: #555753; 
	background: #fff url(img/bg_body-alt.png) 0px 104px repeat-x;
	margin: 2.423077em auto 0 auto;
	}
html>body {font-size: 13px;}
h1, h2, h3, h4, h5 {font-family: georgia, serif;}
h1 {
	position: relative;
	width: 100px;
	height: 61px;
	}
h1 a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	}
h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/logo.png) no-repeat;
	}
h2, hr, #head em {display: none;}
p {
	text-align: justify;
	text-indent: 1em;
	line-height: 1.615385em;
	}
dd {text-indent: 1em;}
a:link, a:visited {
	text-decoration: none;
	color: #009bdd;
	}
a:hover {color: #eb7c16;}
a em {font-family: Webdings;}
q {
	font-family: Georgia, serif;
	font-style: italic;
	}

/* specific divs */
#container {
	margin: 0 auto;
	text-align: left;
	width: 700px;
	}
#head {
	position: relative;
	padding-bottom: 1.615385em;
	/* Footer rollover preload */
	background-image: url(img/bg_footerContent_hover.png);
	background-repeat: no-repeat;
	background-position: -9999px -9999px;
	}
#menu {
	position: absolute;
		bottom: 0;
		right: 0;
	height: 23px;
	width: 230px;
	margin-bottom: 1.615385em;
	text-align: right;
	font-size: 1em;
	line-height: 1.615385em;
	}
	#menu li {
		float: left;
		}
	#menu a:link, #menu a:visited {border: 0;}
	#menu li a {
		position: relative;
		display: block;
		height: 24px;
		padding: 1px 7px 0px 7px;
		margin: 0 2px 0 2px;
		z-index: 10;
		}
	#menu li a:hover {color: #009bdd;}
	#menu li.menuBack {
		position: absolute;
		background: url(img/bg_menu_right.png) no-repeat top right;
		visibility: hidden;
		z-index: 8;
		}
	#menu li.menuBack .menuBackLeft {
		background: url(img/bg_menu.png) no-repeat top left;
		height: 24px;
		margin-right: 7px; /* 7px is the width of the rounded shape */
		}
	#menu li.current a {color: #eb7c16;}
#mainContent {margin-top: 3.230769em;}
#mainContent h3 {
	font-size: 1.846154em;
	line-height: 0.875em;
	margin-bottom: 0.4375em;
	}
#mainContent #post-3 {margin-top: -4em;}
	#mainContent #post-3 h2 {
		display: block;
		position: relative;
		height: 310px;
		margin-bottom: -10px;
		color: #fff;
		}
	#mainContent #post-3 h2 span {
		position: absolute;
		width: 100%;
		height: 100%;
		background: url(img/bg_acceuil.jpg) top center no-repeat;
		}
#mainContent blockquote {
	position: relative;
	margin-top: 4.846155em;
	padding: 0 30px 0.807692em 80px;
	overflow: visible;
	}
	#mainContent blockquote p {
		font-family: Georgia, serif;
		font-style: italic;
		text-indent: 0;
		}
	#mainContent blockquote p#quote {margin-right: 30px;}
	#mainContent p#quote span {
		position: absolute;
			top: -0.5em;
			left: 0.25em;
		font-size: 700%;
		font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
		color: #e5e5e5;
		}
	#mainContent blockquote p#auteur {
		text-align: right;
		font-size: 1.230769em;
		line-height: 1.3125em;
		margin-top: 0.65625em;
		}
#mainContent dt {
	font-size: 1.230769em;
	line-height: 1.3125em;
	margin-bottom: 0.807692em;
	}
#mainContent dd {
	margin: 0 0 1.615385em 20px;
	}
#footer {
	position: relative;
	clear: both;
	margin-top: 5.727273em;
	padding-top: 1.909091em;
	height: 80px;
	font-size: 0.846154em;
	line-height: 1.909091em;
	color: #a6a6a6;
	background: url(img/bg_footer.png) top left repeat-x;
	border-top: 1px solid #bbb;
	}
	#footer a:link, #footer a:visited {
		margin-right: 10px;
		color: #a6a6a6;
		}
	#footer a:hover {color: #009bdd;}
#footerContent {
	width: 630px;
	margin: auto;
	padding-left: 80px;
	text-align: left;
	background: url(img/bg_footerContent.png) left center no-repeat;
	}
	#footer:hover #footerContent {background: url(img/bg_footerContent_hover.png) left center no-repeat;}
	#footerContent strong {font-weight: bold;}
	#footerContent a.valid {
		overflow: hidden;
		padding-left: 18px;
		background: url(img/bg_valid.png) left top no-repeat;
		}
	#footerContent a.valid:hover {background-position: 0 -32px;}
#mainSalons {
	position: relative;
	width: 700px;
	height: 200px;
	/*margin-top: -1.615385em;*/
	}	
	#kwickContainer {
		height: 200px;
		background-color: #fff;
		}
	#kwickContainer li {float: left;}
	#kwickContainer .kwick {
		position: relative;
		display: block;
		cursor: pointer;
		padding: 0;
		border: 0;
		width: 345px;
		height: 200px;
		overflow: hidden;
		}
	#kwickContainer .left {}
	#kwickContainer .right {border-left: 10px solid #fff;}
	#kwickContainer .left span, #kwickContainer .right span {
		position: absolute;
		width: 100%;
		height: 100%;
		}
	#kwickContainer .left span {background: url(../img/kwickLeftNew.jpg) no-repeat;}
	#kwickContainer .right span {background: url(../img/kwickRightNew.jpg) top right no-repeat;}


/* Salons Bien-etre */
#mainContent.salonBien {
	color: #61acc9;
	background: #fff url(../img/bg_salonBien-ile.jpg) center bottom repeat-x;
	margin: 2.423077em 0 4.846155em 0;
	}
#mainContent.salonBien #container {margin: 0 auto;}
#mainContent.salonBien #head {border-bottom: 1px solid #61acc9;}
#mainContent.salonBien h1 span {background: url(../img/logo-bleu-turquoise.png) no-repeat;}
#mainContent.salonBien #menu li a, body.salonBien #menu li a:hover {color: #61acc9;}
#mainContent.salonBien #menu li.current a {color: #a6c663;}
#mainContent.salonBien #footer {
	margin-top: 19.38462em;
	border-top: 1px solid #61acc9;}
#mainContent.salonBien #footer, body.salonBien #footer a:link, body.salonBien #footer a:visited {color: #61acc9;}
#mainContent.salonBien #footer a:hover, body.salonBien a:hover {color: #a6c663;}
#mainContent.salonBien h4, body.salonBien p.important {color: #a6c663;}
#mainContent.salonBien p.important {
	font-family: georgia, serif;
	font-size: 1.307692em;
	line-height: 1.235294em;
	}
#mainContent.salonBien p#test {height: 0px;}
#mainContent.salonBien #mainContent ul.list li {
	padding-left: 21px;
	background: url(../img/li.salonBien.png) left center no-repeat;
	}

/* Salons Vins */
#mainContent.salonVin h4 {color: #009bdd;}
#mainContent.salonVin h5 {
	font-size: 1.153846em;
	line-height: 1.4em;
	margin-bottom: 0.617647em;
	color: #eb7c16;
	}
#mainContent.salonVin hr.ligne {
	display: block;
	height: 1px;
	border: 0;
	color: #eee;
	background-color: #eee;
	margin-bottom: 1.615385em;
	}


/* Salons Commun */
p.salonDate {
	margin-left: -30px;
	font-size: 1.384615em;
	line-height: 1.5em;
	text-indent: 0em;
	color: #fff;
	/*background: url(img/bg_salonDate.png) center left no-repeat;*/
	}
p.salonDate em {
	margin-left: -7px;
	padding: 2px 11px 2px 11px;
	background: #21a8e2;
	
	-moz-border-radius-topleft: 11px;
	-khtml-border-top-left-radius: 11px;
	-webkit-border-top-left-radius: 11px;
	border-top-left-radius: 11px;
	
	-moz-border-radius-bottomleft: 11px;
	-khtml-border-bottom-left-radius: 11px;
	-webkit-border-bottom-left-radius: 11px;
	border-bottom-left-radius: 11px;
	
	-moz-border-radius-topright: 11px;
	-khtml-border-top-right-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	border-top-right-radius: 11px;
	
	-moz-border-radius-bottomright: 11px;
	-khtml-border-bottom-right-radius: 11px;
	-webkit-border-bottom-right-radius: 11px;
	border-bottom-right-radius: 11px;
	
	text-shadow: #c6d9e9 1px 1px 1px;
	/*background: #21a8e2 url("img/bg_salonDate-span.png") center right no-repeat;
	Orange: #eb7c16 - Bleu: #21a8e2*/
	}
#mainContent.salonVin h4, #mainContent.salonBien h4 {
	font-size: 1.307692em;
	line-height: 1.235294em;
	margin-bottom: 0.617647em;
	}
#mainContent.salonVin p, #mainContent.salonBien p, #mainContent.salonVin ul, #mainContent.salonBien ul {
	margin-bottom: 1.615385em;
	padding: 0 0.8076925em;
	}
#mainContent.salonVin div.download, #mainContent.salonBien div.download {
	position: relative;
	margin-bottom: 1.615385em;
	height: 60px;
	background: #eee url(../img/downloadCornerNE.png) top right no-repeat;
	}
div.download div#downloadCornerSW {
	height: 100%;
	width: 100%;
	background: url(../img/downloadCornerSW.png) bottom left no-repeat;
	}
div.download h4 {
	float: left;
	padding: 5px 10px 5px 10px;
	background: url(../img/downloadCornerNW.png) top left no-repeat;
	}
#mainContent.salonBien div.download h4 {color: #61acc9;}
div.download ul {
	display: block;
	position: absolute;
		bottom: 0;
		right: 0;
	height: 52px;
	width: 470px;
	margin: 0;
	background: url(../img/downloadCornerSE.png) bottom right no-repeat;
	}
div.download li, div.download li {
	display: block;
	float: left;
	}
/*div.download li#first, div.download li#first {margin-left: 180px;}*/
div.download a, div.download a {
	display: block;
	padding-top: 30px;
	margin-left: 10px;
	font-size: 0.769231em;
	line-height: 2.1em;
	}
div.download a.pdf {background: url(../img/pdf.png) top center no-repeat;}	
div.download a.jpg {background: url(../img/jpg.png) top center no-repeat;}


/* Contact */
#contact dl {
	margin: 1.615385em 0;
	text-indent: 0.8076925em;
	}
#contact dt {
	font-size: 100%;
	line-height: 1.615385em;
	margin-bottom: 0.8076925em;
	}
#contact dd {
	margin: 0;
	text-indent: 3.23077em;
	}
.ajaxLoading {
	padding: 20px 0;
	background: url(../img/ajax-loader.gif) no-repeat center;
	}
p.info, p.warn {
	padding: 0.8076925em 10px 0.8076925em 30px;
	color: #322e2d;
	text-indent: 0;
	}
p.info {
	border: 1px solid #ffe222;
	background: #fff8cc url(../img/error.png) 7px center no-repeat;
	}
p.warn {
	border: 1px solid #ff2222;
	background: #ffcccc url(../img/exclamation.png) 7px center no-repeat;
	}
#log {padding: 0.807692em 0;}

/* Icons from http://sarah-dipity.deviantart.com/ */
#wpcf {margin-left: 10px;}
#wpcf fieldset {border: 0;}
#wpcf legend {display: none;}
#wpcf li {margin-top: 0.8076925em;}
#wpcf label {
	float: left;
	width: 80px;
}
#wpcf input, #wpcf textarea {
	font-size: 1.153846em;
	line-height: 1.18em;
	padding: 4px;
}
#wpcf textarea, #wpcf input#wpcf_your_name, #wpcf input#wpcf_email, 
#wpcf input#wpcf_website, #wpcf input#wpcf_not_spam {border: 1px solid #ccc;}
#wpcf input#wpcf_your_name, #wpcf input#wpcf_email, 
#wpcf input#wpcf_website, #wpcf input#wpcf_not_spam {padding-left: 25px;}
#wpcf textarea {
	text-indent: 21px;
	background: url("img/form_message.gif") 4px 4px no-repeat;
}
#wpcf textarea:focus, #wpcf input#wpcf_your_name:focus, #wpcf input#wpcf_email:focus, 
#wpcf input#wpcf_website:focus, #wpcf input#wpcf_not_spam:focus {background-color: #fffeed;}
#wpcf input#wpcf_your_name {background: url("img/form_name.gif") 6px center no-repeat;}
#wpcf input#wpcf_email {background: url("img/form_mail.gif") 4px center no-repeat;}
#wpcf input#wpcf_website {background: url("img/form_web.gif") 4px center no-repeat;}
#wpcf input#wpcf_not_spam {background: url("img/form_question.gif") 4px center no-repeat;}
#wpcf p {
	margin-top: 0.8076925em;
	/*padding-top: 0.8076925em;
	border-top: 1px solid #eee;*/
}
#wpcf label.error {
	font-size: 11px;
	margin-left: 200px;
	background: #fbfcda url("images/cancel.png") no-repeat left;
	border: 1px solid #dbdbd3;
	width: 229px;
	margin-top: 4px;
}

/* Maintenance */
.maintenance #container {
	position: absolute;
		top: 50%;
		left: 50%;
	width: 300px;
	height: 184px;
	margin-top: -92px;
	margin-left: -150px;
	}
.maintenance #head {border-bottom: 0;}
.maintenance h1 {
	position: relative;
	width: 300px;
	height: 184px;
	}
.maintenance h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../img/logo-big.png) no-repeat;
	}

/* End captions */