/* CSS Document */
/* Elements */
body {
	background: url(../images/bg.png) #FEFDF7 repeat-x;
	color: #818176;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	line-height: 130%
}

p {
	text-indent: 3em;
	text-align:left
}

TABLE, TR, TD {  }

h1, h2 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 18px;
	color : #AF5300;
}

h3, h4 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 16px;
	color : #AF5300;
}

h5, h6 {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size : 12px;
	color : #818176;
}

ol, ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 
}

ol li, ul li { 
	list-style-image: url(../images/bookmark.png); 
	margin: 0px
}

a { 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold
}

a img {
	border-width: 0px;
}

a:link {
	color:#818176;
 	text-decoration: none; 
 	background-color: transparent 
}

a:visited { 
	color:#635B42; 
  	text-decoration: none; 
 	background-color: transparent 
}

a:hover { 
	color:#A68100;
  	text-decoration: underline; 
  	background-color: transparent
 }
 
a:active { 
	color:#A68100;
  	text-decoration: none; 
  	background-color: transparent 
}

DIV { 
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	color: #818176;
	text-align:left;
	padding: 0px;
	margin: 0px;
}

IMG {
	border-width : 0px;
}

INPUT { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

/* classes */
.txtgray9b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	font-weight:bold;
}

.txtgray10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.txtblue10b {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #036;
	font-weight:bold;
}

div.suitelink {
	padding:10px 20px 0px 0px;
	text-align:right;
}

div.suitelink a {
	text-decoration:underline
}

div.suitelink a:visited {
	text-decoration:underline
}

/* IDs */

div#container {
	width:774px;
	padding:0px;
	text-align:center;
	margin: 0 auto;
	/*float:none*/	
}

div#header {
	width:714px;
	height:120px;
	padding-left:60px;
	background-image:url(../images/headerbg.png);
	background-repeat:no-repeat;
	/*float:none*/
}

div#subheader {
	width:774px;
	height:12px;
	background-image:url(../images/subheaderbg_1.png);
	background-repeat:no-repeat;
	/*float:none*/
}

div#topcontent {
	width:774px;
	height:268px;
	background-color:#BBA981;
	/*float:none*/
}

div#menu {
	width:194px;
	height:210px;
	background-image:url(../images/menubg.png);
	background-repeat:repeat-y;
	padding:28px 10px 30px 20px;
	float:left
}

div.menupic {
	width:40px;
	height:42px;
	float:left
}

div.menutitre {
	width:144px;
	height:28px;
	text-align:left;
	padding:14px 0px 0px 10px;
	color:#AF5300;
	float:left
}

div.menutitre a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
 	text-decoration: none; 
 	background-color: transparent 
}

div.menutitre a:link {
	color:#AF5300;
 	text-decoration: none; 
 	background-color: transparent 
}

div.menutitre a:visited { 
	color:#AF5300; 
  	text-decoration: none; 
 	background-color: transparent 
}

div.menutitre a:hover { 
	color:#F69B00;
  	text-decoration: none; 
  	background-color: transparent
}
 
div.menutitre a:active { 
	color:#F69B00;
  	text-decoration: none; 
  	background-color: transparent 
}

div#imgprinc {
	width:230px;
	height:258px;
	background-color:#FFF;
	padding:5px;
	text-align:center;
	float:left
}

div#imgcol {
	width:62px;
	height:268px;
	float:left
}

div.colpix {
	width:36px;
	height:40px;
	background-image:url(../images/picbg.png);
	background-repeat:repeat-y;
	padding:4px 13px 4px 13px;
	float:none
}

div.colpixsep {
	width:62px;
	height:7px;
	background-image:url(../images/picsepbg.png);
	background-repeat:no-repeat;
	float:none
}

div#content1 {
	width:203px;
	height:228px;
	background-image:url(../images/content1bg.png);
	background-repeat:repeat-y;
	padding:25px 20px 15px 25px;
	float:left
}

