@import url(boutiqueChateau/bt_cheverny/boutique.css);


.un {
       float:left;
}

.trois{
     float:left;
}




/* -----------------------------------------
	LE QUESTIONNAIRE 
----------------------------------------- */

div#quiz-contener {
       font-size:85%;
}

div#quiz-contener div#part1 fieldset{
       margin:15px 10px;
}

div#quiz-contener div#part1 fieldset input{
       vertical-align:middle;
       margin:0px 5px;
border:0px;
}

div#quiz-contener div#part1 fieldset input#date-pick,
div#quiz-contener div#part1 fieldset input#codepostal{
border:1px solid #999;
}


div#quiz-contener div#part1 fieldset label{
       font-family:verdana;
}



div#quiz-contener div#part1 fieldset.navbar a{
       vertical-align:middle;
       margin:0px 10px;
       display:block;
       padding:5px 20px;
       color: #66CB33;
border:0px;
font-size:110%;
font-weight:700;
}

div#quiz-contener div#part1 fieldset.navbar a:hover{
       vertical-align:middle;
       margin:0px 10px;
       display:block;
       padding:5px 20px;
       color: orange;
       text-decoration:none;
border:0px;
background:none;

}


div#quiz-contener div#part2 fieldset{
       margin:15px 10px;
}

div#quiz-contener div#part2 fieldset textarea{
       width:100%;
       margin:0px 5px;
       border:1px solid #999;
}

div#quiz-contener div#part2 fieldset legend{
       vertical-align:middle;
       margin:0px 5px;
}
div#quiz-contener div#part2 fieldset.navbar{
text-align:center;
}
div#quiz-contener div#part2 fieldset.navbar input.submit{
       vertical-align:middle;
       margin:5px 0px;
       padding:5px 10px;
       background-color: #66CB33;
       color:#fff;
       text-transform : uppercase; 
	font-size:90%;
	font-weight:700;
}

div#quiz-contener div#part2 fieldset.navbar input.submit:hover{
       vertical-align:middle;
       margin:5px;
       padding:5px 20px;
       background-color: orange;
  
}

div#quiz-contener div#part2 fieldset.navbar a{
       vertical-align:middle;
       margin:0px 10px;
       display:block;
}







div.boite_modele3 div.colonne1 ul li {
	font-size:85%;
	display:block;
}

div.boite_modele3 div.colonne1 p {
	font-size:90%;

}

div.boite_modele3 div.colonne1 a {
	font-family:verdana;
	font-size:90%;
	color:orange;
	display:inline;
	border:0px;
	background:none;
	margin:0px;
	padding:0px;
}

div.boite_modele3 div.colonne1 a:hover {
	color:#999;
	border:Opx;
	background:none;
}
/* -----------------------------------------
			LE BODY 
----------------------------------------- */


body {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	height: 95%;
	bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

html {
	background-image: url(images/fond_body.gif);
	background-repeat: repeat;
	padding: 0px;
	
	
}
div.conteneur {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 900px;
}
div.spacer {
	clear: both;
}

/* -----------------------------------------
			LE BAS DE PAGE
----------------------------------------- */

div.signature{
	padding-top:1em;
	padding-bottom:1em;
	clear: both;
	font-size: 70%;
}
div.signature a {
	text-decoration: none;
	color: #000000;
}
div.signature a:hover {
	text-decoration: none;
	color: #52B22F;
}

/* -----------------------------------------
			LES DIV PAGE INDEX.PHP
----------------------------------------- */


div.haut{
	height: 24em;
	border: 0.1em solid #999999;
}


div.selection {
	padding: 4em;
	background-color: #FFFFFF;
}
div.selection table{
	text-align:center;
	font-size:0.8em;

}
div.selection p{
	text-align:center;
	font-size:0.8em;

}
div.selection_image {
	background-image: url(images/ombre_chateau.gif);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 4em;
}

div.milieu{
	background-image: url(images/fond_body.gif);
	background-repeat: repeat;
}

div.bas{
	background-image: url(images/fond_body.gif);
	background-repeat: repeat;
}

/* -----------------------------------------
			LE MENU
----------------------------------------- */


 div.menu {
	/*width:100%;*/
	height:3.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	background-image: url(images/fond_menu.gif);
	background-repeat: repeat-x;
	margin-top:0.1em;
	padding-top:0.5em;
	padding-left:1em;
	z-index: 100;
	position: relative;
	}
	
#menu_top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	display:block;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
	width:100%;
	

	}
	
