/*

	[IAAH]
	global.css - Mise en page
	Dernière modification: 06 juin 2011

------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */

/*------- Common settings -------*/
html{background-image:url("../img/backgroundColor.png");font-size:13px;}

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	background-image:url("../img/backgroundGradient.png");
	background-repeat:repeat-x;
	color:#333333;
}

sup{font-size:50%;vertical-align:top;}
sup.biensMieux{vertical-align:super;}

a{color:#005596;}
a:hover{text-decoration:none;}

.width50{width:50%;}
.floatLeft{float:left;}
.floatRight{float:Right;}
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.clearBoth{clear:both;}
.separator{visibility:hidden;height:0;line-height:0;margin:0;padding:0;}
.linkArrow{margin-right:5px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.italic12{font-style:italic;font-size:12px;}
.fontSize10{font-size:10px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size22{font-size:22px;}
.excel{background: url(../img/excel-icon.gif) no-repeat left top;padding-left:18px;}
.pdf{background: url(../img/pdf-icon.gif) no-repeat left top;padding-left:18px;}
.warning{color:red;}
.visible{visibility:visible;display:block;height:auto;}
.hide{visibility:hidden;display:none;}
.displayNone{display:none;}
.valignTop{vertical-align:top;}
.valignMiddle{vertical-align:middle;}
.valignBottom{vertical-align:bottom;}
.textBloc{display:inline-block;margin:10px 0;}
.hrClearContent{clear:both;visibility:hidden;}
.noHand{cursor:default;}

#container{
	width:918px;
	border:solid 1px #34658C;
	margin:10px auto;
	padding:20px;
	background-color:#ffffff;
}

/*------- Header -------*/
#header #logo{
	position:absolute;
	width:217px;
	height:51px;
}


#header h1{
	position:absolute;
	text-indent:-10000px;
	width:217px;
	height:51px;
	background-image:url("../img/logoIAAH.gif");
	background-repeat:no-repeat;
}

#header h1.en{
	background-image:url("../img/logoIAAH_en.gif");
}

#utilityMenu{font-size:12px;}
#utilityMenu a{text-decoration:none;}
#utilityMenu a:hover{text-decoration:underline;}

#phoneNumberTop{
	font-size:22px;
	font-weight:bold;
	color:#005596;
	margin:10px 0 0 0;
}

/*------- Menu -------*/
#nav{
	height:32px;
	font-size:14px;
	margin-top:25px;
	background-image:url("../img/backgroundMenu.png");
	background-repeat:repeat-x;
}

#menu{
	margin:0;
	padding:0;
	height:100%;
}
	
#menu li{
	float:left;
	list-style:none;
	font-size:14px;
	height:100%;
}

#menu li.submenu{font-size:13px;}

#menu li a{
	padding:0 10px;
	line-height:30px;
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	border-left:1px solid #01345B;
	height:100%;
}

#menu li a.lastTopMenu{border-right:1px solid #01345B;}

#menu li:hover > a{
	background:#0082C7;
}

#menu li ul{
	width:200px;
	margin:0;
	padding:0;
	position:absolute;
	visibility:hidden;
	border:1px solid #01345B;
	white-space:nowrap;
	z-index:999;
}

#menu li ul a{
	border-left:none;
	border-right:none;
	border-bottom:1px solid #01345B;
}

#menu li ul a.lastMenuItem{border:none;}

#menu li ul li{
	float:none;
	display:inline
}
		
#menu li ul li a{
	width:auto;
	background:#005596;
}
		
#menu li ul li a:hover{
	background:#0080C4;
	text-decoration:none;
}

/*----- Banner -----*/
#banner, #bannerLarge{margin-top:20px;}
#banner{height:172px;}
#bannerLarge{height:226px;}

/*----- Banner section -----*/
#autoSection, #habitSection, #vrSection, #offersSection, #clientSection, #clientSectionSinister, #clientFormSection, #contactUsSection, #quoteSection, #legalSection, #glossaireSection, #homeEN, #communiques{
	position:relative;
	width:677px;
	height:172px;
	border:solid 1px #bfbfbf;
	background-repeat:no-repeat;
}

/*----- Auto section -----*/
/*----- English section -----*/
#autoSection, #homeEN{background-image:url("../img/bannerAutoSection.jpg");}

/*----- Habit section -----*/
#habitSection{background-image:url("../img/bannerHomeSection.jpg");}

