/* 
Lutek 2010
Site detailed layout (media screen)
© Activis Technologies inc.
||||||||||||||||||||||||||||||||||
COLOR CHART:
- bg-color = #091D38 bleu1 foncé
- bg-color2 = #04091D bleu2 navy très foncé
- bg-color3 = #44770c vert sidebar
- texte = white
- titre1 = #7CCAFA bleu3 ciel pâle
- titre2 = #78B54D vert pâle
- liens = #3992D4 bleu4 azure pâle
- icônes = #006DFF bleu5 royal
- border = #153B6A bleu6
||||||||||||||||||||||||||||||||||
NOTES:
- The CONTENT area is 934px wide but reduced to 894px because of the side margins.
- All the class ".hover" are declarations related to a JavaScript fix for the IE6 HOVER EVENT support problem. Look within js/act.ieDomFix.js.
- z-index : Be careful, they are important asset to this layout.
- About the "ie" comments within this file, those are clean IE fallback fix that pass the W3C CSS validator. For advance fixe look in css/ie7-ie6.css and css/ie6.css.
*/

html {
	background: #091D38 none no-repeat center top; /*#04091D*/
}
body {
	margin-bottom: 200px;
	font-size: 10px;
	font-family: "trebuchet ms", arial, sans-serif;
	background: transparent url(../../img/ui/bg-body-default.jpg) repeat-x center top;
}
body.page-template-homepage-php {
	background-image: url(../../img/ui/bg-body-home.jpg);
}
#doc-wrapper {
	width: 990px;
	margin: 0 auto -5px auto; /*align center*/
	background: transparent url(../../img/ui/bg-doc-wrapper.png) repeat-y center center;
}
#doc {
	width: 958px;
	min-height: 600px;
	height: auto;
	margin: 0 16px; /*align center*/
	color: white;
	background: #091D38 url(../../img/ui/bg-doc-top.png) repeat-x left top;
}
img {
	background-image: none;
}
/* href links and form buttons */
a {
	color: #7fc7ff; /*bleu4 azure*/
	text-decoration: none;
	background-repeat: no-repeat; /*fix hgroup h1 a*/
}
a:hover {
	text-decoration: underline;
}
header.main a:hover, 
footer.main a:hover {
	color: white;
	text-decoration: none;
}
a.button {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 9px;
	color: white;
	border: 1px solid #153B6A;
}
a.external,
.wysiwyg a[target=_blank] {
	background-image: url(../../img/ui/ico-link-external.png);
}
.blueLink {color:#7fc7ff;}
/*
| Tables (used in catalog)
*/
table {
	background-color: transparent;
}
th, td {
	border-color: #020918;
}
th,
thead th,
tbody th {
	background-color: #03091D;
}

/*
| Form
*/
form,
label,
button, form .button {
	font-family: "trebuchet ms", arial, verdana, sans-serif;
}
input,
textarea,
button,
select {
	/*css3*/
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
input,
textarea,
form .values dd {
	font-family: arial, verdana, sans-serif;
}
input.text,
input[type=text],
input[type=password],
textarea,
select {
	border-color: #319CCE;
	background: #C4E7FD url(../../img/ui/form-field-texture.png) repeat-x left -40px;
}
select {
	padding-top: .3em;
	padding-bottom: .3em;
	background-position: left -50px;
}
select .first {
	font-style: italic;
	background-color: #EEE;
}
input.text,
input[type=text],
input[type=password],
textarea {
	padding-top: .6em;
	padding-bottom: .6em;
}
button {
	padding: .45em 8px;
	font-size: 1.1em;
	line-height: 1.3em;
	color: white;
	text-transform: uppercase;
	border-color: #264506;
	background-color: #4D7F11; /*#76B643#4D7F11*/
	background-image: url(../../img/ui/form-field-texture.png);
	background-position: left -8px;
	/*css3*/
	text-shadow: 0 0 3px black;
}
button:hover {
	border-color: #76B643;
}
input[type=text]:focus, input.text:focus, textarea:focus,
input[type=password]:active, input.password:active, textarea:active {
	border-color: #4D7F11;
	background-color: #E7F2F8;
	background-position: left -45px;
}
button:focus, input[type=button]:focus, input.button:focus, input.btn:focus, a.button:focus, a.btn:focus,
button:active, input[type=button]:active, input.button:active, input.btn:active, a.button:active, a.btn:active {
	color: white;
	border-color: black;
}
legend {
	display: block;
	position: absolute;
	text-indent: -9999px; /*hidden text*/
	font-size: 10px;
	line-height: 10px;
}
fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
form .values dt,
form .values dd {
	margin-bottom: .6em;
	padding-top: .6em;
	padding-bottom: .6em;
	color: white;
}
form .values dd {
	border-color: #319CCE;
	background-color: #020918;
	/*css3*/
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
form.row div {
	min-height: 2.6em;
}
.row label,
.row dt {
	padding-top: .5em;
}
.validation {
	color: black;
	/*css3*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/* 
| Header + Footer
*/
header.main,
#header {
	position: relative;
	height: 96px;
	margin-top: 24px; /*manage vertical alignment with the green horizontal bar from the background*/
	border: 1px solid #3992D4;
	background: #003055 url(../../img/ui/bg-header.png) repeat-x;
	/*css3*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index:1000;
}
/* Site Top Logo */
#logo, header #logo {
	float: left;
	width: 201px;
	height: 96px;
	background: transparent url(../../img/ui/header-bg-texture.png) no-repeat left top;
}
#logo:hover, header #logo:hover {
	background-position: left -97px;
}
/* Header's top menu */
#topMenu {
	position: absolute;
	top: -1.8em;
	right: 0;
	font-size: 1.1em;
}
#topMenu ul {
	position: relative;
}
#topMenu li {
	white-space: nowrap;
	border-left:1px solid #11568c;
}
#topMenu li.first {
	margin-left: 0;
	border-left: none;
	
}
#topMenu li:last-child,
#topMenu li.last-child,
#topMenu li:last-child a,
#topMenu li.last-child a {
	margin-right:0;
	padding-right:0;
}
/* Header's main menu */
#mainMenu {
	float: left;
	position: relative;
	width: 757px;
	height: 98px;
	background: transparent;
}
#mainMenu ul {
	margin: 0;
	padding: 0;
}
#mainMenu li {
	position: relative;
	margin: 0;
	padding: 0;
	border-left: 0;
}

