body{

	margin:0; padding:0;

	color:#000;

	font-size:11px;

	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, Tahoma, sans-serif;
	
	background-image:url(../img/accueil/accueil-background2.gif);

	background-repeat:repeat-x;
	
	background-color:#f4e37b;
	
}

p{color:#666; font-size:11px; margin:0 0 8px 0;}

.brunch_fete{
	text-decoration:underline;
}
a{
	color:#666;
	font-weight:bold;
	text-decoration: none;
}



p.hautdepage{/*border-bottom:1px solid #e5cab8; */text-align:right;}



/* CONTENANT DE L'ACCUEIL */

#containeracc{

	position:relative;

	width:761px;

	background-color:#FFF;

	margin:0 auto; /*text-align:left;*/

}



/* CONTENANT INTERIEUR */

#containerint{

	position:relative;

	width:761px;

	background-color:#FFF;

	margin:0 auto; /*text-align:left;*/

}



/* HAUT DE LA PAGE */

#lien-hotel-bandeau-bleu { border:none; display:block; position:absolute; top:95px; left:18px; width:117px; height:67px; text-indent:-9999px; text-decoration:none;}



#hautdepageacc{	position:relative;}



#hotelinstitut{

	background:#485894 url(../img/accueil/logo.gif) left top no-repeat;

	height:88px;

}



#hotelinstitut2{

	background:#485894 url(../img/accueil/logo-full.gif) left top no-repeat;

	height:88px;



}



#hotelinstitut2 h1 {

	margin: 0;

	padding: 0;

	color: #fff;

	position: absolute;

	top: 150px;

	left: 160px;

	font-size: 15px;

}



#hotelinstitut2 a.reservation,

#hotelinstitutintmanger a.reservation {

	margin: 0;

	padding: 0;

	color: #fff;

	position: absolute;

	top: 150px;

	left: 570px;

	font-size: 15px;

	text-transform: uppercase;

	text-decoration: underline;

	display: inline;

	width: auto;

	height: auto;

}



/* différent haut de page */

#hotelinstitutint{

	background:#485894 url(../img/int/logo.gif) left top no-repeat;

	height:88px;

}



#hotelinstitutintmanger{

	display:block; height:79px; background: url(../img/accueil/accueil-top-banner.gif)  no-repeat right top; background-color:#000066;


}



#hotelinstitutintmanger a {display:block; width:25%; height:100%;}



#hotelinstitutinthebergement{

	background:#485894 url(../img/int/top_hebergement.gif) left top no-repeat;

	height:88px;

}



#hotelinstitutintbanquet{

	background:#485894 url(../img/int/top_banquets.gif) left top no-repeat;

	height:88px;

}



#hotelinstitutintapropos{

	background:#485894 url(../img/int/top_apropos.gif) left top no-repeat;

	height:88px;

}

/* fin haut de page */



#informationenligne{

	width:146px; height:21px;

	position:absolute;

	background:url(../img/accueil/roll_informationenligne.gif) 0 -42px no-repeat;

	left:602px; top:96px;

}



#informationenligne a{

	width:146px; height:21px;

	display:block;

	background:url(../img/accueil/roll_informationenligne.gif) 0 0 no-repeat;

}

#informationenligne a:hover{background-image:none;}



#textetopacc{

	position:absolute;

	top:120px; left:390px;

	color:#FFF;

	font-weight:bold;

	font-size:12px;

}



#logoetoile{

	position:absolute;

	left:700px; top:125px;

	width:37px; height:52px;

	background:url(../img/accueil/4etoiles.gif) no-repeat;

}



#logoetoile2{

	position:absolute;

	left:598px; top:100px;

	width:225px; height:87px;

	background:url(../img/accueil/4etoiles-sans-caa.gif) no-repeat; /*modifie pour la section restaurant*/

}



/* Bout de texte intro avec la batise */

#txtintro{

	height:173px;

	background:#f2f3f8 url(../img/accueil/img_batisse.jpg) left top no-repeat;

	line-height:13px;

	

}



