.bold { font-weight:bold;}

.partenaire1 {width:534px; margin:0 auto; clear:both;}
.partenaire2 {width:150px; #width:140px; margin:10px; #margin:15px; padding:3px; border:1px dotted #FF0000; float:left; text-align:center;}
.partenaire1 div img{ border:1px dotted #FF0000;}
.partenaire1 div a:hover img { border:1px dotted #FF0000; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }


.partenaire1d {width:580px; #width:580px; margin:0 auto; clear:both;}
.partenaire2d{width:120px; margin:7px; #margin:8px; padding:3px; border:1px dotted #FF0000; float:left; text-align:center; height:200px;}
.partenaire1d div img{ border:1px dotted #FF0000;}
.partenaire1d div a:hover img { border:1px dotted #FF0000; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.separation { clear:both; padding:5px 0 2px 0; width:140px; margin:0 auto;}
.separation div { border-bottom:1px dashed #6F6E61}

.spectacle {width:360px; height:280px; padding-top:10px; margin:0 auto;}
.spectacle img {margin:10px 10px;}

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

html, body { width:100%; height:100% }

body { background-color:#000; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color: #9D9C9C; }

h1 { font:normal 12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; padding-bottom: 20px; }

h1:first-letter { font-weight:bold; }


h2 { color:#fd9c03; font:bold 1.3em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; }
h3 { color:#fd9c03; font:bold 1.17em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; padding-bottom:10px; padding-top:20px;}
h4 { color:#fd9c03; font-weight:700; font-size:1em; text-transform: uppercase; }

p{ padding-bottom:10px; line-height:20px;}
a { color:#9D9C9C; }

a img { border:1px solid #ffffff; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#page { width:930px; margin:0 auto; background:transparent url('images/fond_cadre.gif') repeat-y; }

#entete { width: 930px; height:210px; float:left; }

#bandeau { width: 540px; height:210px; float:left; background:transparent url('images/bandeau.jpg') no-repeat; }

#menu { width: 390px; height:210px; float:left; background:transparent url('images/menu.jpg') no-repeat; }

#groupes { width: 320px; height:329px; float:left; background:transparent url('images/bas_groupe_filles.jpg') no-repeat; }

#titre { width: 610px; height:70px; float:left; background:transparent url('images/titre.jpg') no-repeat; }

#contenu { width: 610px; float:left; background:transparent url('images/fond_contenu.jpg') no-repeat; min-height:259px; _height:259px; padding:0 0 0 0; text-align:justify; }

.txt2:fisrt-letter { font-weight:bold; font-size:11px; }

#pied { width: 930px; height:45px; clear:both; margin:0 auto; background:transparent url('images/pied.jpg') no-repeat; clear:both }

#liens { text-align:center; color:#000; }

.lien { color:#000; }

.txt { color:#FD9B03; }

#intro { width:650px; height:530px; padding:0 0 0 0; margin:0 auto; }

#hautintro { width:650px; height:60px; padding:0 0 0 0; margin:0 auto; background:transparent url('images/haut_intro.jpg') no-repeat; text-align:center; }

#mention a { color:#fff; }

#menubas { width:930px; height:40px; text-align:center; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 auto; }

div#yzeo { width:920px; font: normal 9px Verdana, Arial, Helvetica, sans-serif;  color: #9D9C9C; ; z-index:10; position:relative; padding:0 10px 0 0; text-align:center;}

div#yzeo img { }

div#yzeo a { color:#9D9C9C; }


#img { width:276px; height:224px; float:left; }

#txt { width:579px; float:left; padding:35px 0 0 45px; color:#11100c; text-align:justify; }

/*//////////////////////////////////////// formulaire /////////////////////////////////////////////////////*/
	#formulaire { background: transparent; text-align:center; width:540px; padding:0; margin:20px 0 0 20px; _margin:20px 0 0 10px; float:left; font: normal 11px Tahoma, Helvetica, sans-serif; color:#9D9C9C; } /* carateristique du formulaire */
#formulaire * { margin:0 0 2px 0; padding:0; } /* caracteristique de toutes les balises qui se trouvent dans le formulaire */
.labelform { width: 203px; float: left; text-align: right; margin: 0 5px 0 0; } /* carateristique des label, width minimum 203px; */
.pform { padding: 3px 0px 10px 0px; text-align:left; clear:both; } /* carateristique des p */
.inputform { width:150px; height:13px; float:left; margin: 0 5px 0 2px; } /* carateristique des input */
.textareaform { width:536px; height:100px; overflow:auto; } /* carateristique du textarea */
.selectform { height:18px; float:left; margin: 0 5px 0 2px; font: normal 11px Tahoma, Helvetica, sans-serif; color:#fff; background-color:#570102; border:1px solid #9D9C9C; } /* carateristique des select */
.labelmessage { width:95px; } /* carateristique du label contenant "Votre message" */
#labelenvoyer { width:125px; } /* carateristique du label avant l'input envoyer, sert a centrer le bouton envoyer */
.inputenvoyer { width:150px; font: normal 10px Tahoma, Helvetica, sans-serif; } /* carateristique de l'input "envoyer mon message" */
.divtexte { margin: 5px 0 0 0; } /* carateristique de la div contenant le texte du captchat*/
#formulaire div { margin: 5px auto; } /* centrer dans le formulaire des div */
#formulaire div a { color:#9D9C9C; } /* couleur du lien dans capchat */
.divimagecaptchat { border:1px solid #11100c; padding: #9D9C9C; } /* carateristique de la div entourant l'image captchat */
.transp, .inputtexte { background: transparent; border: 1px solid #9D9C9C; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#9D9C9C; } /* pour rendre les input et textarea transparent avec une bordure */
fieldset { border-top:1px solid ##9D9C9C; border-bottom:1px solid #9D9C9C; border-left:1px solid #9D9C9C; border-right:1px solid #9D9C9C; padding:5px; }
legend { color:#9D9C9C; }
/*/////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
	/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/		
div#mention { text-align:center; height:250px;  clear:both; padding:270px 0 0 0; color:#9D9C9C; }
div#mention a { color:#9D9C9C; }

.Style1 {
	font-size: 10px;
	font-style: italic;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* Styles CSS pour LightBox PopUp */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img {
	border: none;
}
#outerImageContainer {
	position: relative;
	background-color: #5c0000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer {
	padding: 5px;
}
#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav a {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink {
	background: url(images/prevlabel.gif) left 100% no-repeat;
	left: 0;
	float: left;
}
#nextLink {
	background: url(images/nextlabel.gif) right 100% no-repeat;
	right: 0;
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(images/prevlabel.gif) left 100% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 100% no-repeat;
}
#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #5c0000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}
#imageData {
	padding:0 10px;
	color: #fd9c03;
}
#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}






/*---------------------------------------------------------------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
.souligne { text-decoration:underline; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }




.bdimg{ border:none;}


.wdiv{ padding:px 300px 0 100px;}
.wdiv1{ width:250px;}