/* BASE 
-----------------------------------------------------------------------*/

html {font-size:100.01%; } /* met le texte de base à 10px (16 x 62,5% = 10) */
body {
	font-size: 62.5%;
	line-height: 1.5em;
	font-family: ReverieRegular, serif;
	color: #999;
	display: block;
	font-style: normal;
}
body {background: #FFF url(../img/background_page_270.png) repeat-x 50% 0px; }

/* TITRES 
-----------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6	{
	color: #A2A369;
	margin: 0;
	font-style: normal; font-weight: normal;
}
h1, h2 				{font-family:ReverieLight, serif;
					font-size:4.2em; line-height: 1em; color: #6A8EAE;}
h3 					{font-family:ReverieRegular, serif; font-size:2em; 
					line-height: 1em; margin: 0.75em 0 0.25em;}
h4 					{font-family:ReverieRegular, serif;font-size:1.8em; 
					line-height: 1.25em; margin: 0.5em 0 0.25em; color: #6A8EAE;}
h5 					{font-family:ReverieRegular, serif;font-size:1.4em;
					line-height: 1.4em; margin: 0 0 5px;}
h6 					{font-family:ReverieRegular, serif; font-size:1em;}


/* TEXTE COMMUN 
-----------------------------------------------------------------------*/

p, dl, hr, ol, ul, pre, table, address, fieldset {margin-bottom:10px}
p {font-size: 1.2em; line-height: 1.5em }


/* LISTES 
-----------------------------------------------------------------------*/

ol {list-style:decimal }
ul {list-style:none }


/* LIENS 
-----------------------------------------------------------------------*/

a:focus    {outline:1px dotted}
a:link     {text-decoration: none; color: #B0B37E;  }
a:visited  {text-decoration: none; color: #A2A369; }
a:hover    {text-decoration: underline; color: #527C9F; }
a:active   {text-decoration: none; color: #5B829F; }
h3 a:hover,
h2 a:hover {text-decoration: none;}


/* MENU COLLECTIONS 
-----------------------------------------------------------------------*/

ul#menu_collection li            {line-height: 25px; margin: 0; height: 25px; overflow: hidden; }
ul#menu_collection li a          {display: block; background: url(../img/menu_collection.png) no-repeat -300px 0px; padding: 0 5px; }
ul#menu_collection li a.premier  {background-position: -450px; margin-top: 0}
ul#menu_collection li a:hover    {background-position: -150px; text-decoration: none; }
ul#menu_collection li a.selected {background-position: left; text-decoration: none; color: #527C9F; }
.grid_2.menu_collection 		 {width: 150px; margin-right: 0px;}

/* IMAGES 
-----------------------------------------------------------------------*/

#img 					{position: relative; width: 540px; height: 390px; margin-bottom: 5px; }/*plus spécifique*/
.petitcadre 			{float: left; padding: 5px; margin-right: 3px 10px 5px 0; ; border: 1px solid #A2A369; background-color: #EAEBD7; }
.container_12 			{
	background-image: url(../img/menu/entete_background_960x165.png);
	background-repeat: no-repeat;
}
img.cadre, div.cadre 	{background-color: #F7F7EA; padding: 4px; border: 1px solid #D5DABB; margin: 5px 0;}
img.cadre.gauche 		{float: left; margin: 5px 10px 3px 0;}
a:hover .cadre 			{background-color: #D5DABB; }
#googlemaps 			{height: 370px; width: 450px; }


/* BOUTONS 
-----------------------------------------------------------------------*/

a.bouton 				{line-height: 25px; width: 140px; height: 25px; overflow: hidden; display: block; 
						background: url(../img/menu_collection.png) no-repeat -150px 0; padding: 0 5px; }
a:hover.bouton			{background: url(../img/menu_collection.png) 0 0; text-decoration: none; }


/* GALLERIES 
-----------------------------------------------------------------------*/

#gallery li 			{float: left; cursor: pointer; margin: 0 2px 0 3px; 
						background: url(../img/gallery/ajax-loader-small.gif) transparent no-repeat 50% 50%; }
#gallery 				{height: 67px; }
.caption 				{display: block; position: absolute; bottom: 0; left: 0; width: 520px; height: 22px; 
						line-height: 22px; color: #fff; background-color: #333; opacity: .0; 
						/* originalement 0.8 mais veux le cacher*/ font-size: 1.1em; padding: 0 10px; }


/* TEXTES DE PAGES 
-----------------------------------------------------------------------*/

#description ul li, 
#description ol li 		{font-size: 1.2em; line-height: 1.5em }
#description ul li 		{background: url(../img/fleche_liste.png) no-repeat 0px 4px; margin: 5px 0 0 ; padding-left: 10px; }
#description ol li 		{margin: 5px 0 0 20px; }


/* FOOTER 
-----------------------------------------------------------------------*/

#footer 				{
	margin-top: 20px;
}
#footer p 				{font-size: 1em; line-height: 1.5em; margin: 0; }
#adresse h6, 
#footer h6				{color: #666; font-weight:bold; text-transform: uppercase; letter-spacing: 1px; }
#adresse h6 			{margin-top: 5px; }
#footer .filet 			{border-left: 1px dashed #F2F4E8; }
#footer .etroit 		{width: 55px; margin-right: 0px; }


/* AUTRES 
-----------------------------------------------------------------------*/

.clear.spacer 			{height: 20px; }
.premier 				{
	margin-top: 0px;
}
.marge150				{
	margin-left: 150px;
	margin-top: -5px;
}
#infos_supp iframe {
	margin-top: 30px;
}
.grid_4.intro {
	background-image: url(../img/menu/fond_300x300.png);
	height: 250px;
	overflow: hidden;
}
 
.grid_4.intro div{
	padding: 10px;
}