/*----- Vr section -----*/
#vrSection{background-image:url("../img/bannerVrMotoSection.jpg");}

/*----- Offers section -----*/
#offersSection{background-image:url("../img/bannerOffersSection.jpg");}

/*----- Client section -----*/
#clientSection, #clientFormSection, #communiques{background-image:url("../img/bannerClientSection.jpg");}

/*----- Contact us section -----*/
#contactUsSection{background-image:url("../img/bannerContactUsSection.jpg");}

/*----- Quote section -----*/
#quoteSection, #clientSectionSinister{background-image:url("../img/bannerQuoteSection.jpg");}

/*----- Legal section -----*/
#legalSection{background-image:url("../img/bannerLegalSection.jpg");}

/*----- Glossaire section -----*/
#glossaireSection{background-image:url("../img/bannerGlossaireSection.jpg");}

/*----- Slider -----*/
#slider{
	position:relative;
	width:677px;
	height:224px;
	border:solid 1px #bfbfbf;
}

#slider p{
	width:405px;
	margin-top:38px;
	margin-left:272px;
	font-size:16px;
	line-height:18px;
	color:#005596;
}

#slider p a{font-size:12px;}

/*----- Background images for the slides -----*/
#slider #slide1{
	background-image:url("../img/sympas_slide.jpg");
	background-repeat:no-repeat;
}

#slider #slide2{
	background-image:url("../img/accHumain_slide.jpg");
	background-repeat:no-repeat;
}

#slider #slide3{
	background-image:url("../img/jalouse_slide.jpg");
	background-repeat:no-repeat;
}

#slider #slide3_4XAM{
	background-image:url("../img/4XAirMiles_slide.jpg");
	background-repeat:no-repeat;
}

#slider #slide4{
	background-image:url("../img/rabais_slide.jpg");
	background-repeat:no-repeat;
}

#jCarousel ul li{
	width:677px;
	height:224px;
}

#sliderControl{
	position:absolute;
	z-index:2;
	bottom:0;
	right:0;
	width:87px;
	height:23px;
	text-align:center;
}

#sliderControl .overlay{
	position: absolute;
	top: 0; /* These positions makes sure that the overlay */
	bottom: 0;  /* will cover the entire parent */
	left: 0;
	width: 100%;
	height:100%;
	background-color:#808080;
	opacity:0.30;
	filter:alpha(opacity=30);
}

#sliderControl .sliderButtons{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
}

#sliderControl .sliderButtons img{margin:0 3px;}


/*----- Signature -----*/
#signature, #signatureLarge{
	color:#ffffff;
	font-size:18px;
	text-align:center;
	width:239px;
}

#signature sup, #signatureLarge sup{
	font-size:45%;
	position:relative;
	top:.9ex;
	left:.5ex;
}

#signature{
	height:174px;
	background-image:url("../img/backgroundSignature.png");
	background-repeat:repeat-x;
}

#signature p{margin-top:75px;}

#signatureLarge{
	height:226px;
	background-image:url("../img/backgroundSignatureLarge.png");
	background-repeat:repeat-x;
}

#signatureLarge p{margin-top:104px;}

/*----- Fast access -----*/
#accesRapide{
	font-size:13px;
	width:237px;
	margin-top:20px;
	margin-bottom:20px;
	border-left:solid 1px #005596;
	border-right:solid 1px #005596;
	border-bottom:solid 1px #005596;
}

#accesRapide h2{
	height:24px;
	font-size:15px;
	color:#ffffff;
	line-height:24px;
	padding-left:9px;
	background-image:url("../img/backgroundH2Menu.png");
}

#accesRapide div{padding:0 10px 0 10px;}

.ulFastAccess li{
	list-style-image:url("../img/flecheOrange.png");
	list-style-position:outside;
	margin-left:12px;
	margin-bottom:5px;
	line-height:15px;
}

/*----- Free quote -----*/
#soumissionGratuite{
	position:relative;
	margin-top:10px;
	margin-bottom:20px;
}	
	
#soumissionGratuite label{color:#005596;}

#soumissionGratuite #typeAssurance{margin-top:7px;}

#btnSoumission{
	margin:2px 0 5px -8px;
	cursor:pointer;
	width:117px;
	height:39px;
	background-image:url("../img/backgroundBtnDebuter.jpg");
	background-repeat:no-repeat;
}

#btnSoumission span{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	display:inline-block;
}

#btnSoumission .btnSoumissionText{margin:13px 0 0 6px;}

