*{
margin: 0;
padding: 0;
border: none;}


/* SOMMAIRE
	(1) Structure Globale de la Page
	(2) Styles génériques
	(3) Affichage des blocs de grid
	(4) Affichage selon les différentes pages
	(5) Affichage des tableaux
	(6) Gallerie Photo
*/



/* ///(1)////STRUCTURE GLOBALE DE LA PAGE///////////// */
	/* BODY ET SMALL BODY POUR CENTRER LA PAGE */
	body{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	background: #ffcc00;
	font-family: "Century Gothic";
	font-size: 0.8em;
	}
	#small_Body{
	width: 2697px;
	position: absolute;
	left: 50%;
	margin-left: -1331px;
	}



	/* LE HEADER A */
	#A_header{
	background: url("images/A_header.jpg");
	height: 90px;
	}

	/* LE MENU B avec les boutons vers les différentes rubriques */
	#B_menu{
	height: 71px;
	width: 2697px;
	margin: auto;
	}

	/* LE HEADER C, avec le texte d'intro et les différentes photos */
	#C_header{
	height: 212px;
	overflow: hidden;
	}

		#CA{
		background: url("images/CA.jpg");
		width: 907px;
		height: 212px;
		float: left;
		}
		#CB_introTxt{
		background: url("images/CB_introTxt.jpg");
		width: 402px;
		height: 212px;
		float: left;
		padding-top: 70px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: hidden;
		}
 			blockquote.callout{
			margin-top: 15px;
			min-height: 35px;
			font-style: italic;
			background: url("images/quoteleft.png") 0% 0 no-repeat;
			padding-left: 0px;
			font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
			font-size: 145%;
			line-height: 1.3;
			}

 			blockquote.callout p{
			padding-right: 30px;
			min-height: 35px;
			font-style: italic;
			background: url("images/quoteright.png") 100% 110% no-repeat;
			padding-left: 55px;
			}
			#auteurCitation{

			margin-top: 20px;
			font-weight: bold;
			float: right;
			}


		#CC_headPhotos{
		/* background: url("images/CC_headPhotos.jpg"); */
		width: 427px;
		height: 212px;
		float: left;
		}
		#CD{
		background: url("images/CD.jpg");
		width: 921px;
		height: 212px;
		float: left;
		}

	/* LE CONTENU D, avec tout le contenu */
	#D_contenu{
	background: url("images/D_1pxRepeat.jpg") repeat-y;
	overflow: hidden;
	width: 2697px;
	padding-left: 916px;
	padding-top: 15px;
	}

		#DA_menusg{
		width: 215px;
		height:100%;
		position: absolute;
		left: 850px;
		padding-top: 20px;
		z-index: 200;
		}

			.DAA_Menug1{
			margin: 5px 0 0 0px;
			width: 215px;
			height: 231px;
			background: url("images/DAA_Menug1.png") no-repeat;
			text-align: center;
			}

				.DAA_Menug1 h1{
				font-size: 1.0em;
				padding: 25px 0 0 0;
				margin: 0 25px 0 0;
				text-decoration: none;
				}

				.DAA_Menug1 ul{
				margin: 7px 40px 0 31px;
				height: 157px;
				list-style: none;
				}

				.DAA_Menug1 li{
				height: 32px;
				text-decoration: none;
				margin: 0;
				}

			.DAB_Menug2{
			margin: 20px 0 0 40px;
			width: 165px;
			height: 130px;
			background: url("images/DAB_Menug2.png") no-repeat;
			}

			.DAC_Menug3{
			margin: 5px 0 0 0px;
			width: 200px;
			height: 93px;
			background: url("images/DAC_Menug3.png") no-repeat;
			text-align: left;
			}
				.DAC_Menug3 h1{
				font-size: 1.0em;
				padding: 18px 0 0 13px;
				margin: 0 25px 0 0;
				text-decoration: none;
				}

				.DAC_Menug3 ul{
				margin: 9px 0px 0 12px;
				height: 157px;
				list-style: none;
				font-size: 0.85em;
				}

				.DAC_Menug3 li{
				height: 17px;
				text-decoration: none;
				margin-bottom: 0;
				}
		#DB_centre
		{
		width: 793px;
		margin-left: 30px;
		padding-top: 15px;
		}

		#DB_centre_conteneur{
		width: 793px;
		background: url("images/DBA_contenu_120pxRepeat.jpg") repeat-y;
		background-position: 0px 121px;
		}

			#onglets_conteneur{
			height: 46px;
			width: 772px;
			position: absolute;
			top: 375px;
			z-index: 1;
			background:  #ffeda0;
			padding-left: 30px;
			vertical-align: middle;
			}
				#onglets_conteneur h3{
				display: table-cell;
				width: 90px;
				height: 35px;
				text-align: center;
				margin: 3px auto 0 auto;
				color: black;
				font-family: georgia,serif;
				font-weight: normal;
				font-size: 0.9em;
				letter-spacing: 1.6pt;
				z-index: 1250;
				vertical-align: middle;
				}
				#onglets_conteneur a{
				color: black;

				}
				#onglets_conteneur a:hover{
				color: white;
				}

				#onglet0{
				width: 88px;
				height: 40px;
				float: left;
				}

				#onglets_conteneur img{
				float: left;
				}

				#onglet1{
				background: url("images/onglets/01.png");
				width: 88px;
				height: 40px;
				float: left;
				}
				#onglet2{
				background: url("images/onglets/02.png");
				width: 93px;
				height: 43px;
				float: left;
				}
				#onglet3{
				background: url("images/onglets/03.png");
				width: 96px;
				height: 43px;
				float: left;
				}
				#onglet4{
				background: url("images/onglets/04.png");
				width: 84px;
				height: 45px;
				float: left;
				}
				#onglet5{
				background: url("images/onglets/05.png");
				width: 91px;
				height: 45px;
				float: left;
				}
				#onglet6{
				background: url("images/onglets/06.png");
				width: 96px;
				height: 42px;
				float: left;
				}
				#onglet7{
				background: url("images/onglets/07.png");
				width: 95px;
				height: 42px;
				float: left;
				}


			.DBA_contenu_tout{
			z-index: 100;
			position:relative;
			}

			.DBA_contenu_haut{
			width: 793px;
			height: 59px;
			background: url("images/DBA_contenu_haut.png");
			overflow: hidden;
			}
			.DBA_contenu_haut_conteneur{
			padding: 20px 29px 0px 133px;
			height: 100%;
			}


			.DBA_contenu{
			width: 686px;
			background: url("images/DBA_contenu_bas.jpg") bottom no-repeat;
			padding: 0 5px 20px 102px;
			}
			.DBA_contenu_conteneur{
			margin-left: auto;
			margin-right: auto;
			width: 686px;
			margin: 0 0px 25px 29px;
			}

					/* //////////////////CES CSS PERMETTENT LAFFICHAGE EN GRID//// */
					.DBA_contenu_conteneur .grid_small, .DBA_contenu_conteneur .grid_verysmall, .DBA_contenu_conteneur .grid_big {
						display: inline;
						float: left;
						margin-left: 10px;
						margin-right: 10px;

					}

					.DBA_contenu_conteneur .grid_spacer {
						display: inline;
						float: left;
						width: 5px;
						height: 100%;
					}

					.DBA_contenu_conteneur .grid_small {
					width: 287px;
					}

					.DBA_contenu_conteneur .grid_verysmall {
					width: 187px;
					}

					.DBA_contenu_conteneur .grid_big  h2, .DBA_contenu_conteneur .grid_small h2, .DBA_contenu_conteneur .grid_verysmall h2{
					margin-bottom: 9px;
					}

					.DBA_contenu_conteneur .grid_big {
					margin-bottom: 20px;
					width: 613px;
					}
					/* ////////////////////// */


					.DBA_contenu_conteneur .DBA_contenu_conteneur_introTxt {
					margin-top: 8px;
					font-family: "palatino linotype",palatino,serif;
					font-size: 1.3em;
					font-style: italic;
					word-spacing: 0.6pt;
					line-height: 1.4;
					}
					.DBA_contenu_conteneur .DBA_contenu_conteneur_introTxt h2{
					letter-spacing: 0.8pt;
					}
					.DBA_contenu_conteneur h2{
					letter-spacing: 0.8pt;
					}
					.DBA_contenu_conteneur p{
					text-indent: 10px;
          text-align: justify;
					}



			.DBA_contenu_pied{
			position: relative;
			height: 30px;
			width: 530px;
			margin: 0 auto;
			}
			.DBA_contenu_pied img{
			float: right;
			}


		#DBB_commandes{
		float: right;
		margin-top: 30px;
		width: 455px;
		height: 226px;
		}
			#DBBA{
			width: 218px;
			height: 226px;
			float: left;
			}
				#DBBAA{
				width: 218px;
				height: 143px;
				background: url("images/DBBAA.jpg");
				}
				#DBBAB{
				width: 218px;
				height: 83px;
				}
					#DBBABA{
					width: 39px;
					height: 83px;
					float: left;
					background: url("images/DBBABA.jpg");
					}
					#DBBABB{
					width: 86px;
					height: 83px;
					float: left;
					line-height: 0;
					}
					#DBBABC{
					width: 93px;
					height: 83px;
					float: left;
					background: url("images/DBBABC.jpg");
					}

			#DBBB{
			width: 219px;
			height: 226px;
			float: left;
			line-height: 0;
			}

			#DBBC{
			width: 18px;
			height: 226px;
			float: left;
			background: url("images/DBBC.jpg");
			}

		/* SMALLINKS */
		#smallLinks{
		height: 73px;
		width: 209px;
		z-index: 5;
		position: absolute;
		right: 965px;
		top: 358px;
		}


	/* LE PIED DE PAGE */
	#E_pied{
	background: url("images/E.jpg");
	height: 56px;
	width: 2697px;
	}

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