div#content1sep {
	width:203px;
	height:2px;
	background-image:url(../images/sepcontent1.png);
	background-repeat:no-repeat;
	float:none
}

div.titre {
	height:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#AF5300;
	text-align:left;	
	float:none
}

div#texthome {
	font-size: 11px;
	line-height:100%;
	height:65px;
	color:#818176;
	padding:0px;
	float:none
}

div.rightlink {
	text-align: right;
}

div#diapo {
	width:203px;
	height:105px;
	padding:15px 0px 0px 0px;
	float:none
}

div.diapoimgsalle {
	width:15px;
	height:79px;
	float:left
}

div#diapoimgsep {
	width:9px;
	height:79px;
	float:left
}

div#content2 {
	width:774px;
	height:216px;
	background-image:url(../images/content2bg.png);
	background-repeat:repeat-x;
	clear:right;
	float:none
}

div.content2sep {
	width:4px;
	height:216px;
	background-image:url(../images/sepcontent2.png);
	background-repeat:no-repeat;
	float:left
}

div#adress {
	width:170px;
	height:171px;
	padding:25px 25px 20px 25px;
	float:left
}

div#adresstext {
	height:65px;
	color:#818176;
	float:none
}

div#infra {
	width:276px;
	height:171px;
	text-align:center;
	padding:25px 10px 20px 10px;
	float:left
}

div#infracontent {
	height:170px;
	padding:0px 0px 0px 15px;
	float:left
}

div#infratext {
	height:145px;
	color:#818176;
	float:none
}

div#contactindex {
	width:205px;
	height:171px;
	padding:25px 20px 20px 25px;
	float:left
}

div#contactcontent {
	width:130px;
	height:90px;
	padding:0px;
	float:left
}

div#contacttext {
	font-size: 11px;
	line-height:100%;
	color:#818176;
	padding:0px;
	float:none
}

div#contactimgindex {
	width:75px;
	height:90px;
	padding:0px;
	float:left
}

div#contactlink {
	width:100%;
	padding:0px;
	float:left
}

div.quart {
	width:25%;
	float:left
}

div.threequart {
	width:75%;
	clear:right;
	float:left
}

.marron {
	color:#967400;
}

.marronbold {
	color:#967400;
	font-weight:bold
}

div#separator {
	width:774px;
	height:8px;
	background-image:url(../images/separator.png);
	background-repeat:no-repeat;
	float:none
}

div#copyright {
	position: relative;
	width:774px;
	height:75px;
	text-align:center;
	background-color:#F9F5DC;
	background-image:url(../images/footerbg.png);
	background-repeat:no-repeat;
	padding: 30px 0 0 0;
	line-height:90%;
	float:left
}

div#copyright a {
	font-size:9px;
	font-weight:normal
}

.small {
	font-size:9px;
}
div.dynamic {
	background-color:#FFF;
	/*float:left*/
}

div.frame {
	float:left;
}

div.frame_tl {
	width:10px;
	height:10px;
	background-image:url(../images/frame_tl.png);
	background-repeat:no-repeat;
	float:left
}

div.frame_t {
	height:10px;
	background-image:url(../images/frame_t.png);
	background-repeat:repeat-x;
	float:left
}

div.frame_tr {
	width:10px;
	height:10px;
	background-image:url(../images/frame_tr.png);
	background-repeat:no-repeat;
	float:left
}

div.frame_l {
	width:10px;
	background-image:url(../images/frame_l.png);
	background-repeat:repeat-y;
	float:left
}

div.frame_m {
	float:left
}

div.frame_r {
	width:10px;
	background-image:url(../images/frame_r.png);
	background-repeat:repeat-y;
	float:left
}

div.frame_bl {
	width:10px;
	height:10px;
	background-image:url(../images/frame_bl.png);
	background-repeat:no-repeat;
	float:left
}

div.frame_b {
	height:10px;
	background-image:url(../images/frame_b.png);
	background-repeat:repeat-x;
	float:left
}

