/*******************************************************************
* /global html
*******************************************************************/
body {
	font-size: 80%;
	font-family: 'Trebuchet MS', Verdana, Arial, Geneva, Helvetica, tahoma, sans-serif;
	margin:0; padding:0;
	text-align: center;
	background: #E6E6E6 url("/global/medias/bgGlobal.gif") repeat;
	}

h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}

em {font-style: normal}

ul, ol, li {list-style: none; }

a {text-decoration: none; color: #D86C01 }
a:hover { color:#D86C01 !important}

span.hide {display: none}

.break {clear: both}

/*******************************************************************
* ENTETE ET AUTRES FONTS
*******************************************************************/

h1, h2, h3 {color:#FFF; font-weight: normal; text-align:left;}
p { font-size: 0.9em; line-height:1.2em; font-weight: normal}

/*******************************************************************
* LA STRUCTURE
*******************************************************************/
#allContent {
    width: 780px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    }
#entete, #zoneFlash, #flashContent, #content, #footer {width: 780px;}
#entete {
	height:122px; 
	background: transparent url("/global/medias/bgEntete.gif") no-repeat;
	}
#zoneFlash, #flashContent {height:267px;}
#flashContent {
	background: #D76C02 url("/global/medias/visuel-presta.gif") no-repeat;
	}
#content {
	height:160px; 
	background: transparent url("/global/medias/bgContent.gif") no-repeat;
	}
#zoneFlashPresta {position: absolute; margin: 0 0 0 513px}

/*******************************************************************
* NAVIGATION
*******************************************************************/

/*body.home #navEntete {left: 350px!important; border: 1px white solid}*/

#navEntete {
	position:relative; 
	top: 80px; left: 0;
	width: 520px; height: 12px;
	margin: 0; padding: 0;
	}

#navEntete ul { margin:0; padding:0;}
#navEntete li {display:inline;}
#navEntete li a {
	float: right;
	margin: 0 10px 0 0; 
	padding: 0 0 0 25px;
	color: white;
	}

/*******************************************************************
* CONTENU
********************************************************************/

body#home #content #colA { margin: 0 0 15px 0!important; }
body#home #colA { color: white!important; font-weight: normal!important;}

/*--Gestion listes communes----------------------------------------*/

body#home #colA li, #colA li {line-height:1.5em;}
body#home #colA li a, #colA li a {font-size: 1em;}
body#home #colA li a:hover, 
#colA li a:hover {background-position: 0 -23px}

/*--Gestion listes pages------------------------------------------*/
#colA ul { margin: 10px 0 0 0; padding:0;}
body#salles #colA li {
	font-size: 0.9em !important;
	line-height: 1em !important;
	color: #313133!important;
	padding: 0 0 5px 15px!important;
	background: transparent url("/global/medias/itemLiContent.gif") no-repeat 0 -2px;
	}

body#home #colA li {
	font-size: 0.9em !important;
	margin: 0 0 7px 0;
	line-height: 13px; color: white;
	font-weight: normal!important; 
}
body#home #colA li a { font-size: 1.1em!important; color: #D86C01!important;}


/*--Gestion listes home--------------------------------------------*/
body#home #colA ul { margin:10px 0 0 20px; padding:0;}
body#home #colA li a, body.prestations #colA li {
	color:#FFF;
	padding: 5px 0 5px 20px;
	background: transparent url("/global/medias/itemLi.gif") no-repeat 0 -20px!important;
	}

/*=------------------------------------------------------------------------------HOME PAGE--*/

/*--Structures 2 colone home---------------------------------------*/
body#home #colA, body#home #colB {
	margin:0!important; padding:0;
	}
body#home #colA {
	width: 360px!important;
	margin: 0 0 5px 5px; 
	padding: 15px 0 0 0;
	background-color: transparent!important;
	}

#ContentHomeColB, #footerHomeColB {clear: both; margin: 0!important; padding: 0!important;}
body#home #colB #ContentHomeColB {
	width: 408px!important;
	margin: 0 0 0 12px!important;
	padding: 15px 0 25px 0!important;
	background: transparent url("/global/medias/bgBlocDrt.gif") repeat;
	}
