/******************************************************************************************************/
/*                                          Feuille de style commun.css pour les site hôtels-congrés                                                                */
/******************************************************************************************************/
/*                                           Author : Régis AUCLAIR - Rage Conception                                                                                    */
/******************************************************************************************************/

/************************************************************************************************************************************/
/*                                                                                                            généralités                                                                                                                                    */
/************************************************************************************************************************************/
*{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	background: #d3d5d6;
	font-family: verdana;
	font-size: 12px;
	color: #2e2d30;
}

div#page{
	margin: auto;
}

h1{
	font-size: 1.6em;
}

h2, p{
	margin: 0 0 15px 15px;
}


/************************************************************************************************************************************/
/*                                                                                                                                     haut                                                                                                                       */
/************************************************************************************************************************************/

/**********************************************************************************************************/
/*                                                                                           menu  principal                                                                                          */
/**********************************************************************************************************/
div.haut{
	width: 100%;
	height: 115px;
}

a#logo{
	display: block;
	position: absolute;
	width: 108px;
	height: 141px;
	top: 0px;
	left: 0px;
}

ul#menu{
	width: 750px;
	height: 110px;
	margin: 0 auto 0 auto;
	padding: 5px 0 0 0;
	list-style-type: none;
}

ul#menu li{
	float: left;
	width: 150px;
	height: 110px;
	background: #2e2d30;
}

ul#menu li a{
	display: block;
	width: 150px;
	height: 40px;
	padding: 70px 0 0 0;
	text-align: center;
	text-decoration: none;
	color: #666;
}

a#congres{
	background: url(/images/congres.png) top;
}

a#congres:hover{
	color: #90BC12;
	background: url(/images/congres.png) bottom #90BC12 ;
}

a#hotel{
	background: url(/images/hotel.png) top;
}

a#hotel:hover{
	color: #C62424;
	background: url(/images/hotel.png) bottom #C62424;
}

a#structure{
	background: url(/images/structure.png) top;
}

a#structure:hover{
	color: #0091C9;
	background: url(/images/structure.png) bottom #0091C9;
}

a#partenaire{
	background: url(/images/partenaire.png) top;
}

a#partenaire:hover{
	color: #f9b200;
	background: url(/images/partenaire.png) bottom #f9b200;
}

a#lien{
	background: url(/images/lien.png) top;
}

a#lien:hover{
	color: #7F3B20;
	background: url(/images/lien.png) bottom #7F3B20;
}
/*********************************************************/
/******                                     accueil                                         ******/
div#haut-accueil{
	background: url(/images/haut-accueil.png) repeat-x #2e2d30;
}

div#haut-accueil a#logo{
	background: url(/images/logo-accueil.png);
}
/******                                     congres                                         ******/
div#haut-congres{
	background: url(/images/haut-congres.png) repeat-x #2e2d30;
}

div#haut-congres a#logo{
	background: url(/images/logo-congres.png);
}

div#haut-congres a.on{
	background: url(/images/congres.png) bottom #90BC12;
}
/******                                     hotel                                            ******/
div#haut-hotel{
background: url(/images/haut-hotel.png) repeat-x #2e2d30;
}

div#haut-hotel a#logo{
	background: url(/images/logo-hotel.png);
}

div#haut-hotel a.on{
	background: url(/images/hotel.png) bottom #C62424;
}
/******                                     structure                                  ******/
div#haut-structure{
background: url(/images/haut-structure.png) repeat-x #2e2d30;
}

div#haut-structure a#logo{
	background: url(/images/logo-structure.png);
}

div#haut-structure a.on{
	background: url(/images/structure.png) bottom #0091C9;
}
/******                                     partenaire                                 ******/
div#haut-partenaire{
background: url(/images/haut-partenaire.png) repeat-x #2e2d30;
}

div#haut-partenaire a#logo{
	background: url(/images/logo-partenaire.png);
}

div#haut-partenaire a.on{
	background: url(/images/partenaire.png) bottom #f9b200;
}
/******                                     lien                                            ******/
div#haut-lien{
background: url(/images/haut-lien.png) repeat-x #2e2d30;
}

div#haut-lien a#logo{
	background: url(/images/logo-lien.png);
}

div#haut-lien a.on{
	background: url(/images/lien.png) bottom #7F3B20;
}
/*********************************************************/


/************************************************************************************************************************************/
/*                                                                                                                        milieu                                                                                                                                 */
/************************************************************************************************************************************/
div#milieu{
	width: 100%;
	padding: 0 0 10px 0;
	background: #2e2d30;
}

/**********************************************************************************************************/
/*                                                                                  bandeau + sous-menus                                                                                        */
/**********************************************************************************************************/
div.bandeau{
	width: 100%;
	height: 248px;
	padding: 2px 0 4px 0;
}

