/*

importation des feuilles de styles

- reset.css pour reinitialisï¿½ les styles de facon homogï¿½ne quelque soit le navigateur
- layout.css en fonction du template du site
- GBstyles.css pour les styles utilisï¿½ dans GenieBuilder

*/
@import "ttcss_reset.css";
@import "ttcss_layout.css";
@import "ttcss_frame.css";
@import "ttcss_footer.css";
@import "ttcss_langue.css";
@import "ttcss_menu.css";
@import "ttcss_page_1_colonne.css";
@import "ttcss_page_home.css";
@import "ttcss_page_nouveautes_bons_plans.css";
@import "ttcss_page_actualites.css";
@import "ttcss_page_boutiques.css";
@import "ttcss_page_tendances.css";
@import "ttcss_page_infos_pratiques.css";
@import "ttcss_page_fiche_boutique.css";
@import "ttcss_page_mag.css";
@import "ttcss_page_votre_centre.css";
@import "ttcss_page_shopping_gagnant_coupons.css";
@import "ttcss_page_shopping_gagnant_inscription.css";
@import "ttcss_page_shopping_experiences.css";
@import "ttcss_page_services.css";
@import "ttcss_page_annonces.css";
@import "ttcss_page_parcours.css";
@import "ttcss_page_parcours_resultat.css";
@import "ttcss_para_texte.css";
@import "ttcss_GBstyles.css";