body#home #colB #ContentHomeColB p.introHome {font-size: 1.2em; margin:0!important}
body#home #colB #ContentHomeColB p {margin:0!important}
body#home #colB #footerHomeColB {
	width: 408px; height: 17px;
	margin: 0 0 0 12px!important;
	background: transparent url("/global/medias/footerBlocDroite.gif") no-repeat 0 0;
	}
body#home #colB #ContentHomeColB p {}
body#home #colB #ContentHomeColB a {margin:0!important; }

/*--Titrages h2----------------------------------------------------*/
body#home #content h2 {
	color:#010D2F;
	margin:0 5px 5px 20px; padding:0 0 0 10px;
	font-weight:bold; line-height:1.2em;
	}
	
/*--Titrages h3----------------------------------------------------*/
body#home #content h3 {
	margin:10px 5px 0 20px; padding:0 0 0 10px;
	font-weight:bold;
	}
body#home #content #colA h3, 
body#home #content #colB h3 { height:15px;  padding:0;}
body#home #content #colA h3 {
	display: block;
	width: 277px!important; height: 17px!important;
	background:transparent url("/global/medias/titBlocGch.gif") no-repeat;
	margin:0 0 5px 0; padding:0;
	}
body#home #content #colA h3.titPresta {
	width: 331px!important; 
	background:transparent url("/global/medias/titBlocGchBis.gif") no-repeat!important;
	}
body#home #content #colB h3 {
	background:transparent url("/global/medias/titBlocDrt.gif") no-repeat;
	margin:0 0 5px 8px;
	}

/*--Gestion contenu home-------------------------------------------*/
body#home #content #colB p {
	color:#FFF;
	margin:0 0 5px 0; padding:0 0 0 7px;
	}

/*=-----------------------------------------------------------------------------PAGE INTERNES--*/

/*--Structures 2 colone pages--------------------------------------*/

#colA, #colB {float:left;}   
#colA { width: 513px; background-color: #313133; padding: 0 0 25px 0 }
#colB { width: 241px; padding: 10px 0 0 26px}

body#salles #colB p {
	width: 247px;
	color: white; margin:0; padding: 10px;
	}

/*--Structures ColA pages------------------------------------------*/
#colA h3 {
	width: 478px;
	margin: 10px 0 10px 0;
	font-size: 1.3em;
	padding : 5px 0 0 35px;
	background:transparent url("/global/medias/h3ColA.gif") no-repeat 0 3px;
	}
#ContentColA {width: 473px; background-color: white; padding: 10px 20px 10px 20px;}
body.pageAcces #ContentColA,
body.pageContact #ContentColA {width: 513px!important; padding: 0!important}
body.pageContact #ContentColA {float: left}
#ContentColA h4 {
	padding-top: 10px;
	font-size: 1.3em; color: #D86C01; font-weight: bold;
	}
#ContentColA p {width: 470px; font-size: 12px;}	

#DefinitionSalle {width: 470px; float: left; padding: 0 0 10px 0;}
#Surface, #Capacite {width: 230px; height: 47px; float: left}
#Surface { background: #D86C03 url("/global/medias/imgSurface.gif") no-repeat left bottom; }
#Capacite { margin-left: 10px; background: #D86C03 url("/global/medias/imgCapacite.gif") no-repeat left bottom; }
#Surface p, #Capacite p {
	width: 110px;
	color: white; font-size: 1em; 
	margin: 5px 0 15px 85px;}

/*--Structures ColB pages------------------------------------------*/

body#salles #colB #blocVisuel,
body#salles #colB #blocAutres,
body#salles #colB #blocTarifs {
	width: 221px; 
	float: left;
	clear: both;
	background-color: #323133;
	}
body#salles #colB #blocVisuel {
	border-top: 2px #636264 solid;
	border-left: 2px #636264 solid;
	border-right: 2px #636264 solid;
	}
body#salles #colB #blocAutres,
body.contact #colB #blocAutres,
body.contact #colB #blocAutres {
	border-left: 2px #636264 solid;
	border-right: 2px #636264 solid;
	border-top: 2px #636264 solid;
	}
body.contact #colB #blocAutres,
body.contact #colB #blocAutres {
	border-top: 2px #636264 solid;
	}