/* ///(2)////STYLES GENERIQUES///////////// */
h1{
font-family: georgia,serif;
font-weight: normal;
font-size: 1.6em;
text-decoration: underline;
color: #472C10;
letter-spacing: 2pt;
line-height: 1.6;
}
h2{
font-family: georgia,serif;
font-weight: normal;
font-size: 1.2em;
color: #472C10;
letter-spacing: 1.6pt;
line-height: 1.6;
}

a{
color: #663300;
}
a:hover{
color: #cc9900;
}

ul{
list-style-type: circle;
}

ul li{
margin-bottom: 9px;
}

a img{

}

input, textarea, select, button
{
background: #f8f8f8;
border: 1px solid #ddd;
}

.result{
color: green;
font-weight: bold;
margin-left: 9px;
}

.puceVerte{
background: green;
height: 10px;

}

.puceRouge{
background: red;
height: 10px;
}


.button{
cursor: pointer;
}

.pannelTitre a{
text-decoration: none;
}

.fakeLink{
cursor: pointer;
text-decoration: underline;
}

hr
{
background-color: #663300;
width: 400px;
height: 1px;
}

.grid_small hr
{
background-color: #663300;
width: 240px;
height: 1px;
}
/* ///////////////////////////////////// */




/* //(3)////AFFICHAGE DES BLOCS DE GRID///////////////////////////// */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

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