div#mainCat{
	clear: both;
	width: 100%;
	background: transparent url(../../img/ui/header-bg-texture.png) no-repeat -201px top;
}

div#mainCat ul{
	height: 47px;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 1.1em;
	float:right;
}
div#mainCat ul li {
	background:none repeat scroll 0 0 transparent;
	clear:none;
	display:block;
	float:left;
	font-weight:normal;
	margin:0 4px 0 8px;
	padding-top:14px;
	white-space:nowrap;
	width:auto;
}
div#mainCat ul li a {
	background:none repeat scroll 0 0 transparent;
	color:white;
	/*display:block;*/
	width:auto;
}

div#mainCat ul li.cart a span{
	background-position:left -50px;
	background:url("../../img/ui/ico-mainMenu-catalogueInfo-sprite.png") no-repeat scroll -1px top transparent;
	font-family:'AllerRegular',sans-serif;
	font-weight:normal !important;
	padding:3px 0 2px 31px;
	text-shadow:0 0 3px black;
	text-transform:uppercase;
	white-space:nowrap;
	background-position:left -50px;
}
div#mainCat ul li.cartitem{

display:block;
float:left;
margin:0;
overflow:hidden;
padding-top:17px;
vertical-align:middle;
width:auto;
	color:#7CCAFA;
}

div#mainCat ul li.paiement a span{
	margin:0 4px 0 8px;
	background:url("../../img/ui/ico-mainMenu-catalogueInfo-sprite.png") no-repeat scroll -1px top transparent;
	font-family:'AllerRegular',sans-serif;
	font-weight:normal !important;
	padding:3px 0 2px 31px;
	text-shadow:0 0 3px black;
	text-transform:uppercase;
	white-space:nowrap;
	background-position:left top;
}
div#mainCat ul li.paiement{

display:block;
float:left;
margin:0;
overflow:hidden;
padding-top:14px;
vertical-align:middle;
width:auto;
	color:#7CCAFA;
}