#txtintro2{

	height:220px;

	line-height:13px;

	padding:0; margin:0;

	position: relative;

}



#imgintro {

	

}



#imgintro img {

	border: none;

}



/**

 * Slideshow

 */



#slideshow {

	position: absolute;

	top: 0;

	right: 0;

	width: 507px;

	height: 220px;

	overflow: hidden;

}



#slideshow.int {

	position: relative;

	top: auto;

	left: auto;

	margin-left: -24px;

	margin-top: -16px;

	margin-bottom: 20px;

}



#slideshow .inner {

	position: absolute;

	left: 0;

	width: 10000px;

}



#slideshow img {

	float: left;

}



#slideshow .selecteur {

	position: absolute;

	bottom: 5px;

	right: 0px;

}



#slideshow .selecteur ul {

	margin: 0;

}



#slideshow .selecteur li {

	list-style: none;

	float: left;

	margin-right: 5px;

	border: 1px solid #999999;

}



#slideshow .selecteur li a {

	display: block;

	width: 18px;

	height: 18px;

	background: #fff;





}



/* LIENS DES 3 SECTION PRINCIPALES */



.lientitre{

		height:55px; width:253px;

		border-bottom:1px solid #f0dcd1;

		border-right:1px solid #f0dcd1;

		background:#eedcd0 url(../img/accueil/roll_plus.gif) 215px  -38px  no-repeat;

}



.lientitre a{

	display:block;height:45px; width:253px;

	padding-top:10px;

	background:#FFF url(../img/accueil/roll_plus.gif) 215px  17px  no-repeat;

}



.lientitre a:hover{background:none;}



.titre{

	font-size:14px;

	margin:13px 0 0 23px;

}

.phrase{

	color:#c48d64;

	font-size:11px;padding:13px 0 0 23px;

}



.lientitreint{

		height:55px; width:253px;

		border-bottom:1px solid #f0dcd1;

		border-right:1px solid #f0dcd1;

		background:#eedcd0 url(../img/accueil/roll_plus.gif) 215px -40px no-repeat;

}



.lientitreint a{

	display:block;height:45px; width:253px;

	padding-top:15px;

	background:#f2f3f8 url(../img/accueil/roll_plus.gif) 215px 15px no-repeat;

}





.lientitreintdone {

		

		border-right:1px solid #f0dcd1;

		padding-top:15px;

		background:#eedcd0 url(../img/accueil/roll_plus.gif) 215px -40px no-repeat;

}





#sections h2{

	margin:0; padding:0;

	font-size:14px;

}



#sections h2 a{

	font-size:14px;

	height:55px;	

	overflow:hidden;

}



.sectionsallemanger a,

.sectionsallemanger2 a,

.sectionhebergement a,

.sectionbanquet a {

	color:#000066;

}

.sectionsallemanger ul.sectionsint  li a,

.sectionsallemanger2 ul.sectionsint li a,

.sectionhebergement ul.sectionsint li a,

.sectionbanquet ul.sectionsint li a {

	color:#666666 !important;

}

#containeracc .sectionsallemanger,

#containeracc .sectionsallemanger2{

	position:absolute;

	height:235px;

	left:0; top:408px;

}

#containeracc .sectionhebergement{

	position:absolute;

	height:235px;

	left:254px; top:408px;

}

#containeracc .sectionbanquet{

	position:absolute;

	height:235px;

	left:508px; top:408px;

}



ul.sectionsacc{

	list-style-type:none;

	margin:0; padding:8px 0 0 0;

	color:#465896;

	height:162px; width:253px;

	border-right:1px solid #ead9cf;

}



ul.sectionsint{

	list-style-type:none;

	margin:0; padding:8px 0 15px 0;

	color:#9da5c6;

	width:253px;

	background-color:#eedcd0;

}



ul.sectionsacc li, ul.sectionsint li{

	padding-left:32px;

	background:url(../img/accueil/fleche.gif) 20px 4px no-repeat;

}