/********** Texte **********/
.txtColorType1					{color: #f01478;} /*Rose*/
.txtColorType2					{color: #32a0c8;} /*bleu*/
.txtColorType3					{color: #643c1e;} /*marron*/
.txtColorType4					{color: #b4dc32;} /*vert*/
.txtColorType5					{color: #6b5c4f;} /*marron clair*/
.txtColorType6					{color: #ffffff;} /*blanc*/
.txtColorType7					{color: #000000;} /*noir*/

.txtPlus2						{font-size: 14px;}
.txtPlus4						{font-size: 16px;}
.txtPlus6						{font-size: 18px;}

.alignleft 						{ text-align: left; 	}
.alignright 					{ text-align: right; 	}
.justify 						{ text-align: justify; 	}
.center							{ text-align: center;	}

/********** Styles generiques **********/
.spacer 						{clear: both;}
.floatleft						{float: left; margin: 0 24px 0 0}
.floatright 					{float: right; margin: 0 0 0 24px}
.dispnone 						{display: none;}
.centerBlock					{margin-left: auto;margin-right: auto;}
a, a:link, a.visited, a:hover	{cursor: pointer;}


/************** Liens ***************/
/*
	Link_submit
*/
a.link_submit {
	height: 22px;
	width: 22px;
	line-height: 22px;
	border: none;
	background: url("btn_link_type1_droite.gif") top left no-repeat;
	display: block;
	float: left;
	margin: 0 0 0 13px;
}

a.link_submit:hover {
	background: url("btn_link_type2_droite.gif") top left no-repeat;
}


a.link_submit span {
	display: none;	
}

/*
	Link_submit formulaire
*/
a.link_submit_form {
	height: 22px;
	width: 22px;
	line-height: 22px;
	border: none;
	display: block;
	float: left;
	margin: 0 0 0 13px;
	color: #F01478;
	text-decoration: none;
}
a.link_submit_form {
	background: url("btn_link_type5_droite.png") top left no-repeat;
}

a.link_submit_form:hover {
	background: url("btn_link_type6_droite.png") top left no-repeat;
	color: #32A0C8;
	text-decoration: none;
}

a.link_submit_form span {
	display: none;	
}

/*
	liens avec image à gauche
*/
a.link_bg_gauche {
	height: 14px;
	line-height: 14px;
	padding: 0 0 0 18px;
	background: url("btn_link_type4_droite.gif") no-repeat center left;
	color: #F01478;
	text-decoration: none;
	 
}
a.link_bg_gauche:hover {
	height: 14px;
	line-height: 14px;
	padding: 0 0 0 18px;
	background: url("btn_link_type3_droite.gif") no-repeat center left;
	color: #32A0C8;
	text-decoration: none;
}

/*
	liens avec image à droite
*/
a.link_bg_droite {
	height: 14px;
	line-height: 14px;
	padding: 0 18px 0 0;
	background: url("btn_link_type4_droite.gif") no-repeat center right;
	color: #F01478;
	text-decoration: none;
	 
}
a.link_bg_droite:hover {
	height: 14px;
	line-height: 14px;
	padding: 0 18px 0 0;
	background: url("btn_link_type3_droite.gif") no-repeat center right;
	color: #32A0C8;
	text-decoration: none;
}

/*
	liens par defaut
*/
a.link_img_droite {
	color: #32A0C8;
}
a.link_img_droite span {
	float: left;
	line-height: 22px;
	height: 22px;
	padding: 0 8px 0 0;	 
}

/*
	liens avec image à gauche sans rollover sur le texte
*/
a.link_bg_gauche_norollover_text {
	height: 14px;
	line-height: 14px;
	padding: 0 0 0 18px;
	background: url("btn_link_type4_droite.gif") no-repeat center left;
	color: #6b5c4f;
	text-decoration: none;
	font-weight: bold;
	 
}
a.link_bg_gauche_norollover_text:hover {
	height: 14px;
	line-height: 14px;
	padding: 0 0 0 18px;
	background: url("btn_link_type3_droite.gif") no-repeat center left;
	color: #6b5c4f;
	text-decoration: none;
	font-weight: bold;
}

/*****************************************************************
Titre
*****************************************************************/
h1 {height: 40px;margin: 0px 0 15px 0; clear: both;}
h1 span {display: none;}

h2 {height: 40px;margin: 10px 0 15px 0;}
h2 span {display: none;}

h4 {
	color: #32a0c8;
	font: bold 32px Arial;	
}
/*** Exception pour la home ***/

div#page_home h1 {	height: 30px;margin: 0;}
div#page_home h2 {	height: 25px;margin: 10px 0;}
div#page_home h1 span {	display: none;}

/*****************************************************************
smenu type 1
*****************************************************************/

ul.smenuType1 {
	display: block;
}		

ul.smenuType1 li {
	display: block;
}

ul.smenuType1 li a,
ul.smenuType1 li a:link,
ul.smenuType1 li a:visited {
	height: 45px;
	padding: 0 0 0 65px;
	color: #5b3e25;
	font: bold 14px Arial;
	line-height: 45px;
	background: url("bg_smenuType1_off.gif");
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #a7988a;
}

ul.smenuType1 li a:hover,
ul.smenuType1 li a.smenuOn {
	height: 45px;
	padding: 0 0 0 65px;
	color: #f01478;
	font: bold 14px Arial;
	line-height: 45px;
	background: url("bg_smenuType1_on.gif");
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #a7988a;
}

ul.smenuType1 li a.smenuOn {
	cursor: default;
}

/*****************************************************************
Formulaire
*****************************************************************/

input.inputText {
	background-color: #e8e2dd;
	height: 19px;
	line-height: 22px;
	font: normal 13px arial;
	border: none;
	padding: 0 0 0 5px;	
}

input.inputPass {
	background-color: #e8e2dd;
	height: 19px;
	line-height: 22px;
	font: normal 13px arial;
	border: none;
	padding: 0 0 0 5px;
}

select {
	background-color: #e8e2dd;
	height: 19px;
	line-height: 22px;
	font: normal 13px arial;
	border: none;
	padding: 1px 0;	
}

input.inputCheckbox {
	font: normal 13px arial;
	border: none;
}

/*****************************************************************
Pager
*****************************************************************/
div.pagerPrecedent {
	width: 110px;
	float: left;
	padding: 0 20px 0 0;
	margin: 18px 0 40px 0;
}

div.pagerSuivant {
	width: 110px;
	float: left;
	padding: 0 0 0 20px;
	margin: 18px 0 40px 0;
	position: absolute;
	right: 0px;
}