#mainMenu li.row2 {
	width: auto;
	background: transparent;
}
/* Header catalogue informations */
#mainMenu dl.catalogueInfo {
	height: 47px;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 1.1em;
	float:right;
}
/* Header catalogue informations links */
#mainMenu .catalogueInfo dt {
	float: left;
	clear: none;
	display: block;
	display: block;
	width: auto;
	margin: 0 4px 0 8px;
	padding-top: 14px;
	font-weight: normal;
	white-space: nowrap;
	background: transparent;
}
.en #mainMenu .catalogueInfo dt {
	margin-right: 10px;
	margin-left: 12px;
}
#mainMenu .catalogueInfo dt.first {
	margin-left: 4px;
}
/* Header catalogue informations data */
#mainMenu .catalogueInfo dd {
	float: left;
	display: block;
	width: auto;
	padding-top: 17px;
	overflow: hidden;
	margin: 0;
	vertical-align: middle;
	color: white;
	background: transparent;
}
/* English horizontal spacing is different */
.en #mainMenu .catalogueInfo dt {
	margin-right: 10px;
	margin-left: 16px;
}
.en #mainMenu .catalogueInfo dd {
	margin-right: 10px;
}
/* Header's main menu content */
#mainMenu .catalogueInfo dt a {
	display: block;
	width: auto;
	color: white;
	background: transparent;
}
#mainMenu .catalogueInfo dt a:hover,
#mainMenu .catalogueInfo dt a:hover span {
	text-decoration: underline!important;
}
#mainMenu .catalogueInfo dd {
	color: #7CCAFA;
}
#mainMenu .catalogueInfo dd a {
	color: #7CCAFA;
	text-decoration: underline!important;
}
#mainMenu .catalogueInfo .cart a.checkout {
	float: right;
	width: 9px;
	height: 8px;
	margin: 1px 2px 0 2px;
	padding: 1px;
	text-indent: -9999px; /*hidden text*/
	border: 1px solid #264506;
	background: #4D7F11 url(../../img/ui/ico-catalog-options-sprite.png) no-repeat 1px -297px;
	/* css3 */
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
}
#mainMenu .catalogueInfo .cart a.checkout:hover {
	border-color: #76B643;
	background-position: 1px -297px;
}
/* Header - titres images de navigation */
#mainMenu .row2 a {
	display: block;
	overflow: hidden;
	width: auto;
	height: 49px; /*48+1 because the top-border is included in the bg-img */
	padding-top: 0;
	padding-bottom: 0;
	font-size: 14px;
	color: white;
	text-align: center;
	text-decoration: none;
	/*text-indent: -9999px; /*hidden text*/
	background: transparent url(../../img/ui/header-bg-texture.png) no-repeat;
}
/* Default status */
#mainMenu .about a				{ width:191px; background-position: -201px -48px; }
#mainMenu .catalogue a			{ width:148px; background-position: -392px -48px; }
#mainMenu .projects a			{ width:227px; background-position: -541px -48px; }
#mainMenu .contact a			{ width:191px; background-position: -768px -48px; }
/* Hover status */
#mainMenu .about a:hover,
#mainMenu .about:hover a					{ background-position: -201px -145px; }
#mainMenu .catalogue a:hover,
#mainMenu .catalogue:hover a,
#mainMenu .catalogue.hover a				{ background-position: -392px -145px; }
#mainMenu .projects a:hover,
#mainMenu .projects:hover a					{ background-position: -541px -145px; }
#mainMenu .contact a:hover,
#mainMenu .contact:hover a					{ background-position: -768px -145px; }
/* Titres images, blanc sur bleu */
#mainMenu a span {
	display: block;
	height: 14px;
	width: auto;
	cursor: pointer;
}
#mainMenu .catalogueInfo dt span {
	padding: 3px 0 2px 31px;
	font-family: 'AllerRegular', sans-serif;
	font-weight: normal!important;
	text-transform: uppercase;
	white-space: nowrap;
	background: transparent url(../../img/ui/ico-mainMenu-catalogueInfo-sprite.png) no-repeat -1px top;
	/*css3*/
	text-shadow: 0 0 3px black;
}
/* Header catalogue informations : Individual values */
#mainMenu .catalogueInfo dt.secure a span		{ background-position: left top; }
#mainMenu .catalogueInfo dt.cart a span			{ background-position: left -50px; }
#mainMenu .catalogueInfo dt.log a span			{ background-position: left -100px; }
#mainMenu .catalogueInfo dt.log a:hover span,
#mainMenu .catalogueInfo dt.loggedIn a span		{ background-position: left -150px; }
#mainMenu .catalogueInfo dt.loggedIn a:hover span{ background-position: left -200px; }
/* Login States */
#mainMenu .catalogueInfo dt.log a:hover,
#mainMenu .catalogueInfo dt.loggedIn a			{ color: #76B643; } /*vert*/
#mainMenu .catalogueInfo dt.loggedIn a:hover	{ color: #CC6666; } /*rouge*/

#mainMenu .row2 span {
	margin-top: 18px;
	margin-left: auto;
	margin-right: auto;
	font-family: Helvetica, sans-serif, 'AllerBold', sans-serif;
	font-weight: normal!important;
	text-transform: uppercase;
	/*css3*/
	text-shadow: 0 0 3px black;
}
/* Titres images Francais *
#mainMenu .log span			{ width: 70px; background-position: left top; margin-left:45px; }
#mainMenu .cart span		{ width: 90px; background-position: left -50px; }
#mainMenu .secure span 		{ width:110px; background-position: left -100px; }
#mainMenu .about span		{ width:130px; background-position: left -150px; }
#mainMenu .catalogue span	{ width: 80px; background-position: left -200px; }
#mainMenu .projects span	{ width:150px; background-position: left -250px; }
#mainMenu .contact span		{ width:110px; background-position: left -300px; }
/* Titres images English (sur le meme sprite) *
.en #mainMenu .log span			{ background-position: -160px top; }
.en #mainMenu .cart span		{ background-position: -160px -50px; }
.en #mainMenu .secure span 		{ background-position: -160px -100px; }
.en #mainMenu .about span		{ background-position: -160px -150px; }
.en #mainMenu .catalogue span	{ background-position: -160px -200px; }
.en #mainMenu .projects span	{ background-position: -160px -250px; }
.en #mainMenu .contact span		{ background-position: -160px -300px; }
*/

