/* ===========================================================
					   Font
=========================================================== */


@font-face {
    font-family: 'DamnNoisyKidsRegular';
    src: url('../fonts/damn_noisy_kids/dnk-webfont.eot');
    src: url('../fonts/damn_noisy_kids/dnk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/damn_noisy_kids/dnk-webfont.woff') format('woff'),
         url('../fonts/damn_noisy_kids/dnk-webfont.ttf') format('truetype'),
         url('../fonts/damn_noisy_kids/dnk-webfont.svg#DamnNoisyKidsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ===========================================================
					   Le fond du site
=========================================================== */
html,body
{
	margin				: 0;
	padding				: 0;
	font-family:Verdana, Tahoma, Geneva, sans-serif;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size			: 11px;
	color				: #fff;


	height				: 100%;
	
	text-align			: left;
	
	background-color:#3CB2CE;
	background-repeat	: repeat-x;

	
	background-image:url(../images/bg.jpg);
	background-position: 0px 15px;
}

#page-border , #page
{
	margin		: 0 auto;
	min-height	: 100%;
	position	: relative;
}
#page
{
	width		: 950px;
}
#page-border
{
	width		: 100%;
}

/*Content largeur*/
#content
{
   	
}
#header0Content, #footer0Content
{
   width:1000px;
   margin:auto;
   font-size:10px	
}


/* ===========================================================
					   Les titres
=========================================================== */
h1
{	
	font-size			: 22px;
	color				: #fff;
	text-align			: left;
	text-transform		: none;
	margin-top			: 20px;
	margin-bottom		: 10px;
	font-stretch		: normal;
	font-stretch:extra-condensed;
	font-weight:normal;
	text-transform:uppercase;
	
	background-image:url(../images/contenu/puce.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:3px;
	font-family:'DamnNoisyKidsRegular', Verdana, sans-serif;
}
h2
{
	font-size			: 16px;
	color				: #AB0395;
	text-align			: left;
	text-transform		: none;
	margin-top			: 20px;
	margin-bottom		: 10px;
	font-weight:normal;
	text-transform:uppercase;
	font-weight:bold;


}
h3
{
	font-size			: 13px;
	color				: #fff;
	text-align			: left;
	text-transform		: none;
	
	margin-top			: 20px;
	margin-bottom		: 10px;
	text-transform:uppercase;
	text-align:center;
}




/* ===========================================================
					Les liens sur la page
=========================================================== */
a, a:active, a:visited
{
	text-decoration		: underline;
	text-transform		: none;
	color				: #fff;
	outline				: none;
	
}
a:hover
{
	text-decoration	: underline;
	color			: #AB0395;
}



/* ===========================================================
					   Les listes
=========================================================== */
li
{
	list-style-image:url(../images/contenu/puce_fleur.png);
	margin-bottom:5px;
	/*background-image:url();
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:20px;*/
}



/* ===========================================================
					   Le haut du site
=========================================================== */
/*HEADER 0*/
#header0
{
	text-align:right;
	font-size:10px;
	background:#EAEBED;
	height:15px;
	opacity: .60; 
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);

}
#header0 a
{
    text-decoration:none;
	padding-left:15px;
	padding-right:15px;	
	color:#B5BAC2;
}
#header0 a:hover
{
	color:#858D99;
}
/*FIN HEADER 0*/
.fond_bandeau_haut
{
	background-color	: #FFFFFF;
}

.fond_bandeau_haut_gauche
{
	background-repeat	: no-repeat;
	background-position	: top right;
	background-image:url(../images/maquettefiestalatina2011A_02.jpg);
}

.fond_bandeau_haut_droite
{
	background-repeat	: no-repeat;
	background-position	: top left;
	background-image:url(../images/maquettefiestalatina2011A_04.jpg);
}




/* ===========================================================
					   Sous menu
=========================================================== */

.sm_menu
{
	color:#666;
	font-size:14px;
	font-weight:bold;
}

.sm_menu a, .sm_menu a:active, .sm_menu a:visited
{
	color:#666;
	text-decoration:none;
	
}

.sm_menu a:hover
{
	font-style:italic;
}



.sm_sousmenu
{
	height:40px;
	display:none;
}

.sm_sousmenu
{
	margin:0px;
	padding-left:0px;
	display:none;
}

.sm_sousmenu li
{
	list-style:none;
	/*list-style-image:url(puce.jpg);*/
	display:inline;
	padding-right:10px;
}

.sm_sousmenu a, .sousmenu a:active, .sousmenu a:visited
{
	/*color:black;
	font-size:14px;*/
}


.sm_sousmenu a:hover
{
	/*text-decoration:none;
	font-style:italic;*/
}

/* ===========================================================
					   Le menu gauche
=========================================================== */
.fond_colonne_gauche
{
	background-color	: #FFFFFF;
	text-align			: left;
	background-image:url(../images/menugauche/maquettefiestalatina2011_12.jpg);
	background-repeat	:repeat-y;
}
.fond_colonne_gauche a, .fond_colonne_gauche a:visited
{
	color				: #FFFFFF;
	font-size			: 14px;
	text-decoration		: none;
}
.fond_colonne_gauche a:hover
{
	color				: #FFDF00;
	text-decoration		: none;
	font-style			: italic;
}



/* ===========================================================
					La colonne de droite
=========================================================== */
.fond_colonne_droite
{
	text-align			: right;
	background-color	: #3CB2CE;
	/*background-image	: url('../images/menugauche/maquette_23.png');
	background-repeat	: repeat-y;*/
}



/* ===========================================================
					   Le contenu de la page
=========================================================== */
.fond_centre
{
	background-color	: #3CB2CE;
	background-image:url(../images/contenu/maquettefiestalatina2011A_06.jpg);
	background-repeat	: no-repeat;
	padding-left:20px;
	padding-right:20px;
}

.td_fond_centre
{
	width:1000px;
}


/* ===========================================================
					   Le bas du site
=========================================================== */
.fond_bandeau_bas
{
	background-color	: #FFFFFF;
	background-repeat 	: no-repeat;
	/*background-image	: url(../include/images/images/maquette_bas.jpg);*/
}


.fond_bordure_bas
{
    background:url(../images/bg_bottom.jpg) repeat-x;	
}
.img_bordure_bas_left
{
	width:100%;
	height:161px;
	background-image:url(../images/maquettefiestalatina2011A_16.jpg);
	background-repeat	:no-repeat;
	background-position:top right;
}
.img_bordure_bas_right
{
	width:100%;
	height:161px;
	background-image:url(../images/maquettefiestalatina2011A_18.jpg);
	background-repeat	:no-repeat;
	background-position:top left;
}


#footer0
{
	background-color	: #000;
	border-bottom:10px solid #E6E7E9;
	height:25px;
}
#footer0 table
{
	float:right;
}
#footer0 td
{
	padding-right:40px;
	height:26px;
}
#footer0 a, #footer0 .scrollTop
{
	color:#B5BAC2;
	text-decoration:none;
	text-transform:uppercase;
}
#footer0 a:hover, #footer0 .scrollTop:hover
{
    text-decoration:underline;	
}

#footer0 .scrollTop
{
    float:left;	
	cursor:pointer;
	padding-top:5px;
	margin-left:5px;
}

/* FOOTER */
#footer
{
  font-size:10px;	
  text-align:center;	
  background:#EAEBED;
  clear:both;
}
#footer, #footer a
{
  color:#666;
}
#footer table
{
  text-align:center;	
}
#footer td
{
	vertical-align:top;
    padding:10px;
}

#footer .footerCols td
{
  text-align:left;	  
}
#footer .footerCols td ul
{
	margin:0;
	padding:0;
	margin-left:10px;
}
#footer .footerCols td li
{
	list-style-image:none;
   list-style-type:disc;
   margin-bottom:2px;
}
#footer p
{
  padding : 0;
  margin  :	0;
}
#footer img
{
	    -moz-box-shadow: 6px 6px 10px #888;  
    -webkit-box-shadow: 6px 6px 10px #888;  
    box-shadow:6px 6px 12px #888;
}


.dashed_border
{
	border-left:1px dashed #666;
}
.infosentreprise
{
  font-weight : bold;	
}
#menu_footer a
{
  color:#666;	
}
#menu_footer a:hover
{
   color: red;	
}

/*Affichage du footer*/
#displayFooter
{
   height:20px;	
   background:#EAEBED;
   border-top:1px dotted #999;
   text-align:center;
   clear:both;
}

/* ===========================================================
					Les tableaux
=========================================================== */
.tableau_entete
{
	background-color	: #CCCCCC;
	font-size			: 14px;
	font-weight			: bold;
}
.ligne1
{
	/*color				: #FFFFFF;*/
}
.ligne2
{
	/*color				: #D7E3F2;*/
}

.ligne1:hover, .ligne2:hover
{
	/*color				: #FFFFFF;*/
}



/* ===========================================================
					Liste de produits
=========================================================== */

.listeProduit
{
	background-color: #EEE;
	margin-bottom: 20px;
	border:1px solid #AAA;
}

.listeProduit th
{
	font-size:14px;
	background-color:#CCC;
	height:30px;
}

.listeProduit td
{
	padding-top:10px;
	padding-bottom:10px;
}


.listeProduit a, .listeProduit a:active, .listeProduit a:visited
{
	color: black;
	text-decoration:underline;
}

.listeProduit a:hover
{
	color:blue;
	text-decoration:underline;
}


/* ===========================================================
					La fiche produit
=========================================================== */
.produit{
	background-color: #EEE;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	font-size:12px;
	border:1px solid #AAA;
}

.produit td{
	padding-left: 20px;
	padding-right: 20px;
	min-height: 30px;
}

.infoProduit{
	font-weight: normal;
	font-size: 14px;
}

.infoProduitGros{
	font-weight: bold;
	font-size: 16px;
}

.produit hr
{
	margin-top:25px;
	margin-bottom:0px;
	size:1;
	color:#BBB;
}

.commander{
	background-color:#666;
	color:white;
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

.imageProduit{
	padding:0px;
	background-color:white;
}



/* ===========================================================
					   Les cadres
=========================================================== */
.cadre
{
	padding-bottom 		: 15px;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	margin-left 		: 5px;
	margin-right 		: 5px;
	margin-top			: 10px;
	margin-bottom		: 10px;	
	color				: #fff;
	font-size           : 15px;
	font-variant:small-caps;


	border-bottom:2px solid #ccc;
}
.cadre a
{
  color : inherit;	
}
.cadre a:hover
{
  color : #C50B2D;	
}

.cadreDouble
{
	border : 4px double #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreRidge
{
	border : 4px ridge #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreGroove
{
	border : 4px groove #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreOutset
{
	border : 4px outset #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.cadreSolid
{
	border : 2px solid #ccc;
	padding:5px;
	text-align : center;
	width : 95%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight	: bold;
}

.borderExt
{
	border : 2px solid #C0C0C0;
	text-align : center;
	width : 100%;
	margin : auto;
	margin-top : 10px;
	margin-bottom : 10px;
}

.borderInt
{
	border : 2px solid #000000;
	padding:5px;
	text-align : center;
	margin : 5px; /* Espacement entre les bords */
	font-weight	: bold;
	background-color : #C0C0C0;
}

.contour_image
{
	background-color	: #fff;
	padding				: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.contour_image_gallerie/*pour les images en "gallerie" (c-a-d une légende sous l'image)*/
{
	background-color	: #000000;
	border				: 1px solid #ccc;
	padding				: 0px;
	margin				: 10px;
	margin-bottom		: 5px;
}	


/* ===========================================================
			   Les icones a côté des liens
=========================================================== */
a[href $='.pdf'] { padding-left: 22px; background: transparent url('../images/modele/icones/pdf.gif') no-repeat center left;}
/*
a[href $='.gif'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
a[href $='.png'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
a[href $='.jpg'] { padding-left: 22px; background: transparent url('../images/modele/icones/image.gif') no-repeat center left;}
*/
a[href $='.doc'] { padding-left: 22px; background: transparent url('../images/modele/icones/word.gif') no-repeat center left;}
a[href $='.xls'] { padding-left: 22px; background: transparent url('../images/modele/icones/xls.gif') no-repeat center left;}
a[href $='.txt'] { padding-left: 22px; background: transparent url('../images/modele/icones/texte.gif') no-repeat center left;}
a[href $='.zip'] { padding-left: 22px; background: transparent url('../images/modele/icones/archive.gif') no-repeat center left;}
a[href $='.rar'] { padding-left: 22px; background: transparent url('../images/modele/icones/archive.gif') no-repeat center left;}
a[href $='.exe'] { padding-left: 22px; background: transparent url('../images/modele/icones/exe.gif') no-repeat center left;}
a[href $='.swf'] { padding-left: 22px; background: transparent url('../images/modele/icones/flash.gif') no-repeat center left;}
a[href $='.avi'] { padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}
a[href $='.mpeg']{ padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}
a[href $='.flv'] { padding-left: 22px; background: transparent url('../images/modele/icones/film.gif') no-repeat center left;}



/* ===========================================================
					Les styles de texte
=========================================================== */
.gras
{
	font-weight:bold;
}
.italique
{
	font-style:italic;
}

.important
{
	color				: #AB0395;
	font-size			: 13px;
	font-weight:bold;
}
.important2
{
	color				: #fff;
	font-size			: 13px;
	font-weight:bold;
	background:#C50B2D;
}

.center
{
	text-align 			: center;
}
.justify
{
	text-align:justify;
}
.hidden
{
    display:none;	
}

.both
{
	clear				: both;
}

img
{
	border: 0;
}

.popup
{
	visibility: hidden;
	display: none;
}

.legende_gallerie
{
	font-size:10px;
}

#scrollToTop a{
	position: fixed;
	right: 20px;
	bottom: 10px;
	background-color:white;
	color:black;
	padding: 7px 10px;
	border: 1px solid #000;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight:bold;
	text-decoration:none;
	opacity: .75; 
    filter: alpha(opacity=75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

#scrollToTop a:hover{
	box-shadow: 0px 0px 5px #222;
	-moz-box-shadow: 0px 0px 5px #222;
	-webkit-box-shadow: 0px 0px 5px #222;
	text-decoration: none !important;
	opacity: 1; 
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}



/* ======= Formulaires de reservation */
.tour_form
{
	border:#666 2px dotted;
	padding:10px;
}

.tour_form_rappel
{
	border:#666 2px dotted;
	padding:10px;
	width:360px;
}

.hotel, .restaurant, .rappel
{
	text-align:right;
	padding-right:5px;
	width:200px;
}

.rappel
{
	text-align:right;
	padding-right:5px;
	width:125px;
}

.haut_form
{
	text-align:center;
	margin:auto;
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:15px;
}

.bas_form
{
	text-align:left;
	padding-left:200px;
}

.bas_form_rappel
{
	text-align:left;
	padding-left:125px;
}


/*======== PARTIE MOBILE ==================*/

.header_mobile
{
	display:none;
	width:100%;
	height:30px;
	text-align:left;
	margin:5px;
}

.footer_mobile
{
	display:none;
	margin:5px;
	width:100%;
	height:40px;
	text-align:center;
}


/* ------ Easy Slider ---------------*/

    #container_slider
	{
	    position:relative;
		width:250px;
		margin:auto;
		margin-bottom:10px;
		margin-top:10px;
	}
	#slider
	{
		-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
		border:1px solid #BDBEC0;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:200px;
		height:200px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:201px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/modele/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/modele/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */		

/* ---------- GALERIE PICTOS ------------*/
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerContainer { width:500px; height:70px; margin:auto; position:relative; }
#imageScroller { width:500px; height:70px; position:relative; background:#fff}
#viewer { width:500px; height:70px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:534px; height:47px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(images/ltr_over.png) no-repeat; }


/* ===========================================================
					   Divers
=========================================================== */
p
{
	line-height : 18px;
}

.mentions_legales
{
   font-size:10px;
   font-style:italic;
   text-align:center;	
}

hr
{
   border:none;
   border-bottom:1px dotted #fff;
   width:50%;
}

.bg
{
   background:rgba(1, 99, 48, 0.1);	
   padding:20px;
   margin-bottom:10px;
   margin-top:10px;
   
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-transform:uppercase;
   font-size:10px;
   text-shadow:1px 1px 1px #666;
}
.bg a
{	
   text-transform:uppercase;
}

.tab_annif
{
   border-collapse:collapse;
   margin-bottom:10px;
}
.tab_annif th
{
   padding:10px;
   color:#F2E9D9;
   text-transform:uppercase;
   border:1px dotted #ccc;
}
.tab_annif td
{
   padding:15px;
   color:#fff;
   text-shadow:1px 1px 1px #666;
   border:1px dotted #ccc;
}

.c1
{
   padding-right:15px;
   border-right:1px solid #ccc;	
}
.c2
{
	padding-left:15px;
}

.tel
{
    width:200px;
	margin:auto;	
}

.ssmenu td a
{
	text-align:center;
	display:block;
	background:rgba(255,255,255,0.1);
	padding:10px;
	text-decoration:none;
}
.ssmenu td a:hover
{
	background:rgba(255,255,255,0.4);
}