ul.sectionsint li a{color:#485893;}



ul.sectionsacc li a:hover, ul.sectionsint li a:hover{

	text-decoration:underline;

}



ul.salles{

	list-style-type:none;

	margin:0; padding:0 0 0 100px;

}



ul.salles li{

	background:#FFF url(../img/int/banquet-reunion/roll_cliquerici.gif) 0 -276px no-repeat;

	height:138px; width:240px;

}



ul.salles li a{

	background:transparent url(../img/int/banquet-reunion/roll_cliquerici.gif) 0 0 no-repeat;

	height:138px; 

	width:100%; height:100%; display:block;

}



ul.salles li a:hover{

	background-image:none;

}



/* fin section accueil */



/* ZONE EN BREF DE L'ACCUEIL ET INTÉRIEUR */



#enbref{

	position:relative;

	margin-top:160px;

	background-color:#FFF;

	border-top:1px solid #ecd6c8;

}



#enbref h2{

	color:#435993;

	font-size:14px;

	padding-left:27px;

}



ul.bref{

	list-style-type:none;

	margin:0; padding:0;

	color:#465896;

}



 ul.brefint{

	 display:none;

 	list-style-type:none;

	margin:25px 0 0 0; padding:0;

	color:#465896;

 }



ul.bref li.tournantvert{

	background:#FFF url(../img/accueil/tournantvert.gif) 65px 0 no-repeat;

	padding-left:134px;

	border-bottom:1px solid #f1e4dc;

	height:55px;

}



ul.brefint li.tournantvert{

	background:#FFF url(../img/accueil/tournantvert.gif) 10px 0 no-repeat;

		padding: 10px 0 0 65px;

	border-bottom:3px solid #cccdd1;

	height:45px;

	margin:0 5px 10px 5px;

}



ul.bref li.cadeau{

	background:#FFF url(../img/accueil/chequecadeau.gif) 65px 10px no-repeat;

	padding:15px 0 15px 135px;

	height:55px;

	border-bottom:1px solid #f1e4dc;

}



ul.brefint li.cadeau{

	background:#FFF url(../img/accueil/chequecadeau.gif) 7px 0 no-repeat;

	padding: 10px 0 0 65px;

	border-bottom:3px solid #cccdd1;

 	height:45px;

	margin:0 5px 10px 5px;

}



ul.brefint li.tournantvert a, ul.brefint li.cadeau a{

	display:block; width:100%; height:100%;

	font-weight:normal;

}



.vert{font-size:13px; color:#436930;}



ul.sousmenu{

	list-style-type:none;

	margin:0; padding:8px 0 25px 0;

}



ul.sousmenu li{

	float:left;

	color:#495796;

	font-size:1em;

	background:url(../img/accueil/fleche.gif) 0 50% no-repeat;

}



ul.sousmenu li a{

	color:#495796;

	padding-left:9px;

	margin-right:8px;

	

}

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



/* fin en bref */





/* COLONNE DE GAUCHE */

#colonnegauche{

	position:absolute;

	/*background-color:#f2f3f8;*/

	width:253px;

	/*border-right:1px solid #eae4e4;*/

	z-index:4;

}



/* COLONNE DE DROITE */



#colonnedroite{

	position:relative;

	padding:16px 30px 15px 278px;

	/*background:url(../img/int/bg-int.gif) repeat-y;*/

}



#titrepage{

	border-bottom:1px solid #000066;

	padding-bottom:13px;

	width:452px;

}



#retour{

	position:absolute;

	background:url(../img/int/fleche_retour.gif) no-repeat;

	width:23px; height:25px;

	right:30px;

}

#retour a{display:block; width:100%; height:100%;}



#colonnedroite h1 {

	margin:0; padding:0;

	color:#000066;

	font-size:18px;

}



#colonnedroite h2{

	color:#000066;

	font-size:14px;

	border-bottom:1px solid #000066;

	margin-top:25px;

}



