/*	-------------------------------------------------------------
	LAROQUE DES ALBERES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Styles communs
	Nom fichier:	style.css
	Version:		1.0
	Date:			...
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Import
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/




.squaremenu_content {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 175px;
  border: 2px solid #FFF;
  border-top:0;
  background: #B9B89D;
  text-align:left;
  z-index:10000;
}
.squaremenu_content a {
  position: relative;
  display: block;
  margin: 0px;
  padding: 7px 6px;
  color: #004494 !important;
  height: auto !important;
  padding-left: 25px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  text-decoration: none;
}

.squaremenu_content a.select { background:#2EA0E9; font-weight:bold; }
.squaremenu_content a:hover { background: #004494; color: #e2e2e2 !important; text-decoration: none; }






/* Navig_int */
.rub-on {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold; text-transform: uppercase;}
.rub-off {color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none; text-transform: uppercase;}
A:hover.rub-off {color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase; text-decoration : underline;}
.page-on {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;}

.page-off {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: none; text-decoration : none;}
A:hover.page-off {color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: none;}


/* IC */
.ic-titre{color: #D5ECFB; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.ic-intro{color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-style: italic;}
.ic-txt{color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
.paragraphe{color: #D5ECFB; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-weight:bold}
.valeur{color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold}


/* Actus */
.actu {color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica;}
A:hover.actu{color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica;  font-weight: bold;text-decoration : underline;}
.actustitre {color: #D5ECFB; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}


/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
	background-color: #B9B89D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
	text-align: center;
	margin-top: 35px;
	padding: 0px;
}


td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
}


a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
}


a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
}
 
a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
}
 
a:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D5ECFB;
}


/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#adresseblock {
	float:right;
	display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868561;
	text-align: right;
}


#bas {
	text-align: right;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	position: relative;
	width: 907px;
	height: 123px;
	background-image: url(../images/ttu-bas.gif);
	background-repeat: no-repeat;
	background-position: top;
}


#container {
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 907px;
	background-image: url(../images/ttu-fond.gif);
}




#ttucontent {
	text-align: left;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 907px;
	background-image: url(../images/ttu-content.gif);
	background-position: 0px -10px;
	background-repeat: repeat;
	}


#dateblock {
	position: absolute; top: 8px; right: 15px;
	display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3B679B;
	text-align: right;
}


#haut {
	text-align: right;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 907px;
	margin-bottom: 2px;
}


#spacemenu {
	display: block;
	width: 907px;
	height: 85px;
}


/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#postitre {position: absolute; top: 5px; left: 9px;}
#posmenu {position: absolute; top: 64px; left: 3px;}
#posecussonbig {position: absolute; bottom: 12px; right: 19px;}
#posvisuel {position: absolute; top: 92px; left: 8px;}
#posttpng {position: absolute; top: 231px; left: 22px;}
#posttactus {position: absolute; top: 98px; left: 4px;}
#posttactublock {position: absolute; top: 121px; left: 103px; display:block; width:266px; height:80px;}
#posagenda {position: absolute; top: 130px; right: 19px;}
#posagendaclic {position: absolute; top: 130px; right: 19px;}


/*	-------------------------------------------------------------
	Polices
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.marine10v {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3B679B;
}
	
/*	-------------------------------------------------------------
	Autres classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


.adresse {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #868561;
	font-weight: bold;
}


/* ********************** */
/* zone de telechargement */
.downloadintrotitre {color: #11458B; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold;}
.downloadintrotexte {color: #000000; font-size: 11px; font-family: Verdana,Arial, Helvetica;}
.downloadspace {margin-bottom : 3px; margin-left : 5px; margin-right : 5px; margin-top : 3px;}
.downloadrubrique {color: #345F96; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold; text-transform: uppercase;}
.downloadtitre {color: #D5ECFB; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold;}
.downloadapercu {color: #000000; font-size: 9px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase;}
A:hover.downloadapercu {color: #000000; font-size: 9px; font-family: Verdana, Arial, Helvetica; text-transform: uppercase;}




.downloadpdf {color: #000000; font-size: 10px; font-family: Verdana,Arial, Helvetica;}
.downloadfleche {color: #11458B; font-size: 10px; font-family: Verdana,Arial, Helvetica;}
/* zone de telechargement */
/* ********************** */


/* ********************** */
/* Galerie photos */
.galcateg-on{color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold; text-transform: uppercase; }
.galcateg-off {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration :none;  text-transform: uppercase;}
A:hover.galcateg-off {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold; text-transform: uppercase;}
.galpage-on {color: #D0F117; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.galpage-off {color: #FFFFFF; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : none;}
A:hover.galpage-off {color: #D0F117; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;}
.galvaleurnav {color: #867846; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
/* */
.galdescrub {color: #000000; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold;}
.gallegende {color: #237892; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.gallegrub{color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica;}
.galspace {margin-bottom : 3px; margin-left : 5px; margin-right : 5px; margin-top : 3px;}
.galttrubrique {color: #FFFFFF; font-size: 12px; font-family: Verdana,Arial, Helvetica; font-weight: bold; text-transform: uppercase;}
A.galttvign, .galttvign {color: #207da3; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : none; font-weight: bold;}
A:hover.galttvign {color: ##207da3; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration : underline; font-weight: bold;}
.galnav {color: #34788c; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.galphotott{color: #0c59a1; font-size: 15px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
.galphotodesc {color: #1162a7; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: bold;}
/* Galerie photos */
/* ********************** */