#menu_top dl {
	display:block;
	margin: 0px;
	padding:0px;
	float:left;
	padding-left:1em;
	background-image: url(images/bord_gauch_recherche.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
#menu_top dt {
	
	display:block;
	padding-right:1.5em;
	padding-left:0.5em;
	padding-bottom:0.2em;
	padding-top:0.2em;
	float:left;
	background-image: url(images/bord_droit_recherche.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #66CB33;
	}
	
#menu_top dt a {
	text-decoration: none;
	color: #fff;
	}

#menu_top dt a:hover {
	text-decoration: none;
	color: #000;
	
}
#menu_general {
	display:inline;
	margin:0px;
	padding:0px;
	text-align:center;

	}

dl {	
												
	display:inline;
	padding-top:0.3em;
	margin: 0px;

	}

ul, li {
	float:left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	}


dt {	
	display:inline;							    	
	
	padding-bottom:1em;
	padding-top:0.5em;
	clear:both;
	
	}

dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display:block;
	margin-top:0.3em;								
	margin-left:0em;
	margin-bottom:0.3em;
	}	

#menu_general li {
	
	display:block;
	}

#menu_general dt a {
	text-decoration: none;
	color: #fff;
	}

#menu_general dt a:hover {
	text-decoration: none;
	color: #000;
	
}

#menu_general ul a {
	
	text-decoration: none;
	color: #000;
	border-left:1px solid #000;
	padding-left:0.3em;
	padding-right:0.3em;
	margin:0em;
	
}

#menu_general ul a:hover {
	display:block;
	text-decoration: none;
	color: #65CA33;
	border-left:1px solid #65CA33;
	padding-left:0.5em;
	
}
#menu_general ul a:visited {
	display:block;
	text-decoration: none;
	color: #FF7F00;
	border-left:1px solid #65CA33;
	padding-left:0.5em;
	
}
#menu_general ul a:active {
	
	text-decoration: none;
	color: #66CB33;
	border-left:1px solid #000;
	padding-left:0.5em;
	padding-right:0.5em;
	margin:0em;
	
}


#smenu_general_1, #smenu_general_2, #smenu_general_3, #smenu_general_4, #smenu_general_5, #smenu_general_6, #smenu_general_7, #smenu_general_8 {
	position: absolute;
	top:auto;
	bottom:0;
	left:0;
	height:1em;
	display:none;
	
}


/* -----------------------------------------
			LE BANDEAU 
----------------------------------------- */

div.bandeau {
	text-align: right;
	vertical-align: middle;
	height: 10.5em;
	clear:both;
	position:relative;
	margin:0px;
	
}
div.bandeau img{
	left:0;
	position:absolute;
	z-index: 3;
}
div.textebandeau{
	text-align: right;
	vertical-align: middle;
	clear:both;
	position:relative;
	z-index: 10;
}
div.bandeau h1{
	font-size: 2.2em;
	font-family: "Times New Roman", Times, serif;
	margin: 0px;
	padding-right: 1em;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	padding-top: 1em;
	}
	

div.bandeau h2{
	font-size: 1em;
	margin: 0px;
	padding-right: 2em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
}
div.bandeau p{
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: normal;
	font-style: normal;
}
div.bandeau div.bande_blanche{
	font-size: 90%;
	height:1.1em;
	text-align:right;
	position:absolute;
	left:0;
	top:auto;
	bottom:0em;
	z-index: 100;
	}
	
	div.bandeau img {
	z-index: 10;
	}