body#salles #colB #blocTarifs {
	border-top: 2px #636264 solid;
	border-left: 2px #636264 solid;
	border-right: 2px #636264 solid;
	}
#blocVisuel h3, #blocAutres h3, #blocTarifs h3 {
	font-size: 1.2em;
	padding: 5px 0 5px 35px;
	background: transparent url("/global/medias/h3ColB.gif") no-repeat 5px 0;
	}
#blocVisuel h3 {width: 53px; }
#blocAutres h3, #blocTarifs h3 {width: 186px}

/*=blocVisuel-------------------------------------------------------*/

#blocVisuel {width: 110px;}
#blocVisuel img {border: 2px #636264 solid; margin: 10px 0 10px 0; }
#navVisuel {float: left}
#navVisuel ul {
	width: 90px; 
	padding: 0 !important;
	margin: 0 !important;
	}
#navVisuel li { margin: 5px 0 0 0}
#navVisuel li a.btDiapo,
#navVisuel li a.btPlan {
	display: block; 
	width: 75px; height: 26px;
	}
#blocVisuel #navVisuel li a.btDiapo { background: transparent url("/global/medias/itemDiaporama.gif") no-repeat 50px 0; }
#blocVisuel #navVisuel li a.btPlan { background: transparent url("/global/medias/itemPlan.gif") no-repeat 50px 0; }
#blocVisuel #navVisuel li a.btDiapo:hover,
#blocVisuel #navVisuel li a.btPlan:hover { background-position: 50px -49px}

/*=blocAutres-------------------------------------------------------*/
#navSalles {
	width: 180px;
	margin: 0 0 15px 27px!important; padding: 0!important;
	}
#navSalles li a,
#navSalles li a.btSalle01,
#navSalles li a.btSalle02,
#navSalles li a.btSalle03,
#navSalles li a.btSalle04,
#navSalles li a.btSalle05,
#navSalles li a.btSalle06,
#navSalles li a.btSalle07,
#navSalles li a.btSalle08 {
	display: block;
	width: 150px;
	color: white;
	padding: 0 0 0 25px;
	background: transparent url("/global/medias/liColB.gif") no-repeat 5px 0;
	}
#navSalles li a:hover,
#navSalles li a.btSalle01:hover,
#navSalles li a.btSalle02:hover,
#navSalles li a.btSalle03:hover,
#navSalles li a.btSalle04:hover,
#navSalles li a.btSalle05:hover,
#navSalles li a.btSalle06:hover,
#navSalles li a.btSalle07:hover,
#navSalles li a.btSalle08:hover { color: #D86C01; background-position: 5px -32px}

/*focus navSalles-------------------------------------------------*/
body.salle01 #navSalles li a.btSalle01,
body.salle02 #navSalles li a.btSalle02,
body.salle03 #navSalles li a.btSalle03,
body.salle04 #navSalles li a.btSalle04,
body.salle05 #navSalles li a.btSalle05,
body.salle06 #navSalles li a.btSalle06,
body.salle07 #navSalles li a.btSalle07,
body.salle08 #navSalles li a.btSalle08 {color: #D86C01; background-position: 5px -32px} 

/*=Adresse-------------------------------------------------------*/
#adresse {margin-top: 10px;}
#adresse p {color: white; width: 205px!important; }

/*=Acces-------------------------------------------------------*/
#Acces {
	width: 513px;
	float: left;
	background: transparent url("/global/medias/bgAcces.gif") repeat-y;
	}
	
#AccesContent, #PlanAcces {float: left}
#AccesContent {width: 155px; padding: 0 10px 0 0}
#AccesContent h3, #AccesContent p {text-align: right;}
#AccesContent h3 {
	width: 120px !important;
	font-size: 1.5em;
	color: #D86C01!important;
	background-image: none!important;
	}
	
body.pageAcces #listeAcces {width: 500px; margin:0; padding: 10px 0 10px 0!important;}
body.pageAcces #listeAcces li.InfoAcces01, 
body.pageAcces #listeAcces li.InfoAcces02,
body.pageAcces #listeAcces li.InfoAcces03, 
body.pageAcces #listeAcces li.InfoAcces04,
body.pageAcces #listeAcces li.InfoAcces05, 
body.pageAcces #listeAcces li.InfoAcces06 {
	margin: 7px 0 0 0!important;
	}
	
