﻿/* ------------------------------
css pour la page d'accueil

Creation : Marie-France Fortin
Date de livraison : 12 fevrier 2010 
Look : DAG
Table des matieres : - commun
					 - disposition 2 colonnes
					 - zone Call to Action 
					 	- quoter box
					 	- no telephone
					 	- xdate
					 - branding
					 - gestion de crise
					 	- catastrophe naturelle
					 	- relations publiques
					 - zone groupant Info produit et markcoms
					 	- info produits
					 	- markcoms
					 		- markcoms rotatif
						- top nouvelles
					 - zone Login Box
					 - zone reclamations
					 - zone nouvelles
					 - zone liens
					 - pied de page
					 
------------------------------ */

/* ----- commun ----- */
h1{
	display:none;
}

/* ----- disposition 2 colonnes ----- */
.pagelayout {
	display:inline-block;/*permet au float de ne pas affecter la hauteur du div contenant*/
	margin-bottom:12px;
}

#entete {
	margin-bottom:14px;
}

#colonneGauche {
	display:inline;
	float:left;
	margin:0 17px 50px 0;
	width:761px;
}

#colonneDroite {
	display:inline;
	float:right;
	margin-bottom:41px;
	width:162px;
}

/* ----- zone Call to Action ----- */
/* ----- quoter box ----- */
#zoneCallToAction {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgZoneCallToActionAccueil.jpg) no-repeat left top;
	clear:none;
	display:inline;
	float:left;
	height:207px;
	width:360px;
}

#zoneQuoterBox {
	margin:4px 0 0 13px;
	width:327px;
}

#zoneQuoterBox .entete,
#zoneQuoterBox .entete div,
#zoneQuoterBox .pied,
#zoneQuoterBox .pied div {
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
}

#zoneQuoterBox .entete {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgQuoterBoxAccueilNE.gif) no-repeat scroll right top;
}

#zoneQuoterBox .entete div {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgQuoterBoxAccueilNO.gif) no-repeat scroll 0 0;
	height:6px;
	width:11px;
}

#zoneQuoterBox .contenu {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgQuoterBoxAccueilC.gif) repeat-y scroll left top;
	height:145px;
	padding:0 23px 0 28px;
}

#zoneQuoterBox .contenu h2 {
	padding:7px 0px 5px 0px;	
}

#zoneQuoterBox .contenu h2 .sautLigne {
	display:block;
}

#zoneQuoterBox select {
	margin-bottom:7px;
}

#zoneQuoterBox br {
	clear:both;
	font-size:1px;
}

#zoneQuoterBox label {
	margin-right:12px;
}

#zoneQuoterBox input {
	width:60px;
}

#zoneQuoterBox .btnSoumissionOk {
	display:block;
	margin-top:-35px;
	text-decoration:none;
	text-indent:-9999px;
	border:0 none;
	cursor:pointer;
	font-size:0;
	line-height:0;
	overflow:hidden;	
}

#zoneQuoterBox .pied {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgQuoterBoxAccueilSE.gif) no-repeat scroll right top;
}

#zoneQuoterBox .pied div {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgQuoterBoxAccueilSO.gif) no-repeat scroll left top;
	height:14px;
	width:11px;
}

#zoneRecuperez a {
    color:#fff;
}

#zoneRecuperez {
	background:url("/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/icn_recuperez_accueil.gif") no-repeat scroll left top;
    height:14px;
	margin-top:-5px;
    padding-left:22px;
}    
    
/* ----- no telephone  ----- */
#zoneNoTelephone {
	display:inline;
	float:left;
	margin:9px 9px 0 30px;
	padding-left:0;
}

/* ----- xdate  ----- */
p#zoneXdate {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/filetPointilleXdateAccueil.gif) repeat-y scroll left bottom;
	display:inline;
	float:left;
	height:27px;
	margin-top:3px;
	padding-left:15px;
	width:150px;
}

/* ----- branding ----- */
#zoneBranding {
	display:inline;
	float:left;
	height:207px;
	width:400px;
}

#zoneTexteBranding, .zoneTexteBranding { 
	height:66px;
	margin:-160px 0px 0px 5px;
}

#zoneTexteBranding p, .zoneTexteBranding p { 
	margin:130px 10px 0 10px;
}

/*spécifique campagne pneu hiver*/
#zoneTexteBranding p#txtBrandingPneusHiver{
	color:#3a3a3a;
	font-size:12px;
	text-align:left;
	margin:80px 0px 0px 29px;
	font-weight:bold;
}

#zoneTexteBranding p#txtBrandingPneusHiver a{
	color:#3a3a3a;
	text-decoration:underline;
}

/*spécifique campagne rabais sur mesure*/
p#txtBrandingRabaisSurMesure{
	color:#00803e;
	font-size:11px;
	text-align:left;
	margin: -120px 0 0 85px;
}

p#txtBrandingRabaisSurMesure a, p#txtBrandingRabaisSurMesure a:visited{
	color:#00803e;
	text-decoration:underline;
}

