/* Generated by KompoZer */
.feuille-de-style {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
}
body {
  background-color: none;
}
/* Prelude menu supérieur 
-------------------------------------------------------- */
#prelude {
	font-family: 'Comic Sans MS', cursive;
	position : absolute;
	top : 0;
	margin : 0;
	padding : 0;
	font-weight : bold;
	font-size : 0.85em;
		
}

/* Les trois lignes suivantes Ã  supprimer si vous souhaitez voir s'afficher le prelude Changement de la couleur en noir*/
#prelude, #prelude a {
	color:#000;
}

h1 { font-family: 'Comic Sans MS', cursive; font-size : 3.95em; text-align:center; }
h2haut {
	font-size: 1.2em;
	text-align: bottom;
	font-weight: bold;
	color: Blue;
	font-family: Georgia;
}
h2  {
	font-size: 1.2em;
	color: #00008B;
	text-align: bottom;
	margin-bottom: 0em;
	color: navy;
	
}
/* h2 { font-size : 1.5em; margin : 0.83em 0; }*/
h3 { font-size : 1.17em; margin : 1em 0; }
h3list {
	font-size: 1.17em;
	margin: 0,5em 0;
	font-weight: bold;
	color: #FFA500;
}
{ font-size : 6em; margin : 1.33em 0; }
/*h4 { font-size : 1em; margin : 1.33em 0; }*/
h4 { font-size : 1,7em; margin : 1.33em 0; }
h2, h3, h2haut { font-family : Georgia,"New Century Schoolbook",Times,serif; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
/*  h6 { font-size : 0.67em; margin : 2.33em 0; }*/
h7 { font-size : 1.25em; font-weight : strong;    }
h6 { font-size : 1.25em; margin : 1em 0; }
actu {	font-size : 1.25em; font-weight : strong;	color: Green;
		 /*alignement du texte et des image de la partie gauche 0em correspond à la hauteur max */
     	text-align:left;}
	
pgras {
font-weight: bold;
}
pitalic {
	font-style: italic;
}
/* ul a {
  position: absolute;
  list-style-type: none;
  display: block;
  width: 80px;
  height: 29px;
  text-decoration: none;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 9px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: Blue;
}
a:link {
	color : #0033FF;
	text-decoration:none;
}
ul a:hover {
  list-style-type: none;
  font-size: 18px;
  color: Red;
  width: 169px;
  height: 45px;
}*/
#block-reservation {
	background-color: #FFFFFF:
width: 300px;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
}
#conteneur {
	background-color: #FFFFFF:
width: 300px;
	margin: 0 auto;
	text-align: left;
	border: 2px solid #ab4;
	font-size: 1,2em;
}
#page {  background-color :  #FFFFFF:}

#BG-acceuil {
  background-image: url(http://www.acte-clown.fr/Photos/antares-inauguration/DSC01156.JPG);
}
#arriere {
  position: absolute;
  left: 10em;
  top: 5em;
  height: 20em;
  width: 30em;
}
#arriere img {
  width: 100%;
  height: 100%;
}
#arriere p {
  position: absolute;
  top: 1em;
  left: 1em;
  font-size: 1.5em;
  color: white;
}
#top {
	display: block;
	 	 
	background-color: #FFFFFF ;
	background-image: url(images/bandeau-titre1.png) ;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top; 
	margin-top: 1em; /*augmenter cette valeur fait descendre le bloc top */
	margin-bottom: -1em;  /*je n'arrive pas à voir l'effet de cette valeur ? top */
	 
	/*float : right;*/ 
		 /*margin-right:-20em;*/ 
 /* padding: 1em;*/ 
  width: 100%;
	/*height: 196px;*/ 
	padding-bottom: 0pt;
	/* padding-top: 40px;*/ 
	/* padding-bottom: 0pt;*/
}

#top h1 {
		
	margin : 0;
	margin-bottom: 0em;
	position: relative;
	/* margin bottom fait déscendre tout les blocks en dessous de top si valeur au dessus de 0 */
	
	padding : 0.86em 1px;
	letter-spacing : 2px ;
	line-height: 1em;  /* Line heigt positionne le titre par rapport au block top Attention si il y a un fond d'écran de couleur un block blanc s'affiche */

	
}
	/* { rajout de css pour positioner l'image bandeau-titre.jpeg en haut de l'écran
*/
	
	}
#top a {
	/* color : #330000;*/
	background : transparent;
	text-decoration : none;
	font-weight:normal;
}
#actu_index {
  border: medium hidden black;
  float: right;
}
#sidebar2 {
	float:right;
	margin-right:0em;
	margin-top : 0em;
	z-index:11;
	font-size:0.86em;
}