div.bandeau div.bord_gauche{
	float:left;
	background-image: url(images/bord_gauche.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-left:2em;
	padding-right:2em;
	height:100%;
}
div.bandeau div.texte{
	float:left;
	font-size:small;
	padding:0px;
	background-color: #FFFFFF;
	height:100%;
	
}
div.bandeau div.bord_droit{
	float:left;
	padding-left:2em;
	padding-right:2em;
	background-image: url(images/bord_droit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}

/* -----------------------------------------
	BANDEAU MENU HAUT
	----------------------------------------- */

div.bandeau_menuhaut {
	border:1px solid red;
	color:#336633;
	display:block;
	margin:0em;
	padding:0em;
	clear:both;
	height:1.4em;
	
}
div.menuhaut {
	border:1px solid yellow;
	display:inline;
	
	height:100%;
	color:#FFFFFF;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
	background-color: #66CB33;

}
div.menuhaut a {
	float:left;
	margin-top:0.3em;
	color:#FFFFFF;
	padding-left:0.5em;
	padding-right:0.5em;
	text-align:left;
	text-decoration: none;
	background-color: #66CB33;
	font-weight: bold;	
}
div.menuhaut a:hover {

	color:#000000;
	background-color: #64C832;

}
div.bandeau_menuhaut img {
	margin:0;
	padding:0;
	height:100%;
	float:left;
	
}

div.fond_boutenfant {
	background-color: #66CB33;
	display:block;
	margin:0em;
	height: 100%;
}
div.bouton_enfant {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 80%;
	padding-top: 0.5em;
	float:left;
	font-weight: bold;	
	
}

div.bouton_enfant a {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none
		
}
div.bouton_enfant a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
div.boutenfant_bord_droit {
	background-color: #FFFFFF;
	float:right;
	height: 1.9em;
}
/* -----------------------------------------
	MODELE 1 - LE MILIEU DE LA PAGE ACCUEIL
----------------------------------------- */

div.boite_modele1 {
	float:left;
	margin-top:0.5em;
	background-color: #FFFFFF;
	border-top:1px solid #5BBE31;
	text-align:left;
	width: 100%;
	height: 100%;
}


div.boite_modele1 div.colonne1 {
	float: left;
	width: 10%;
	height: 100%;
}
div.boite_modele1 div.colonne2 {
	float: left;
	width: 30%;
	padding-left: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
div.boite_modele1 div.colonne3 {
	font-size: small;
	height: 100%;
	width:55%;
	float: right;
}
div.boite_modele1 div.colonne4 {

	height: 100%;
	width:66%;
	float: right;
}
div.boite_modele1 div.colonne5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	height: 100%;
	width:18%;
	float: right;
}
div.boite_modele1 div.colonne6 {
	
	height: 100%;
	width:80%;
	float: right;
}	
div.boite_modele1 div.colonne7 {
	padding:2em;
}
	
/* -----------------------------------------
	MODELE 2 - LE MILIEU DE LA PAGE VISITE
----------------------------------------- */

div.boite_modele2 {
	background-color: #FFFFFF;
	float:left;
	border-top:1px solid #5BBE31;
	margin-top:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:justify;
	width: 100%;
	height: 100%;
}

div.boite_modele2 div.colonne1 {
	float: left;
	width: 40%;
	height: 100%;
	margin:1em;
}
div.boite_modele2 div.colonne1 p img {
	float: left;
	margin-right:0.5em;
	margin-bottom:0.5em;
	width:144px;
}
div.boite_modele2 div.colonne1 h1 {
	margin-top:0.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	padding-bottom:0.2em;
	text-align: left;
	color: #5284C6;
	padding-left:0.5em;
	
}
div.boite_modele2 div.colonne2 {
	float: right;
	width: 48%;
	height: 100%;
	margin:0;

}
div.boite_modele2 div.colonne3 {
	float: right;
	width: 18%;
	height: 100%;
	margin:0;
}

div.boite_modele2 div.colonne_tableau {
	float: left;
	width: 48%;
	height: 100%;
	margin:0;
}
/* -----------------------------------------
  MODELE 3 - LE MILIEU DE LA PAGE CHATEAU
----------------------------------------- */

div.boite_modele3 {
	float:left;
	background-color: #FFFFFF;
	border-top:1px solid #5BBE31;
	margin-top:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	width: 100%;
	height: 100%;
}

div.boite_modele3 div.colonne1 {
	text-align:left;
	float: left;
	width: 50%;
	height: 100%;
	margin:0em;
}
div.boite_modele3 div.colonne2 {
	text-align:left;
	float: right;
	width: 45%;
	height: 100%;
	
	
}
div.boite_modele3 div.colonne3 {
	text-align:left;
	float: left;
	width: 45%;
	height: 100%;
	margin-left:1em;
	margin-bottom:1em;
	display:block;
	
	
}

/* -----------------------------------------
  MODELE 4 - L'ESPACE ENFANT
----------------------------------------- */

div.boite_modele4 {
	float:left;
	background-color: #FFFFFF;
	border-top:1px solid #5BBE31;
	margin-top:0.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	width: 100%;
	height: 100%;
}

div.boite_modele4 div.colonne1 {
	text-align:left;
	float: left;
	width: 49%;
	height: 100%;
	margin-right:0.2em;
}
div.boite_modele4 div.colonne2 {
	float: right;
	width: 49%;
	height: 100%;

	
}
div.boite_modele4 div.boite_images {
	display:block;
	height:10em;
	margin:0em;
	text-align:center;
	
}


/* -----------------------------------------
	MODELE 6 - LE MILIEU DE LA PAGE VISITE
----------------------------------------- */

div.boite_modele6 {
background-color: #FFFFFF;
	border-top:1px solid #5BBE31;
	margin-top:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	width: 100%;
	height: 100%;
}

div.boite_modele6 div.colonne1 {
	float: left;
	width: 40%;
	height: 100%;
	margin:1em;
}
div.boite_modele6 div.colonne2{
	float: right;
	width: 40%;
	height: 100%;
	margin:1em;
}

/* -----------------------------------------
  LES BALISES DANS LES MODýLES
----------------------------------------- */

div.colonne2 p span.bold  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5284C6;
}



div.boite_modele1 p,
div.boite_modele2 p,
div.boite_modele3 p,
div.boite_modele4 p,
div.boite_modele6 p   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-top:0.5em;
	padding-left:1em;
	
	margin:0;
}

