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

== Info Structure: =========================
* Nom du fichier: 		style.css
* Version: 				1.0.1 (18/04/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://promo-voyages.pa.promovacances.fr/
* Largeur de la page: 	990 px
* Nombre de colonnes: 	/
* Fluide[ ] | Fixe[x]


== Structure à respecter: ==================
* xxx-top
* xxx-middle
* xxx-bottom

* xxx-left
* xxx-center
* xxx-right

/!\ Sauf structure principale :
* header
* center(menu-gauche | content | menu droit)
* footer

== Outils utiles: ==========================
* http://lab.xms.pl/css-generator/ (générateur de CSS à partir d'un fichier XHTML)

== Parties: ================================
* Règles générales
* Connexion
* Fil d'Ariane
* Formulaires
* Pagination
* Tableaux
* Structure
* Boite type
* Style Promovacances

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


										  /*********************/
										 /* Règles générales **/
/*************************************************************/
*{
	margin:						0px;
	padding:					0px;
}
img{
	border:						0px;
}
body{
	background-color:			#fff;
	background-image: 			url(http://www.topdunet.net/promovacances/_images/bg.gif);
	background-repeat: 			repeat-x;
	color:						#333;
	font-family:				"verdana";
	font-size:					12px;
	line-height:				18px;

}
.clear{
	clear:						both;
}
/* titres, paragraphes, liens, listes ordonnées & non ordonnées*/
h1{
	border-bottom:				1px solid #333;
	color:						#333;
	font-size:					16px;
	line-height:				20px;
}
h2{
	border-bottom:				1px solid #666;
	color:						#666;
	font-size:					14px;
	line-height:				20px;
}
h3{
	border-bottom:				1px solid #999;
	color:						#999;
	font-size:					12px;
	line-height:				20px;
}
p{
	color:						#000;
	line-height:				20px;
	padding:					5px;
	text-align:					justify;
}
a{
	color:						#ff0000;
	text-decoration:			underline;
}
a:hover{
	color:						#000;
	text-decoration:			underline;
}
ul,ol{
	list-style-position: 		inside;
}
a.banniere-468x60{
	height:						60px;
	width:						468px;
	top:						140px;
	left:						60px;
	position:					relative;
	border:						1px solid #fff;
	display:					block;
}
										  /**************/
										 /* Connexion **/
/******************************************************/

										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/

										  /****************/
										 /* Formulaires **/
/********************************************************/

										  /***************/
										 /* Pagination **/
/*******************************************************/

										  /*************/
										 /* Tableaux **/
/*****************************************************/
/*table{}
th{}
tr{}
td{}*/
										  /**************/
										 /* Structure **/
/******************************************************/
#main{
    width: 1020px; /*990px augmenté pour que le flux soit affiché correctement sur ie */
	height: auto;
    margin: 0px auto 0px auto;
}
	#header{
  		height:					232px;
		width:					990px;
	}
		#header-1{
			background-image:	url(http://www.topdunet.net/promovacances/_images/header-1.jpg);
   			background-repeat:	no-repeat;
   			float:				left;
	  		height:				232px;
			width:				304px;
		}
		#header-2{
			background-image:	url(http://www.topdunet.net/promovacances/_images/header-2.jpg);
   			background-repeat:	no-repeat;
   			float:				left;
   			height:				232px;
			width:				686px;
		}
	#menu-haut{
		  	background-image:	url(http://www.topdunet.net/promovacances/_images/menu-haut.jpg);
		   	background-repeat:	no-repeat;
		   	background-position:center bottom;
      		padding-bottom:		20px;
      		text-align: 		center;
		  	width:				990px;
	}
	.menu a{
  text-decoration: none;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 14px;
	}
	#center{
   		width:					1020px;/*990px augmenté pour que le flux soit affiché correctement sur ie */
   		top: 					-20px;
   		position:				relative;   		
	}
	#center #marque-blanche{
	/*	margin:					0 auto;*/
		width:					750px;
		overflow: 				hidden;
		float:					left;
	}
	#center #flux{
		width:					230px;
		float:					left;
		margin-top:82px;
	}
	#center #flux iframe {
	   width:230px;
       border: none;
       min-height: 1740px; /*1436px*/
       height: auto!important;
       height: 1740px;
       overflow: hidden;
	}
  #footer{
  	background-image:			url(http://www.topdunet.net/promovacances/_images/footer.jpg);
   	background-repeat:			no-repeat;
   	background-position:		center top;
  	padding-top:				24px;
  	width:						990px;
  	text-align: 				center;
  	padding-bottom:20px;

  }
  #footer p.partenaires a{
	color:						#999;
	font-variant: 				normal;
	font-size: 					10px;
	font-weight: normal;
	}
  #footer p{
	text-align: 				center;
  }
  										  /***************/
										 /* Boite type **/
/*******************************************************/

  										  /************************/
										 /* Style Promovacances **/
/****************************************************************/
/*BODY {font-family: Verdana;	font-size: 11px;COLOR: #;}*/
td {font-size: 10px;text-align: justify;}
.bgd-moteur{
	/*background-color: #ddd;*/

}
/*TR {}*/