/* 
| Headers dropdown second level menu (subtree)
| NOTE: make sure to add the CLASS "subtree" on the parent <LI> tag.
*/
#mainMenu .subtree {
	position: absolute;
	top: 49px; /*same height as the parent title-image (#mainMenu .row2 a) */
	left: -9999px; /*hidden but accessible for SEO*/
	width: auto;
	min-height: 42px;
	padding: 3px 5px 5px 5px; /* 5px padding is for mouse hover event */
	background: transparent;
	z-index: 5;
}
#mainMenu li:hover .subtree,
#mainMenu li.hover .subtree {
	left: -4px; /*added horizontal margins for the shadow */
}
#mainMenu li.last:hover .subtree,
#mainMenu li.last.hover .subtree {
	left: -45px; /*if you ever add subtree to header's CONTACT menu*/
}
#mainMenu .subtree ul {
	width: 208px;
	height: 100%;
	padding: 1em 6px 1.2em 16px;
	background-color: #01223C; /*same dark blue as the parent HOVER bg-header image*/
	/*css3 box-shadow*/
	-moz-box-shadow: 0 5px 10px #333;
	-webkit-box-shadow: 0 5px 10px #333;
}
#mainMenu .subtree li {
	float: none;
	clear: left;
	/*width: 100%;*/
	margin: 0;
	padding: .5em 0;
	background: transparent none repeat-x left top;
}
#mainMenu .subtree a {
	width: 100%; /*reset*/
	height: auto; /*reset*/
	display: inline-block !important; /*reset*/
	display: inline; /*ie fallback*/
	text-align: left; /*reset*/
	text-indent: 0; /*reset*/
	padding-left: 1em;
	color: white;
	background: transparent url(../../img/ui/ico-links-arrow.png) no-repeat left 3px !important; /* !important overrules the above "#mainMenu .row2 a" */
}
#mainMenu .row2 .subtree a {
	font-size: 1.1em;
}
#mainMenu .subtree a:hover {
	color: #8FCEFF;
	text-decoration: none;
	background-position: left -197px !important;
}
#mainMenu .subtree a strong {
	font-weight: normal; /*strong tags = SEO*/
	/*text-transform: uppercase;*/
}
/* Footer logo is a simple background */
footer.main, 
#footer.main {
	clear: both;
	position: relative;
	width: 934px;
	padding: 0px 13px 0px 13px;
	background: #091D38 url(../../img/ui/bg-footer.png) repeat-x left bottom;
	height:97px;
}
footer.main nav,
#footer.main nav {
	float: left;
	clear: left;
	margin: 0 0 1em 20px;
}
footer.main nav li,
#footer .nav li {
	font-size: 1.2em;
	border-left-style: solid;
	border-left-color: #8FCEFF;
}
footer.main nav a,
#footer .nav a {
	color: white;
	font-weight: normal;
	text-decoration: none;
}
footer.main nav a:hover,
#footer .nav a:hover {
	color: #3992D4; /*bleu4 azure*/
	text-decoration: none;
}
footer.main #copyright, #footer #copyright,
footer.main #copyright a, #footer #copyright a {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 1em;
	color: #3992D4; /*bleu4 azure*/
	text-transform: uppercase;
}
footer.main #copyright a,
#footer #copyright a {
	font-size: 0.84em;
	color: #3992D4; /*bleu4 azure*/
}
footer.main a.logo img,
#footer a.logo img {
	display: none; /*show only on printer mode*/
}
footer.main a.logo,
#footer a.logo {
	float: right;
	position: relative;
	display: block;
	width: 85px;
	height: 33px;
	text-decoration: none;
	background: transparent url(../../img/ui/bg-footer-logo-sprites.png) no-repeat left top;
}
footer.main a.logo:hover,
#footer a.logo:hover {
	text-decoration: none;
	background-position: left bottom;
}
div.hr {
	border-top-color: #020918;
	margin:0 0 30px 0;
	padding:0;
}
footer.main .hr,
#footer .hr {
	/*width: 934px;  958 - (2x12) = 934 */
	display: block;
	border-top-color: #03091d;
}
footer.main .hr a,
#footer .hr a {
	display: none;
}
/* These 2 bgGradient are left and right blocks positioned on both side of the footer to hide the doc-wrapper end */
footer .bgGradient,
#footer .bgGradient {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 15px;
	height: 100px;
	background: green url(../../img/ui/bg-footer-gradient-L-R.png) no-repeat -9999px bottom;
}
footer #leftWrapper,
#footer #leftWrapper {
	left: -15px;
	background-color: transparent;
	/*background-image: none;*/
	background-position: left bottom;
}
footer #rightWrapper,
#footer #rightWrapper {
	right: -15px;
	background-color: transparent;
	/*background-image: none;*/
	background-position: right bottom;
}



/* 
====================
Page main container
====================
*/

section.main,
#section {
	clear: both;
	margin-top: 1px;
	padding: 0 1px; /*replicates the 1px side borders that are visible only for the banner*/
	font-size: 1.2em;
	border-top: 1px solid #3992D4;
	background-color: #091D38;
	position:relative;
	z-index:1;
}