/*********************************************************/
/******                                     accueil                                         ******/
div#bandeau-accueil{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #F97D03;
}
/******                                     congres                                         ******/
div#bandeau-congres{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #90BC12;
}
/******                                     hotel                                            ******/
div#bandeau-hotel{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #C62424;
}
/******                                     structure                                  ******/
div#bandeau-structure{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #0091C9;
}
/******                                     partenaire                                 ******/
div#bandeau-partenaire{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #f9b200;
}
/******                                     lien                                            ******/
div#bandeau-lien{
		background: /*url(/images/panoramique2.jpg) left no-repeat*/ #7F3B20;
}
/*********************************************************/

div.window{
	width: 480px;
	height: 240px;
	margin: 0 auto 0 auto;
	padding: 10px;
	background: url(/images/vitre.png) no-repeat;
}

div.window h1{
	line-height: 30px;
	margin: 0;
	padding: 0 0 0 20px;
}

div.window ul{
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
}

div.window li{
	height: 50px;
}

div.window li a{
	display: block;
	line-height: 50px;
	padding: 0 0 0 30px;
	text-decoration: none;
	color: #2e2d30;
}

div.window ul li a:hover{
	background: url(/images/sous-menu.png) center no-repeat;
}

div#window-congres{
	display: none;
}

div#window-hotel{
	display: none;
}

div#window-structure{
	display: none;
}

div#window-partenaire{
	display: none;
}

div#window-lien{
	display: none;
}

a.close-window{
	display: block;
	float: right;
	width: 74px;
	line-height: 30px;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	text-decoration: none;
}

a#close-window-congres{
	color: #fff;
	background: url(/images/close-congres.png);
}

a#close-window-hotel{
	color: #fff;
	background: url(/images/close-hotel.png);
}

a#close-window-structure{
	color: #fff;
	background: url(/images/close-structure.png);
}

a#close-window-partenaire{
	color: #fff;
	background: url(/images/close-partenaire.png);
}

a#close-window-lien{
	color: #fff;
	background: url(/images/close-lien.png);
}

/**********************************************************************************************************/
/*                                                                                 content                                                                                                                */
/**********************************************************************************************************/
div#content{
	width: 1000px;
	margin: auto;
}

/**********************************************************************************************************/
/*                                                                                              menu milieu                                                                                              */
/**********************************************************************************************************/
ul.menu-milieu{
	width: 1000px;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

ul.menu-milieu li{
	float: left;
	width: 300px;
	height: 50px;
	margin: 0 0 0 25px;
	list-style-type: none;
}

ul.menu-milieu li a{
	display: block;
	width: 300px;
	line-height: 50px;
	padding: 0;
	color: #2e2d30;
	text-align: center;
	text-decoration: none;
	background: url(/images/menu2-congres.png) top;
}
/*********************************************************/
/******                                     congres                                         ******/
ul#menu-milieu-congres li a:hover{
	color: #fff;
	background: url(/images/menu2-congres.png) bottom;
}

ul#menu-milieu-congres li a.on{
	color: #fff;
	background: url(/images/menu2-congres.png) bottom;
}
/******                                     hotel                                            ******/
ul#menu-milieu-hotel li a:hover{
	color: #fff;
	background: url(/images/menu2-hotel.png) bottom;
}

ul#menu-milieu-hotel li a.on{
	color: #fff;
	background: url(/images/menu2-hotel.png) bottom;
}
/******                                     structure                                  ******/
ul#menu-milieu-structure li a:hover{
	color: #fff;
	background: url(/images/menu2-structure.png) bottom;
}

ul#menu-milieu-structure li a.on{
	color: #fff;
	background: url(/images/menu2-structure.png) bottom;
}
/******                                     partenaire                                 ******/
ul#menu-milieu-partenaire li a:hover{
	color: #fff;
	background: url(/images/menu2-partenaire.png) bottom;
}

ul#menu-milieu-partenaire li a.on{
	color: #fff;
	background: url(/images/menu2-partenaire.png) bottom;
}
/******                                     lien                                            ******/
ul#menu-milieu-lien li a:hover{
	color: #fff;
	background: url(/images/menu2-lien.png) bottom;
}

ul#menu-milieu-lien li a.on{
	color: #fff;
	background: url(/images/menu2-lien.png) bottom;
}
/*********************************************************/

ul#menu-milieu-accueil{
	width: 1000px;
	height: 250px;
	margin: 0 auto 0 auto;
	padding: 5px 0 10px 0;
}

ul#menu-milieu-accueil li{
	float: left;
	width: 250px;
	height: 250px;
	list-style-type: none;
}