/*----- Promo Air Miles -----*/
#blocAirmiles, #blocAirmiles4X{
	height:134px;
	background-image:url("../img/fondAirMiles.jpg");
	background-repeat:no-repeat;
	font-size:13px;
	color:#005596;
}

#blocAirmiles p, #blocAirmiles4X p{padding-top:6px;}
#blocAirmiles a, #blocAirmiles4X a{font-size:12px;}

#blocAirmiles .milesNumber, #blocAirmiles4X .milesNumber{
	font-size:36px;
	font-weight:bold;
	margin-right:4px;
}

#blocAirmiles4X .milesNumber{
	font-size:34px;
}

#blocAirmiles .detailsOffre, #blocAirmiles4X .detailsOffre{padding-top:11px;}

/*----- Renouvellement -----*/
#servicesClients, #renouvellement{margin-top:10px;margin-bottom:15px;}
#servicesClients p, #renouvellement p{margin-bottom:5px;line-height:15px;}

/*---- Index content -----*/
#indexContent{
	margin:20px 0;
	padding:0 0 0 20px;
	width:659px;
}

#indexContent h2{
	margin-bottom:15px;
	font-size:16px;
	line-height:12px;
	color:#005596;
}

#indexContent p{
	margin:0 0 15px 10px;
}

#importantInfos{
	border:#005596 solid 1px;
	background-color:#cceaff;
	margin-bottom:40px;
}

#importantInfos h2{
	padding:15px 0 0 10px;
}

#economies{
	margin:40px 0;
}

#miniEconomies{margin-top:25px;}

#miniEconomies p{
	width:160px;
	padding-right:9px;
}

#miniEconomies p .smallCharacter{
	display:inline-block;
	margin:0 0 3px 0;
	line-height:12px;
}

#miniEconomies p.airMilesOffer{
	width:260px;
	margin-top:20px;
}

#miniEconomies p.airMilesOffer img{
	margin-top:10px;
}

/* Promo 4X */
#miniEconomies p.airMilesOffer4X{
	width:260px;
	margin-top:0;
}

#miniEconomies p.airMilesOffer4X img{
	margin-top:10px;
	padding-bottom:10px;
}
/* Fin promo 4X*/

#miniEconomies img{
	margin:0 10px 0 0;
}

#servicesAutoHabit{
	margin:25px 0 10px 0;
}

#servicesAutoHabit p{
	margin-right:10px;
}

#assuranceAuto, #assuranceHabitation{
	width:315px;
}

#servicesAutoHabit h2{
	margin-left:39px;
	padding:7px 10px 0 10px;
	color:#ffffff;
	height:27px;
	background-image:url("../img/backgroundH2Index.png");
	background-position:bottom;
	background-repeat:repeat-x;
	line-height:25px;
}

/*---- Content -----*/
#content{
	margin:20px 0;
	padding:0 11px;
	width:610px;
}

#content a, #indexContent a{color:#E38800;}

#filAriane a{color:#005596;text-decoration:none;}
#filAriane a:hover{text-decoration:underline;}

#content h1{
	font-size:20px;
	color:#005596;
	margin-top:20px;
	padding-bottom:7px;
	background-image:url("../img/h1Underline.png");
	background-position:left bottom;
	background-repeat:no-repeat;
}

#content h2{
	margin-top:23px;
	margin-bottom:14px;
	font-size:16px;
	line-height:18px;
	color:#005596;
}

#content h3{margin-top:20px;margin-bottom:10px;font-size:13px;}

#content h4{font-size:12px;margin-bottom:10px;margin-top:15px;}

#content p{
	margin:0 0 15px 0;
	line-height:16px;
}

/*----- Foot -----*/
hr.blue{color:#7FAACA;}

#pied{
	margin-top:25px;
	padding-left:10px;
	color:#999999;
	font-size:12px;
	line-height:20px;
}

#pied ul{margin-right:37px;}

#pied ul li a{
	color:#999999;
	text-decoration:none;
}

#pied ul li a:hover{text-decoration:underline;}

#copyright{
	font-size:10px;
	color:#CCCCCC;
	line-height:12px;
	padding-bottom:10px;
}

/*----- Assurance locataires -----*/
#content p.locataireSurDeux{
	padding:10px;
	text-align:center;
	line-height:25px;
	color:#1c5693;
	border:1px solid #a1998a;
}

#content p.locataireSurDeux span{text-transform:uppercase;font-size:14px;}

