@import "charte.css";

/**
* Pages beaux arts
*/
#beaux-arts{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:470px;
	height:auto !important;
  width:866px;
	float:left;
	padding-top:10px;
  margin-top: 20px;
  padding-bottom: 40px;
}
#beaux-arts  .image {

	margin:167px 0px 0 18px;
	font-weight:bold;
	font-size:10px;
}
#beaux-arts  .image-left {

	margin:75px 0px 0 18px;
	font-weight:bold;
	font-size:10px;
  float: left;
}

#beaux-arts #col-right{
	width:520px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
  width: 610px;
	text-align:justify;
	line-height:15px;
	background-image:url(../images/charte/chintreuil-tortue_antoine.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#beaux-arts #col-left{
	width:520px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:left;
  width: 240px;
	text-align:justify;
	line-height:15px;
}
#beaux-arts #col-right h1{
	font-size:18px;
	color: #994F90;
	margin-top:10px;
}
#beaux-arts #col-right h1:first-letter {
	font-weight:bold;
	font-size:22px;
}

#beaux-arts #col-right  .image {
	float:right;
	width:300px;
	margin:-40px 30px 0 30px !important;
	margin:-40px 10px 0 30px;
	font-size:10px;
	font-weight:normal;
	min-height:425px;
	height:425px;
	height:auto !important;
	
}
#beaux-arts #col-right  .image2 {
	float:right;
	width:250px;
	margin:-40px 70px 0 50px !important;
	margin:-40px 10px 0 50px;
	font-size:10px;
	font-weight:normal;
	min-height:200px;
	height:200px;
	height:auto !important;
	
}
#beaux-arts #col-right  .image .right,
#beaux-arts #col-right  .image2 .right {
	text-align:right;
	width:100%;
	float:right;
	
}

#beaux-arts #col-right  .image .left ,
#beaux-arts #col-right  .image2 .left {
	text-align:left;
	width:100%;
	float:left;
}

/**
* Pages ethnographie
*/
#ethnographie{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:left;
  width: 866px;
	padding-top:10px;
  margin-top: 20px;
}

#ethnographie  #col-right p{

	width:150px;
	text-align:justify;
	float:right;
		padding-top:30px;
}

#ethnographie  #col-right #paragraphe{

	width:200px;
	text-align:justify;
	float:right;
		padding-top:30px;
}
#ethnographie  #col-right2 p{

	width:150px;
	text-align:justify;
	float:left;
	padding-top:30px;
	margin-right:115px !important;
	margin-right:30px;
  padding-left:30px;
}
#ethnographie  #col-right2 #paragraphe{

	width:150px;
	text-align:justify;
	float:left;
	padding-top:30px;
	margin-right:0px;
  padding-left:30px;
}

#ethnographie #col-right{
	width:866px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;
	background-image:url(../images/charte/chintreuil-oiseau_ethno.gif);
	background-position:50% bottom;
	background-repeat:no-repeat;
		
}
#ethnographie #col-right2{
	width:866px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;
	background-image:url(../images/charte/chintreuil-oiseau_ethno.gif);
	background-position:60% bottom;
	background-repeat:no-repeat;
		
}
#ethnographie h1{
	font-size:23px;
	color: #B7C922;
	padding:30px 2px 5px 50px;
	width:200px;
	text-align:right;
	float:left;
}
#ethnographie  h1:first-letter {
	font-weight:bold;
	font-size:30px;
}

#ethnographie h2{
	font-size:23px;
	color: #B7C922;
	padding:30px 0px 5px 0px;
	width:296px;
	text-align:right;
	float:left;
}
#ethnographie  h2:first-letter {
	font-weight:bold;
	font-size:30px;
}

#ethnographie #col-right  #image {
	float:right;
	width:360px;
	margin:0px 10px 0 10px !important;
	margin:0px 5px 0 5px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;
}
#ethnographie #col-right2  #image {
	float:right;
	width:380px;
	margin:0px 10px 0 0px !important;
	margin:0px 5px 0 0px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;
}
#ethnographie #col-right  #image-gauche,
#ethnographie #col-right2  #image-gauche {
	
	margin:60px 10px 0 0px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:-0.5px;
}
#ethnographie #col-right  #image .right,
#ethnographie #col-right2  #image .right {
	text-align:right;
	width:100%;
	float:right;
}

#ethnographie #col-right  #image .left,
#ethnographie #col-right2  #image .left{
	text-align:left;
	float:left;
	margin:5px;
}
/**
* Pages cabinet curiosité
*/
#curiosite{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:left;
  width: 866px;
	padding-top:10px;
	padding-bottom:10px;
	background-image:url(../images/charte/curiosites/toucan.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#curiosite  p{
	width:350px;
	text-align:justify;
	float:left;
}

