/* CSS Aloïs Photographie */

/* Neutralisation de styles : 
   Eléments à nettoyer entièrement : */
html, body /*form, fieldset*/ {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
		/*background: url(images/bg_ornement.jpg) repeat;*/
}

/* Neutralisation de styles : 
   Eléments avec une marge verticale sauf titres : */
p, pre, blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 0 1em 0; padding: 0;}



h1, h3 {
		margin: 0 0 8px 0;
		padding: 0; 
		font-size: 16px; 
		color: #B9C9D4; 
		line-height: 1.5em;
		font-family: verdana, arial; 
}

h2, h4, h5, h6 {
		font-size: 12px;
		line-height: 1em;
		margin: 6px 0;
}

b { color: #B9C9D4; }

/* Application d'une marge gauche :
   Seulement pour les quelques éléments nécessaires : */
li, dd, blockquote {
        margin-left: 1em;
}

/* Eléments variés : */
/*form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
*/input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

/*.........................................*/

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #31383D;
  color: #CCCCCC;
  FONT-FAMILY: trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  min-width: 940px;
  text-align: center;
  /*background: transparent url('images/bg_1.jpg') center no-repeat;*/
}

a:link
{ 
	text-decoration: underline; 
	color: #B9C9D4;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: underline; 
	color: #B9C9D4;
}

a:hover
{ 
	text-decoration: none;
	color: #FFFFFF;
	background-color: transparent;
}


/* hack FF pour suppression pointillés liens cliqués - Supprime la navigation au clavier */
a:active { outline: none; -moz-outline-style: none; }
a:focus { -moz-outline-style: none; }
/* fin de hack */


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

#wrapper { position: relative; margin: 43px auto 0px; width: 1150px; height: 750px; background: transparent url(images/bg_1.jpg) center ; text-align: left; }
#conteneur {margin: 0 auto; width: 1080px; padding: 0; border: 0; position: absolute; top: 50%; left: 50%; margin: -295px 0 0 -470px; text-align: left;}