/* 
=================================
| Sibebar Tabs and Horizontal menu
| This container overlap (is positioned over) the below #CONTENT by 10px
=================================
*/
#sidebar hr {
	display: none;
}
#sidebar {
	clear: both;
	position: relative;
	z-index: 1;
	background: transparent;
}
/* Sibebar: Tabs */
#sidebarTabs {
	position: absolute;
	z-index: 2;
	top: -132px;
	right: 9px;
	width: 420px;
	background-color: transparent;
}
#sidebarTabs .tabNav {
	float: left;
	position: relative;
	width: 80%;
	height: 29px;
	margin: 0;
	padding: 0;
}
#sidebarTabs .tabNav li {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent none;
}
/* Sidebar Tab Backgrounds */
#sidebarTabs .tabNav a {
	display: block;
	width: auto;
	color: white;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent url(../../img/ui/sidebar-tabNav-bg.png) no-repeat left top;
	/*css3*/
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
}
#sidebarTabs #searchAnchor a							{ background-position: left top; }
#sidebarTabs #newsletterAnchor a						{ background-position: -131px top; }
#sidebarTabs.showNewsletterContent #newsletterAnchor a	{ background-position: -300px top; }
/* Sidebar Tab Titles */
#sidebarTabs li a span {
	display: block;
	height: 29px; /*........................... QUIKC FIX: On chache le control ...*/
	text-indent: -9999px;
	background: transparent url(../../img/ui/sprite-sidebar-titles-white-bg-blue.png) no-repeat left top;
}
/* Sidebar Tab Titles Francais */
#sidebarTabs #searchAnchor a span {
	width: 131px;
	background-position: 35px 7px;
}
#sidebarTabs #newsletterAnchor a span {
	width: 149px;
	background-image: url(../../img/ui/sprite-sidebar-titles-white-bg-green.png);
	background-position: 31px -55px;
}
/* Sidebar Tab Titles English */
.en #sidebarTabs #searchAnchor a span		{ background-position: -163px 7px; }
.en #sidebarTabs #newsletterAnchor a span	{ background-position: -169px -55px; }
/* Sidebar Tab Nav (arrow) Control */
#sidebarTabs .control {
	display: none;
	/*......................................... QUIKC FIX: On chache le control ...
	float: right;
	width: auto;
	padding: 11px 10px 10px 10px;
	background: #091D39;
	cursor: pointer;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	*/
}
#sidebarTabs .control span {
	display: block;
	text-indent: -9999px;
	width: 14px;
	height: 8px;
	font-size: 1em;
	line-height: 1em;
	background: transparent url(../../img/ui/sidebar-tabNav-control-sprite.png) right center;
}
/* Sidebar Tab Contents */
#sidebarTabs .tabContent {
	display: block;
	clear: both;
	height: 87px;
	padding: 12px 12px 0 12px;
	overflow: hidden;
	background: #2B73AB url(../../img/ui/sidebar-tabContent-bg.png) repeat-x left top;
}
/* 
| .hidingTabContents = Sibebar Tabs Animation: 
| By default, the search form is visible until the DOM is loaded
| When the DOM is loaded, the search form is hidden
*/
#sidebarTabs.hidingTabContents {
	top: -54px;
}
#sidebarTabs.hidingTabContents .control span {
	background-position: left center;
}
/* Main banner image's foreground gradient layer */
#bannerForeground {
	position: absolute;
	top: -54px;
	/*height: 50px;*/
	width: 100%;
	/*background: transparent url(../../img/ui/banner-foreground-gradient-layer.png) repeat-y center top;*/
}
/* Sidebar forms containers */
#sidebarTabs form {
	padding-top: 12px;
	border-top: 1px solid #062A46; /*bleu tres fonce*/
}
#sidebarTabs form div {
	clear: both;
}
#sidebarTabs label {
	float: left;
	width: 20%;
}
#sidebarTabs button {
	float: right;
	width: auto;
}
#sidebarTabs input.text,
#sidebarTabs input[type=text],
#sidebarTabs input[type=password] {
	float: left;
	width: 190px;
	background: #92D1EF url(../../img/ui/form-input-bg-gradients.png) repeat-x left top;
	/*css3*/
	text-shadow: 0 0 3px white;
}
#r { float: left; width: 190px; background: #92D1EF url(../../img/ui/bg-input-r.png) no-repeat left top!important; text-shadow: 0 0 3px white; color:#fff;}
/* Sidebar forms typo */
fieldset.action {
	padding-top: 20px;
	padding-left: 0;
}
#sidebarTabs label,
#sidebarTabs button,
#sidebarTabs .link {
	color: white;
	text-transform: uppercase;
	border: 0;
	background: none;
	/*css3*/
	text-shadow: 0 0 3px black;
}
#sidebarTabs label,
#sidebarTabs button {
	margin-right: 0;
	padding: .5em 8px .4em 8px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: white;
	border: none;
	background: transparent;
	/*css3*/
	text-shadow: 0 0 3px black;
}
#sidebarTabs button {
	background-color: #319CCE; /* QA_LUTEK, line#9 */
}
#sidebarTabs #advanceSearch {
	display: block;
	margin-left: 96px;
	padding-top: .2em;
	font-size: .84em;
	text-decoration: underline;
}
/* Sidebar Newsletter form styling */
#sidebarTabs #infolettre-newsletter {
	background-color: #32570B; /*vert fonce*/
	background-position: left -101px;
}