ul#menu-milieu-accueil li a{
	display: block;
	width: 220px;
	height: 220px;
	padding: 15px;
	color: #ccc;
	text-decoration: none;
}

ul#menu-milieu-accueil li a:hover{
	color: #fff;
}

ul#menu-milieu-accueil li a span{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #F97D03 ;
}

ul#menu-milieu-accueil li a:hover span{
	color: #fff;
}

ul#menu-milieu-accueil a.congres2:hover{
	background: url(/images/congres2.png);
}

ul#menu-milieu-accueil a.hotel2:hover{
	background: url(/images/hotel2.png);
}

ul#menu-milieu-accueil a.structure2:hover{
	background: url(/images/structure2.png);
}

ul#menu-milieu-accueil a.partenaire2:hover{
	background: url(/images/partenaire2.png);
}

/**********************************************************************************************************/
/*                                                                                              entête                                                                                                      */
/**********************************************************************************************************/
div.entete-haut{
	width : 1000px;
	height: 20px;
	margin: auto;
}

div.entete{
	width : 970px;
	margin: auto;
	padding: 15px;
}

div.entete-bas{
	width : 1000px;
	height: 20px;
	margin: auto;
}

/*********************************************************/
/******                                     congres                                         ******/
div#entete-haut-congres{
	background: url(/images/entete-congres-haut.png);
}

div#entete-congres{
	background: url(/images/entete-congres-fond.png) repeat-y;
}
div#entete-bas-congres{
	background: url(/images/entete-congres-bas.png);
}

div#entete-congres h1{
	color: #fff;
}

div#entete-congres h2:first-letter{
	color: #fff;
}

div#entete-congres span.date, div#entete-congres p.date{
	color: #fff;
}
/******                                     hotel                                            ******/

/******                                     structure                                  ******/

/******                                     partenaire                                 ******/

/******                                     lien                                            ******/

/*********************************************************/


/**********************************************************************************************************/
/*                                                                                              corps                                                                                                        */
/**********************************************************************************************************/
div.corps-haut{
	width: 1000px;
	height: 29px;
	margin: auto;
	background: url(/images/content-haut.png) no-repeat;
}

div.corps{
	width: 990px;
	margin: auto;
	padding: 0 5px 0 5px;
	background: url(/images/content.png) repeat-y;
}

div.corps-bas{
	clear: both;
	width: 1000px;
	height: 29px;
	margin: auto;
	background: url(/images/content-bas.png) left no-repeat;
}

/****************************************************************************************/
/*                                                                              listes                                                                                    */
/****************************************************************************************/
table.liste{
	width: 990px;
	margin: auto;
}

table.liste tr.entete-liste{
	height: 50px;
}

table.liste tr.spacer{
	height: 15px;
	background: url(/images/spacer.png) repeat-x;
}

table.liste tr td{
	border: 1px solid #fff;
}

table.liste tr.entete-liste th.plus{
	width: 50px;
}

table.liste tr.entete-liste th.date{
	width: 100px;
}

table.liste tr.entete-liste th.libelle{
	width: 400px;
}

table.liste tr.entete-liste th.localite{
	width: 200px;
}

table.liste tr.entete-liste th.nom{
	width: 300px;
}

table.liste tr.entete-liste th.nombre{
	width: 100px;
}

table.liste tr.entete-liste th.etoile{
	width: 200px;
}
/*********************************************************/
/******                                     congres                                         ******/
table#liste-congres  th:first-letter{
	color: #90BC12;
}
/******                                     hotel                                            ******/
table#liste-hotel  th:first-letter{
	color: #C62424;
}
/******                                     structure                                  ******/
table#liste-structure  th:first-letter{
	color: #0091C9;
}
/******                                     partenaire                                 ******/
table#liste-partenaire  th:first-letter{
	color: #f9b200;
}
/******                                     lien                                            ******/
table#liste-lien  th:first-letter{
	color: #7F3B20;
}
/*********************************************************/


table.liste tr.element{
	height: 50px;
	text-align: center;
	background: url(/images/element.png) repeat-x;
}

table.liste tr.headings{
	cursor: pointer;
}

table.liste tr.element td.ouvert{
	/*cursor: pointer;*/
}

table.liste tr.element td input{
	width: 50px;
}
/*********************************************************/
/******                                     congres                                         ******/
table#liste-congres tr.element:hover{
	color: #fff;
	background: url(/images/element-congres.png) repeat-x;
}

table#liste-congres tr.element a{
	text-decoration: underline;
	color: #C62424;
}

table#liste-congres tr.element:hover a{
	color: #fff;
}