/*spécifique campagne épargne*/
#zoneTexteBranding p#txtBrandingEpargne {
    color: #065032;
    font-size: 11px;
    margin: 90px 0 0 6px;
    text-align: left;
}

p#txtBrandingEpargne a, p#txtBrandingEpargne a:visited{
	color:#065032;
	text-decoration:underline;
}


/* ----- gestion de crise ----- */
#zoneGestionCrises {
	clear:both;
	display:inline-block;
	margin-bottom:15px;
	width:760px;
}

#zoneGestionCrisesN,
#zoneGestionCrisesN div,
#zoneGestionCrisesS,
#zoneGestionCrisesS div {
	font-size:0;
	height:10px;
	line-height:0;
	margin:0;
	padding:0;
}

#zoneGestionCrisesN {
	margin-top:16px;
}

#zoneGestionCrisesN div,
#zoneGestionCrisesS div {
	width:10px;
}

/* ------ catastrophe naturelle ------- */

#zoneGestionCrisesN {
	background:#fbf1b9 url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgGestionCrisesNE.gif') no-repeat right top;
}

#zoneGestionCrisesN div {
	background:url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgGestionCrisesNO.gif') no-repeat left top;
}

#zoneGestionCrisesC { 
	background:#fbf1b9;
	border-left:solid 1px #ede2a9;
	border-right:solid 1px #ede2a9;
	padding:0 28px 8px 28px;
}

#zoneGestionCrisesC h2 { 
	padding:9px 15px 5px 0;
}

#zoneGestionCrisesS {
	background:#fbf1b9 url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgGestionCrisesSE.gif') no-repeat right top;
}

#zoneGestionCrisesS div {
	background:url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgGestionCrisesSO.gif') no-repeat left top;
}

/* ------ relations publiques ------- */
#zoneGestionCrisesN.relationsPubliques {
	background:#f7f5ee url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgRelationsPubliquesNE.gif') no-repeat right top;
}

#zoneGestionCrisesN.relationsPubliques div {
	background:url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgRelationsPubliquesNO.gif') no-repeat left top;
}

#zoneGestionCrisesC.relationsPubliques { 
	background:#f7f5ee url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgRelationsPubliquesCO.gif') no-repeat left top;
	border-left:none;
	border-right:solid 1px #eae9e4;
	padding-left:161px;
}

#zoneGestionCrisesS.relationsPubliques {
	background:#f7f5ee url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgRelationsPubliquesSE.gif') no-repeat right top;
}

#zoneGestionCrisesS.relationsPubliques div {
	background:url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgRelationsPubliquesSO.gif') no-repeat left top;
}
/* ----- zone groupant Info produit et markcoms ----- */
#zoneInfoProduitMarkcoms {
	overflow:hidden;
}

/* ----- info produits ----- */
#zoneInfoProduits {
	display:inline;
	float:left;
	margin-right:31px;
	width:439px;
}

#zoneInfoProduits .blocRecetteMiniInfo {
	background:transparent url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/filetPointilleAccueil.gif) repeat-x scroll left bottom;
	padding:5px 0 2px;
	overflow:hidden;
	clear:both;	
}

#zoneInfoProduits .imageMiniInfo {
	display:inline;
	float:left;
	margin:0 8px 0 11px;
}

#zoneInfoProduits .texteMiniInfo {
	display:inline;
	float:left;
	margin-top:2px;
	width:336px;
}

#zoneInfoProduits .texteMiniInfo h3 {
	margin-bottom:3px;
}

/* ----- markcoms ----- */
#zoneMarkcoms {
	display:inline;
	float:left;
	margin-top:7px;
	width:290px;	
}

#zoneMarkcoms .blocRecetteMiniInfo {
	clear:both;
	display:inline-block;
	height:93px;
}

zoneMarkcoms #zoneMarkcom1 {
	margin-bottom:3px;
}

#zoneMarkcoms .imageMiniInfo {
	display:inline;
	float:left;
}

#zoneMarkcoms .texteMiniInfo {
	display:inline;
	float:left;
	margin:-81px 5px 0px 97px;
	position:relative;
}

#zoneMarkcoms .texteMiniInfo h3 {
	margin-bottom:3px;
}

/* ----- markcoms rotatif ----- */
/* masqué pour le bug de la double ligne sous le markcom 2
#zoneMarkcoms .RadRotator {
	margin-top:-3px;
}*/

#zoneMarkcoms .radr_item .texteMiniInfo {
	margin-left:0;
	padding-left:97px;
}

#zoneMarkcoms .rotateur_boutons {
	margin:-16px 0 0 10px;
	position:absolute;
	z-index:1;
}

#zoneMarkcoms .rotateur_boutons span.contenuVisible{
	background-color:#D5DFE2;
}

/* ----- top nouvelles ----- */

#zoneTopNouvelles{
	margin-top:10px;
}