div.frame_br {
	width:10px;
	height:10px;
	background-image:url(../images/frame_br.png);
	background-repeat:no-repeat;
	float:left
}

/***** Pages internes *****/

div#intrasubheader {
	width:774px;
	height:12px;
	background-image:url(../images/intrasubheaderbg.png);
	background-repeat:no-repeat;
	/*float:none*/
}

div#intramenu {
	width:194px;
	height:676px;
	padding:12px 10px 8px 20px;
	background-image:url(../images/menubg.png);
	background-repeat:repeat-y;
	float:left
}

div.intramenutext {
	width:149px;
	padding:0px 0 12px 45px;
	float:left
}

div#intramenuhome {
	width:194px;
	height:42px;
	padding:0 0 12px 0;
	float:left
}

div#intramenuinfra {
	width:194px;
	height:160px;
	padding:0 0 12px 0;
	float:left
}

div#intramenuadress {
	width:194px;
	height:90px;
	padding:0 0 12px 0;
	float:left
}

div#intramenualbum {
	width:194px;
	height:135px;
	padding:0 0 12px 0;
	float:left
}

div.intramenualbumelem {
	width:82px;
	height:94px;
	margin:0 0 0 3px;
	float:left
}

div.intramenualbumimg {
	width:72px;
	height:69px;
	padding:10px 0 0 10px;
	background-image:url(../images/intramenuimgbg.png);
	background-repeat:no-repeat;
	float:left
}

div.intramenualbumsalle {
	width:82px;
	height:15px;
	float:left
}

div.intramenualbumimgsep {
	width:15px;
	height:94px;
	background-image:url(../images/intramenuimgsep.png);
	background-repeat:no-repeat;
	float:left
}

div.intramenusep {
	width:180px;
	height:12px;
	background-image:url(../images/intramenusep.png);
	background-repeat:no-repeat;
	float:left
}

div#intrasep1 {
	width:11px;
	height:696px;
	background-image:url(../images/intraseparator1.png);
	background-repeat:repeat-y;
	float:left
}

div.justified {
	text-align:justify;
	line-height: 130%
}

div.sep {
	height:15px;
	float:left;
	clear:left
}

div#intracontent {
	width:488px;
	height:646px;
	padding:25px 25px 25px 25px;
	background-color:#FEFDF7;
	/*clear:right;*/
	float:left
}

div#intrasep2 {
	width:774px;
	height:12px;
	background-image:url(../images/intraseparator2.png);
	background-repeat:no-repeat;
	float:none
}

div#albumtitle {
	width:488px;
	height:26px;
	text-align:left;
	float:none
}

div#albumcontent {
	width:450px;
	height:248px;
	padding:19px 19px 8px 19px;
	background-image:url(../images/albumbg.png);
	background-repeat:repeat-y;
	float:none
}
div.albumcontent1 {
	width:450px;
	height:294px;
	padding:8px 19px 8px 19px;
	background-image:url(../images/albumbg.png);
	background-repeat:repeat-y;
	float:none
}div#albummachtacontent {	width:450px;	height:457px;	padding:8px 19px 8px 19px;	background-image:url(../images/albumbg.png);	background-repeat:repeat-y;	float:none}

div.albumimg {
	width:100px;
	height:67px;
	background-color:#FFFFFF;
	padding:4px;
	float:left
}div.albummachtaimg {	width:100px;	height:140px;	background-color:#FFFFFF;	padding:4px;	float:left}

div.albumvseparator {
	width:6px;
	height:75px;
	float:left
}

div.albumhseparator {
	width:450px;
	height:6px;
	float:left
}

div#albumcontrol {
	width:448px;
	height:18px;
	padding:4px 20px 0 20px;
	background-image:url(../images/albumhintbg.png);
	background-repeat:no-repeat;
	float:left
}

