/** 
  *	MEDIAIDEA TECHNOLOGIES - 'Mediaidea', by Benoit Baverel & Alexandre Viennot, http://www.mediaidea.fr/ 
  * css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/
  * All associated graphics copyright 2006, Mediaidea Technologies 
  * Added: October 1st, 2006 
  * 
  * IMPORTANT 
  * This design is not a template. You may not reproduce it elsewhere without the 
  * designer's written permission. However, feel free to study the CSS and use 
  * techniques you learn from it elsewhere. 
  *
  */

body {
	background:url(../../images/background/fond_2.jpg); 
	margin:0px; 
	padding:0px;
	font-size:10px;
	height:100%;
}

label {
	cursor:pointer;
}

.logo {
	clear:left;
	background:url(../../images/1109_CDP_BANDEAU_HAUT_STICKER.jpg) no-repeat; 
	width:800px; 
	height:100px;
	margin-bottom:10px;
}

.topbandeau {
	padding:5px;
}

.date {
	font-size:10px;
	color:#fff;
	font-weight:bold;
	text-align:right;
}

img {
	border:none;
}

.container {
	font-family:Arial, sans-serif; 
	margin-left:30px; 
	width:800px; 
	border:3px solid #303748; 
	font-family: "Trebuchet MS";
}

.right_advert {
	position:absolute; 
	background:#999; 
	margin:0px; 
	padding:0px; 
	height:500px; 
	top:20px;
}

.main {
	background:url(../../images/background/bagg_container.png);
	width:800px;
}

/*--  Publicite sur la droite  --*/


#right {
	position:absolute; 
	margin:0px; 
	padding:0px; 
	height:500px; 
	top:0px; 
	left:830px;
}


.footer {
	clear:left;
	width:800px; 
	text-align: center; 
}

.footer a {
	font-size:12px; 
	text-decoration:none; 
	color:Gray; 
}

.footer p {
	
	font-size:12px; 
	text-decoration:none; 
	color:Gray; 
}




.box_bottom {
	float:left; 
	margin-left:3px; 
	padding:0px; 
	background: url(../../images/fr/box_4.jpg); 
	width:260px; 
	height:130px; 
	background-repeat:no-repeat;
	color: #DEB887;
}

.tvaBox {
	background: url(../../images/box_tva.png);
	background-repeat:no-repeat;
}

.wifiBox {
	background: url(../../images/fr/box_wifi.jpg);
	background-repeat:no-repeat;
}

.barBox {
	background: url(../../images/fr/box_baramericain.jpg);
	background-repeat:no-repeat;
}

.barCarte {
	background: url(../../images/fr/box_carte.jpg);
	background-repeat:no-repeat;
}

.barCave {
	background: url(../../images/fr/box_cave.jpg);
	background-repeat:no-repeat;
}

.box_bottom div.box_titre {
	color:#D2691E; 
	font-size:16px; 
	font-weight:bold; 
	text-align: left;
	margin-bottom:10px;
}
	
.box_bottom div.box_rubrique {
	color:#FFF8DC; 
	font-size:9px; 
	text-align:left;
}

.box_bottom div.box_carte {
	color:#FFF8DC; 
	font-size:11px; 
	text-align:left;
}

.box_bottom div.box_descriptif {
	color:#FFF8DC; 
	font-size:10px; 
	font-style:italic; 
	text-align:left;
}

.box_bottom div.box_cat	{
	font-size:14px;
}

.box_bottom div.box_prix {
	text-align:right;
	margin-right:20px;
	font-size:12px;
	color:#FFF8DC;
}



/**
 * Affichage du menu de gauche
 *
 *
 *
 */
.Accordion {
	height: auto;
	padding-top: 0px;
	overflow: hidden;
}

.AccordionPanelTab {
	background-color: #303748;
	border-top: solid 1px gray;
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	color: Orange;
	text-decoration: underline;
	
}

.AccordionPanelTabselect a {
	background-color: #303748;
	border-top: solid 1px gray;
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: Orange;
	text-decoration: underline;
	display:block;
}

.AccordionPanelTabselectoff a {
	background-color: #303748;
	border-top: solid 1px gray;
	margin: 0px;
	padding: 3px;
	vertical-align: middle;
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #F5F5DC;
	text-decoration: none;
	display:block;
}

.AccordionPanelTabselectoff a:hover{
	color:#999;
}

.AccordionPanelTab a {
	color: Orange;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	padding-right: 6px;
	height:auto;
	background-color: #363e51;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #F5F5F5;
	padding-bottom:10px;
}

.AccordionPanelContent a {
	text-decoration: none;
	color: #BBBBBB;
}

.AccordionPanelContent a:hover {
	text-decoration: none;
	color: #D2691E;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #333a4c;
}

.AccordionPanelTabHover {
	color: #F5F5F5;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #FFF8DC;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}



/**
 * Gestion du systeme d'onglets.
 *
 */

.TabItem {
	font-size:11px;
	margin-top:5px;
}

.on {
	text-decoration:underline;
}

.whiteBorder {
	border:2px solid #fff;
	width:640px;
	min-height:600px; 
	_height:600px;
}
 
.whiteBorder2 {
	border:2px solid #fff;
}

.leftMenu {
 	float:left;
 	width:200px;
 	height:auto;
}

.leftMenu .title { 
 	font-size:22px; 
 	text-align:right; 
 	margin:10px 10px 20px 0px;
}

.rightAffich {
	margin-left:210px;
	clear:bottom; 
	font-size:11px;
}

.categorie {
	margin:15px 0px 20px; 
	font-size:18px; 
}

.bandeau {
	border-bottom:2px solid #fff; 
	height:60px;
	width:640px;
}

.bottom {
	margin-top:60px; 
	font-size:9px; 
	text-align:center;
}



/*
 * Partie Menu & Carte 
 */


.carte {
 	background:url(../../images/background/bg_carte.jpg) repeat-y;
	min-height:600px;
	_height:600px;
}

.carte .bandeau {
	background:url(../../images/fr/bandeau_saison.jpg) no-repeat;
}

.carte .leftMenu .title { 
 	color:#333;
}

.carte .leftMenu img {
	margin-top:40px; 
	margin-left:7px
}

.carte .bottom {
	color:#036; 
}

.plat {
	margin-bottom:20px;
}

.plat .categorie {
	color:#036;
}

.plat .libelle {
	font-weight:bold; 
	color:#036;
}

.plat .accompagnement {
	font-style:italic; 
	color:#369; 
	margin-left:10px; 
	font-size:11px;
}

.plat .desc {
	margin-right:65px;
}

.plat .prix {
	width:60px; 
	text-align:right; 
	margin-right:5px; 
	color:#360;
}


/*
 * Partie Cave
 */
.cave {
	background:url(../../images/background/bg_cave.jpg) repeat-y;
	min-height:600px; 
	_height:600px;
}

.cave .bandeau {
	background:url(../../images/fr/bandeau_cave.jpg) no-repeat;
}

.cave .leftMenu .title { 
 	color:#333;
}

.cave .leftMenu a {
	text-decoration:none;
	color:#000;
}

.cave .TabItem div {
	font-size:11px;
	margin-top:5px;
}

.cave .TabItem div.on a {
	text-decoration:underline;
}

.cave .leftMenu img {
	margin-top:40px; 
	margin-left:7px
}

.cave .bottom {
	color:#000000;
}


.vin {
	margin-bottom:20px;
}

.cave .categorie {
	color:#666;
	border-bottom:1px solid #666;
}

.vin .libelle {
	font-size:14px;
	font-weight:bold; 
	color:#6d4646;
}

.vin .detail {
	margin:10px 0px 0px 5px;
}

.vin .desc {
	font-style:italic;
	width:400px;
	padding:10px 10px;
}

.vin .prix {
	margin:0px 5px; 
	color:#360;
}


/*
 * Partie Bar
 */

.bar {
	background:url(../../images/background/bg_bar.jpg) repeat-y;
	min-height:600px; 
	_height:600px;
}

.bar .bandeau {
	background:url(../../images/fr/bandeau_bar.jpg) no-repeat;
}

.bar .leftMenu .title { 
 	color:#fff;
}

.bar .leftMenu a {
	text-decoration:none;
	color:#fff;
}

.bar .TabItem div {
	font-size:11px;
	margin-top:5px;
}

.bar .TabItem div.on a {
	text-decoration:underline;
}

.bar .bottom {
	color:#ffffff;
}

.boisson {
	margin-bottom:20px;
}

.boisson .categorie {
	color:#036;
}

.boisson .libelle {
	font-weight:bold; 
	color:#036;
}

.boisson .desc {
	margin-right:65px;
}

.boisson .prix {
	width:60px; 
	text-align:right; 
	margin-right:5px; 
	color:#360;
}





.whiteBackground {
 	background:#fff;
	min-height:600px; 
	_height:600px;
	color:#303748;
	padding:10px;
}


.reserv, .invitation, .localisation, .commercial, .actualite, .photo {
	background:url(../../images/background/bg_reserv.jpg) repeat-y;
	min-height:600px; 
	_height:600px;
	color:#303748;
}

.reserv .bandeau {
	background:url(../../images/fr/bandeau_resa.jpg) no-repeat;
}

.invitation .bandeau {
	background:url(../../images/fr/bandeau_invit.jpg) no-repeat;
}

.commercial .bandeau {
	background:url(../../images/fr/bandeau_commercial.jpg) no-repeat;
}

.photo .bandeau {
	background:url(../../images/fr/bandeau_photo.jpg) no-repeat;
}

.actualite .bandeau {
	background:url(../../images/fr/bandeau_actu.jpg) no-repeat;
}



.reserv div.title, .invitation div.title, .commercial div.title {
	font-size:16px; 
	border-bottom:1px solid #303748;
}

.reserv div.reservText, .invitation div.invitText {
	float:right; 
	width:160px; 
	margin-right:7px; 
	padding:10px; 
	border:1px solid; 
	background:#fffcec; 
	font-size:11px;
}

.reserv div.labelForm, .invitation div.labelForm {
	float:left; 
	width:150px; 
	font-weight:bold; 
	font-size:11px; 
	text-align:right;
}

.reserv div.inputForm, .invitation div.inputForm {
	margin-left:160px;
	font-size:11px;
}

.invitation input[type=text] {
	width:220px;
}

input.reservBtn {
	background:none; 
	border:none; 
	color:#000; 
	font-size:12px; 
	cursor:pointer;
}


.invitation div.imgInvitations {
	margin-top:30px;
	text-align:center;
}

.imgInvitations img {
	border:3px solid #fff;
}


select, input, radio, checkbox {
	font-size:10px;
}


.erreur {
	margin-left:5px;
	font-size:12px;
	font-weight:bold;
	color:#C00;
}


.left {
 	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}


hr.hidden {
	height : 1px;
	visibility: hidden;
}

hr.thin {
	height : 1px;
	border-width : 1px 0 0 0;
	border-style : solid;
	border-color : #ddd;
	margin:0px;
	padding:0px;
}

/*
	Section pour les actualité déroulante de la page d'accueil.	
*/
.homeActu {
	background: url(../../images/fr/box_actu.png) no-repeat; 
	margin-bottom:0px;
	font-family: "Trebuchet MS"; 
	color:#ffffff; 
	height:40px; 
	font-weight:bold; 
	padding-left:150px;
}

.homeActu a {
	text-decoration:none; 
	color:#ffffff;
}
.homeActu a:hover {
	color:#cccccc;
}

.rollBox {
	position:relative; 
	overflow: hidden; 
	height:20px; 
	font-size:11px; 
	top:5px;
	
}


/*
	Section pour la gestion de l'affichage des actualités.
*/

.actualite .navig, .photo .navig {
	margin-bottom:20px;
	padding:5px 5px 0px;
}

.actualite .navig a, .photo .navig a {
	color:#303748
}


.actu_container {
	width:600px;
	color: #000000; 
	text-align: left;
	margin:20px 10px 0px 20px;
	padding-bottom:20px;
}

.actu_container a {
	text-decoration:none;
}

.actu_container .titre {
	color:#fff;
	font-family: Verdana;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
}

.actu_container .titre a {
	color:#fff;
}

.actu_container .titre a:hover {
	border-bottom:1px dotted #303748;
}

.actu_container .subtitle {
	font-size:1em;
	color:#303748;
	margin-top:3px;
}

.actu_container .subtitle a {
	color:#303748;
}

.actu_container .thumbnail {
	text-align:right;
	margin-left:450px;
	margin-bottom:10px;
}

.actu_container .thumbnail img {
	background:#fff;
	padding:5px;
}

.actu_container .menu {
	background:#fff;
	padding:10px;
	width:230px;
	margin-left:30px;
	margin-bottom:15px;
}

.actu_container .menu a {
	color:#303748;
}

.actu_container .chapo {
	margin: 5px 10px 20px 0px;
	font-family: Verdana;
	color: #333333;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0pt;
	line-height: 1.3em;
	font-size: 1.1em;
	font-weight: normal;
	text-align:justify;
}

.actu_container .chapo a {
	color:#333333;
}

.actu_container .chapo a:hover {
	border-bottom:1px dotted #333333;
}

.actu_container .content {
	margin-bottom:30px;
	margin-right:5px;
	padding: 0;
	color: #000000;
	text-align: justify;
	font-style: normal;
	font-size: 1.2em;
	border: 0;
	font-weight: normal;
}

.actu_container .categorie {
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	color:#048;
	margin-top:8px;
	margin-bottom:3px;
	padding-left:12px;
	background:url(../../images/icons/imggrid.png) left no-repeat;
}

.actu_container .date {
	margin: 0px; 
	padding: 0;
	padding-left: 0px;
	color: #303748;
	text-align: left;
	font-size: 10px;
	border: 0;
	font-weight: normal;
}

.actu_container .date a {
	color: #303748;
}


.actu_container .link {

}

.actu_container .audio, .actu_container .video {
	padding:0px;
	margin:5px 0px;
}

.actu_container .audio div, .actu_container .audio div {
	font-size:1.1em;
}

.actu_container .bottom_link a {
	color:#666;
}

.actu_container .bottom_link a:hover {
	border-bottom:1px dotted #666;
}

.lnkSuite {
	margin-top:10px;
}

.lnkTop {
	
}

.lnkSuite a, .lnkPrevious a, .lnkNext a, .lnkTop a {
	color:#a12e00;
	text-decoration:none;
	font-size:1em;
}

.lnkPrevious  {
	float:left;
	font-size:0.9em;
}

.lnkNext {
	float:right;
	font-size:0.9em;
}


/*
	Section pour la photothèque
*/


.photo_container {
	margin:0px 40px;
}

.photo_container a {
	display:box;
	color:#fff; 
	text-decoration:none;
}

.photo_container a:hover {
	border-bottom:1px dashed #fff;
}

.photo_container .boxElem {
	float:left; 
	width:238px; 
	height:102px;
	margin:5px; 
	padding:10px; 
	background:url(../../images/box_phototheque.jpg) no-repeat;
	border:1px solid #ccc;
}

.photo_container .boxElemTitre {
	font-size:1.5em; 
	color:#fff; 
	font-weight:bold;
}

.photo_container .boxElemContent {
	font-size:1.1em; 
	color:#fff; 
	margin-top:10px; 
}

.album_detail{
	width:600px;
	color: #000000; 
	text-align: left;
	margin:20px 10px 0px 20px;
	padding-bottom:20px;
}

.album_detail .titre{
	color:#ffffff; 
	font-size:3em;
	font-weight:bold;
}

.album_detail .content{
	margin: 5px 10px 0px 0px; 
	padding: 0;
	color: #000000;
	text-align: justify;
	font-style: normal;
	font-size: 1.2em;
	border: 0;
	font-weight: normal;
}

.photo_container .spacer {
	padding-top:30px;
}





.borderBottomDotted {
	border-bottom-color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.borderTopDotted {
	border-top-color: #999;
	border-top-style: dotted;
	border-top-width: 1px;
}