#curiosite  #paragraphe{
	width:340px;
	float:right;
	margin-right:35px;
}

#curiosite #col-right{
	width:866px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;
	background-image:url(../images/charte/curiosite_singe.gif);
	background-position:right top;
	background-repeat:no-repeat;

}


#curiosite #col-right h1{
	margin-left:200px;
	font-size:25px;
	color: #D37D7A;
	text-align:left;
	padding:10px 0;
	float:left;
	line-height: 24px;
}
#curiosite #col-right  #h1{
	margin-left:160px;
	font-size:25px;
	color: #D37D7A;
	width:350px;
	text-align:left;
	padding:10px;
	float:none;
}
#curiosite #col-right h1:first-letter ,
#curiosite #col-right h1 {
	font-weight:bold;
	font-size:30px;
}
#curiosite #col-right  #image {
	float:right;
	width:270px;
	margin:-40px 40px 0 10px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;
}
#curiosite #col-right  #image2 {
	margin:35px 10px 0px 200px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:-0.5px;
  width: auto;
  clear: left;
  float: left;
}
#curiosite #col-right  #image-gauche {
	margin:40px 10px 0px 20px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:-0.5px;
  float: left;
}
#curiosite #col-right  #image-gauche2 {
	margin:15px 10px 0px 0px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:-0.5px;
  float: left;
}
#curiosite #col-right  #image .right {
	text-align:right;
	width:100%;
	float:right;
}

#curiosite #col-right  #image .left {
	text-align:left;
	float:left;
	margin:5px;
}

/**
* Pages expo temporaire
*/
#exposition{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:left;
	padding-top:10px;
}

#exposition #image-gauche{
	margin-left:0px;
}
#exposition #image-centre{
	margin-left:125px; 
	margin-top:-180px !important;
	margin-top:-150px;
}

#exposition  p{

	width:210px;
	text-align:justify;
	float:right;
}

#exposition #col-right{
	width:420px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;

}


#exposition  h1{
	margin-left:0px;
	font-size:22px;
	color: #E8B600;
	padding-top:0px;
	width:335px;
	line-height:30px;
	text-align:right;
}
#exposition  h1:first-letter {
	font-weight:bold;
	font-size:30px;
}
#exposition  h2{
	margin-left:0px;
	font-size:16px;
	color: #000000;
	padding-top:10px;
	width:335px;
	line-height:20px;
	text-align:right;
		
}
#exposition  h3{

	width:335px;
	line-height:14px;
	text-align:right;
	font-size:12px;
	text-decoration:none;
		
}
#exposition  h3 a {
	text-decoration:none;		
	color : #000000;
}
#exposition  h4{
	margin-left:0px;
	font-size:16px;
	color: #E8B600;
	padding-top:0px;
	width:335px;
	text-align:right;
}

#exposition #col-right  #image {
	float:right;
	width:180px;
	margin:10px 10px 0 10px !important;
	margin:0px 5px 0 10px;
	font-weight:bold;
	font-size:10px;
	min-height:480px;
	height:auto !important;
	height:460px;
	
	letter-spacing:-0.5px;
	background-image:url(../images/charte/exposition/masque_resine.jpg);
	background-position:right;
	background-repeat:no-repeat;	
	
	
	
}
#exposition #col-right  #image-gauche {
	
	margin:0px;

	
}
#exposition #col-right  #image #msg-expo {
	text-align:center;
	width:170px;
	min-height:115px;
	height:115px;
	height:auto !important;
	background-color:#E9BA0C;
	font-size:12px;
	line-height:16px;
	padding:5px;
	font-weight:normal;
}
#exposition #col-right  #image #msg-expo h3 {
	font-size:16px;
	color:#FFFFFF;
	margin:5px 5px 10px 5px;
	width:100%;
	text-align:center;
}

/**
* Pages atelier*/
#atelier{
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:left;
	padding-top:10px;

}

#atelier #col-right{
	width:866px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;

}
#atelier #col-right2{
	width:520px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;
	background-image:url(../images/charte/atelier-droite.gif);
	background-position:right bottom;
	background-repeat:no-repeat;




}
#atelier h1{
	margin-left:0px;
	font-size:25px;
	color: #DA8D00;
	width:250px;
	text-align:left;
	float:left;
	padding-top:20px 0 10px 0;
}
#atelier  h1:first-letter {
	font-weight:bold;
	font-size:30px;
}