/*----- Specifics -----*/
.ulBloc{
	margin-top:18px;
	margin-bottom:25px;
}

.ulBloc ul{margin-top:14px;margin-bottom:14px;}

.ulBloc ul li{
	list-style-image:url("../img/flecheOrange.png");
	list-style-position:outside;
	margin:0 0 8px 25px;
	font-size:13px;
	line-height:15px;
}

.ulBloc ol li{
	list-style-position:outside;
	list-style:decimal;
	margin:0 0 8px 25px;
	font-size:13px;
	line-height:15px;
}

ul.nous_joindre, ul.nous_joindre_wider, ul.nous_joindre_details{
	list-style-image:url("../img/flecheOrange.png");
	list-style-position:outside;
	width:110px;
	margin:0;
	padding:0 0 0 13px;
	font-size:13px;
	line-height:18px;
}

ul.nous_joindre_wider{width:165px;}

ul.nous_joindre_details{width:190px;height:40px;margin-bottom:20px;line-height:15px;}

#map_canvas{
	width:100%;
	height:259px;
	border:solid 1px #BFD6E6;
}

.infoWindow{width:420px;height:65px;line-height:15px;}

ul.planSite{margin-top:10px;}

/*----- Accordion -----*/
#accordion{font-size:12px;margin-top:18px;margin-bottom:25px;}

#accordion h3{
	margin:0;
	font-weight:bold;
	color:#333333;
}

#accordion h4{margin:0;color:#333333;}
#accordion h3 a{color:#333333;}
#accordion p{color:#333333;}


/*----- Formulaires -----*/
#content.contentForm{width:896px;}

#content.contentForm fieldset{
	background-color:#E4E9F3;
	border:solid 1px #A6A498;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
}

#content.contentForm legend{
	margin-left:10px;
	font-size:13px;
	font-weight:bold;
}

/*----- First block -----*/
#content.contentForm form fieldset p{margin:10px;}
#content.contentForm form #numeroPoliceAuto, #content.contentForm form #numeroPoliceHabitation{display:inline;}

#content.contentForm label{
	display:inline-block;
	width:140px;
	/*width:250px;*/
	text-align:right;
	margin-right:10px;
}

#content.contentForm #infosClientChange label{width:250px;}

#content.contentForm label.longQuestion, #content.contentForm #infosClientChange label.longQuestion{
	width:auto;
	text-align:left;
	margin-right:10px;
}
#content.contentForm label.numPolice{width:120px;}
#content.contentForm label.noStyle{width:auto;text-align:left;}
#content.contentForm #infosClientChange label.noStyle{width:auto;text-align:left;}
#content.contentForm #infosClientChange label.noStyle input{margin-left:0;}

#content.contentForm label.boiteNumPolice{width:160px;text-align:left;}
#content.contentForm label.boiteNumPoliceLarge{width:200px;text-align:left;}
#content.contentForm label.middleInputText{margin-left:15px;height:22px;vertical-align:middle;}

#content.contentForm input[type="text"]{width:216px;}

#content.contentForm hr{
	margin:15px 10px;
	color:#A6A498;
	background-color:#A6A498;
	height:1px;
	border:none;
}

#content.contentForm .champImportant{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#content.contentForm input.size2{width:25px;}
#content.contentForm input.size3{width:30px;}
#content.contentForm input.size4{width:40px;}
#content.contentForm input.size5{width:50px;}
#content.contentForm input.size7{width:60px;}
#content.contentForm input.size10{width:78px;}
#content.contentForm input.customSizeRueLoc{width:167px;}

#content.contentForm select.day{width:55px;}
#content.contentForm select.month{width:90px;}
#content.contentForm select.year{width:65px;}

#content.contentForm input.driverLicenseOne{width:55px;}
#content.contentForm input.driverLicenseTwo{width:80px;}
#content.contentForm input.driverLicenseThree{width:39px;}

#content.contentForm input.model{width:125px;}
#content.contentForm select.model{width:129px;}
#content.contentForm select.modelPolicy{width:132px;}
#content.contentForm select.large{width:220px;}
#content.contentForm select.autoSelect{width:auto;}
#content.contentForm select{margin:0;height:22px;}

/*---- Phone number -----*/
#content.contentForm #telephoneClient{margin-left:2px;}
#content.contentForm #telephoneClient2{margin-right:10px;}


/*----- Second block -----*/
form .spacingIndem{margin:0 0 0 265px;}