table#liste-congres  tr.element td.prereservation{
	background: url(/images/cle.png) bottom left no-repeat;	
}
/******                                     hotel                                            ******/
table#liste-hotel tr.element:hover{
	color: #fff;
	background: url(/images/element-hotel.png) repeat-x;
}

table#liste-hotel tr.element a{
	text-decoration: none;
	color: #C62424;
}

table#liste-hotel tr.element:hover a{
	color: #fff;
}
/******                                     structure                                  ******/
table#liste-structure tr.element:hover{
	color: #fff;
	background: url(/images/element-structure.png) repeat-x;
}

table#liste-structure tr.element a{
	text-decoration: none;
	color: #0091C9;
}

table#liste-structure tr.element:hover a{
	color: #fff;
}
/******                                     partenaire                                 ******/
table#liste-partenaire tr.element:hover{
	color: #fff;
	background: url(/images/element-partenaire.png) repeat-x;
}

table#liste-partenaire tr.element a{
	text-decoration: none;
	color: #f9b200;
}

table#liste-partenaire tr.element:hover a{
	color: #fff;
}
/******                                     lien                                            ******/
table#liste-lien tr.element:hover{
	color: #fff;
	background: url(/images/element-lien.png) repeat-x;
}

table#liste-lien tr.element a{
	text-decoration: none;
	color: #7F3B20;
}

table#liste-lien tr.element:hover a{
	color: #fff;
}
/*********************************************************/



/****************************************************************************************/
/*                                                                              fiches                                                                                   */
/****************************************************************************************/

table.liste tr.detail td{
	background: url(/images/fiche.png) bottom no-repeat;
}


table.liste tr.detail td div.fiche{
	height: 400px;
}

table.liste tr.detail ul{
	height: 40px;
	list-style-type: none;
}

table.liste  tr.detail ul li{
	float: left;
	width: 328px;
	line-height: 40px;
	background: #ddd;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

table.liste  tr.detail ul li.on{
background: #fff;
}

table.liste tr.detail div.sous-fiche{
	height: 320px;
	padding: 15px 15px 0 15px;
	text-align: justify;
}

table.liste tr.detail div.on{
	display: block;
}

table.liste tr.detail div.off{
	display: none;
}

table.liste  tr.detail div.sous-fiche img{
	float: left;
	padding: 0 10px 0 0;
}

table.liste tr.detail div.sous-fiche a.lien{
	color: #2e2d30;
	padding: 0 16px 0 0;
	text-decoration: underline;
	background: url(/images/externe.png) bottom right no-repeat;
}

/******                                     congres                                         ******/
table#liste-congres tr.detail div.sous-fiche h2{
	color: #90BC12;
}

table#liste-congres tr.detail div.sous-fiche p.date{
	color: #999;
}

table#liste-congres tr.detail div.sous-fiche p.description:first-letter{
	color: #90BC12;
	font-weight: bold;
}

table#liste-congres tr.detail div.sous-fiche a.lien:hover{
	color: #90BC12;
	background: url(/images/externe-congres.png) bottom right no-repeat;
}

#liste-congres tr.detail div.sous-fiche a.preresa{
	float: right;
	display: block;
	width: 230px;
	line-height: 40px;
	padding: 0 20px 0 0;
	right: 15px;
	bottom: 0;
	color: #fff;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	background: url(/images/preresa.png) bottom left no-repeat;
}

table.liste tr.detail div.sous-fiche div.galerie{
	float: left;
	width: 200px;
	padding: 0 15px 0 15px;
	font-style: italic;
}

table.liste  tr.detail div.picto{
	float: right;
	height: 40px;
	right: 15px;
	bottom: 0;
	text-align: right;
}

/******                                     hotel                                            ******/
table#liste-hotel tr.detail div.sous-fiche h2{
	color: #C62424;
}

table#liste-hotel tr.detail div.sous-fiche p.description:first-letter{
	color: #C62424;
	font-weight: bold;
}

table#liste-hotel tr.detail div.sous-fiche a.lien:hover{
	color: #C62424;
	background: url(/images/externe-hotel.png) bottom right no-repeat;
}
/******                                     structure                                  ******/
table#liste-structure tr.detail div.sous-fiche h2{
	color: #0091C9;
}

table#liste-structure tr.detail div.sous-fiche p.description:first-letter{
	color: #0091C9;
	font-weight: bold;
}

table#liste-structure tr.detail div.sous-fiche a.lien:hover{
	color: #0091C9;
	background: url(/images/externe-structure.png) bottom right no-repeat;
}
/******                                     partenaire                                 ******/
table#liste-partenaire tr.detail div.sous-fiche h2{
	color: #f9b200;
}