#atelier #col-right h1.titre_activites{

	font-size:25px;
	color: #8ac69b;
	padding:10px 0px 10px 0px;
	text-align:left;
	width:280px;
}

#atelier #col-right h1.titre_evenement{

	font-size:25px;
	color: #DA8D00;
	padding:10px 0px 10px 0px;
	text-align:left;
	width:280px;
}

#atelier #col-right2 h1{
	margin-left:30px !important;
	margin-left:5px;
	font-size:25px;
	color: #DA8D00;
	padding-top:10px;
	width:170px;
	text-align:left;
	line-height:20px;
	margin-bottom:10px;
	float:left;

}
#atelier #col-right h1:first-letter,
#atelier #col-right2 h1:first-letter {
	font-weight:bold;
	font-size:30px;
}
#atelier #col-right  #image {
	float:right;
	width:200px;
	margin:0px 20px 0 20px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;
}
#atelier #col-right2  #image {
	float:right;
	width:230px;
	margin:-40px 20px 0 40px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;


}
#atelier #col-right  #image2{
	float:right;
	width:250px;
	margin:-40px 10px 0 10px;
	font-weight:bold;
	font-size:10px;
	min-height:425px;
	height:425px;
	height:auto !important;
	letter-spacing:-0.5px;


}
#atelier #col-right  #image-gauche {
	
	margin:-10px 0px  0px 0px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:-0.5px;
	

}

#atelier #col-right  #image .right {
	text-align:right;
	width:100%;
	float:right;
}

#atelier #col-right  #image .left {
	text-align:left;
	float:left;
	margin:5px;
}
#atelier  #image {

	margin:160px 0px 0 80px;
	font-weight:bold;
	font-size:10px;
}

/**
* Pages infos pratiques
*/
#infos-pratiques{
	background-color:#FFFFFF;
	background-image:url(../images/charte/chintreuil-oiseau_info.gif);
	background-position:left 90px;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	min-height:425px;
	height:425px;
	height:auto !important;
  width:866px;
	float:left;
  margin-top: 20px;
}

#infos-pratiques #image-gauche{
	margin-left:0px;
}
#infos-pratiques #image-centre{
	margin-left:200px; 
	margin-top:-180px;
}


#infos-pratiques #col-right{
	width:866px;
	min-height:425px;
	height:425px;
	height:auto !important;
	float:right;
	text-align:justify;
	line-height:15px;

}

#infos-pratiques  #col-right .info{
	width:405px;
	text-align:justify;
	clear:both;
	margin-bottom:10px;
	height:auto !important;
	float:left;
}

#infos-pratiques  #col-right h1{
	margin-left:0px;
	font-size:18px;
	color: #A1007A;
	margin-top:0px;
	width:155px;
	line-height:20px;
	text-align:right;
	margin-right:15px;
	padding:0 5px;


}
#infos-pratiques   #col-right h1:first-letter {
	font-weight:bold;
	font-size:20px;
}
#infos-pratiques   #col-right .texte {
	width:230px;
	float:right;
	height:auto !important;
}
#infos-pratiques   #col-right .texte2 {
	width:300px;
	float:right;
	height:auto !important;
}
#infos-pratiques #col-right  #image {
	float:right;
	width:280px;
	margin:0px;
	font-weight:bold;
	font-size:10px;
	min-height:500px;
	height:500px;
	height:auto !important;
	letter-spacing:-0.5px;


}
#infos-pratiques #col-right  #cadre1 {
	width:230px;
	min-height: 151px;
	height:151px;
	height:auto !important;
	float:right;
	background-color:#A1007A;
	font-size:11px;
	letter-spacing:normal;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-bottom:20px;
	padding:10px 10px 10px 10px;
}
#infos-pratiques #col-right  #cadre1 a,
#infos-pratiques #col-right  #cadre1 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
#infos-pratiques #col-right  #cadre2 {
	width:230px;
	min-height: 151px;
	height:151px;
	height:auto !important;
	float:right;
	background-color:#F7AFCC;
	font-size:11px;
	font-weight:normal;
		letter-spacing:normal;
	color:#000000;
	text-align:justify;
	padding:10px 10px 10px 10px;
}
#infos-pratiques #col-right  #cadre2  h1{
	color:#A1007A;
	font-size:17px;
	width:100%;
	text-align:left;
}
#infos-pratiques #col-right  #cadre2  h1:first-letter{
	color:#A1007A;
	font-size:20px;
}
#infos-pratiques #col-right  #cadre2  #texte_wrap{
	float: left;
  text-align: justify;
}
#infos-pratiques #col-right  #cadre2  #logo_wrap{	
  float: right;
  width: 70px;
  margin: 10px
}