/* 
| Sibebar: Horizontal menu
| This container overlap (is positioned over) the #CONTENT by 10px
*/
#sidebarMenu {
	position: relative;
	top: 0;
	z-index: 3;
	height: 114px;
	margin: 0 -1px; /*to cover the 1px padding from section.main */
	background: transparent url(../../img/ui/bg-sidebarMenu.png) repeat-x left top;
}
#sidebarMenu ul {
	margin: 0;
	padding: 0;
}
#sidebarMenu li {
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebarMenu a {
	display: block;
	width: auto;
	height: 98px;
	padding: 16px 8px 0 0; /*total height = 114px*/
	color: white;
	font-size: .92em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(../../img/ui/sprite-sidebarMenu-bg.png) no-repeat left top;
	/*css3*/
	text-shadow: 0 0 3px #3A5810; /*vert fonce*/
}
#sidebarMenu a strong {
	font-size: 1.3em;
}
/* Sidebar Menu backgrounds */
#sidebarMenu .cat1 a /*w=248px*/ { width:137px; padding-left:103px; background-position:left top; }
#sidebarMenu .cat3 a /*w=287px*/ { width:159px; padding-left:120px; background-position:-248px top; }
#sidebarMenu .cat2 a /*w=224px*/ { width:94px; padding-left:122px; background-position:-535px top; }
#sidebarMenu .cat4 a /*w=199px*/ { width:74px; padding-left:119px; background-position:-759px top; }
/* Sidebar Menu backgrounds Hover */
#sidebarMenu .cat1 a:hover { background-position:left -120px; }
#sidebarMenu .cat3 a:hover { background-position:-248px -120px; }
#sidebarMenu .cat2 a:hover { background-position:-535px -120px; }
#sidebarMenu .cat4 a:hover { background-position:-759px -120px; }
/* Sidebar Menu Titles */
#sidebarMenu a .sprite {
	display: block;
	text-indent: -9999px;
	height: 60px;
	background: transparent url(../../img/ui/sprite-sidebarMenu-titles-white.png) no-repeat left top;
	cursor: pointer;/*ie*/
}
#sidebarMenu .cat1 a .sprite { width:120px; background-position: left top; }
#sidebarMenu .cat3 a .sprite { width:145px; background-position: -264px top; }
#sidebarMenu .cat2 a .sprite { width: 84px; background-position: -554px top; }
#sidebarMenu .cat4 a .sprite { width: 70px; background-position: -775px top; }
/* v.English */
.en #sidebarMenu .cat1 a .sprite { width:120px; background-position: left -120px; }
.en #sidebarMenu .cat3 a .sprite { width:145px; background-position: -264px -120px; }
.en #sidebarMenu .cat2 a .sprite { width: 84px; background-position: -554px -120px; }
.en #sidebarMenu .cat4 a .sprite { width: 76px; background-position: -775px -120px; }


/* 
==================
Central content
==================
*/