div.boite_modele1 h1,
div.boite_modele2 h1,
div.boite_modele3 h1,
div.boite_modele4 h1,
div.boite_modele5 h1,
div.boite_modele6 h1 {
	margin-top:1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	padding-bottom:0.5em;
	text-align: left;
	color: #5284C6;
	padding-left:0.5em;
	
}

div.boite_modele1 h2,
div.boite_modele2 h2,
div.boite_modele3 h2,
div.boite_modele4 h2, 
div.boite_modele6 h2 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	padding-bottom:0.5em;
	padding-left:0.5em;
}
div.boite_modele1 h3,
div.boite_modele2 h3,
div.boite_modele3 h3,
div.boite_modele4 h3,
div.boite_modele6 h3 {
	padding-left:0.5em;
	color:#fff;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
div.boite_modele1 h4,
div.boite_modele2 h4,
div.boite_modele3 h4,
div.boite_modele4 h4,
div.boite_modele6 h4 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
div.boite_modele1 a,
div.boite_modele2 a,
div.boite_modele3 a,

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	border: 1px solid #5A8CCE;
	text-decoration: none;
	color: #5284C6;

	padding-left:1em;
	display: block;
}
div.boite_modele1 a:hover,
div.boite_modele2 a:hover,
div.boite_modele3 a:hover,

  {
	color: #FFFFFF;
	background-color: #5284C6;
}


div.boite_modele6 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-decoration: none;
	color: #5284C6;
	padding-left:1em;
	display: inline;
}

div.boite_modele6 a:hover  {
	
	color: #8DC5FF;
}

div.boite_modele1 span.soustitre,
div.boite_modele2 span.soustitre,
div.boite_modele3 span.soustitre,
div.boite_modele4 span.soustitre,
div.boite_modele5 span.soustitre  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	border-bottom: 1px solid #CC0000;
	text-decoration: none;
	margin-bottom:0.5em;
	display: block;
	color: #CC0000;
}

div.boite_modele1 ul,
div.boite_modele2 ul,
div.boite_modele3 ul,
div.boite_modele4 ul {

	display: block;
	padding-left:1em;
	margin:0.5em;
}

div.boite_modele1 li,
div.boite_modele2 li,
div.boite_modele3 li,
div.boite_modele4 li {
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	
	list-style-type: circle;
	list-style-position: inside;
	/*margin-bottom: 0.5em;
	display: block;*/
}
div.colonne2 ul.tarifs
			 {
	padding-left:1em;
	margin:0.5em;
		clear:left;
		display:block;
}

div.colonne2 ul.tarifs li {
	margin-top: 0.5em;
	border-bottom:1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight: bold;
	width:100%;
}
div.colonne2 ul.tarifs li span.souligne {
	border-top:1px solid #990000;
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-weight: normal;
}
/* -----------------------------------------
  LES ZOOMS
----------------------------------------- */