table#liste-partenaire tr.detail div.sous-fiche p.description:first-letter{
	color: #f9b200;
	font-weight: bold;
}

table#liste-partenaire tr.detail div.sous-fiche a.lien:hover{
	color: #f9b200;
	background: url(/images/externe-partenaire.png) bottom right no-repeat;
}
/******                                     lien                                            ******/
table#liste-lien tr.detail div.sous-fiche h2{
	color: #7F3B20;
}

table#liste-lien tr.detail div.sous-fiche p.description:first-letter{
	color: #7F3B20;
	font-weight: bold;
}

table#liste-lien tr.detail div.sous-fiche a.lien:hover{
	color: #7F3B20;
	background: url(/images/externe-lien.png) bottom right no-repeat;
}
/*********************************************************/

/****************************************************************************************/
/*                                                                              contenu                                                                                */
/****************************************************************************************/
div.contenu{
	padding: 20px 20px 0 20px;
}

div.contenu ul{
	margin: 0 0 0 20px;
}

div.contenu ul li{
	padding: 5px;
}

div.contenu form table{
	margin: auto;
}

div.contenu form fieldset{
	padding: 5px;
}

div.contenu form fieldset.petit{
	width: 200px;
	margin: 5px;
}
/*********************************************************/
/******                                     congres                                         ******/
div#contenu-congres form fieldset legend{
	color: #90BC12;
}

div#contenu-congres form input.text:focus{
	background: #90BC12;
}
/******                                     hotel                                            ******/

/******                                     structure                                  ******/

/******                                     partenaire                                 ******/

/******                                     lien                                            ******/

/*********************************************************/


/************************************************************************************************************************************/
/*                                                                                                                        bas                                                                                                                                      */
/************************************************************************************************************************************/
div.bas{
	width: 100%;
	height: 60px;
	background: url(/images/bas.png) top repeat-x;
}

a.top{
	display: block;
	float: right;
	width: 81px;
	height: 60px;
	bottom: 0px;
	right: 0px;
}
/*********************************************************/
/******                                     accueil                                         ******/
div#bas-accueil{
	background: url(/images/bas.png) top repeat-x #F97D03;
}

div#bas-accueil a.top{
	background: url(/images/bas-accueil.png);
}
/******                                     congres                                         ******/
div#bas-congres{
	background: url(/images/bas.png) top repeat-x #90BC12;
}

div#bas-congres a.top{
	background: url(/images/bas-congres.png);
}
/******                                     hotel                                            ******/
div#bas-hotel{
	background: url(/images/bas.png) top repeat-x #C62424;
}

div#bas-hotel a.top{
	background: url(/images/bas-hotel.png);
}
/******                                     structure                                  ******/
div#bas-structure{
	background: url(/images/bas.png) top repeat-x #0091C9;
}

div#bas-structure a.top{
	background: url(/images/bas-structure.png);
}
/******                                     partenaire                                 ******/
div#bas-partenaire{
	background: url(/images/bas.png) top repeat-x #f9b200;
}

div#bas-partenaire a.top{
	background: url(/images/bas-partenaire.png);
}
/******                                     lien                                            ******/
div#bas-lien{
	background: url(/images/bas.png) top repeat-x #7F3B20;
}

div#bas-lien a.top{
	background: url(/images/bas-lien.png);
}
/*********************************************************/













td.heading {margin: 10px 0 0 0; padding: 5px;}










/****************************************************************************************************/
hr.clear{
	visibility: hidden;
	clear: both;
}

.gras{
	font-weight: bold;
}

.grand{
	font-size: 1.2em;
}

.souligne{
	text-decoration: underline;
}

.orange{
	color: #F97D03;
}

.vert{
	color: #90BC12;
}

.rouge{
	color: #C62424;
}

.bleu{
	color: #0091C9;
}

.jaune{
	color: #F9B200;
}

.marron{
	color: #7F3B20;
}

.gris2{
	color: #ddd;
}

.gris3{
	color: #333;
}

.right{
	float: right;
}

.left{
	float: left;
}

.barre{
	text-decoration: line-through;
}

p.valider{
	width: 500px;
	margin: auto;
	text-align: center;
}

p.valider input.suivant{
	width: 210px;
	height: 50px;
	padding: 0 0 0 20px;
	border: none;
	text-align: left;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background: url(/images/suivant.png);
}

p.valider a.precedent{
	display: block;
	float: left;
	width: 180px;
	line-height: 50px;
	padding: 0 30px 0 0;
	border: none;
	text-align: right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background: url(/images/precedent.png);
}
/****************************************************************************************************************************/
/****************************************************************************************************************************/