#content {
	clear: both;
	position: relative;
	z-index: 0;
	top: -10px; /*this container pass under the sidebarMenu*/
	width: 894px; /* total width (20 + 894 + 20) = 934px */
	margin: 0 auto;
	padding: 0 20px 1.2em 20px;
	background-color: transparent;
}
.main div.banner {
	clear: both;
	height: 141px;
	overflow: hidden;
	margin: 0 -1px;
	border-top: 0;
	border-right: 1px solid #3992D4;
	border-bottom: 4px solid #3992D4; /*manage vertical alignment with the green horizontal bar from the background*/
	border-left: 1px solid #3992D4;
	background-color: #3992D4;
}
.main .banner img {
	width: 958px;
	height: 141px;
}
.theTitle,
.theTitle a,
.single .parentTitle a {
	color: #7CCAFA;
	font-family: 'AllerBold', sans-serif;
	font-weight: normal!important;
	text-transform: uppercase;
}
.theTitle a:hover {
	cursor: default;
	text-decoration: none;
}
.theTitle {
	font-size: 1.6em;
}
h2.theTitle a{color:#AADAFF!important; font: bold 11px 'trebuchet MS'!important;}
h2.theTitle a:hover {
	cursor: pointer;
	text-decoration: underline;
}
.parentTitle {
	font-size: 1em;
}
.page-template-default .theTitle,
.page-template-contact-php .theTitle,
.page-template-sitemap-php .theTitle,
.archive .parentTitle,
.single .theTitle,
#mailPressTemplate .theTitle,
#theTitle {
	width: 100%;
	margin-right: -33px;
	margin-bottom: 1.2em;
	margin-left: -33px;
	padding: 10px 33px 18px 33px;
	text-indent: -12px;
	border-bottom: 1px solid #020918; /*match le bg*/
}
/* Quand c'est un ID, #theTitle est utilise commu un hgroup */
#theTitle {
	font-family: 'AllerBold', sans-serif;
	font-weight: normal!important;
	text-transform: uppercase;
}
#theTitle h1,
#theTitle h1 a {
	font-size: 1.6em;
	color: #7CCAFA;
	line-height: normal;
}
#theTitle h1 a:hover {
	cursor: default;
	text-decoration: none;
}
#theTitle p {
	margin-top: -.6em;
	margin-bottom: 0;
	font-size: .84em;
	color: #7CCAFA;
}
/*
Styling the CMS content from WordPress's TinyMCE WYSIWYG module
*/
#content .wysiwyg img {
	border: 2px solid #3992D4; /*liens*/
}
/* typo within TinyMCE WYSIWYG */
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg strong {
	text-shadow: 0 0 3px black; /*css3*/
}
.wysiwyg h1,
.wysiwyg h2 { font-size:1.4em; color:#7CCAFA; font-family: 'AllerBold','trebuchet ms',sans-serif; font-weight: normal!important; text-transform: uppercase; }
.wysiwyg h3 { font-size:1.4em; color:#76B643; }
.wysiwyg strong		{ color:#7CCAFA; }
.vcard .fn .value	{ color:#7CCAFA; font-size:1.2em;}
/* list within TinyMCE WYSIWYG */
.wysiwyg ul li {
	clear: left;
	list-style: none;
	margin-left: 0;
	padding-left: 10px;
	background: transparent url(../../img/ui/ico-list-bullet.png) no-repeat left top;
}
.wysiwyg ul.dark,
.wysiwyg ul ul {
	width: 45%;
	margin: .3em 0 .6em;
	padding: .6em 11px;
	background-color: #03091D;
}
.wysiwyg ul ul li{
	width: auto;
}


/*
| Template file : Index.php
*/
#content #error404 {
	clear: both;
	margin: 100px 0 200px;
}
.single .parentTitle {
	margin-bottom: 0;
	margin-left: -12px;
	padding-top: 10px;
	color: white;
}
.single .parentTitle a {
	color: white;
}
.single .theTitle {
	margin-top: 0;
	padding-top: 0;
}


/*
| Template file : Archive.php
*/
.category-nouvelles #theTitle .query,
.category-news #theTitle .query {
	position: absolute;
	left: -9999px;
}
#articleList {
	margin: 1.2em 0 0 0;
	padding-bottom: 1.2em;
}
#articleList article {
	margin: 1.2em 0;
	padding-left: 12px;
	list-style: none;
}
#articleList .theTitle {
	margin-bottom: .3em;
	text-indent: -11px;
	font-size: 1.2em;
}
#articleList .theTitle a {
	padding-left: 10px;
	color: white;
	background: transparent url(../../img/ui/ico-links-arrow.png) no-repeat left 5px;
}
#articleList .wysiwyg {
	margin-bottom: .3em;
	color: #7CCAFA;
}
#articleList .publishInfo {
	margin-left: -1px;
	padding: 6px 12px;
	background-color: #04091D;
}
#articleList .thePermalink {
	display: block;
	clear: left;
	white-space: nowrap;
}
#articleList article:hover .theTitle a {
	color: #7CCAFA; /*liens*/
}
#articleList article:hover .wysiwyg {
	color: #3992D4; /*liens*/
}
#articleList article:hover .button {
	color: #3992D4; /*liens*/
	text-decoration: underline;
}


/*
| Template Name: Sitemap
*/
.page-template-sitemap-php .wysiwyg {
	padding-bottom: 1.2em;
}
ul.sitemapList {
	margin-left: 0;
}
.sitemapList a {
	display: block;
	padding-bottom: .6em;
	padding-left: 10px;
	color: white;
	background: transparent url(../../img/ui/ico-links-arrow.png) no-repeat left 3px;
}
.sitemapList a:hover {
	color: #3992D4; /*liens*/
}
.sitemapList li.catalog { width: 42%; }
.sitemapList li.last 	{ width: 22%; }
.sitemapList .catalog li { 
	margin-left: 0;
}
.sitemapList .catalog li li {
	width: 80%;
	margin-left: 1em;
	font-weight: normal;
}


