/*
Theme URI: http://www.alliance-chapiteaux.com/
Description: Custom structure site
Version: 1.0
Author: Alexandre Gautier
Summary:
	CLEAR FLOAT 
	GENERIC
	GLOBAL
	HEADER
	NAVS
	FOOTER
	WRAPPER
	FORM
	PAGE PAR PAGE
*/

/****************************************************/
/* =CLEAR FLOAT 
/*****************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/****************************************************/
/* =GENERIC TAG
/*****************************************************/
body { font: 13px Helvetica, Arial, sans-serif; background:url(../images/bg_body.gif) repeat-x left top; }

a:focus {outline:none; }

h1 { font-size: 40px;}
h2 { font-size: 30px; color:#333; text-transform:uppercase; }
	h2 a{ color:#333; }
h3 { font-size: 18px; color:#990000; }
	h3 a{ color:#990000; }
h4 { font-size: 16px; }
h5{ font-size:13px; text-transform:uppercase; color:#990000; }

a{ text-decoration:none; outline:none; }
strong{ font-weight:bold; }
textarea{ font: 13px Helvetica, Arial, sans-serif; background:url(../images/bg_body.gif) repeat-x left top; }
ul li{ list-style-type:none; }
/****************************************************/
/* =GLOBAL
/*****************************************************/

.taille{ width:955px; margin:0 auto; }
.red{ color:#990000; }
.gray{color:#666 }
.hrAlliance{ clear: both; background: url(../images/bg_hr.gif) repeat-x left center; height: 55px; }
	.hrAlliance hr{ display:none; }
.marg40{ margin-top:40px; }
.bold{ font-weight:bold; }
/****************************************************/
/* =HEADER
/*****************************************************/
#header{ margin:0 18px; background:url(../images/bg_header.jpg) no-repeat bottom left; }

h1#logo{ background:url(../images/logo.png) no-repeat left top; float:left;width:376px; height:95px;  margin:20px 0 0 5px; }
h1#logo a{width:376px; height:95px; display:block; }
h1#logo span{ text-indent:-9999px; display:block; }
#headerDiapo{ background:url(../images/bg_headerDiapo.jpg) no-repeat left 1px; float:left; width:537px; height:202px; }
/****************************************************/
/* =NAVS
/*****************************************************/
#menu{ background:url(../images/bg_menu.png) no-repeat left top; height:152px; margin:0px 86px; /*<- width a suppr*/ }
	#menu ul{ margin-left:1px; }
	#menu li{ float:left; display:inline; }
	#menu li h3 a{ display:block; text-indent:-9999px; width:156px; height:152px; background-position:bottom left; background-repeat:no-repeat; }
	#menu li h3 a:hover{ background-position:center left; }
	#menu li h3 a.active{background-position:top left; }
		#onglet1 h3 a{ background:url(../images/menu/onglet-moyens.png); }
		#onglet2 h3 a{ background:url(../images/menu/onglet-accessoires.png); }
		#onglet3 h3 a{ background:url(../images/menu/onglet-espaceVente.png); }
		#onglet4 h3 a{ background:url(../images/menu/onglet-references.png); }
		#onglet5 h3 a{ background:url(../images/menu/onglet-contact.png); }
/****************************************************/
/* =FOOTER
/*****************************************************/
#footer{ background:#eaeaea; padding:20px; font-size:11px;  }

	#copy{ float:left; color:#333; }
	#copy a{ color:#5a595a; }
	#copy a:hover{ color:#990000; text-decoration:underline; }
	
	#menuFooter{ float:right; }
	#menuFooter li{ float:left; display:inline; }
	#menuFooter li a {color:#9b9b9b; }
	#menuFooter li a:hover{color:#5a595a; }
.partenaires{clear:both; float:right; }
.partenaires a{ color:#999; }

/****************************************************/
/* =WRAPPER
/*****************************************************/
#wrapper{ margin:30px 88px; min-height:300px; }

/*Style block*/
.content_Text-style1{ background:url(../images/bg_content_Text.gif) repeat-y right top; float:left; }
.content_Diapo{ float:left; width:313px; }

/*colonne bloc*/
.colonne2{ width:435px; padding-right:30px; }
.colonne2Strict{ width:355px; float:left; text-align:justify; }
.colonne3{ width:239px; padding:0 10px; }
.colonne5{ width:145px; padding-right:10px; min-height:150px; }

/*Gestion paragraphe*/
.paragraphe{ margin-top:25px; }
	.paragraphe img{ float:left; margin-right: 10px; }

.paragraphe2{ margin-top:25px; }

ul.link{ font-size:11px; margin-left:30px; }
ul.link li{ list-style:url(../images/bg_picto-style2.gif); line-height:18px; }
ul.link li a{ color:#5b5b5b; }

.textCycle{ margin:30px 0 0 170px; float:left; position:absolute; width:190px; }
.cycleshow { float:left; width:160px; }


/*Gestion image*/
p.image a{ border:1px solid #333; display:block; }
p.image a:hover{ border:#eaeaea 1px solid; }
p.image a img{ border:8px solid #eee; }

/*Gestion Bouton*/
a.bt-detail{ height:38px; width:221px; display:block; text-indent:-9999px; background-position:left top; background-repeat:no-repeat; }
a.bt-detail:hover{ background-position: bottom left;}

/* google map*/
.map{ margin-left:20px; background:#eee; border:1px solid #333; padding:8px; }
.map small a{ color:#660000; background: url(../images/picto-url.gif) no-repeat left top; padding-left: 20px; display:block; height:16px; margin-top:5px; font-weight:bold;  }

/*custom*/
.colonne3 p.image a{ width:216px; margin:0 auto }
.colonne3 p.paragraphe{ text-align:justify; }
.colonne3 .bt-detail {margin:0 auto; }
.colonne3 .tailleblock{ min-height:130px; }

.colonne5 h3, .colonne3 h3{ text-transform:uppercase; text-align:center; min-height:47px; }
.colonne2 .tailleblock{ min-height:140px; }

div.gauche{ margin-right:30px; padding-right: 35px; }

.slogan { background:#eee; border:1px solid #333; padding:8px; text-align:center; font-weight:bold; }

.content_Diapo h3, .content_Diapo h5{ margin-left:20px; }
.content_Diapo #sloganAccueil { margin:20px 10px 10px 25px; position:relative; }
.content_Diapo .slogan{ margin:20px 2px 10px 20px; }
.content_Diapo .paragraphe{ margin:10px 0 25px 20px;}

/*page location*/
a#bt-chEvenementiel{ background-image:url(../images/bt-detail_evenementiel.gif); }
a#bt-chIndustriel{ background-image:url(../images/bt-detail_industriel.gif); }
a#bt-chSportif{ background-image:url(../images/bt-detail_sportif.gif); }

/*page vente*/
.bt-vente{ background:url(../images/bt-vente.png) no-repeat left top; width:305px; height:22px; display:block; color:#fff; text-transform:uppercase; padding:12px 0 0 50px; }
.bt-vente:hover{ background-position:bottom left}
.badge-boutique{ background:url(../images/badge_boutique.png) no-repeat left top; width:111px; height:111px; position:absolute; top:0; display:block }
	.paragraphe2 a{ position:relative; }
.minHeight70{ min-height:70px; }
	
/*Page listing*/
.search{ margin-bottom:10px; }
.search input{ width:250px; color:#999 }
	#bt-search{ background:url(../images/bt-recherche.png) no-repeat left top; width:80px; height:26px; border:0; cursor:pointer; }
	#bt-search:hover{ background-position:bottom left; }

form.listing{ margin-top:25px; }
table.listing{ border: 1px solid #e3bec6; padding:2px; width:780px; margin-top:25px; }
table.listing tr{ height:48px; }
table.listing tr.th{ background:#e8e8e8; height:48px; text-transform:uppercase; font-size:11px; }
table.listing tr.th th{ padding: 0 5px; vertical-align:middle; border-right:#fff 1px solid; text-align:center; }
table.listing tr td{ text-align:center; vertical-align:middle; }
table.listing tr td h4{ text-align:left; font-size:12px; }
table.listing input{ width:78px; height:37px; }
table.listing a{ color:#a01515; text-decoration:underline; }
table.listing a:hover{ text-decoration:none; }

/*page detail*/
.listingTech li { line-height:160%}
.listingTech li span{ font-weight:bold; }
#logoQualite{ width:210px; float:left}
#linkPdf{ margin-left:40px; width:170px; float:left; }
#logoQualite img, #linkPdf img{ margin-top:20px; }
.prix{ background:#930101; padding:12px 10px 10px; color:#fff; margin:0 0 20px 20px; text-transform:uppercase; font-size:18px; }
.bt-achat{  text-indent:-9999px; display:block; width:273px; height:102px; background:url(../images/bt-achat.png) no-repeat left top; }
/****************************************************/
/* =FORM
/*****************************************************/
.classForm{ font:11px Arial, Helvetica, sans-serif}
.classForm li{ background:#bfbfbf; margin-bottom:10px; padding:10px; }
.classForm li label{ width:100px; display:block; float:left; border-right:1px solid #fff; color:#fff; }
	.classForm li label span{ color:#a01515; }
	.classForm li label.commentaire, .classForm li textarea{ height:62px; }
	.classForm li label.error{ visibility:hidden; }
.classForm li input, .classForm li textarea{ background:#bfbfbf; border:none; padding-left:10px; width:290px; }

.classForm li.button{ background:none; padding-right:0px; float:right; }
.classForm li.button input.bt-envoyer{ background:url(../images/bt-envoyer.gif) no-repeat left top; width:150px; height:40px; cursor:pointer; }
.classForm li.button .bt-envoyer:hover{ background-position:bottom left;  }
	
#msgMail{ font-weight:bold; color:#F00; float:left; position:absolute; margin:20px 0 0 10px; }
.msgMail{ bottom:5px; float:left; position:absolute; margin:20px 0 0 0;  font-weight:bold; color:#F00; width:130px; }

/****************************************************/
/* =PAGE PAR PAGE
/*****************************************************/
.pageParPage{padding:10px 0px;width:100%;float:left; border-bottom:1px dotted #000; border-top: 1px dotted #000; margin-top:25px;  }
.pageParPage ul{font-size:10px;margin-left:-2px; }
.pageParPage ul.floatRight{float:right; }
.pageParPage p.floatLeft{float:left;padding-top:2px; }
.pageParPage ul.padding_tri{padding-top:17px; }
.padding_tri{padding-top:17px; }
.pageParPage li{
	height:18px;
	color:#666;
	margin:0 2px;
	background:url(../images/btn_gradient.gif) repeat-x left top;
}
.pageParPage li a, .pageParPage li span{text-decoration:none;background:url(../images/btn_borderL.gif) no-repeat left top;color:#666; }
.pageParPage li a span, .pageParPage li span span{padding:2px 6px;height:14px;background:url(../images/btn_borderR.gif) no-repeat right top; }
.pageParPage li:hover{background-position:left -18px; }
.pageParPage li.dots{background-position:left -54px; }
.pageParPage li.active{background-position:left -36px; }
.pageParPage li.active span{text-decoration:underline;color:white;font-weight:bold; }
.pageParPage ul, .pageParPage li, .pageParPage li a, .pageParPage li a span, .pageParPage li span, .pageParPage li span span{display:block;float:left;cursor:pointer; }
.pageParPage li.dots span, .pageParPage li.dots span span, .pageParPage li.active span, .pageParPage li.active span span{cursor:default; }
.pageParPage li.souhait{margin:0;background:none;color:black;padding-top:2px; }

.pageParPage a.plus, .pageParPage a.moins{
	display:block;
	margin:17px 0 10px 0;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	text-decoration:underline;
	font-size:11px;
}

.pageParPage a.plus:hover, .pageParPage a.moins:hover{text-decoration:none; }
.pageParPage .parPage{width:50px;font-size:10px; }