body.pageAcces #listeAcces li.InfoAcces01 {background: transparent url("/global/medias/pictoAccces01.gif") no-repeat 0 -4px !important}
body.pageAcces #listeAcces li.InfoAcces02 {background: transparent url("/global/medias/pictoAccces02.gif") no-repeat 0 -4px !important}
body.pageAcces #listeAcces li.InfoAcces03 {background: transparent url("/global/medias/pictoAccces03.gif") no-repeat 0 -4px !important}
body.pageAcces #listeAcces li.InfoAcces04 {background: transparent url("/global/medias/pictoAccces04.gif") no-repeat 0 -4px !important}
body.pageAcces #listeAcces li.InfoAcces05 {background: transparent url("/global/medias/pictoAccces05.gif") no-repeat 0 -4px !important}
body.pageAcces #listeAcces li.InfoAcces06 {background: transparent url("/global/medias/pictoAccces06.gif") no-repeat 0 -4px !important}

body.pageAcces #listeAcces li span {font-weight: bold}
body.pageAcces #listeAcces li span.libel {margin-left: 50px; color: #D86C01}
body.pageAcces #listeAcces li span.infosAcces {margin-left: 7px}

#PlanAcces {width: 348px}

/*=Contact-------------------------------------------------------*/
form {padding: 10px 0 0 0}
form p, label, input, select, textarea {float: left}
form p {width: 485px; margin: 3px!important;}
label {color: #333; width: 150px; text-align: right; padding: 0 10px 0 0}
input, select, textarea { width: 300px; border: 1px #333 solid; font-size: 0.9em}
textarea { height: 50px; }
input.envoi {float: right!important; width:130px; height: 18px; margin: 0 7px 5px 0}
input.envoi:hover {}

/*=tarifs-------------------------------------------------------*/
body.pageTarifs #ContentColA h4 {color: #D86C01; margin:0!important}
body.pageTarifs #ContentColA p {margin:0!important}

/*******************************************************************
* FOOTER
********************************************************************/
#footer {height: 12px;}
#footer a {
	float:right;
	margin-top: 10px;
	width:70px; height:11px;
	background: transparent url("/global/medias/mcd.gif") no-repeat
	}

/*******************************************************************
* AJUSTEMENTS REFERENCEMENT
********************************************************************/
h3.txtIntro {
	font-size: 1.2em !important; 
	color: white !important;
	padding: 10px 0 20px 0 !important;
	margin:0!important
	}
h5.txtH5 {
	font-size: 1em !important; 
	color: white !important;
	padding: 2px 0 5px 0 !important;
	margin:0!important
	}
	
p.descr {
	font-size: 1.2em; 
	color: white;
	padding: 10px 0 20px 0;
	margin:0!important
	}

.descr_salles {
	display: block;
	background:transparent url("/global/medias/titBlocGch.gif") no-repeat;
	margin:0 0 5px 0; 
	padding: 20px 0 0 0;
	color: white
	}

p.descr_salle_int {
	margin:0 0 5px 0; 
	padding: 20px 0 0 0;
	color: #313133
	}
 
.colonne1 ul { width: 780px; 
	margin:0 0 0 0;
	padding:0 60px 0 0;
	list-style-type: none;
	color: white!important; 
	font-weight: normal!important;
	}

.colonne1 img {
	margin:0 2px 2px 0; 
	border:none
	}

.colonne1 li {
	list-style-type:none;
	display:inline;
	margin: 10px 0 10px 0;
	float:left;
	width:195px;
	}

.colonne2  {  width: 380px; 
	padding: 10px 0 0 0px;
	margin: 0;
	float:left;
	list-style-type: none;
	color: white!important; 
	font-weight: normal!important
	}

.colonne2 img {
	float:left;
	margin:0 2px 2px 0; 
	border:none;
	}

.colonne2 li {margin-bottom: 15px !important;}

.retour_accueil_int {text-align: right;
	padding:5px 22px 0 0; 
	border:none;
	color: white;
	}

.retour_accueil_int a {color: white;}

.salle {
	width: 150 px;
	height: 120 px;
	background: #323133;
	float:left;
	padding: 0 0 0 0;
	}