@charset "UTF-8";
html { font-size: 100%; }
body { margin: 0; padding: 0; color:#320f10; font-size: .9em; font-family: 'Trebuchet MS', sans-serif; line-height: 1.3em; background:url(../images/bg.jpg) no-repeat center top #FCEFE7; text-align:center;}
h1, h2, h3, h4, h5, h6 { margin: .8em 0 .4em 0; font-weight: bold; font-style: normal; line-height:1.1em;}
h1 { font-size: 1.6em; margin-top:.1em; font-weight:normal; font-variant: small-caps; color:#b82552;letter-spacing: .1em;}
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333 !important; text-decoration:none;}
h3, h4, h5, h6 { border-bottom:medium none; font-weight:bold;}

ul, ol { margin: .50em 0 .50em 32px; padding: 0;}

p { margin: .5em 0;}

a { text-decoration: underline; color:#b82552} 
a:focus, a:active, a:visited, a:link  { color:#b82552}
a:hover {text-decoration:none;}
a:active { outline: none;} 
a img { border: none;} 

em { font-style: italic;}
strong { font-weight: bold; }

form, fieldset { margin: 0; padding: 0; border: none;}
input, button, select { vertical-align: middle; }

blockquote p, li p { margin: .5em 0; }

dl { margin: .75em 0;}
dt { margin: .75em 0 0 0; font-weight: bold; }
dd { margin: .25em 0 .25em 32px; }

table { 
	margin: 0; 
	border: 1px solid #ccc; 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
table td, table th { 
	padding: 4px; 
	border: 1px solid #ccc; 
	vertical-align: top; 
} 

.right { float:right; }
.left { float:left; }

.urlMyJquery {display:none;}

/****** Site ********/

img.right {margin-left:10px;}
img.left {margin-right:10px;}

.txtLeft {text-align:left;}
.txtRight {text-align:right;}
.txtJustify {text-align:justify;}
.txtCenter {text-align:center;}

a {color:#ec008c; text-decoration:underline;}
a:hover {text-decoration:none;} 

#global {width:1004px; margin:36px auto 0 auto; text-align:left;}

#header {position:relative; height:110px;}
#logo {position:absolute; left:67px; bottom:10px; display:block;}
#header ul {display:block; position:absolute; left:328px; bottom:4px; margin:0; padding:0; list-style: none; width:660px;}
#header li {display:block; float:left; font-size:1.1em; margin-right:2px; }
#header li a {color:#320f10; text-decoration:none; display:block; padding-bottom:2px; font-weight:normal; background:url(../images/bgMenu.png) no-repeat; width:120px; height:28px; line-height:28px; text-align:center; color:#fff;}
#header li a:hover, #header li.active a {color:#333;}

#main {background-position: top center; background-repeat: no-repeat; width:680px; height:499px; padding: 16px 16px 16px 308px;}
#main.domanaissence {background-image: url(../images/bgDomanaissence.png);}
#main.origine {background-image: url(../images/bgOrigine.png);}
#main.dominique {background-image: url(../images/bgDominique.png);}
#main.cours {background-image: url(../images/bgCours.png);}
#main.conference {background-image: url(../images/bgConference.png);}
#main.consultation {background-image: url(../images/bgConsultation.png);}
#main.mariage {background-image: url(../images/bgMariage.png);}
#main.contact {background-image: url(../images/bgContact.png);}
#main.partenaires {background-image: url(../images/bgPartenaires.png);}
#main.galerie {background-image: url(../images/bgGalerie.png); padding:16px 16px 16px 32px; width:956px;}

#main.galerie #photo, #main.galerie #photos {float:left; height:100%;}

#photoDiv {position:relative; width:680px; height:460px;}
#photoDiv #photoShow, #photoDiv span {position:absolute;}
#photoDiv #photoShow {top:0; left:0; z-index:1;}
#photoDiv span {bottom:6px; left:0; background:url(../images/bgPhoto.png) no-repeat; z-index:10; display:block; height:141px; width:78px;}

#main.galerie #photos {width:260px; height:480px; overflow:hidden;}
#main.galerie #photos h2 {text-transform:uppercase; font-weight:normal; color:#755843; font-size:.9em; margin-bottom:0;}
#main.galerie #photos h2:first-child {margin-top:0;}
#main.galerie #photos ul {list-style: none; padding:0; margin:0; width:100%; overflow:hidden;}
#main.galerie #photos li {float:left; margin:10px 10px 0 0; cursor: pointer; display:block; width:58px; height:58px; position:relative;}
#main.galerie #photos li span {background:url(../images/bgMiniature.png) no-repeat; width:58px; height:58px; display:block; position:absolute; top:0; left:0; z-index:10;}
#main.galerie #photos li span.hover {background:url(../images/bgMiniatureHover.png) no-repeat}
#main.galerie #photos li img {position:absolute; top:2px; left:2px; z-index:1;}
#main.galerie #photo {width:680px; margin-left:16px;}

#main ul.navigation {width:100%; border-bottom:2px dotted #441513; margin:0 0 12px 0; padding:0 0 4px 0; list-style: none; overflow:hidden;}
#main ul.navigation li {float:left; margin-right:20px;}
#main ul.navigation a {color:#441513; text-decoration: none;}
#main ul.navigation a:hover, #main ul.navigation li.active a {color:#b4a1a1;}
	
#footer {font-size:.8em; margin:12px 0 0 0; text-align: right;}
#footer a {text-decoration:none; color:#333; font-weight:bold;}
#footer a:hover {text-decoration: underline;}

table.tarifs {width:100%; border:none;}
table.tarifs td, table.tarifs th {border:none;}


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

.scrollbar-handle-up {width: 14px; height: 14px; background:url(../images/up.png) no-repeat;}
.scrollbar-handle-down {width: 14px; height: 14px; background:url(../images/down.png) no-repeat;}