div#image { 
	width : 100%;
	height: 100%;
	margin:0px;
	padding:0px;
	background: url(images/carte.gif) top right no-repeat;
}
div#image #zone1 {
	width : 457px;
	height: 397px;
	right: 0;
	top: 0;
	border-style: none;
	
}
div#image #zone1:hover {
background-color:#FFFFFF;
background: url(images/carte2.gif) top right no-repeat;
z-index: 100;
}

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

div.boite_modele1 img,
div.boite_modele2 img,
div.boite_modele3 img { 
	border:0.1em solid #FFFFFF;
	margin:0px;
	
}
img.gauche { 
	float:left;
	margin:0px;
	
}
img.droit { 
	float:right;
	margin:0px;
	
}
img.grande{ 
	clear:both;
	
}

/* -----------------------------------------
  CSS BOUTIQUE
----------------------------------------- */

div.boite_modele5 {
	margin-top:0.5em;
	background-color: #FFFFFF;
	border-top:1px solid #5BBE31;
	width: 100%;
	height: 100%;
	float:left;
	background:#fff;

}
div.colonne5 {
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	background:#fff;

}
div.boite_modele5 div.colonne1 span{
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align:left;
	background:#fff;
	color: #5284C6;

}
div.boite_modele5 div.colonne1 {
margin-right:1em;
	margin-top:1.5em;
	padding:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align:left;
	float: right;
	width: 30%;
	height: 100%;

}
div.boite_modele5 h4 {
	padding-left:2.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

div.colonne5 td.titre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	padding-bottom:0.5em;
	text-align: left;
	color: #5284C6;
}

div.colonne5 td.soustitre {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #336633;
	padding: 10 px;
}

div.colonne5 tr.textetableau {
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	font-style: normal;
	font-weight: lighter;
	margin: 1em;
	padding-top: 1em;
	margin-bottom: 3em;
}


tr.textetableau td a {
	color: #000000;
	text-decoration: none;

}
tr.textetableau td a:hover {
	color: #66CB33;
}
div.colonne5 p {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #000000;
	text-align: left;
	margin: 10px;
	margin-left: 20px;
}

span.encadrer{
border-top:1px dotted #000;
padding:0.3em;
display:block;
font-weight:bold;

color:#5284C6;;
}

span.cadre{
border:1px dotted #000;
padding:0.3em;
display:block;
margin-top:1em;
font-weight:bold;

}

span.cadre a{
color:#5284C6;
text-decoration:none;
margin:0px;
padding:0px;
}
span.cadre a:hover{
color:orange;
text-decoration:none;
}
div.colonne5 td.titreboutiq {

	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336633;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
/* -----------------------------------------
  BOUTON MENU ENFANT (ANGLAIS)
----------------------------------------- */

a.bouton11 { /* dýfinition de la classe "image" de la balise a */
display: block; /* la balise a doit ýtre en bloc */
width: 8em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on1_en.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton11:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over3_en.gif); /* source de l'image d'arrivýe */
}

a.bouton22 { /* dýfinition de la classe "image" de la balise a */
display: block; /* la balise a doit ýtre en bloc */
width: 15em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on2_en.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton22:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over2_en.gif); /* source de l'image d'arrivýe */
}
a.bouton33 { /* dýfinition de la classe "image" de la balise a */
display: block; /* la balise a doit ýtre en bloc */
width: 16em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on3_en.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton33:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over1_en.gif); /* source de l'image d'arrivýe */
}

a.bouton44 {
	display: block;
	width: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;	
}
	 
a.bouton44:hover { 
color: #00B186;
}


/* -----------------------------------------
  BOUTON MENU ENFANT
----------------------------------------- */

a.bouton1 { /* dýfinition de la classe "image" de la balise a */
display: block; /* la balise a doit ýtre en bloc */
width: 8em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on1.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton1:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over3.gif); /* source de l'image d'arrivýe */
}

a.bouton2 { /* dýfinition de la classe "image" de la balise a */
display: block; /* la balise a doit ýtre en bloc */
width: 15em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on2.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton2:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over2.gif); /* source de l'image d'arrivýe */
}
a.bouton3 { /* dýfinition de la classe "image" de la balise a */
display: none; /* la balise a doit ýtre en bloc */
width: 16em; /* largeur de l'image rýactive */
height: 35px; /* hauteur de l'image rýactive */
background-image: url(images/bout_on3.gif); /* source de l'image de dýpart */
background-repeat: no-repeat;
}
	 