/************************************************************************************************************************************/
/*                                                                                                            espaces admin                                                                                                                                */
/************************************************************************************************************************************/
/*********************************************************/
h1#titre-hotel{
	padding: 30px 0 0 0;
	color: #999;
	text-align: center;
	font-size: 2em;
}

ul#menu-admin-hotel{
	width: 760px;
	height: 250px;
	margin: 0 auto 0 auto;
	padding: 5px 0 10px 0;
}

ul#menu-admin-hotel li{
	float: left;
	width: 250px;
	height: 250px;
	list-style-type: none;
}

ul#menu-admin-hotel li a{
	display: block;
	width: 220px;
	height: 220px;
	padding: 15px;
	color: #ccc;
	text-decoration: none;
}

ul#menu-admin-hotel li a:hover{
	color: #fff;
}

ul#menu-admin-hotel li a span{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #C62424;
}

ul#menu-admin-hotel li a:hover span{
	color: #fff;
}

ul#menu-admin-hotel a#hotel2:hover{
	background: url(/images/hotel2.png);
}

/*********************************************************/

h1#titre-structure{
	padding: 30px 0 0 0;
	color: #999;
	text-align: center;
	font-size: 2em;
}

ul#menu-admin-structure{
	width: 510px;
	height: 250px;
	margin: 0 auto 0 auto;
	padding: 5px 0 10px 0;
}

ul#menu-admin-structure li{
	float: left;
	width: 250px;
	height: 250px;
	list-style-type: none;
}

ul#menu-admin-structure li a{
	display: block;
	width: 220px;
	height: 220px;
	padding: 15px;
	color: #ccc;
	text-decoration: none;
}

ul#menu-admin-structure li a:hover{
	color: #fff;
}

ul#menu-admin-structure li a span{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #0091C9;
}

ul#menu-admin-structure li a:hover span{
	color: #fff;
}

ul#menu-admin-structure a#structure2:hover{
	background: url(/images/structure2.png);
}

/*********************************************************/

h1#titre-partenaire{
	padding: 30px 0 0 0;
	color: #999;
	text-align: center;
	font-size: 2em;
}

ul#menu-admin-partenaire{
	width: 510px;
	height: 250px;
	margin: 0 auto 0 auto;
	padding: 5px 0 10px 0;
}

ul#menu-admin-partenaire li{
	float: left;
	width: 250px;
	height: 250px;
	list-style-type: none;
}

ul#menu-admin-partenaire li a{
	display: block;
	width: 220px;
	height: 220px;
	padding: 15px;
	color: #ccc;
	text-decoration: none;
}

ul#menu-admin-partenaire li a:hover{
	color: #fff;
}

ul#menu-admin-partenaire li a span{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	color: #f9b200;
}

ul#menu-admin-partenaire li a:hover span{
	color: #fff;
}

ul#menu-admin-partenaire a#partenaire2:hover{
	background: url(/images/partenaire2.png);
}

form.admin-form{
}

form.admin-form label{
	color: #ddd;
}

#mask{
	z-index:90;
	position:absolute;
	/*height:100%;
	width:100%;*/
	left:0;
	top: 0;
	background-color:#000;
	 filter: alpha(opacity=0.75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#formulaire{
	position:absolute;
	display: block;
	width: 370px;
	height: 140px;
	top: 120px;
	left: 30%;
	padding: 60px 15px 0px 15px;
	text-align: center;
	z-index:100;	
}


.formulaire-congres{
	position:absolute;
	display: block;
	width: 370px;
	height: 140px;
	top: 120px;
	left: 30%;
	padding: 60px 15px 0px 15px;
	text-align: center;
	z-index:100;
	background: url(/images/login.png) center no-repeat;
}

.formulaire-congres div{
	width: 300px;
	margin: 20px 0 0 0;
	text-align: right;
	color: #fff;
	font-weight: bold;
}

.formulaire-congres p{
	color: #666;
}

.formulaire-congres h1{
	color: #90BC12;
}

.formulaire-structure{
	background: url(/images/login-structure.png) center no-repeat;
}

.formulaire-structure h1{
	color: #0091C9;
}

.formulaire-hotel{
	background: url(/images/login-hotel.png) center no-repeat;
}

.formulaire-hotel h1{
	color: #C62424;
}

.valid{
	width: 100px;
	height: 40px;
	border: none;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	background: url(/images/valid.png) center no-repeat;	
}

.tool-tip {
	color		: #fff;
	width		: 193px;
	height      : 93px;
	z-index		: 13000;
	padding: 10px;
	text-align  : center;
	background	: url(/images/tips1.png) top left;
}
 
.tool-title {
	font		: 12px Tahoma, Arial, Helvetica;
	font-weight	: bold;
	margin		: 0;
	color		: #fff;
	padding		: 8px 0 4px 0;
}
 