#content.contentForm textarea{
	height:100px;
	margin-bottom:5px;
	overflow:auto;
	resize:none;
}

#content.contentForm .autoSecurity{padding-bottom:60px;margin-right:5px;}
#content.contentForm .securityChoices{margin:25px 0 20px 0;}
#content.contentForm #nouveauPrincipal .securityChoices, #content.contentForm #substitutionAuto .securityChoices, #content.contentForm #blocAutos .securityChoices{margin:20px 0 20px 0;}

#content.contentForm .blocAuto{background-color:#F2F5FA;margin:15px 10px 10px 10px;padding:1px 0 5px 0;}
#content.contentForm .blocAutoTitre{font-weight:bold;line-height:20px;}

#content.contentForm #autresRenseignements{width:866px;}
#content.contentForm #requestObject{width:600px;}

div#changementAdresseHabitation p{padding:2em 10px;background-color:#E4E9F3;border:solid 1px #A6A498;text-align:left;}

.autoCompleteHighlight{font-weight:bold;color:#005596;}

/*----- Check example -----*/
#detailsCompte{
	position:relative;
	margin-bottom:35px;
}

#transitBanqueErreur, #codeInstitutionErreur, #numeroCompteErreur{cursor:pointer;padding:5px 0;}
#transitBanqueErreur:hover, #codeInstitutionErreur:hover, #numeroCompteErreur:hover{background-color:#ffff99;}

#exCheque{
	position:absolute;
	top:0;
	right:0;
	width:530px;
	height:100%;
}

#exCheque p{margin-top:0 !important;}

img.checkNumber{
	position:absolute;
	left:10px;
	bottom:0;
}

#checkUnderline{
	position:absolute;
	left:375px;
	bottom:-38px;
}

#checkSucc{width:180px;margin-left:20px !important;}
#checkCode{width:184px;margin-left:90px !important;}
#checkCompte{width:124px;margin-left:235px !important;}

/*----- Pages concessionnaires -----*/
#header.telephonisteConcessionnaireTop{
	background-image:url("../img/telephonisteConcessionnaire_top.jpg");
	background-repeat:no-repeat;
	background-position:right bottom;
}

#contentConcessionnaires p{
	color:#000000;
	margin:0 0 15px 0;
	line-height:16px;
}

#contentConcessionnaires{
	margin:0 0 0 -20px;
	padding:0 0 0 20px;
	width:938px;
	background-image:url("../img/telephonisteConcessionnaire_middle.jpg");
	background-repeat:no-repeat;
	background-position:right top;
}

#introConcessionnaires{
	padding-top:50px;
	height:208px;
}

#economiesConcessionnaires{
	margin-top:30px; 
}

span.boldOrange20{
	font-weight:bold;
	color:#e38000;
	font-size:20px;
}

#avantagesIAAH{
	margin:0 0 0 -20px;
	padding:25px 0 25px 20px;
	background-color:#005596;
	background-image:url("../img/telephonisteConcessionnaire_bottom.jpg");
	background-repeat:no-repeat;
	background-position:right top;
}

#avantagesIAAH p{color:#ffffff;}
#detailsAvantagesIAAH{margin-top:15px;}

#tabs li{display:inline;line-height:25px;}

#tabs li a{
	padding:10px 11px 5px 11px;
	background:#e38000;
	text-decoration:none;
	color:#ffffff;
	font-weight: bold;
}

#tabs li.active a{
	background:#ffffff;
	color:#000000; 
}

#detailsAvantagesIAAH .content{
	padding:30px 20px;
	background:#ffffff;
	color:#000000;
	width:556px;
}

#detailsAvantagesIAAH .contentEN{
	width:551px;
}

#detailsAvantagesIAAH .content ul{
	padding-left:15px;
}

#detailsAvantagesIAAH .content li{
	margin-bottom:10px;
	list-style-type:disc;
	list-style-position:outside;
}

#detailsAvantagesIAAH .content p{
	color:#000000;
	margin-bottom:0;
}

#detailsAvantagesIAAH .content p.concessionnairesAirMiles{
	margin-top:30px;
}

#rabaisEconomies img{
	margin:10px 10px 0 0;
}

#concessionnairesObtenirSoumission{
	margin-left:595px;
	margin-top:54px;
	color:#ffffff;
	text-align:center;
	font-size:16px;
}

#conditions{
	margin-top:10px; 
	color:#000000;
}

#conditions p{
	margin-top:3px;
}