/*
| Template Name: Homepage (Accueil)
*/
.page-template-homepage-php .main div.banner {
	height: 323px;
}
.page-template-homepage-php .main .banner img {
	height: 323px;
}
.page-template-homepage-php .x2col .col {
	width: 54%;
}
.page-template-homepage-php #content article {
	margin-top: 1.2em;
}
.page-template-homepage-php article .theTitle {
	position: absolute;
	left: -9999px; /*hidden H1 text for SEO*/
}
#content aside.col {
	float: right;
	margin-right: -24px;
	margin-left: 0;
	padding: 10px 20px 20px 20px; /*10px @ top = resets the negative margin-top of content*/
	background: #010010 url(../../img/bg-home-page-news.jpg) no-repeat right bottom;
	width:379px;
}
#newsIndex {
	clear: both;
	margin-bottom: 10px;
	height:288px;
}
#newsIndex .parentTitle a {
	display: block;
	overflow: hidden;
	text-indent: -9999px; /*hidden text*/
	width: 160px;
	height: 18px;
	background: transparent url(../../img/ui/sprite-accueil-titles-white.png) no-repeat left top;
}
/* v. English */ .en #newsIndex .parentTitle a { background-position: -200px top; }
#newsIndex ul.link {
	margin: 1.2em 0 0 0;
	padding-bottom: 1.2em;
	padding-left: 0;
}
#newsIndex .link li {
	margin: .9em 0;
	padding-left: 0;
	list-style: none;
}
#newsIndex .link .theTitle {
	margin-bottom: .3em;
	font-size: .92em;
}
#newsIndex .link .wysiwyg {
	color: #3992D4; /*liens*/
}
.link a.button {
	padding: .2em 5px;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-size: .75em; /*9px*/
	color: white;
	border: 1px solid #143666;
	background: transparent;
}
.link a.button:hover {
	color: white;
	text-decoration: none!important;
	border-color: #7CCAFA!important;
	background-color: #020918!important;
}
.link .button span {
	display: inline-block;
	width: auto;
	padding-bottom: .1em;
	padding-left: 12px;
	white-space: nowrap;
	cursor: pointer;
	background: transparent url(../../img/ui/ico-catalog-options-sprite.png) no-repeat left -100px;
}
.link .moreDetails span {
	background-position: left -100px;
}
a span.plusSign {color:#006efe;}
a.btnMoreDetails {color:#fff; margin:10px 0; float:left; width:100%;}

#newsIndex .link li:hover .theTitle a,
#newsIndex .link li.hover .theTitle a {
	color: #C2E3FF;
	text-decoration: none;
}
#newsIndex .link .theTitle a:hover,
#newsIndex .link li:hover .theTitle a:hover,
#newsIndex .link li.hover .theTitle a:hover {
	color: #C2E3FF;
	text-decoration: underline;
}
#newsIndex .link li:hover .wysiwyg,
#newsIndex .link li.hover .wysiwyg {
	color: #7CCAFA;
}
.page-template-homepage-php #suppliers {
	clear: both;
	position: relative;
	height: 114px;
}
#suppliers h2 {
	width: 110px;
	height: 30px;
	margin: 0 0 0 7px;
	padding: 0;
	font-size: 1em;
	background: transparent url(../../img/ui/sprite-accueil-titles-white.png) no-repeat left -63px;
}
/* v. English */ .en #suppliers h2 { background-position: -200px -63px; }
#suppliers .logo {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 242px;
	height: 115px;
	overflow: hidden;
	background: white;
}
#suppliers .logo img {
	width: 242px;
	height: 115px;
	background: transparent url(../../img/ui/img.png);
}
#suppliers .img-foreground-texture {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 0;
	width: 242px;
	height: 115px;
	background: transparent url(../../img/ui/suppliers-img-foreground-texture.png) no-repeat center center;
}

/*
| Contact
*/
.page-template-contact-php .contactAddress {
	float: left;
	width: 50%;
}
.page-template-contact-php .wysiwyg {
	float: left;
	width: 40%;
	margin-left: 2%;
}
ul.image-team {
	margin-left: 0;
}
ul.image-team li {
	padding-top: 10px; 
	padding-left: 0;
	background: none;
}
.page-template-contact-php .image-team li {
	/*float: left;
	clear: none;
	width: 45%;*/
}
ul.image-team li img {
	margin-top: -10px;
}
.image-team li strong	{ 
	font-size: 1.2em; 
	color:#76B643;
}
.mandatory abbr {
	color: #319CCE;
}
form p.mandatory {
	padding-right: 2%; /*vertcal align with field*/
	text-align: right;
	color: #319CCE;
}
#googleMaps {
	clear: both;
	width: 400px;
	margin-top: 1.2em;
}
#gmap {
	width: 100%;
	margin: 0 -1px; /*fix the 1px border width*/
	height: 210px;
	border: 1px solid #319CCE;
	/*css3*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#googleMaps form {
	margin-top: .6em;
}
#googleMaps form div {
	text-align: right;
}
#googleMaps form div label {
	width: 70%; /*pour simuler un alignement a droite*/
	padding-top: 0.1em;
}
#infoBulle {color:#000;}
/* Controler la quantite de caracteres par ligne*/
.en #googleMaps form div label { text-indent: 70px; }
.fr #googleMaps form div label { text-indent: 70px; }
#googleMaps form div input {
	width: 15%;
	margin: 0 2% 0 1%;
	text-align: center;
}
#googleMaps button {
	float: left;
	clear: none;
	margin: -1px 0 0 0;
}
#googleMaps .link {
	display: block;
	position: absolute;
	left: -9999px;
}
#sendMail fieldset select {
	width: 98%;
}
#sendMail button.reset {
	position: absolute;
	left: -9999px;
}
#userPostalCode {text-transform:uppercase;}