#sidebar2[id] {
	margin-left:1px;
}
/* remplacement de background-image : url(images/bg-title-sidebar.png);
*par background-image : url(images/bg-title-sidebard.png);
-------------------------------------------------------- */
#sidebar2 h2 {
	font-size:1.25em;
	font-weight : strong;
	color : #000;
	text-align:bottom;
	/*text-align:center;*/
	;
	padding : 10px 0 0 0;
	background-color : transparent;
	background-image : url(images/bg-title-sidebar-d3.png);
	background-repeat : no-repeat;
	background-position : 10% 10%
}

#sidebar2 h3 h3list  {
	font-size : 1.15em;
	color : #756435;
	font-weight : normal;
}

#sidebar2 ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#sidebar2 li {
	display : block;
	margin-top : 0.15em;
	padding-left : 15px;
	color : #e2d6ad;
	background : transparent url(images/fleche.png) no-repeat 0 0.25em;
}

#sidebar2 a {
	text-decoration : none;
}

#sidebar2 li:hover {
	color : #333;
}
#imagebox{
	position : absolute;
	top : 0;
	margin-right : 0;
	padding : 0;
}

/* Search form */
#search {
}
#q {
}

/* Categories box */
#categories {
}

/* Archives box */
#archives {
}

/* Links box */ 
#links {
}

/* Syndication box */
#syndicate {
}
/*  box prestation*/
#presta {
}


/* Footer
-------------------------------------------------------- */
#footer {
	font-size:0.9em;
	border-top : 1px solid #999;
	margin : 0 0 1em 0;
	padding: 0 2em;
	color: #666;
	text-align: right;
	line-height: 100%;
}

/* Calendrier
-------------------------------------------------------- */
#calendar {
font-size : 0.8em;
}

#calendar h2 {
	font-size : 1.66em;
}

#calendar table {
	border-collapse : collapse;
	font-size : 1em;
	text-align:center;
	margin : 0;
	padding:0;
}

#calendar caption {
	margin : 0 auto;
	padding : 0 0 0.3em 0;
	font-size : 1.2em;
}

#calendar abbr {
	border : none;
}

#calendar th, .cal td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}

#calendar td.active a {
	font-weight : bold;
}

#calendar a {
}

/* création d'une classe image-left pour remplacer imagebox*/ 
}
.image-left {
	float : right; 
	margin-left : 3Opx; 
	padding : 0px; 
	padding-bottom: 0;
	margin-top: -3em;
	text-align : center; 
	font-size:0.86em;
	padding-top:56px;
	border : 1px solid #ccc; 
	min-height: 602px ;
	min-width: 400px;
			}
/* création d'un  block actu  pour placer les annonces*/ 
	
#box-actu  {
         float:center;
		 /*alignement du texte et des image de la partie gauche 0em correspond à la hauteur max */
         margin-left:-50em;
		  margin-top: 0em;
         z-index:10;
	text-align:left;
	font-size:0.86em;
	padding-top:56px;
}

#box-actu[id] {
	margin-right:1px;
}

#box-actu h2 {
	font-weight : normal;
	color : #756435;
	padding : 10px 0 0 0;
}

#box-actu ul {
	padding-left : 0;
	margin : 0 0 0 0;
	list-style : none;
}

#box-actu  li {
	display : block;
	margin-top : 0.15em;
	padding-left : 15px;
	color : #e2d6ad;
	background : transparent url(images/fleche.png) no-repeat 0 0.25em;
}

#box-actu  a {
	text-decoration : none;
}

#box-actu li:hover {
	color : #333;
}


/* galeries
******************************************/
}
#galleries {
}

#gallery {
	margin : 10px; 
}
#galleries h3 { display:none;
/* effacement de l'élement H3 du bloc galerie qui est redondant (titre "galerie de photo*/ 
}
.gallery-thumbnail {
	float : left; 
	margin : 3px; 
	padding : 0px; 
	padding-bottom: 0;
	text-align : center; 
	border : 1px solid #ccc; 
}

.gallery-thumbnail-container img {
	display : block; 
	margin : 0px auto; 
	border : 0;
}

.gallery-thumbnail-container {
	width: 140px;
	height: 110px;
	margin: 5px;
}

.gallery-thumbnail-desc {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	border-top : 1px solid #ccc; 
	background : #EEE; 
	font-size: 1em;

}

.gallery-icone {
}

.gallery-portrait {
}

.gallery-image-title {
	display:block;
	text-align: center; 
}

.gallery-nb-comment {
	margin-top : 1px;
	display:block;
	text-align: center; 
	font-size: 1em;
}
.gallery-nb-comment a{
	font-size: 1em;
}

.gallery-nb-views {
	padding-bottom : 1px;
	display:block;
	text-align: center; 
}

.gallery-thumbnail:hover {
	background : #EEE; 
}

.gallery-description { 
	float : left; 
	width : 100%; 
	line-height : normal; 
}