/*  Titres  */
.titre-gros {letter-spacing:0px;font-size: 14px;font-weight: bold;	color: #fff;font-variant: small-caps;padding-left:5px;}
a.titre-intermediaire {font-size: 13px; font-weight: bold;color: #ff0000;}
.titre-intermediaire {font-size: 13px; font-weight: bold;color: #000;}
.titre-intermediaire2 {font-size: 13px; font-weight: bold;color: #000}
.titre-liste {font-size: 13px; font-weight: bold;color: #ff0000}

/*  Texte  : taille  N= normal ,   L = moyen ,   bold = gras */
/*   S= petit pour les commentaires,   Xsmall = texte plus petit pour les mentions               */
#mentions{
    width: 670px;
}
.txt-N {font-size: 11px;}
.txt-Nbold { font-weight: bold; font-size : 11px; }
.txt-S {font-size: 10px; }
.txt-Sbold {font-size: 10px; }
.txt-Xsmall { font-size: 7pt; }
.txt-L { font-size: 13px;}
.txt-Lbold { font-weight: bold; font-size:13px;}
.txt-xxl {  font-size: 16px; }
.txt-xxl-bold {  font-size: 16px;  font-weight: bold;}

.date { font-size : 11px;}
.fleche {font-weight: bold; font-size : 9px;}
.suite{font-size: 11px;color: #FF0000; font-style: italic;}
.attention {font-weight: bold; font-size : 11px; color: #FF0000;}
.erreur {font-weight: bold; font-size : 11px; color: #FF0000;}
.etoile {font-size: 8pt; font-weight: bold; color: #FF0000;}
.infocb {	font-weight: normal;font-size : 11px;color: #FF0000;}


/* Prix    */
a.prix { font-size: 16px; font-weight: bold;color: #238bff;text-decoration: none;font-family:"times new roman";}
a.prix-S { font-size: 12px; font-weight: bold;color: #238bff;text-decoration: none;font-family:"times new roman";}
a.prix-M { font-size: 14px; font-weight: bold;color: #238bff;text-decoration: none;font-family:"times new roman";}
a.prix-L { font-size: 18px; font-weight: bold;color: #238bff; text-decoration: none;font-family:"times new roman";}
a.prix-xxlbold:link{font-size: 18px;font-weight: bold;color: #238bff;text-decoration: none;line-height:24px;font-family:"times new roman";}

a:hover.prix,a:hover.prix-S,a:hover.prix-M,a:hover.prix-L,a:hover.prix-xxlbold {color:#000;}
a:visited.prix,a:visited.prix-S,a:visited.prix-M,a:visited.prix-L,a:visited.prix-xxlbold {color:#000;font-size: 10px;}

a.pays{
	background-color: #fff1f1;
	padding:0px 5px;
}

.ht{
	font-size : 8px;
	font-weight : bolder;
	text-decoration: none;
	padding-left : 1px;
}
.ttc{ /* prix hors taxe */
	font-size : 8px;
	font-weight : bolder;
	text-decoration: none;
	padding-left : 1px;
}
#noteTTC {
	width: 690px;
	height: 40px;
	padding: 10px;
	color: #000;
	font-size: 11px;
	text-decoration: none;
	margin: 10px 0px 10px 10px;
	text-align: left;
	background-color:#e2e4d6;
}
#noteTTC .sstitle {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

/* Liens  */
.nboffres{ text-decoration:none; color:#555}

/* Moteur de Recherche  homepage */
.txt-moteur {font-size: 10px;}
.txt-moteur-bold {font-size: 10px;font-weight: bold;}
.select-moteur{font-size: 9px;}

/* Cadres  */
.contour1 { background-color :  #ddd;} /*contour cadre centre homepage*/
.contour2 { background-color :	#ddd;} /*contour principal */
.contour3 { background-color :  #f1f8ff;} /*contour cadre récapitulatif sur fiche produit */
.contour3 .titre-gros{color: 	#238BFF;}
.contour4 { background-color :  #FDCFB7;} /*pod1 process cde*/
.contour5 { background-color :  #990000;} /*pod2 process cde*/
.contour6 { background-color :  #FDCFB7;} /*barre de nav process cde*/

.fond1{/*pour titre cadre */
	text-align : center;
	/*border-bottom : 1px solid #ccc;*/
	font-size : 11px;
	color : #000000;
/*	background-color : transparent; */
	background-color : #238bff;
	margin : 0px;
}

.fond2{/*pour titre cadre */
	text-align : center;
	/*border-bottom : 1px solid #ccc;*/
	font-size : 11px;
	color : #000000;
	background-color :  #238bff;
	margin : 0px;
}

.fond3{/*pour cadre récap séjour*/
	text-align : center;
	border-bottom : 1px solid #ccc;
	font-size : 11px;
	color : #851D1C;
	background-color : transparent;
	margin : 0px;
}

/* Bordures Image  */
.photo-liste {
	border-color: #990000;
	width : 100px;
	height : 74px;
}
.photo1-sej{
	border: 1px solid #b7deff;
	background-color: #fff;
	padding:2px;
}
.photo2-sej{
	border: 1px solid #b7deff;
	background-color: #fff;
	padding:2px;
	margin: 5px;
}
img[width|="74"]{
	border: 1px solid #b7deff;
	background-color: #fff;
	padding:2px;
}
.photo-liste{
	border: 1px solid #ddd;
	background-color: #fff;
	padding:2px;
}
a.texte-petit{
	text-decoration: none;
	color: #333;
}
a:hover.texte-petit{
	text-decoration: underline;
	color: #f00;
}