#zoneTopNouvelles, #zoneTopNouvellesContenu, #zoneTopNouvellesContenuInt{
	overflow:hidden;
}

#zoneTopNouvellesContenu{
	background:#fff url(/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgZoneTopNouvelles.gif) repeat-x;
	padding-top:7px;
}

#zoneTopNouvellesContenuInt{
	padding-top:15px;
}

.zoneTopNouvellesElement{
	width:349px;
	float:left;
	padding:0px 15px 15px 15px;
	min-height:60px;
}

#zoneTopNouvellesElement2, #zoneTopNouvellesContenuInt{
	border-left:1px solid #e0e0e0;
}

#zoneTopNouvellesElement1{
	border-right:1px solid #e0e0e0;
	margin-right:-1px;
}


#zoneTopNouvelles h3{
	padding:0px 0px 2px 10px;
}
/* ----- zone Login Box ----- */
#zoneLogin {
	margin-bottom:9px;
}

#zoneLoginC {
	padding:2px 18px 0;
}

#zoneLoginInscription {
	padding-bottom:0;
}

#zoneLoginConnexion h2 {
	margin-bottom:8px;
}

#zoneLogin input {
	width:115px;
}

/* ----- zone reclamations ----- */
#zoneReclamations { 
	margin-bottom:9px;
}

#zoneReclamationsN,
#zoneReclamationsN div,
#zoneReclamationsS,
#zoneReclamationsS div {
	font-size:0;
	height:4px;
	line-height:0;
	margin:0;
	padding:0;
}

#zoneReclamationsN div,
#zoneReclamationsS div {
	width:4px;
}

#zoneReclamationsN {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgReclamationsNE.gif') no-repeat right top;
}

#zoneReclamationsN div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgReclamationsNO.gif') no-repeat left top;
}

#zoneReclamationsC{
	background:#dae7ed;
	padding:0px 8px 7px 13px;
}

#zoneReclamationsC h3 {
	padding:3px 0px 3px 0px;
}

#zoneReclamationsS {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgReclamationsSE.gif') no-repeat right top;
}

#zoneReclamationsS div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgReclamationsSO.gif') no-repeat left top;
}

/* ----- zone nouvelles ----- */
.zoneNouvelles { 
	margin-bottom:9px;
}

.zoneNouvellesN,
.zoneNouvellesN div,
.zoneNouvellesS,
.zoneNouvellesS div {
	font-size:0;
	height:4px;
	line-height:0;
	margin:0;
	padding:0;
}

.zoneNouvellesN div,
.zoneNouvellesS div {
	width:4px;
}

.zoneNouvellesN {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesNE.gif') no-repeat right top;
}

.zoneNouvellesN div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesNO.gif') no-repeat left top;
}

.zoneNouvellesC {
	background:#eff1f1;
	padding:0px 8px 7px 13px;
}

.zoneNouvellesC h3 {
	padding:3px 0px 3px 0px;
}

.zoneNouvellesC p {
	line-height:14px;
}

.zoneNouvellesS {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesSE.gif') no-repeat right top;
}

.zoneNouvellesS div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesSO.gif') no-repeat left top;
}

/* ----- zone liens ----- */
#zoneLiens {
	clear:both;
}

#zoneLiensN,
#zoneLiensN div,
#zoneLiensS,
#zoneLiensS div {
	font-size:0;
	height:4px;
	line-height:0;
	margin:0;
	padding:0;
}

#zoneLiensN div,
#zoneLiensS div {
	width:4px;
}

#zoneLiensN {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesNE.gif') no-repeat right top;
}

#zoneLiensN div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesNO.gif') no-repeat left top;
}

#zoneLiensC {
	background:#eff1f1;
	padding:6px 0 0 0;
	display:inline-block;
	overflow:hidden;
}

#zoneLiensC .blocZoneLiens {
	background:url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/filetPointilleVertical.gif') repeat-y right top;
	display:inline;	
	float:left;
	height:100%;
	padding:0 10px;	
	padding-bottom:2000px;/*c'est le seul truc que j'ai trouvé*/
	margin-bottom:-2000px;/*pour que les colonnes soit égale*/
	width:215px;
}

#zoneLiensC #zoneLiens4 {
	background:none;
}

#zoneLiensC h2 {
	padding:3px 0px 3px 0px;
}

#zoneLiensS {
	background:#eff1f1 url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesSE.gif') no-repeat right bottom;
	padding-top:6px;
}

#zoneLiensS div {
	background:transparent url('/SiteCollectionImages/Contenant/Informationnel/DAG/Commun/bkgNouvellesSO.gif') no-repeat left bottom;
}

/* ----- piedPageTel ----- */
#ucPiedPageInformationnel {
	margin-bottom:12px;
}

#piedPageTel {
	display:none;
}


/* ----- ab testing ----- */
#zoneQuoterBox.abtesting {
	margin:4px 0 0 13px;
}

#zoneQuoterBox.abtesting .contenu {
	height:145px;
}