div#albumhint {
    width:300px;
	color:#F6F0C7;
	float:left
}
div#albumsp {
    width:148px;
	color:#F6F0C7;
	float:right;
}
div#albumplay {
	float: right;
}
div#albumsp a, div#albumplay a {
   color:#F6F0C7; 
}
div#albumsp a:hover {
   color:#ffffff; 
}
div#albumplay a:hover {
   color:#000000; 
}

div#contenug {
	width:450px;
	height:80px;
	padding:8px 19px 8px 19px;
	background-image:url(../images/contenubgg.png);
	background-repeat:repeat-y;
	float:left;
	text-align:left;
}
div.contact {
	width:450px;
	height:400px;
	padding:8px 19px 8px 19px;
	background-image:url(../images/bgcon.png);
	background-repeat:repeat-x;
	float:left
}
div.contact1 {
    width:430px;
	padding:0px 0px 0px 0px;
	float:left
}
div.contact2 {
    width:300px;
	
	padding:1px 1px 1px 1px;
	float:left
}
div.contact3 {
  
	height:20px;
	padding:1px 1px 1px 1px;
	float:left;
	text-align:left;
	color: #818176;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	float:left
	}
div.contact4 {
    width:72px;
	height:20px;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:left;
	color: #818176;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
div.contactform{ 
	padding:0px 0px 0px 0px;
	float:left
}
div.contactimg {
    width:122px;
	padding:2px 2px 2px 2px;
	float:left;
}
div.contentest {
	width:450px;
	padding:8px 19px 8px 19px;
	background-image:url(../images/bgcon.png);
	background-repeat:repeat-x;
	float:none;
}

div.contentest1 {
	width:450px;
	padding:8px 19px 8px 19px;
	background-image:url(../images/bgcon.png);
	background-repeat:repeat-x;
	border:1px solid #B93401;
	/*overflow:auto;*/
}

div.soustitre {
	width:442px;
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	padding:3px 3px 3px 0px;
	text-align:left;
	color:#E4A315;
	float:left
	
}
div.soustitre1 {
	width:442px;
	height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	padding:3px 3px 3px 0px;
	text-align:left;
	color:#FB9100;
	float:left
	
}
div.soustitre1 a {
	text-decoration:none;
	color:#FB9100;
}
div.soustitre1 a:hover {
	text-decoration:none;
	color:#FB9100;
}
div.soustitre a {
	text-decoration:none;
	color:#FB9100;
}
div.soustitre a:hover {
	text-decoration:none;
	color:#FB9100;
}
div.ssoustitre {
	width:442px;
	height:15px;
	padding:5px 5px 5px 5px;
	text-align:left;
	color:#FB9100;
	float:left
}
div.sstitre1 {
	width:27px;
	height:12px;
	padding:1px 1px 1px 1px;
	background-image:url(../images/m_orang1.png);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left
}
div.sstitre2 {
	width:400px;
	height:10px;
	padding:0px 0px 0px 5px;
	text-align:left;
	color:#FB9100;
	float:left
}
div#coordo {
	width:350px;
	padding:0px 1px 1px 45px;
	text-align:left;
	float:left
}
div.separ{
    width:450px;
	height:1px;
	background-image:url(../images/linesep.png);
	background-repeat:no-repeat;
	clear:left; /* ou both si rien à droite */
}

div.confirmation {   
	width:476px;
	height:28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	text-align:center;
	padding:4px 4px 4px 4px;
	color:#009900;
	float:left;
	background-color:#FFFAE8;
}
INPUT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	border: 1px solid #C1C1C1;
	background-color: #FEFDF7;
	height: 16px;
 }
 textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border: 1px solid #C1C1C1;
	background-color: #FEFDF7;
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	background-color: #E4E4E4;
	height: 20px;
	background-image: url(../images/btbg.png);
	background-repeat: repeat-y;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #CCCCCC;
}
#facebook {
	position:absolute;
	top:25px;
	right:30px;
	text-align:center;
}