#colonnedroite h3{

	color:#000066;

	font-size:12px;

	margin:0; padding:0;

}



ul.infos{

	list-style-type:none;

	margin:0; padding:0 0 10px 15px;

	color:#666;

}



ul.infos li{

	background: #FFF url(../img/int/bullet-bleu.gif) 0 5px no-repeat;

	padding-left:7px; 

	margin-bottom:3px;

}



.encadre{

	background-color:#faf2ef;

	border:1px solid #e7d0c0;

	padding:10px;

	margin-bottom:10px;

}



/* FOOTER */



#footer{position:relative;}



ul.foot{

	list-style-type:none;

	margin:0; padding:0 15px 0 15px;

	height:20px;

	background-color:#2446AA;

	line-height:20px;

}



ul.foot li{	float:left;	color:#677cb8;}

ul.foot li a{color:#fff;	font-weight:normal;}

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



ul.foot li.droite{	float:right;}



#ombrefoot{

	background:#FFF url(../img/accueil/degrade_bas.gif) no-repeat;

	height:15px;

}



#logoquebec{

	text-align:center;

	width:175px;

	margin:0 0 25px 290px;

}



#logoquebec a{

	font-weight:normal;

	color:#000;

}



#photo1, #photo2, #photo3, #lien1, #lien2, #lien3{

	display:none;

}



#logosdubas{

	margin-bottom:20px;

	margin-top:20px;

}



/* fin footer */





/* Formulaire de la page nous joindre */



form{

	margin:0; padding:0;

}



.champ{

position:relative;

}



label {

	color:#4c578f;

	width:85px;

	position:absolute;

	padding-top:5px;

}

input{

	width:360px;

	margin-left:90px;

}



textarea{

width:360px;

	margin-left:90px;

	height:100px;

	}

	

ul.liste{

 margin:0; padding:0;

 color:#ffe4d3;

}



.texteliste{

	color:#48588c;

	font-weight:bold;

}



.texteliste a{

	text-decoration:underline

}





.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */



#reservation {

	width: 254px;

	height: 220px;

	position: absolute;

	left: 0;

	top: 0;

	background: #7884AF;

}



#reservation form {

	padding: 0 15px;

	color: #fff;

}



#reservation h2 {

	margin: 0 0 10px;

	padding: 12px 15px;

	background: #63709F;

	color: #fff;

	font-weight: normal;

	font-size: 13pt;

}



#reservation ul {

	margin: 0 0 6px;

	padding: 0;

}



#reservation ul li {

	list-style: none;

	margin: 0 0 6px;

}



#reservation ul li a {

	margin-top: 2px;

}



#reservation ul li label {

	float: left;

	width: 110px;

	position: static;

	padding: 2px 0 0 0;

	color: #fff;

}



#reservation ul li input {

	border: none;

	width: auto;

	float: left;

	margin: 0;

	padding: 3px;

	font-size: 100%;

}



#reservation ul li input.nbr {

	text-align: center;

}



#reservation p.bouton {

	padding-left: 110px;

}



#reservation p.bouton button {

	background: #47547F;

	border: none;

	padding: 2px 8px;

	color: #fff;

}



/* ACCUEIL v2 

** MAI 2009 */

#newaccueil-contenant { width:100%; height:1215px;}

#newaccueil-contenant #containeracc{ width:760px; height:1071px;}

html>body #newaccueil-contenant #containeracc{ height:auto; min-height:1071px;}

#hotel-de-l-institut { display:block; height:79px; background: url(../img/accueil/accueil-top-banner.gif)  no-repeat right top; background-color:#000066;}

#hotel-de-l-institut #logos_sociaux {
	width: 56px;
	margin-top: 44px;
	margin-left: 0px;
	float: right;
	margin-right: 2px;
}

#newaccueil-contenant #reservation { background-color: #FFFFFF; width: 249px; height:218px; border:2px solid #000066; border-top:none;}