.tool-text {
	color: #fff;
	font		: 11px Tahoma, Arial, Helvetica;
	font-weight	: bold;
	text-align	: center;
	padding		: 0px 5px 10px 5px;
}

#test{
	position: absolute;
	width: 500px;
	height:160px;
	padding:10px 0 0 0;
	right: 10%;
	top: 160px;
	text-align: center;
	color: #fff;
	background: url(/images/test.png) center no-repeat;
}

img.gmap{
 float: left;
 margin: 0 20px 0 20px;
}

ul.gmap-liste{
	height: 550px;
	padding: 10px;
}

ul.gmap-liste li{
	line-height: 30px;
}

ul.gmap-liste li a{
	text-decoration: none;
}

ul.gmap-liste li a:hover{
	text-decoration: underline;
}

ul.gmap-liste li a.gmap-hotel{
	color: #C62424;
}

ul.gmap-liste li a.gmap-structure{
	color: #0091C9;
}

ul.gmap-liste li a.gmap-partenaire{
	color: #f9b200;
}


div#calendrier{
	padding: 0 0 0 20px;
}

table.tab_calendrier td{
	height: 60px;
	width: 60px;
}

td.titre_calendrier{
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

a.link_precedent{
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url(/images/link_precedent.png) center no-repeat;
}

span#titre{
	display: block;
	width: 450px;
	line-height: 50px;
}

a.link_suivant{
	display: block;
	float: right;
	width: 50px;
	height: 50px;
	text-decoration: none;
	background: url(/images/link_suivant.png) center no-repeat;
}

td.cell_calendrier{
	background: url(/images/cell_calendrier.png) center no-repeat;
}

td.jour{
	color: #fff;
	font-weight: bold;
	background: url(/images/jour.png) center no-repeat;
	text-align: center;
}

td.dispo{
	vertical-align:top; 
	background: url(/images/dispo.png) center no-repeat;
}

td.pas_dispo{
	vertical-align:top; 
	background: url(/images/pas_dispo.png) center no-repeat;
}

p.day{
	margin: 0;
	padding: 7px 0 0 7px;
}

p.chambre{
	margin: 5px 0 0 20px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
}


div#map{
	margin: auto;
}

div.gmap{
	float: left;
	margin: 0 10px 0 0;
}

#hide{
	display: none;
	width :50px;
	height: 50px;
	padding: 5px;
	text-align: center;
	background: #000;
}

#hide input{
	width: 30px;
}

table.back{
	width: 800px;
	margin: auto;
}

table.back td{
	width: 50%;
}


ul.admin{
	width: 920px;
	height: 70px;
	margin: auto;
	text-align: center;
	background: #2e2d30;
}

ul.admin li{
	float: left;
	width: 100px;
	height: 70px;
	list-style-type: none;
}

ul.admin li a{
	display: block;
	width: 100px;
	text-decoration: none;
	color: #666;
	line-height: 57px;
}

ul.admin li a:hover{
	color: #fff;
}

ul.admin li a.congres{
	background: url(/images/admin-congres.png) top no-repeat;
}

ul.admin li a.congres:hover{
	background: url(/images/admin-congres.png) bottom no-repeat;
}

ul.admin li a.hotel{
	background: url(/images/admin-hotel.png) top no-repeat;
}

ul.admin li a.hotel:hover{
	background: url(/images/admin-hotel.png) bottom no-repeat;
}

ul.admin li a.structure{
	background: url(/images/admin-structure.png) top no-repeat;
}

ul.admin li a.structure:hover{
	background: url(/images/admin-structure.png) bottom no-repeat;
}

ul.admin li a.partenaires{
	background: url(/images/admin-partenaires.png) top no-repeat;
}

ul.admin li a.partenaires:hover{
	background: url(/images/admin-partenaires.png) bottom no-repeat;
}

ul.admin li a.liens{
	background: url(/images/admin-liens.png) top no-repeat;
}

ul.admin li a.liens:hover{
	background: url(/images/admin-liens.png) bottom no-repeat;
}

ul.admin li a.divers{
	background: url(/images/admin-divers.png) top no-repeat;
}

ul.admin li a.divers:hover{
	background: url(/images/admin-divers.png) bottom no-repeat;
}

ul.admin2{
	width: 1000px;
	height: 70px;
	margin: auto;
	text-align: center;
	background: #2e2d30;
}

ul.admin2 li{
	float: left;
	width: 200px;
	height: 70px;
	list-style-type: none;
}

ul.admin2 li a{
	display: block;
	width: 200px;
	text-decoration: none;
	color: #666;
	line-height: 57px;
}

