html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html { height: 100%; }

body {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #373737;
	font: 9pt Trebuchet MS, Verdana, sans-serif;
	line-height: 1.6em;
}

#conceptionWeb { text-align: center; padding: 10px 0px; }

.cache {
	display: none;
}

#container {
	margin: 0px auto;
	width: 100%;
	/* border-right: 10px solid #bcbcbc; border-left: 10px solid #bcbcbc; */
	background: white;
	position: relative;
}

#boutons {
	width: 100%; height: 168px;
	background: #373737 url(images/entete.gif) no-repeat bottom center;
	border-bottom: 2px solid white;
	margin: 0 auto;
}
#boutons a img {
	border-width: 0;
	margin: 0 5px;
}

.lignes {
	border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;
	text-align: right; margin-bottom: 0px;
}

#main {
	margin: 0; padding: 0;
	width: 100%;	height: 100%;
	position: relative;
}

#foot {
	position: relative;
	width: 100%;
	border-top: 1px solid #bfbfbf;
	font-size: x-small;
	border-bottom: 2px solid #E4E4E4;
	padding: 4px 0 7px 0;
}
#foot a { color: #555; }

#container-boutons { width: 900px; margin: 0px auto; }

#navLogo, #navPart, #navPro, #navFin { height: 128px; margin: 0px auto; padding-top: 25px; padding-bottom: 15px; float: left; }
#navLogo { width: 134px; padding-right: 10px; padding-top: 20px; }
#navPart { width: 230px; padding-right: 10px; background: url(images/reportages-particuliers.gif) no-repeat top center; border-right: 2px solid white; }
#navPro { width: 230px; padding-left: 15px; padding-right: 10px; background: url(images/reportages-pro.gif) no-repeat top center; border-right: 2px solid white; }
#navFin { width: 230px; padding-left: 15px; }
#navLogo li, #navPart li, #navPro li, #navFin li { float: left; margin-right: 5px; }
#navLogo li a:link, #navLogo li a:visited, #navPart li a:link, #navPart li a:visited, #navPro li a:link, #navPro li a:visited, #navFin li a:link, #navFin li a:visited { display: block; height: 128px; text-indent: -9000px; overflow: hidden; z-index: 10; }

#Baccueil, #Baccueil a:link, #Baccueil a:visited, .nav-Baccueil, .nav-Baccueil-click {
	width: 129px; height: 147px; background: url(images/alza-icone.jpg) no-repeat top left; cursor: pointer; }
#Baccueil a:hover, #Baccueil a:focus { background: url(images/alza-icone.jpg) no-repeat top left; }
.nav-Baccueil, .nav-Baccueil-click { position: absolute; top: 20px; }

#BphotosPart, #BphotosPart a:link, #BphotosPart a:visited, #BphotosPart a:hover, #BphotosPart a:focus, .nav-BphotosPart, .nav-BphotosPart-click, #BphotosPart.current a:link, #BphotosPart.current a:visited {
	width: 110px; height: 128px; background: url(images/photos-particuliers.jpg) no-repeat bottom left; cursor: pointer; }
#BphotosPart a:hover, #BphotosPart a:focus, .nav-BphotosPart, .nav-BphotosPart-click, #BphotosPart.current a:link, #BphotosPart.current a:visited {
	background-position: top left; }
#BphotosPart.current a:link, #BphotosPart.current a:visited { cursor: default; }
.nav-BphotosPart, .nav-BphotosPart-click { position: absolute; top: 25px; width: 110px; height: 128px; }

#BvideoPart, #BvideoPart a:link, #BvideoPart a:visited, #BvideoPart a:hover, #BvideoPart a:focus, .nav-BvideoPart, .nav-BvideoPart-click, #BvideoPart.current a:link, #BvideoPart.current a:visited {
	width: 110px; height: 128px; background: url(images/video-particuliers.jpg) no-repeat bottom left; cursor: pointer; }
#BvideoPart a:hover, #BvideoPart a:focus, .nav-BvideoPart, .nav-BvideoPart-click, #BvideoPart.current a:link, #BvideoPart.current a:visited {
	background-position: top left; }
#BvideoPart.current a:link, #BvideoPart.current a:visited { cursor: default; }
.nav-BvideoPart, .nav-BvideoPart-click { position: absolute; top: 25px; width: 110px; height: 128px; }

#BphotosPro, #BphotosPro a:link, #BphotosPro a:visited, #BphotosPro a:hover, #BphotosPro a:focus, .nav-BphotosPro, .nav-BphotosPro-click, #BphotosPro.current a:link, #BphotosPro.current a:visited {
	width: 110px; height: 128px; background: url(images/photos-pro.jpg) no-repeat bottom left; cursor: pointer; }
#BphotosPro a:hover, #BphotosPro a:focus, .nav-BphotosPro, .nav-BphotosPro-click, #BphotosPro.current a:link, #BphotosPro.current a:visited {
	background-position: top left; }
#BphotosPro.current a:link, #BphotosPro.current a:visited { cursor: default; }
.nav-BphotosPro, .nav-BphotosPro-click { position: absolute; top: 25px; width: 110px; height: 128px; }

#BvideoPro, #BvideoPro a:link, #BvideoPro a:visited, #BvideoPro a:hover, #BvideoPro a:focus, .nav-BvideoPro, .nav-BvideoPro-click, #BvideoPro.current a:link, #BvideoPro.current a:visited {
	width: 110px; height: 128px; background: url(images/video-pro.jpg) no-repeat bottom left; cursor: pointer; }
#BvideoPro a:hover, #BvideoPro a:focus, .nav-BvideoPro, .nav-BvideoPro-click, #BvideoPro.current a:link, #BvideoPro.current a:visited {
	background-position: top left; }
#BvideoPro.current a:link, #BvideoPro.current a:visited { cursor: default; }
.nav-BvideoPro, .nav-BvideoPro-click { position: absolute; top: 25px; width: 110px; height: 128px; }

#Bcontact, #Bcontact a:link, #Bcontact a:visited, #Bcontact a:hover, #Bcontact a:focus, .nav-Bcontact, .nav-Bcontact-click, #Bcontact.current a:link, #Bcontact.current a:visited {
	width: 110px; height: 128px; background: url(images/contact.jpg) no-repeat bottom left; cursor: pointer; }
#Bcontact a:hover, #Bcontact a:focus, .nav-Bcontact, .nav-Bcontact-click, #Bcontact.current a:link, #Bcontact.current a:visited {
	background-position: top left; }
#Bcontact.current a:link, #Bcontact.current a:visited { cursor: default; }
.nav-Bcontact, .nav-Bcontact-click { position: absolute; top: 25px; width: 110px; height: 128px; }

#Bsites, #Bsites a:link, #Bsites a:visited, #Bsites a:hover, #Bsites a:focus, .nav-Bsites, .nav-Bsites-click, #Bsites.current a:link, #Bsites.current a:visited {
	width: 110px; height: 128px; background: url(images/sites.jpg) no-repeat bottom left; cursor: pointer; }
#Bsites a:hover, #Bsites a:focus, .nav-Bsites, .nav-Bsites-click, #Bsites.current a:link, #Bsites.current a:visited {
	background-position: top left; }
#Bsites.current a:link, #Bsites.current a:visited { cursor: default; }
.nav-Bsites, .nav-Bsites-click { position: absolute; top: 25px; width: 110px; height: 128px; }

/*<group=Menu de gauche>*/

.menu { font-size: 12px; text-align: left; text-indent: 10px; }

.menu ul { padding: 0; margin: 0; border-bottom: 1px solid #bfbfbf; }

.menu li { list-style: none; line-height: 1.5em; left: 0; position: relative; display: block; }
 * html .menu li { line-height: 1.2em; padding: 0; }

.menu p { margin: 0; }

.menu li a { display: block; background-color: #e4e4e4; color: #555; text-decoration: none; padding: 4px 0 4px 10px; margin: 0; }
.menu li a:hover { background-color: #ccf234; color: #111; }
.menu li.reportage a { color: #5f7e2e; font-weight: bold; }
.menu li.reportage a:hover { background-color: #5f7e2e; color: #e4e4e4; }
.menu li.select a, .menu li.select a:hover, .menu li a.select, .menu li.select a.select:hover { color: #111; background: #bcbcbc url(_ressources/fleche.gif) no-repeat right center; }
.menu li a.degresdeux { padding-left: 20px; }

.menu #niveaudeux li, .menu #niveaudeux1 li, .menu #niveaudeux2 li {
	font-size: 95%;
	margin: 0; text-indent: 25px;
}

#gauche { float: left; }
#droite, #droite-blanc { position: absolute; top: 0; right: 0; }
.clearer { clear: both; }

#gauche {
	padding: 0;
	color: #00457e;
	border-right: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
	width: 185px;
	background-color: #e4e4e4;
}

#gauche h1 { font-weight: bold;  }
#gauche h1.declencheur { padding: 5px 0px; cursor: pointer; background-color: #bfbfbf; margin-bottom: 1px; }
#gauche h2 { font-size: small; font-weight: normal; margin: 0; margin-top: 5px; color: #00457e; }
#droite-blanc #partenaires { background: url(images/sections-partenaires.gif) no-repeat center top; padding-top: 45px; }
#gauche #extraits { background: url(images/sections-extraits.gif) no-repeat left top; padding-top: 45px; }
#gauche li a.gris { background-color: #555; font-weight: bold; color: #fff; }
#gauche li a:hover.gris { background-color: #bfbfbf; }
	
/*</group>*/

/*<group=Contenu principal>*/

#central, #central_seul { background: #1a171b url(images/fond-sidebar.gif) repeat-y left top; text-align: left; color: white; }
#central_droite { background-color: #1a171b; text-align: left; color: white; }
#central_blanc { background: white url(images/fond-sidebar-blanc.gif) repeat-y left top; text-align: left; }
#central, #central_blanc { padding: 0px 196px 20px 186px; }
#central_seul { padding: 0px 0px 20px 186px; }
#central_droite { padding: 0px 196px 20px 0px; }

#contenuCentral, .contenuCentralDeux, #items { padding: 10px 20px; }
.contenuCentralDeux { border-top: 1px solid #bcbcbc; margin-top: 15px; }

#central img, #central_seul img, #central_droite img, img.cadre {
	margin-bottom: 10px; margin-right: 10px;
}

#central ul, #central_seul ul, #central_droite ul {
	list-style: url(images/puce1.gif) outside;
	margin: 1em 0px 1em 30px;
}

#central h1, #central_blanc h1, #central_seul h1, #central_droite h1, #central dt, #central_seul dt, #central_droite dt, .costumes h1 {
	font-size: 1.55em; font-weight: bold;
	line-height: 1.6em;
	margin: 0; margin-bottom: 15px;
	background-position: left top;
	color: #c9cbff;
}

#central h2, #central_seul h2, #central_droite h2 { color: #4b8bc2; font-weight: bold; font-size: small; margin-bottom: 5px; }
#central h2 a, #central_seul h2 a, #central_droite h2 a { color: #4b8bc2; }
#central h2 a:hover, #central_seul h2 a:hover, #central_droite h2 a:hover { text-decoration: none; }

#central_seul .bloc { float: left; width: 300px; padding-right: 30px; }
#central_seul .bloc_double { float: left; width: 630px; padding-right: 30px; }

.bloc_photos { text-align: center; }
.bloc_photos img, .bloc img, .bloc_double img, #central h3 img, .bloc a img, .bloc_double a img { border: 1px solid #373737; }
.bloc_photos img.sans, #central h3 img.sans { border-width: 0px; }
.bloc_photos p, .bloc_photos_droite p { text-align: left; font-size: 0.9em; font-style: italic; color: #888; margin-bottom: 10px; }
.bloc_photos_droite { float: right; width: 310px; }
.bloc_photos_droite img { border-width: 0px; }
.bloc, .bloc_double { margin-bottom: 10px; }
.bloc h2, .bloc_double h2 { font-size: larger; margin-top: 5px; }
.bloc a:hover img, .bloc_double a:hover img { border: 1px solid #000; }
.bloc h4.savoir_plus, .bloc_double h4.savoir_plus { text-align: right; }
.bloc h4.savoir_plus a, .bloc_double h4.savoir_plus a, h4 a { background-color: #e4e4e4; color: #373737; }
.bloc h4.savoir_plus a:hover, .bloc_double h4.savoir_plus a:hover, h4 a:hover { text-decoration: none; }
img.img_droite { float: right; border: 1px solid #373737; margin-left: 15px; }
img.img_gauche { float: left; border: 1px solid #373737; margin-right: 15px; }
img.img_d_sans, #central h3 img.img_d_sans { float: right; border-width: 0px; margin-left: 15px; }
img.img_g_sans, #central h3 img.img_g_sans { float: left; border-width: 0px; margin-right: 15px; }

#galerie_videos { height: auto; min-height: 390px; }
 * html #galerie_videos { height: 390px; }
#galerie_videos a img { border: 2px solid #bfbfbf; margin: 0px 20px 20px 0px; }
#galerie_videos a:hover img { border-color: #000; }

/*<group=Costumes / Lumières>*/

#tableau h2, #lumieres h2 {
	font-size: 125%; font-variant: small-caps; font-weight: bold;
	letter-spacing: 0.15em; color: #00104a;
	line-height: 100%;
}

#tableau h3 {
	font-size: 10px; color: #00104a;
	font-style: italic;
}

#costumes, #tableau, #infoplus {
	text-align: center;
}

#tableau td {
	padding: 3px auto;
}

#tableau {
	width: 100%; height: auto;
	margin-bottom: 100px;
}

#infoplus {
	width: 100%; height: auto;
}

#costumes a {
	text-decoration: none; color: black; border: 0;
}

#tableau a, #infoplus a {
	text-decoration: none; border: 0; color: #001b7f;
}

#costumes a:hover, #tableau a:hover, #infoplus a:hover {
	background: none; /* correction d'un bug IE */
	cursor: help;
}

#costumes a span, #tableau a span, #infoplus a span {
	display: none;
}

#costumes a:hover span, #tableau a:hover span {
	display: inline; position: absolute;
	min-width: 146px; min-height: 30px; padding: 5px;
	background: #ffffff; border: 1px solid #bfbfbf;
	margin-left: 5px; cursor: default;
	margin-top: -15px;
}

#infoplus a:hover span {
	display: block; position: absolute;
	min-width: 146px; min-height: 30px; padding: 5px;
	background: #ffffff; border: 1px solid #bfbfbf;
	margin-left: 5px; cursor: default;
	margin-top: -15px;
}
	
/*</group>*/

/*<group=Système karaoké>*/

#kara td {
	padding: 0 5px;
}

#kara h2 {
	font-size: 125%; font-variant: small-caps; font-weight: bold;
	letter-spacing: 0.15em; text-align: center;
	color: #009835;
}

#kara li {
	text-align: left;
	color: #003111;
}

.kara-haut {
	width: 200px; height: 10px; margin: 0;
	background: url(resources/kara-haut.gif) no-repeat center top;
}

.kara-loca {
	width: 200px; height: auto; margin: 0;
	background: url(resources/kara.gif) repeat-y center top;
}

.kara-loca li a {
	text-decoration: none; color: #001b7f;
	list-style: none;
}

.kara-loca li a:hover {
	background: #d7ffe4;
}

.kara-bas {
	width: 200px; height: 10px; margin: 0;
	background: url(resources/kara-bas.gif) no-repeat center top;
}
	
/*</group>*/

/*<group=DVDs>*/
.dvd { background: url(resources/etagere.gif) repeat-x center bottom; }
.dvd td { padding-bottom: 18px; padding-top: 10px; }
.dvd a img { border: 0; border-top: 1px solid #fff; }
.dvd a:hover img { border-top: 1px solid #0076A9; }

.roll_cs {
	width: 150px; height: 222px;
	background: url(resources/Cendra_Stephane_on.gif) no-repeat center;
	margin: 5px;
}

.roll_cs a {
	width: 100%;
	height: 100%;
	background: url(resources/Cendra_Stephane.jpg) no-repeat center;
	display: block;
}

.roll_ch {
	width: 150px; height: 222px;
	background: url(resources/championnat_on.gif) no-repeat center;
	margin: 5px;
}

.roll_ch a {
	width: 100%;
	height: 100%;
	background: url(resources/championnat.jpg) no-repeat center;
	display: block;
}

.roll_ma {
	width: 150px; height: 222px;
	background: url(resources/mariage_on.gif) no-repeat center;
	margin: 5px;
}

.roll_ma a {
	width: 100%;
	height: 100%;
	background: url(resources/mariage.jpg) no-repeat center;
	display: block;
}

.roll_cs a:hover, .roll_mf a:hover, .roll_cj a:hover, .roll_cr a:hover, .roll_ma a:hover, .roll_ch a:hover {
	background: no-repeat transparent center;
	text-align: center;
}

.roll_cr {
	width: 150px; height: 222px;
	background: url(resources/Celine_Rudy_on.gif) no-repeat center;
	margin: 5px;
}

.roll_cr a {
	width: 100%;
	height: 100%;
	background: url(resources/Celine_Rudy.jpg) no-repeat center;
	display: block;
}

.roll_cj {
	width: 150px; height: 222px;
	background: url(resources/Cethymene_Juan_on.gif) no-repeat center;
	margin: 5px;
}

.roll_cj a {
	width: 100%;
	height: 100%;
	background: url(resources/Cethymene_Juan.jpg) no-repeat center;
	display: block;
}

.roll_mf {
	width: 150px; height: 222px;
	background: url(resources/Marylene_Franck_on.gif) no-repeat center;
	margin: 5px;
}

.roll_mf a {
	width: 100%;
	height: 100%;
	background: url(resources/Marylene_Franck.jpg) no-repeat center;
	display: block;
}

/*</group>*/

#central { text-align: left; padding: 100px 20px 10px 20px; }
#place-titrage { padding: 100px 0px 10px 0px; }
.place-texte { text-align: left; padding-left: 20px; padding-right: 20px; }

#central img, img.cadre { margin-bottom: 10px; margin-right: 10px; }

ul { list-style: url(resources/puce1.gif) outside; margin-top: 1em; }

h1.vert { background-image: none; text-align: right; color: #4F7621; text-indent: 0px; }

.plan h1 {
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #00104a;
}

#central dt a span {
	font-size: 80%; font-style: italic;
	margin-left: 50px;
}

h1 a, #central dt a {
	color: #00104a; text-decoration: none;
}

h3 a { color: #c9cbff; text-decoration: none; }
#droite-blanc h3 a { color: #001b7f; text-decoration: none; background-color: #e2e2e7; }

h1 a:hover, h3 a:hover, dt a:hover, #tableau .titre {
	background: #e2e2e7; color: #001b7f;
}
#droite-blanc h3 a:hover { text-decoration: none; }

h3, #central dd {
	margin: 1em 0 1em 0; padding: 0;
	font-size: small; font-weight: normal;
}

.ziq {
	background: url(resources/ziq.gif) no-repeat left;
	text-indent: 20px;
}

img.cadre {
	border: #00104a 1px solid;
}

p {
	font-size: x-small; text-align: center;
}
#droite-blanc p { font-size: x-small; text-align: left; }

/*<group=Titres>*/

.plan { background: url(resources/titres/plan.gif) no-repeat left top; }

.video { background: url(resources/titres/viZion.gif) no-repeat left top; }
.videopro { background: url(resources/titres/pourvous.gif) no-repeat left top; }

.video_acc { background: url(resources/titres/video_acc.gif) no-repeat left top; }

.contact { background: url(resources/titres/contact.gif) no-repeat left top; }

.pdevis { background: url(resources/titres/devis.gif) no-repeat left top; }
	
/*</group>*/

.clear {
	clear: both;
	position: relative;
}
	
/*</group>*/

/*<group=Colonne de droite>*/

/*<group=Recherche>*/

#superrecherche {
	text-align: center;
	padding-right: 10px; margin: 0;
}

#superrecherche form {
	margin: 10px 0; padding: 0;
}

#superrecherche #recherche select, #recherche input {
	font-size: 11px;
}

#superrecherche #recherche input.sbox {
	color: #80808C;
	height: 13px; width: 145px; border: 0; padding: 3px;
	background: white url(../resources/costumes/recherche_fond.gif) repeat-x center top;
	border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;
}

#superrecherche #recherche select {
	width: 165px; margin-top: 5px;
}

html>body*#superrecherche #recherche input {
	font-size: 11px;
}

html>body*#superrecherche #recherche input.sbox {
	width: 170px; color: #000;
}
/*</group>*/

#droite, #droite-blanc {
	background: #e4e4e4;
	width: 196px; height: 100%;
	border-left: 1px solid #bfbfbf;
	margin: 0;
}
#droite-blanc { background-color: white; width: 235px; text-align: left; padding: 0px 5px; }
#droite-blanc .partenaire { border-bottom: 1px solid #bfbfbf; padding-bottom: 5px; }

#droite img {
	margin: 15px 12px 0px 12px;
}

#droite h1 {
	font-size: medium; font-variant: small-caps; font-weight: bold;
	letter-spacing: 0.2em; line-height: 1.5em; text-indent: 22px;
	background: url(resources/puce-etoile2.gif) no-repeat;
	background-position: left top;
	color: #00104a; margin-left: 15px;
}

#droite h2 {
	padding: 0; text-align: center;
	line-height: 1.8em;
}
#droite-blanc h2 { color: #00104a; font-weight: bold; font-size: 1.2em; }

#droite h3 {
	margin: 1em 0 1em 15px; padding: 0;
	font-size: small; font-weight: normal;
	line-height: 1.8em;
}

#cadre-bc img {
	border: 1px solid #fff; margin: 15px 12px 2px 12px;
}

#mev-b {
	margin: 0; padding: 0; border-bottom: 1px solid #bfbfbf;
	background: #ccc6de; padding-top: 12px;
}

.mev {
	font-weight: bold; color: #75717F;
}

.hautcostumes {
	background: url(resources/haut-costume.gif) no-repeat left top;
	padding-top: 35px;
	border-bottom: 1px solid #bfbfbf;
}


/*</group>*/

#prix {
	position: relative;
	color: #621b15;
	text-align: center;
	text-shadow: white 2px 2px 1px;
	width: 150px;
	padding: 5px;
	border: 1px dashed #8c8c8c;
	margin: 15px auto 15px auto;
	font-weight: bold;
	font-size: large;
}

#tableprix td { border: 1px solid #bcbcbc; padding: 3px; }
#tableprix td.sans { border-width: 0px; }
#tableprix td.titre { font-weight:bold; color: #1a171b; background-color:#bcbcbc; }

.right, img.right {
	margin: 0 0 5px 20px;
	/*padding-right:5px;   for winie6 */
}

.left, img.left {
	margin: 0 20px 5px 0;
	/*padding-left:5px;   for winie6 */
}

.air {
	margin-right: 10px;
}

.bleu {
	background: #e6edf6;
}

h5 {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: white;
}

h5 a {
	text-decoration: none;
	color: #555;
}

.rouge {
	color: red;
	font-weight: bold;
}

.petit {
	font-size: smaller;
}

.gras {
	font-weight: bold;
}

#commande-photos table.table-container { margin-bottom: 15px; }
#commande-photos table.table-container table.tableIn td { padding: 2px 3px; }