.gallery-description ul {
	margin : 0;
	padding : 0;
	list-style : none; 
	float : left; 
}

.gallery-description li {
	float : left; 
	margin : 5px; 
	padding : 5px;
	width : 410px; /*remplacement de 210 par 410 afin que les titres des galeries soit lisible et ne se chevauchent pas */
	height : 60px; 	
	border : 1px solid #ccc; 
	list-style : none; 
}

.gallery-description img { 
	float : left; 
	margin : 10px 5px 5px 5px; 
	height:40px;
	width:40px; 
	border : 1px solid #ccc; 
}

.gallery-description a { 
	float : left; 
	display : block; 
	color : #000;
	text-decoration : none; 
}

.gallery-description li:hover { 
	background : #eee; 
}

.gallery-all-thumbnails {
	margin: 0px auto;
	width: 100%;
	padding: auto;
}

.gallery-spacer {
	display: block;
	clear:both;
}

.gallery-enddescription { 
	clear: both;
	margin-bottom: 10px;	
	padding: 1px; 
}

.gallery-navigation { 
	font-size : 1.2em; 
	/*clear : both; */
	color : #666;
	margin : 10px; 
	text-align : center; 
}

.gallery-image img { 
	display:block; 
	margin : 0 auto; 
	padding : 8px; 
	border : 1px solid #000;
	background: #fff;
}

.gallery-content blockquote { 
	background: #EEE; 
	border: 1px solid #ccc; 
	margin: 10px 0;
	padding: 10px; 
	overflow: auto; 
}

.gallery-content blockquote p{
	margin: 1ex 0; 
}



#gallery-last {
}

.gallery-last-block {
	border : 1px solid #ccc;
	border-top-width : 2px;
	padding : 0 0.5em;
	margin : 0 0 1.5em 0;
}

.gallery-last-title {
	background : #eceade;
	margin : 0 -0.5em;
	padding : 0.2em 0.5em;
	font-size : 1em;
	font-family : Verdana,Arial,Helevetica,sans-serif;
}

.gallery-last-info {
	margin : 0;
}

.gallery-last-info img {
	float : left;
	margin : 2px 0 0 4px;
	position : relative;
}

#gallery-exif {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#gallery-exif dl {
	width: 39.1em;
	margin: 0 auto;
	padding: 0;
	/*clear: both;*/
}

#gallery-exif dt {
	background: #EEE; 
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	font-weight: bold;
}

#gallery-exif dd {
	float: left;
	background: #FFF; 
	width: 21em;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}
-------------------------------------------------------- */
/* Calage de la vidéo
-------------------------------------------------------- */

#video {
	position: relative;
	
}
/* Interactions
-------------------------------------------------------- */
/* Calage des sidebar
-------------------------------------------------------- */

.ext-col {
	position: relative;
	width: 15em;
	overflow: hidden;
}

	/*alignement du texte   la partie gauche 1em correspond à la marge gauche  */

.int-col {
	margin: 0 1 em;
	padding-bottom:2em;
}

.clear {
	clear: both;
}

fieldset {
	display : block;
	border : none;
	margin : 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #f1f0ed;
}

input[type=submit], input[type=reset] {
	background : #ccc;
	color : #000;
}

input[type=submit]:hover {
	background : #598F9A;
	color : #fff;
}

textarea {
	width : 95%;
}

p.field {
	margin : 0.5em 0 0 0;
}

p.field label {
	display : block;
	font-weight : bold;
	font-size : 0.85em;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
}
#c_content {
}
#c_remember {
}
 .cadre-outset {border: outset yellow 7px} /* encadrement de type standard outset */
.cadre-inset {border: inset yellow 7px} /* encadrement de type standard inset */

.bordure1 { /* bordure extérieure de la bordure non-standard */
border-top:solid 2px white ; /* la bordure haute est blanche */
border-left:solid 2px white ; /* la bordure gauche est blanche */
border-right:solid 1px black ; /* la bordure droite est noire */
border-bottom:solid 1px black } /* la bordure basse est noire */

.bordurej { /* bordure extérieure de la bordure non-standard */
border-top:solid 2px yellow ; /* la bordure haute est blanche */
border-left:solid 2px yellow ; /* la bordure gauche est blanche */
border-right:solid 1px yellow ; /* la bordure droite est noire */
border-bottom:solid 1px yellow } /* la bordure basse est noire */

.bordure2 { /* seconde bordure imbriquée */
border:solid 5px yellow} /* cette bordure, la plus épaisse, est jaune */

.bordure3 { /* 3ième bordure imbriquée (la plus interne) */
border-top:solid 1px black ; /* la bordure haute est noire */
border-left:solid 1px black ; /* la bordure gauche est noire */
border-right:solid 1px yellow ; /* la bordure droite est jaune */
border-bottom:solid 1px yellow} /* la bordure basse est jaune *