/* ///(4)///AFFICHAGE SELON LES DIFFERENTES PAGES///////////////////////////// */

#espaceInterneImg
{
float: left;
}
#espaceInterneForm
{
margin-left: 40px;
float: left;
}

#sorties .conteneur{
overflow: hidden;
margin: 0 0 10px 0;
}

#sorties .cadre{
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
margin: 0 0 18px 0;
padding: 8px 7px 8px 7px;
background: #fdf9de;
width: 440px
}

#sorties .cadre h2{
margin: 0 0 0 0;
}


#sorties .conteneurHeadPhoto{
float: right;
background: #fdf9de;
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
padding: 10px 10px 10px 10px;
text-align: center;
width: 120px;
overflow: hidden;
}

#sorties .conteneur2HeadPhoto{
float: left;
padding: 8px 10px 8px 10px;
margin: 0 0 10px 0;
background: white;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #e5dfbd;
}

#sorties .headPhoto{
}


#sortieValide ul{
margin: 7px 0px 30px 30px;
}
.repertoire_actuel ul{
margin: 0px 0px 0px 10px;
}

#upPartitions #floatPannel
{
padding: 4px 8px 12px 8px;
float: right;
background: #f8f8f8;
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
width: 200px;
}
#upPartitions #floatPannel table
{
width: 180px;
margin: auto;
font-size: 10px;
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
}
#upPartitions #floatPannel table th
{
padding: 4px 6px;
text-align: center;
font-size: 11px;
}
#upPartitions #floatPannel table td
{
padding: 4px 6px;
text-align: center;
font-size: 11px;
}
#upPartitions #floatPannel .vzebra-odd{background:#efefef;}
#upPartitions #floatPannel .vzebra-even{background:#f4f4f4;}
#upPartitions #floatPannel .vzebra-fonce{background:#f4f4f4;border-bottom:1px solid #ccc;}
#upPartitions #floatPannel .vzebra-clair{background:#efefef;border-bottom:1px solid #ccc;}

#listeProfils table{width: 590px; position: relative; right: 25px;}


.trombi .conteneur{
overflow: hidden;
margin: 0 0 10px 0;
}

.trombi .cadre{
border-top: 3px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
margin: 0 0 18px 0;
padding: 8px 7px 8px 7px;
background: #fdf9de;
width: 460px;
}

.trombi .conteneurHeadPhoto{
float: right;
background: #fdf9de;
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
padding: 10px 10px 10px 10px;
text-align: center;
width: 100px;
overflow: hidden;
}

.trombi .conteneur2HeadPhoto{
float: left;
padding: 8px 10px 8px 10px;
margin: 0 0 10px 0;
background: white;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #e5dfbd;
}

.trombi .headPhoto{
}

#profilPhoto
{
float: right;
margin-right: 180px;
}

#profilPhoto .conteneurHeadPhoto{
float: right;
background: #fdf9de;
border-top: 2px solid #fff;border-right: 1px solid #f5efcd;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #f5efcd;
padding: 10px 10px 10px 10px;
text-align: center;
width: 100px;
overflow: hidden;
}

#profilPhoto .conteneur2HeadPhoto{
float: left;
padding: 8px 10px 8px 10px;
margin: 0 0 10px 0;
background: white;
border-bottom: 1px solid #c5bf9d; border-left: 1px solid #e5dfbd;
}
/* ///////////////////////////////////// */



/* ///(5)///AFFICHAGE DES TABLEAUX///////////////////////////// */

#ver-zebra{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:0 20px 20px 0px;position:relative; right: 30px;}
#ver-zebra th{font-size:14px;font-weight:normal;border-right:1px solid #fff;border-left:1px solid #fff;color:#2d2501	;padding:10px 12px;}
#ver-zebra td{border-right:1px solid #fff;border-left:1px solid #fff;color:#574800;padding:4px 9px;}
.vzebra-odd{background:#f5efcd;}
.vzebra-even{background:#f9f1d7;}
#ver-zebra .vzebra-fonce{background:#f9f1d7;border-bottom:1px solid #ccc;}
#ver-zebra .vzebra-clair{background:#f6efc9;border-bottom:1px solid #ccc;}
#ver-zebra ul{margin: 8px 28px;}
#ver-zebra tr.ligneEntiere{padding: 0; margin: 0; background: #f6ecd4; border-bottom: 1px solid #fff;border-top: 1px solid #aaa;}
#ver-zebra tr.ligneEntiere td{padding: 0; margin: 0;}
#ver-zebra select {margin-top: 7px; }
/* ///////////////////////////////////// */





/* ///(6)///Galerie Photo///////////////////////////// */

.vignetteAlbum{
height: 118px;
width: 130px;
background: #f8f8f8;
float: left;
margin-bottom: 35px;
border-top: 1px solid #fff;border-right: 1px solid #fff;
border-bottom: 1px solid #aaa;border-left: 1px solid #aaa;

text-align: center;
color: #663300;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 95%;
line-height: 1.3;
}
.vignetteAlbum .imgConteneur{
overflow: hidden;
width: 130px;
}
.vignetteAlbum .vignetteAlbumTitre{
border-top: 1px solid #bbb;border-right: 1px solid #bbb;
border-bottom: 1px solid #888;border-left: 1px solid #888;
background: #f8f8f8;
min-height: 20px;
min-width: 130px;
position: relative;
right: 1px;
margin: 0px 0 0 0;
}
.vignetteAlbum .vignetteAlbumTitre a{
text-decoration: none;
}
.vignetteAlbumSpacer{
height: 120px;
width: 17px;
float: left;
margin-bottom: 35px;

}



.vignettePhotoAdmin{
min-height: 78px;
width: 80px;
overflow: hidden;
background: #f8f8f8;
float: left;
margin-bottom: 8px;
border-top: 1px solid #fff;border-right: 1px solid #fff;
border-bottom: 1px solid #aaa;border-left: 1px solid #aaa;

text-align: center;
color: #663300;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 95%;
line-height: 1.3;
}
.vignettePhotoAdmin img{
margin: 0 0 0 0;
border: 0;
text-decoration: none;
}
.vignettePhotoAdmin .vignettePhotoTitre{
position: relative;
bottom: 3px;
}
.vignettePhotoAdmin .vignettePhotoTitre img{
cursor: pointer;
}

.vignettePhoto{
min-height: 60px;
width: 80px;
overflow: hidden;
background: #f8f8f8;
float: left;
margin-bottom: 8px;
border-top: 1px solid #fff;border-right: 1px solid #fff;
border-bottom: 1px solid #aaa;border-left: 1px solid #aaa;

text-align: center;
color: #663300;
font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;
font-size: 95%;
line-height: 1.3;
}
.vignettePhoto .vignettePhotoTitre{
position: relative;
bottom: 3px;
}
.vignettePhoto img{
cursor: pointer;
position: relative;
top: 2px;
}
.vignettePhotoSpacer{
height: 80px;
width: 4px;
float: left;
margin-bottom: 8px;
}





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