ul.admin2 li a:hover{
	color: #fff;
}

ul.admin-hotel li a{
	background: url(/images/back-hotel.png) top no-repeat;
}

ul.admin-hotel li a:hover{
	background: url(/images/back-hotel.png) bottom no-repeat;
}

ul.admin-structure li a{
	background: url(/images/back-structure.png) top no-repeat;
}

ul.admin-structure li a:hover{
	background: url(/images/back-structure.png) bottom no-repeat;
}

ul.admin-partenaire li a{
	background: url(/images/back-partenaire.png) top no-repeat;
}

ul.admin-partenaire li a:hover{
	background: url(/images/back-partenaire.png) bottom no-repeat;
}

a#deco{
	position: absolute;
	height: 57px;
	width: 57px;
	top: 30px;
	right : 10px;
	background: url(/images/deco.png) top no-repeat;	
}

a#deco:hover{
	background: url(/images/deco.png) bottom no-repeat;	
}

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

a.bouton{
	float: right;
	display: block;
	width: 210px;
	padding: 0 0 0 40px;
	line-height: 55px;
	text-decoration: none;
	color: #666;
	text-align: center;
}

input.bouton{
	float: right;
	display: block;
	width: 250px;
	padding: 0 0 0 0px;
	height: 55px;
	text-decoration: none;
	color: #666;
	border: none;
	text-align: center;
	cursor: pointer;
}

a.bouton:hover,input.bouton:hover{
	color: #fff;
}

a.add_partenaire{
	background: url(/images/add_partenaire.png) left top no-repeat;
}

a.add_partenaire:hover{
	background: url(/images/add_partenaire.png) left bottom no-repeat;
}

a.back_partenaire{
	background: url(/images/back_partenaire.png) left top no-repeat;
}

a.back_partenaire:hover{
	background: url(/images/back_partenaire.png) left bottom no-repeat;
}

a.mod_partenaire{
	background: url(/images/mod_partenaire.png) left top no-repeat;
}

a.mod_partenaire:hover{
	background: url(/images/mod_partenaire.png) left bottom no-repeat;
}

a.add_hotel{
	background: url(/images/add_hotel.png) left top no-repeat;
}

a.add_hotel:hover{
	background: url(/images/add_hotel.png) left bottom no-repeat;
}

a.back_hotel{
	background: url(/images/back_hotel.png) left top no-repeat;
}

a.back_hotel:hover{
	background: url(/images/back_hotel.png) left bottom no-repeat;
}

a.mod_hotel{
	background: url(/images/mod_hotel.png) left top no-repeat;
}

a.mod_hotel:hover{
	background: url(/images/mod_hotel.png) left bottom no-repeat;
}

a.add_structure{
	background: url(/images/add_structure.png) left top no-repeat;
}

a.add_structure:hover{
	background: url(/images/add_structure.png) left bottom no-repeat;
}

a.add_lien{
	background: url(/images/add_lien.png) left top no-repeat;
}

a.add_lien:hover{
	background: url(/images/add_lien.png) left bottom no-repeat;
}

a.back_structure{
	background: url(/images/back_structure.png) left top no-repeat;
}

a.back_structure:hover{
	background: url(/images/back_structure.png) left bottom no-repeat;
}

a.mod_structure{
	background: url(/images/mod_structure.png) left top no-repeat;
}

a.mod_structure:hover{
	background: url(/images/mod_structure.png) left bottom no-repeat;
}

a.back_congres,input.back_congres{
	background: url(/images/back_congres.png) left top no-repeat;
}

a.back_congres:hover,input.back_congres:hover{
	background: url(/images/back_congres.png) left bottom no-repeat;
}

a.mod_congres{
	background: url(/images/mod_congres.png) left top no-repeat;
}

a.mod_congres:hover{
	background: url(/images/mod_congres.png) left bottom no-repeat;
}

form.contact{
	margin: auto;
}

form.contact th, form.contact td{
	padding: 5px;
}

form.contact th{
	width: 300px;
	text-align: right;
}

.center{
	text-align: center;
}

td.periode{
	text-align: left;
}

div#dispo_encart{
	float: right;
	width: 450px;
	padding: 20px;
}

div#dispo_encart img{
	float: left;
}

h2 img{
	float: left;
}

div.lien h2, h3{
	padding: 20px;
	margin: 0;
}

div.lien h2{
	color: #7e3b20;
}

div.lien h3:first-letter{
	color: #7e3b20;
}

div.lien p{
	padding: 10px;
	margin: 0;
}

div.lien ul{
	padding: 0 0 0 40px;
}

div.lien ul li{
	padding: 10px 0 10px 0;
}

.png { 
	behavior: url(/iepngfix.htc);
}