a.bouton3:hover { /* définition de la classe "image" de la balise a au survol */
background-image: url(images/bout_over1.gif); /* source de l'image d'arrivýe */
}

a.bouton4 {
	display: block;
	width: 8em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	text-decoration: none;	
}
	 
a.bouton4:hover { 
color: #00B186;
}

div.conteneur { 
text-align:left;

}

/* -----------------------------------------
 LE QUIZZ
----------------------------------------- */

div.question img.quizz { 
display: block;
float:left;
margin-right:1em;
width:8em;
height:6em;

}

div.question { 
display: block;
margin-top:0.5em;
padding:0.5em;

}

/* -----------------------------------------
 LE TABLEAU DES HORAIRES
----------------------------------------- */

table.colonne {
	
	width:100%;
	font-size: 0.8em;
}
table.colonne tr.entete td{
	color: #FFFFFF;
	background-color: #66CB33;
	text-align: center;
	height:5em;
}
table.colonne tr.soustitre {
	color: #000000;
	background-color: #FFCC00;
	text-align: center;
	width:100%;
}
table.colonne tr.texte {
	color: #000000;
	background-color: #D9EAED;
	text-align: center;
}
table.colonne td.texte_bold {
	color: #FFFFFF;
	background-color: #66CB33;
	text-align: left;
	padding: 0.5em;
}
table.colonne td{
	color: #000000;
	text-align: center;

}

/* -----------------------------------------
 PAGE CONGRES (a changer)
----------------------------------------- */

table.congres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border: 0px;
	margin-top: 15px;
}

table.congres a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
	width: 100%;
	height:2em;
	padding-top:1em;
}
table.congres a:hover {
	color: #000000;
	display: block;
	text-decoration: none;
	background-color: #CCCCCC;
	background-image: url(images/fond_menu.gif);
	background-repeat: repeat-x;
}

.titrecongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: left;
	margin: 0px;
	padding: 1em;
}
.boutoncongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF6600;
	text-align: left;
	margin: 0px;;
	height:100%;
}

.boutontintin{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6B9FCA;
	text-align: left;
	margin: 0px;
}
.titretintin{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6B9FCA;
	text-align: left;
	margin: 0px;
	padding: 1em;
}

.titrechasse{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #984C35;
	text-align: left;
	margin: 0px;
	padding: 1em;
}

.boutonchasse{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #984C35;
	text-align: left;
	margin: 0px;
}
.titrechateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B73554;
	text-align: left;
	margin: 0px;
	padding: 1em;
}
.boutonchateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B73554;
	text-align: left;
	margin: 0px;
}
.sous_titrecongre {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #FF9900;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}

.sous_titretintin {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #ADD3E9;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.sous_titrechateau{
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #D3627D;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.sous_titrechasse {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-color: #CA6445;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.textecongre {

	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-right: 10px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
}
.textebasdepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-bottom: 5px;
	border-top-color: #6B9FCA;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #6B9FCA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #6B9FCA;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #6B9FCA;
	border-right-style: solid;
	border-right-width: 1px;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 10px;
}

table.drapeau a img{
	border:0px;
}

table.drapeau a:hover {
	border:10px double #CCCCCC;
	
}

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

div.boite_modele3 div.colonne1 p a { 
border:0px;
background:none;
}
div.boite_modele3 div.colonne1 p a:hover { 
border:0px;
background:none;
}

div.question { 
display: block;
margin-top:0.5em;
padding:0.5em;

}

/* -----------------------------------------
LIEN FORMULAIRE
----------------------------------------- */


div.boite_modele4 div.colonne1 table.formulaire td a {
	text-decoration: none;
	color: #000000;
}
div.boite_modele4 div.colonne1 table.formulaire td a:hover {
	text-decoration: none;
	color: #52B22F;
}

fieldset {
	text-decoration: none;
	color: #000000;
	font-size:0.9em;
	border: 0px;
	padding:0.2em;
	
}

fieldset legend {
	padding:0.2em;
	font-size:1em;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

fieldset input {
	border-color:#CCCCCC;
	border-width: 1px;
	border-style: solid;
	
}
span.Style1 {
color: #FFFFFF; 
padding-left: 0.5em
}

p.lien a {
font-size:1em;
color: #FFFFFF; 
text-decoration:none;
}

p.lien a:hover {

color: #FFFFFF; 
text-decoration:none;
}