.puces { list-style-type: disc; margin: 0 0 20px 0; font-size: 12px; text-align: justify; }
	.puces li { font-size: 12px; color: #CCCCCC; line-height: 1.5em; }
	.puces b { color: #CCCCCC; }

.plan_site { float: left; padding-left: 20px; }
	a:link.plan_site { color: #58636b; }
	a:hover.plan_site { color: #58636b; }
	a:visited.plan_site { color: #58636b; }
	
	/*a:link.plan_site1 { color: #495259; }
	a:hover.plan_site1 { color: #495259; }
	a:visited.plan_site1 { color: #495259; }*/

#player {float: right; width: 110px; height: 20px; background-color: #31383E;}
.justif {text-align:justify;}

/*-- HEADER -----------------*/
#header {position: relative; float: left; display: inline; width: 940px; height: 80px; margin: 0; padding: 0;}

/*:::::::::: Début MENU :::::::::::*/
#nav {position: absolute; top: 39px; right: 0px; height: 18px; width: 620px; }

div#nav ul {background: transparent url('images/navbar.gif') no-repeat; height: 18px; width: 590px; margin: 0 0 0 36px;}
div#nav ul li { float: left; margin-left:0px; list-style: none; }
div#nav ul li a { display: block; height: 18px; text-indent: -999em; }

div#nav ul li:hover ul, div#nav ul li.over ul { background: transparent url('images/navbar.gif') no-repeat scroll -578px -59px; display: block; margin-top: -10px; padding-top: 10px; }
div#nav ul li#nav-accueil a { width: 55px; }
div#nav ul li#nav-mariages a { width: 70px; margin-left: 20px; }
div#nav ul li#nav-portraits a { width: 70px; margin-left: 25px; }
div#nav ul li#nav-autres a { width: 55px; margin-left: 18px; }
div#nav ul li#nav-infos a { width: 45px; margin-left: 17px; }
div#nav ul li#nav-tarifs a { width: 45px; margin-left: 20px; }
div#nav ul li#nav-login a { width: 48px; margin-left: 16px; }
div#nav ul li#nav-com a { width: 64px; margin-left: 18px; }

div#nav ul li a:hover { background-image: url('images/navbar.gif'); background-position: 0 0; background-repeat: no-repeat; }
div#nav ul li#nav-accueil a:hover { background-position: 0px -18px; }
div#nav ul li#nav-mariages a:hover { background-position: -75px -18px; }
div#nav ul li#nav-portraits a:hover { background-position: -170px -18px; }
div#nav ul li#nav-autres a:hover { background-position: -258px -18px; }
div#nav ul li#nav-infos a:hover { background-position: -330px -18px; }
div#nav ul li#nav-tarifs a:hover { background-position: -395px -18px; }
div#nav ul li#nav-login a:hover { background-position: -456px -18px; }
div#nav ul li#nav-com a:hover { background-position: -522px -18px; }

div#nav ul li#nav-accueil-on a { width: 55px; background: url('images/nav_accueil_on.gif') 1px 0 no-repeat;}
div#nav ul li#nav-mariages-on a { width: 70px; margin-left: 20px; background: url('images/nav_mariages_on.gif') 4px 0 no-repeat;}
div#nav ul li#nav-portraits-on a { width: 70px; margin-left: 25px; background: url('images/nav_portraits_on.gif') 3px 0 no-repeat;}
div#nav ul li#nav-autres-on a { width: 55px; margin-left: 18px; background: url('images/nav_autres_on.gif') 4px 0 no-repeat;}
div#nav ul li#nav-infos-on a { width: 45px; margin-left: 17px; background: url('images/nav_infos_on.gif') 5px 0 no-repeat;}
div#nav ul li#nav-tarifs-on a { width: 45px; margin-left: 20px; background: url('images/nav_tarifs_on.gif') 4px 0 no-repeat;}
div#nav ul li#nav-login-on a { width: 48px; margin-left: 16px; background: url('images/nav_login_on.gif') 6px 0 no-repeat;}
div#nav ul li#nav-com-on a { width: 64px; margin-left: 18px; background: url('images/nav_com_on.gif') 5px 0 no-repeat;}


/*:::::::::: Fin MENU :::::::::::*/

#logo_header {position: absolute; bottom: 20px; left: 0; width: 196px; height: 50px;}
#logo_header a img,:link img,:visited img { border:none }


/*-- FOOTER -----------------*/
.zone_footer {position: relative; float: left; display: inline; width: 940px; margin: 20px 0 30px 0;}
	.zone_footer p {font-size: 11px; color: #B9C9D4; display: inline; margin: 0; padding: 0;}


/*-- PAGE ACCUEIL -----------*/
#h2index {text-align: center; color: #B9C9D4;}
.accueil_intro {position: relative; float: left; display: inline; overflow: hidden; width: 300px; height: 300px; background-color: #454E54; margin: 0 20px 20px 0;}
	.accueil_intro h1 {font-family:  arial, verdana; font-size: 16px; color: #B9C9D4; line-height: 1em; margin: 20px 0 6px 0px; padding: 0; text-align: center;}
	.accueil_intro p {font-size: 12px; color: #CCCCCC; line-height: 1.2em; margin: 0 20px 10px 20px; padding: 0; text-align:justify;}
.cadre_intro {position: relative; width: 290px; height: 290px; border: 1px solid #454E54; padding: 0; margin: 4px; text-align: justify; background: url(images/bg_intro.jpg) center no-repeat ;}
.cadre_intro h2 {margin:10px 20px 10px;}
.zone_slideshow {position: relative; float: left; display: inline; width: 620px; height: 300px; background-color: #454E54; margin: 0 0 20px 0; background:url(images/bg_loader.gif) center no-repeat #454E54;}

.accueil_vignette {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0 20px 0 0;}
	.accueil_vignette img {border: 0;}
	.accueil_vignette a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.accueil_vignette a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.accueil_vignette a:hover {border: 5px solid #F5F5F5; padding: 0; margin: 0; display: block;}
.accueil_vignette_droite {position: relative; float: left; display: inline; width: 300px; background-color: #454E54; margin: 0;}
	.accueil_vignette_droite img {border: 0;}
	.accueil_vignette_droite a {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.accueil_vignette_droite a:visited {border: 5px solid #454E54; padding: 0; margin: 0; display: block;}
	.accueil_vignette_droite a:hover {border: 5px solid #F5F5F5; padding: 0; margin: 0; display: block;}

#sitedev {margin-top: 0px; font-size: 10px; color: #B9C9D4; text-align: center;}

/*-- PAGE GALERIE -----------*/
.zone_galerie_principale {position: relative; float: left; display: inline; width: 770px; height: 460px; background: url(images/bg_loader.gif) center center no-repeat #454E54; text-align: center; padding: 0;}

.galerie_nav {position: relative; float: left; display: inline; width: 130px; height: 440px; background-color: #454E54; padding: 20px 20px 0px 20px; }

.galerie_nav_colonne1 {position: relative; float: left; display: inline; width: 60px; margin: 0 10px 0 0; padding: 0;}
	.galerie_nav_colonne1 img {border: 0; margin: 0;}
	.galerie_nav_colonne1 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galerie_nav_colonne1 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galerie_nav_colonne1 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}
.galerie_nav_colonne2 {position: relative; float: left; display: inline; width: 60px; margin: 0; padding: 0;}
	.galerie_nav_colonne2 img {border: 0; margin: 0;}
	.galerie_nav_colonne2 a {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galerie_nav_colonne2 a:visited {border: 5px solid #31383D; padding: 0; margin: 0 0 10px 0; display: block;}
	.galerie_nav_colonne2 a:hover {border: 5px solid #FFFFFF; padding: 0; margin: 0 0 10px 0; display: block;}

.galerie_nav_text {position: relative; float: left; display: inline; width: 130px; margin: 0; padding: 0;}
	.galerie_nav_text p {margin: 0; padding: 0; font-size: 10px; color: #B9C9D4; line-height: 100%;}

/*-- PAGE INFOS -----------*/
.zone_principale_infos {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54; background:url(images/bg_inftar.jpg) center no-repeat; }
	.zone_principale_infos p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 0 1em 0; padding: 0;}
.colonne1_infos {position: relative; float: left; display: inline; margin: 20px 20px 20px 30px; width: 250px; height: 420px;}
.colonne2_infos {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.zone_image_infos {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.zone_image_infos img {border: 0; margin: 0 0 0 2px;}


.popup_info { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 280px; background: #31383E url(images/bg_popup_info.jpg) bottom no-repeat; }
.popup_info ul, p { margin: 0.8em; text-align: left; }
.popup_info li { color: #CCCCCC; }
.popup_info h3 { height: 20px; font-size: 14px; margin: 0 0 1em 0; padding: 0; border-bottom: 1px solid #B9C9D4; background: #B9C9D4 url(images/titres_popups.jpg) left top repeat-x; color: #B9C9D4;  text-align: center; }
.popup_info strong { color: #B9C9D4; }
.popup_info b  { color: #F7F7F7; }
.popup_info span {text-decoration:underline ; }
span.popup_link,  a.popup_link { border-bottom: 1px dotted; cursor: pointer;}


/*-- PAGE TARIFS -------------*/
.zone_principale_tarifs {position: relative; float: left; display: inline; width: 640px; height: 460px; background-color: #454E54; background:url(images/bg_inftar.jpg) center no-repeat;}
	.zone_principale_tarifs h1 {font-size: 16px; color: #B9C9D4; line-height: 1.5em; margin: 0px 0 10px 0; padding: 0;}
	.zone_principale_tarifs h2 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.zone_principale_tarifs p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 0 1em 0; padding: 0;}

.colonne1_tarifs {position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.colonne2_tarifs {position: relative; float: left; display: inline; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}

.zone_image_tarifs {position: relative; float: left; display: inline; width: 300px; height: 460px; background-color: #454E54;}
	.zone_image_tarifs img {border: 0; margin: 0 0 0 2px;}
.details { margin-bottom: 0; }

#tabtarifs { width: 250px; border: 1px solid #555E67; margin: 0 0 10px 0; }
#tabtarifs a { color: #B9C9D4; text-decoration: none; text-decoration: none; }
tr.tr_dens { background-color: #555E67; }
.tr_dens_1 { background-color: #475057; }
td { font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 0 1em 0; padding-left: 5px; }
.padding_norm { padding: 0pt; }

#popup_2 { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 210px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }
#popup_3 { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 200px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }
#popup_4 { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 200px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }
#popup_5 { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 340px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }
#popup_6 { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 200px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }

div.popup { position: absolute; border: 1px solid #B9C9D4; padding: 0px; width: 450px; height: 200px; background: #31383E url(images/bg_popups.jpg) bottom no-repeat; }
.popup ul, p { margin: 0.8em; text-align: left; }
.popup li { color: #CCCCCC; }
.popup h3 { height: 20px; font-size: 14px; margin: 0 0 1em 0; padding: 0; border-bottom: 1px solid #B9C9D4; background: #B9C9D4 url(images/titres_popups.jpg) left top repeat-x; color: #B9C9D4;  text-align: center; }
.popup strong { color: #B9C9D4; }
.popup b  { color: #F7F7F7; }
.popup span {text-decoration:underline ; }
span.popup_link,  a.popup_link { border-bottom: 1px dotted; cursor: pointer;}
.popup_draghandle { cursor: move; }
#popup_overlay { background-color: whitesmoke; position: absolute; top: 0pt; left: 0pt; width: 100%; height: 500px; }


/*-- PAGE LOGIN -------------*/
.zone_principale_login {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 0 0 1em 0; padding: 0; position: relative; float: left; display: inline; width: 320px; height: 460px; background-color: #454E54; background:url(images/bg_logcom.jpg) center no-repeat;}
	.zone_principale_login a {text-decoration: underline; color: #B9C9D4; cursor:pointer;}
	.zone_principale_login h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 0 0 15px 0; padding: 0;}
	.input_login {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0; }
	.plistegal {font-size: 12px; color: #CCCCCC; line-height: 1.1em; margin: 0 ; padding: 0; }

#h1_listegal {margin-top: 20px;}

.login_colonne1 {position: relative; float: left; margin: 20px 0px 20px 20px;  width: 280px; height: 420px;}
.contact_colonne2 {position: relative; float: left; margin: 20px 10px 20px 20px; width: 280px; height: 420px;}
.zone_image_login {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #454E54;}
	.zone_image_login img {border: 0;}

#deconnexion {margin-top: 0px;}
	
#form_login { color: #CCCCCC; margin: 1.5em 0; padding: 0; border: 1px solid #58636B; padding-left: 12px; }

#form_login label {display:inline; float:left; width: 80px; font-weight: bold; color: #B9C9D4; text-align: right; }

.input { margin-left: 15px; width: 120px; background-color:#f7f7f7; border: 1px solid #D4D4D4; font-size: 0.9em;}
	#id:focus {background-image: url(images/ombre_texterea.gif);}
	#pwd:focus {background-image: url(images/ombre_texterea.gif);}

.submit_login {margin: 1em 15px 0 126px; text-align: left; width: 59px; height: 18px; border: 0px;}

/*-- PAGE COM -------------*/
.zone_principale_contact {position: relative; float: left; display: inline; width: 320px; height: 460px; font-size: 11px; background-color: #454E54; background:url(images/bg_logcom.jpg) center no-repeat;}
	.zone_principale_contact h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;}
	.zone_principale_contact p {font-size: 12px; color: #CCCCCC; line-height: 1.5em; margin: 1em 0 1em 0; padding: 0;}

.contact_colonne1 {text-align: justify; position: relative; float: left; display: inline; margin: 20px 20px 20px 40px; width: 250px; height: 420px;}
.contact_colonne1 b {color: #ffffff;}

.lettrine_com {font-weight: bold; font-size: 1.5em; color: #ffffff;}
#tel {float:right; width: 140px; margin-top: 0px;}

.zone_formulaire {position: relative; float: left; display: inline; width: 620px; height: 460px; background-color: #454E54; background-image: url(images/bg_contact.jpg);}
.zone_formulaire h1 {font-size: 14px; color: #B9C9D4; line-height: 1em; margin: 20px 0 10px 0; padding: 0;} 

#formulaire {margin: 40px 0 0 40px;}

#form_contact { font-family: Arial, Helvetica, sans-serif; width: 530px; position: relative; float: left; display: inline; margin: 20px 0 0 20px;}
	#form_contact p {font-size: 12px; color: #CCCCCC; line-height: 1em; margin-top: 1em; margin-bottom: 1em; }

	#form_contact legend { font-size: 14px; color: #B9C9D4; margin: 0 0 0.5em 0.5em; padding: 0 5px 0 5px; font-weight: bold; }
	#form_contact label { float: left; text-align: right; padding: 5px 15px 0 0; width: 90px; }

.fond_form { border:1px solid #D4D4D4;  color: #31383D; background-color:#f7f7f7;}

#form_contact input {margin: 0px; width: 250px; color: #31383D; font-weight: 200;}
	#form_contact input.fond_form:focus {background-image: url(images/ombre_form.gif);}

#textarea_in { width: 370px; color: #31383D;}
textarea:focus {background-image: url(images/ombre_texterea.gif);}

.submit {width: 80px; height: 18px; text-decoration: none; background:url(images/envoyer.jpg) no-repeat; cursor: pointer; margin-left: 195px; border: 0;}
	.submit:hover, .submit:focus { width: 80px; height: 18px; text-decoration: none; background:url(images/envoyer_on.jpg) no-repeat; cursor: pointer; margin-left: 195px;}
	.submit img {width: 80px; height: 18px; text-decoration: none; border: none;}

/*-- PAGE PLAN DU SITE -------------*/
#liste_liens a:hover {text-decoration: underline; color: #ffffff; cursor:pointer;}