#newaccueil-contenant #reservation h2 {color: #000066;background:none;padding:12px 15px 8px 15px;}

#newaccueil-contenant .dp-choose-date { background: url(../img/accueil/petit-calendrier.gif) no-repeat 0 0;}

#newaccueil-contenant #reservation form { padding: 0 5px 0 23px;}

#newaccueil-contenant #reservation ul li label {color: #666666;}

#newaccueil-contenant #reservation ul li input { background-color:#cccce0;}

#newaccueil-contenant #reservation p.bouton button { background: #000066; cursor:pointer;}

#newaccueil-contenant #sectionsallemanger, 

#newaccueil-contenant #sectionsallemanger2, 

#newaccueil-contenant #sectionbanquet, 

#newaccueil-contenant #sectionhebergement { position: relative; float:left; width:253px; height:auto; left:0; right:0; top:0;}

#newaccueil-contenant #sections a.ligne-speciale { display:block; color:#f40b0b; font-size:13px; margin: 15px 0 15px 23px;}

#newaccueil-contenant #sections a:hover.ligne-speciale { text-decoration:underline;}

#newaccueil-contenant ul.sectionsacc{ border-right:none;padding:0;height:auto; padding-bottom:5px;}

#newaccueil-contenant ul.sectionsacc a { color:#666666; font-size:12px; font-weight:normal; line-height:1.3em;}

#newaccueil-contenant .lientitre{border-bottom:none;border-right:none;background:none; height:auto;}

#newaccueil-contenant .lientitre a{ background:none; padding-top:5px;}

#newaccueil-contenant .titre{ color:#000066; font-size:18px; font-weight:bold; margin:8px 0 0 23px;}

#newaccueil-contenant .phrase{ color:#666666; font-size:14px; font-weight:bold; padding:13px 0 0 23px;}

#newaccueil-contenant ul.sectionsacc li, #newaccueil-contenant ul.sectionsint li { margin:0; background:none; padding: 0 0 0 23px;}

#newaccueil-contenant #bande-annonces {
	margin:0;
	padding:0;
}

#newaccueil-contenant #bande-annonces a { float:left;margin:0; padding:0;text-decoration:none;border:none;}

#newaccueil-contenant #bande-annonces a img { margin:0; padding:0;border:none;}

#newaccueil-contenant #bande-logos {  clear:left; display:block; margin:10px;}

#newaccueil-contenant #bande-logos a { display:block; float:right; margin: 0 10px;}

#newaccueil-contenant #bande-logos a.dernier { margin-right:0;}

ul.sectionsint{	list-style-type:none;	margin:0; padding:8px 0 15px 0;	color:#9da5c6;	width:253px; border-color:#fff !important;	background-color:#fff;}

.lientitreintdone {	border-bottom:1px solid #fff !important;border-right:1px solid #fff !important;padding-top:15px; background:none;}

.lientitreint{ background:none; border-color:#fff !important;}

.lientitreint a{background:none;}

.clear { display: block; height: 0; clear: both; visibility: hidden; margin:0; padding:0; line-height:0;}



/* NOUVEAU INCLUDE (HEAD) */

#newaccueil-top-include { display:block;}

#newaccueil-top-include img { margin-left:40px;}

#newaccueil-top-include ul { display:block; float:right; width:505px; background-color:#245db9; list-style:none; list-style-type:none; margin:55px 0 0 0; padding:0;}

#newaccueil-top-include ul li { display:block; float:left; list-style:none; list-style-type:none; margin:0; padding:0 0 0 15px;}

#newaccueil-top-include ul li.droite { float:right; margin-right:18px}

#newaccueil-top-include ul li a { display:block; float:left; color:#fff; letter-spacing:1px; margin:0; padding:1px 0; font-weight:normal; font-size:0.9em;}

#newaccueil-top-include ul li a:hover { text-decoration:none;}

/* CLEARFIX */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* hide hack from Mac-IE5 \*/
* html .clearfix { height: 1%; }
/* end hiding */

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */