/*---------------*/
/* Container CSS */
/*---------------*/

#container {
	width: 950px;
	margin: 0 auto;
	position:relative;
	background-image:url(../img/background/pratique.jpg);
}

#content{
	padding-bottom:20px;

}

/*--------*/
/* Global */
/*--------*/

ul {
	font-weight:bold;
	font-size:11px;
}

/******************/
/*    LEFT BOX    */
/******************/

#boxLeft {
	width:365px;
	float:left;
}
/*-----------*/
/*   HEAD    */
/*-----------*/

#headLeft {
	background-image:url(../img/background/bloc730.gif); 
	background-position:330px 0px;	
	background-repeat:repeat-y;
	
}

/*-----------*/
/*   LOGO    */
/*-----------*/

#blocBlancLeft {
	width:30px;
	height:55px;
	background-color:#f7f7f7;
}

#boxLeft .textLogo {
	width:95px;
	height:30px;
	background-color:#cd6600;
	margin: -50px 0px 0px 30px;
	text-align:center;
}

#boxLeft .textLogo h2 {
	font-size:12px;
	color:white;
	padding-top:15px;
}

.blocBlancLeftLarge {
	margin-left:30px;
	width:275px;
	height:20px;
	background-color:#f7f7f7;
	
}
.blocBlancLeftSmall {
	margin-left:275px;
	width:30px;
	height:5px;
	background-color:#f7f7f7;
}

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

ul.menu {
	width:335px;
	margin-left:30px;
	background-image:url(../img/background/bloc730.gif); 
	background-position:-700px 0px;	
	background-repeat:repeat-y;
}

/* ITEMS GLOBAL  */
li.items {
	padding-bottom:5px;
}

li.items .text {
	width:260px;
	background-color:#f7f7f7;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	padding:7px 15px 7px 0px;
}

li.items .text a {
	color:#cd6600;
}

li.items.last {
	padding-bottom:0px;	
}

/* ITEMS AVANT  */
li.before.items{
	background-image:url(../img/background/bloc730.gif); 
	background-position:300px 0px;	
	background-repeat:repeat-y;
}

/* ITEMS OUVERT */
li.open .text{
	width:275px;
	height:100%;
	padding-right:60px;
}

li.open .text a {
	color:black;
}

/* Style Pour cacher les sous Items si item inactif */
li.items .sousItems {
	display:none;
}
li.open.items .sousItems  {
	display:block;
}
li.open.items .sousItems a:hover {
	color:#cd6600;
}
li.open.items .sousItems .open {
	color:#cd6600;
}

/*--------------------------*/
/*   background END LEFT    */
/*--------------------------*/

#blocLeftBackground {
	background-image:url(../img/background/bloc730.gif); 
	background-position:-700px 0px;	
	background-repeat:repeat-y;
	height:300px; /* A REMPLACER */
}

/*******************/
/*    RIGHT BOX    */
/*******************/

#boxRight {
	float:left;
	width:585px;
}

#boxRight .boxBlanc {
	float:left;
	width:605px;
	height:30px;
	background-color:#f7f7f7;
}

#boxRight h1 {
	font-size:12px;
	color:#cd6600;
	font-weight:bold;
	margin: 10px 20px 0px 20px;
}

#boxRight .adresse {
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-left:20px;
}

#contenuRight {
	float:left;
}
/*------------*/
/* BOX SMALL  */
/*------------*/

.boxSmall {
	width:530px;
	margin-left:30px;
	float:left;
}

/* logo */
.boxSmall .textLogo {
	float:left;
	background-color:#cd6600;
	margin-top:5px;

}

.boxSmall .textLogo h2 {
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}

/* CONTENT */
.boxSmall .content {
	float:left;
	background-color:#f7f7f7;
	width:505px;
	padding-bottom:20px;
}

.boxSmall .textContent {
	float:left;
	margin: 10px 20px 0px 20px;
	font-size:12px;
}

/*************************/
/* FORMU DE CONTACTS *****/
/*************************/

#formContact {
	float:left;
	margin: 10px 20px 0px 20px;
	font-size:12px;
}

.fieldBloc{
	margin:0 8px 8px 0;
}

.contactField{
	border: 1px solid #e6e6e6;
	border-color: #e6e6e6;
	background-color: #FFFFFF;
	color: #666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.formContactButton{
	font-size:11px;
	font-weight:bold;
}

/*-----------*/
/* BOX LARGE */
/*-----------*/

.boxLarge {
	margin-left:30px;
	float:left;
}

/* logo */
.boxLarge .textLogo {
	float:left;
	background-color:#cd6600;
	margin-top:5px;

}

.boxLarge .textLogo h2 {
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	font-size: 12px;
	color: #f7f7f7;
	font-weight:bold;
}

/* CONTENT */
.boxLarge .content {
	float:left;
	background-color:#f7f7f7;
	padding-bottom:20px;
	width:555px;
}


.boxLarge .textContent {
	float:left;
	margin: 10px 5px 0px 20px;
	font-size:12px;
	width: 480px;
}

.boxLarge .paddingNone {
	padding-bottom:0px;
}

.boxLarge .textContent.last {
	float:left;
	margin: 0px 20px 0px 20px;
	font-size:12px;
}

.boxLarge .textContent .lien {
	color:#cd6600;
	font-weight: bold;
}
.boxLarge img {
	float:left;
	margin: 0px 5px 0px 0px;
}
/* Agenda Pero */ 
.dateAgendaPetit{
	color:#cd6600;
	font-size:12px;
	font-weight:bold;
}
					
					
.genreAgendaPetit {
	font-size:10px;
	color:#666666;
}

.titreAgendaPetit {
	font-style:italic;
	font-weight:bold;
	font-size:18px;
	color:black;
}

.liensAgendaListe {
	font-size:11px;
	float:right;
	margin: 10px 5px 10px 0px;
}


/* Mulitmedia Rubrique Perso Cafe */

#articleMultimedia {
	float:left	;
	margin-left:20px;
	margin-top:20px;
}


/**********/
/* Agenda */
/**********/

/* Gestion de la liste agenda */
#agendaListeBlock {
	float:left;
}
.uneAgendaText{
	width:505px;
}
/* Boite avec fond blanc */
.uneAgendaText div.insideBox {
	background-color:#f7f7f7;
	width:505px;
	margin-bottom: 30px;
	padding-top:5px;
	overflow:hidden;
}
/* Position par défaut a l'interieur de .uneAgendaText */
.uneAgendaText div.insideBox.left {
	margin-left:0px;
}
/* Position pour les agendas impair a l'interieur de .uneAgendaText */
.uneAgendaText div.insideBox.right {
	margin-left:50px;
}
/* Création d'un marge à l'intétieur des blocs blanc pour les agendas impair */
.uneAgendaText div.insideBox.right .textContent {
	margin-left:20px;
}

/* Style */
.avoirText {
	margin-top:7px;
	margin-bottom:7px;
	margin-left:7px;
}

.genreAgendaPetit {
	font-size:10px;
	color:#666666;
	font-weight:lighter;
}

.titreAgendaPetit {
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}
.chapeauAgendaPetit{
	color:#666666;
}
.liensAgendaListe {
	font-size:11px;
	float:right;
	margin-right:5px;
}
.liensAgendaListe .reserver{
	color:#990100;
}

#agendaListeBlock .dateAgendaPetit{
	color:#990100;
	font-size:11px;
	font-weight:bold;
}
.lieuAgendaPetit{
	font-weight:lighter;
	font-size:11px;
}

/*-----------------*/
/* PROGRAMME AGENDA */
/*-----------------*/

.liensEnL {
	float:left;
	width:515px;
	height:55px;
	margin-left:30px;
	background-image:url(../img/background/bloc730.gif); 
	background-position: -645px;
	background-repeat:repeat-y;
}

.liensEnL .lien {
	margin-top:30px;
	height:25px;
	width:555px;
	background-color:#f7f7f7;
}


.liensEnL .lien a {
	float:right;
	margin-top:5px;
	margin-right:40px;
	color:#cd6600;
	font-size:12px;
	font-weight:bold;
	background-color:#f7f7f7;
}

/*-----------------*/
/* CONTACT PERSO   */
/*-----------------*/

.contactTitle {
	font-size:12px;
	color:#cd6600;
	font-weight:bold;
}

.contactTel, .contactFax {
	font-size:12px;
}

.contactEmail {
	font-size:12px;
	color:#cd6600;
	font-weight:bold;
}

/*-----------------*/
/* TARIF PERSO   */
/*-----------------*/

.titleTarif {
	font-size:12px;
	font-weight:bold;
	display:block;
	margin: 0px 0px 20px 0px; 
}

.arrayTarifs {
	font-size:12px;
	margin: 0px 0px 20px 50px;
	text-align:center;
	vertical-align:middle;
	border: 0px solid;
}

.arrayTarifs td {
	width:70px;
	height:20px;
	border: 0px solid;
	vertical-align:middle;
}
.arrayTarifs .orange {
	background-color:#cd6600;
	color:#f7f7f7;
}
.legendeArrayFirst {
	font-style:italic;
	display:block;
	margin: 0px 0px 20px 200px;

}
.legendeArray {
	font-style:italic;
}





/* POUR LE BACK OFFICE*/
.intertitre{
	color:#cd6600;
	font-weight:bold;
	font-size:13px;
}

a {
	color: #cd6600;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

/* LEgende SlideShow */

.legende {
font-size:10px;
color:#666666;
}