/*  
Theme Name: Domaine de La Louve
Theme URI: http://www.domaine-de-la-louve.com/
Description: THème pour le client Domaine de La Louve
Author: TRYALIS EURL
Author URI: http://www.tryalis.com/
*/

html { height: 100%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    background: rgb(124,29,3);
    color: #630;
    font-size: 68.5%;
	background: url(/images/bkgrd.gif) repeat-y center;
}
img {border:none;}
a.coloror{ background-color:transparent;color:rgb(239, 223, 119); text-decoration:underline;}
#conteneur {
	position: absolute;
	left:50%;
	width:950px;
	/*margin-top:65px;*/
	margin-left:-490px;
}
#header { height: 193px; /*background: url(images/header.jpg) repeat-x;*/
	background:url(/images/fond-header.jpg) top no-repeat; }
#stretch {
    height: 0;
    overflow: hidden;
} 	
#newsletterForm { 
    background: url(/images/pannello_nl.gif) bottom; 
    width: 245px;
    height: auto;
    margin-left: 31px;
    padding: 5px 5px 5px 0;
    color: #fff;
    text-align: right;
}
#newsletterForm label{ 
   color: rgb(221, 221, 177);
   font-size: 1em;
   font-weight: normal;
   margin: 0;
   padding: 0;
   clear: both;
}#newsletterForm a{ 
   color: rgb(221, 221, 177);
   font-size: 1em;
   font-weight: normal;
   margin: 0;
   padding: 0;
   clear: both;
}
#stretch1,#stretch1 a {
    height: 0;
    overflow: hidden;
	background: url(/images/pannello_nl.gif);
    color: rgb(221, 221, 177);
} 
#newsletterTab {
    background: url(/images/tab_nl.gif);
    width: /*106px*/156px;
    height: 23px;
    margin-left: /*175px*/125px;
}
#newsletterTab a { 
    padding: 4px 0 0 10px;
    width: /*90px*/146px;
    height: 19px;
   /*display: block;*/
    color: rgb(221, 221, 177);
    text-decoration: none;
}
#nav {
    position: absolute;
    /*top: 3px;*/
    left: 30px;
    width: 950px;
    height: 140px;
    background: url(/images/logoModulo.jpg) no-repeat;
}
#nav h1 {
    text-indent: -9999px;	
	width: 678px;
	height: 107px;
	padding: 0;
	margin: 0;
}
#nav h1 a {
    cursor: pointer;
    display: block;
    width: 678px;
    height: 107px;
    text-decoration: none;
}
#nav ul {
	position: absolute;
	padding-left: 0;
	margin: 8px 0;
	top: /*100px*/8px;
	font-size: 122%;
	height: 25px;
}
#nav li { display: inline;}
#nav li a {
    /*color: #630;*/
	color: rgb(124,29,3);
    text-decoration: none;
    height: 45px;
    display: block;
    float: left;
    margin-right: 10px;
	padding:10px;
	font-size:120%;
}
#nav li a:hover {
	/*background: url(images/bulletStar.gif) no-repeat 50% 15px*/;
	/*border-top: solid 4px #CC0000;*/
	color:#FFF;
}
#nav li a:hover .maison {
	background: url(../../../css/images/fond-maison.gif) no-repeat 50% 15px;
	/*border-top: solid 4px #CC0000;*/
	color:#FFF;
}
#menu {position:relative; width:950px; height:90px; /*background:transparent url(../menu_bw.gif);*/ overflow:hidden; margin:0 auto;left:-30px;top:86px;}

#quotes {
    position: absolute;
    left: 617px; 
    width: 333px;
    height: 193px;
    background: url(/images/quotes.jpg);
	z-index:99;
}
#quotes p {
    position: absolute;
    bottom: 1px;
    right: 48px;
    width: 270px;
    font-size: 1em;
    text-align: justify;
} 
#quotes .theWord { font-size: 1.5em; }
#main {
    height: auto;
    width: 100%;
    text-align: justify;
    clear: both;
    float: left;
    padding-bottom: 10px;
    background: url(/images/headerCurve.jpg) no-repeat rgb(207,195,118);
}
#main h2, #main h3 {
    margin: 0;
    /*color: rgb(223,223,182);*/
	color: rgb(124,29,3);
    font-size: 2em;
    font-weight: normal;
	letter-spacing:-0.08em;
background: url(/images/fleur.gif) no-repeat left 20px;
min-height:25px;
height:35px;
}
#main h3 { 
    font-size: 2em;
}
#main p { margin: 6px 0; padding: 0; }
#main p.red { color: #900; }
#main .lightRed { color: rgb(255,239,255); background: none; }
#main a .lightRed { color: rgb(255,239,255); }
#main .title { font-weight: bold; }
#main .rouge {  font-weight: bold;color: #900; }
#main em { color: #333; }
#colSx {
    float: left;
    margin-top: /*55px;/*15px*/85px;;
    width: /*275px*/28.95%;
    /*height: auto;*/
    padding-left: 40px;
    font-size: 1.1em;
}
#colSx {/* background: url(images/logoBg.jpg) 40px 40px no-repeat;*/ } 
#colSx h2,#colSx h3 { padding-left:0.6em;}  
#colSx h2 { font-size:1.9em; }
#colSx p { padding-right: 15px; } 
#colSx a { text-decoration: none; color: #900; }
#colSx a:hover { text-decoration: underline; }  
#colSx ul { 
    list-style-image: url(http://www.domaine-de-la-louve.com/images/bulletStar.gif);
    padding-left: 15px;
    margin-left: 0;
    width: 245px;
}
#colSx ul li a { color: #630; }
#colSx ul#contatti  {
    list-style: none;
    list-style-image: none; /* solito fix per l'impedito di Exploder */
    padding: 10px 0;
}
#colSx #contatti li { height: 30px; padding: 10px 0 0 45px; }
#colSx #contatti #indirizzo { background: url(/images/indirizzo.gif) no-repeat; }
#colSx #contatti #fax { background: url(/images/fax.gif) no-repeat; }
#colSx #contatti #mail { background: url(/images/mail.gif) no-repeat; }
#colSx #contatti #msn { background: url(/images/msn.gif) no-repeat; }
#colSx #contatti #skype { background: url(/images/skype.gif) no-repeat;}
#colDx {
    float: left;
    margin-top: /*55px*/85px;
    padding-left: 25px;
    background: url(/images/main.jpg) repeat-y;;
    width: /*435px*/62%;
    height: auto;
    font-size: 1.1em;
}
#colDx p { width: /*395px*/auto; padding: 0; }
#colDx .latest{
    width: 135px;
    float: left;
    padding-top: 15px;
    margin: 0;
}
#colDx img {
    /*float: left;*/
    left: 250px;
    top: 15px;
    padding: 15px 0 15px 15px;
    margin: 0;
}
#colDx p img { padding: 15px 0; }
#colDx a img { border: 0; }
#colDx hr {
    clear: both;
    height: 1px;
    width: 395px;
    border-top: 1px solid #630;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 20px;
	margin: 0;
	padding: 0;
}
#colDx .useForm {
	border-top: 1px solid #630;
	clear: both;
	padding: 5px 0;
	margin: 0;
}
#colDx h2,#colDx h3  { width: /*395px*/100%; padding-left:0.6em; }
#colDx h2  { font-size: 2em;}
#colDx h3  { font-size: 1.9em;}
#colDx h2 a,#colDx h3 a{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    text-decoration: none;
    color: rgb(223,223,182);
    font-weight: normal;
    background: transparent;
}
#colDx a:hover { text-decoration: none; color: #333;}
#colDx h2 a:hover,#colDx h3 a:hover { text-decoration: none; color: #900; }
#colDx a { 
    /*color: rgb(124,29,3); */
	color: #900;
    text-decoration: none;
    /*background: rgb(220,220,175);   */  
}
/*#colDx .latestNews p{ clear: both; float: left; /*width: 135px;*/ /*}*/
#colDx .latestNews a { color: #900; }
#colDx .latestNews a:hover { text-decoration: underline; }
#colDx .latestNews img { /*float: right;*/ padding: 7px 0 10px 12px; }  
#colDx .contattiDx { padding-bottom: 10px; }
#colDx p.theTime {   
    padding: 5px 0;
    text-align: right;
    font-style: italic;
    color: #900;
    width: 395px;
    border-top: 1px solid #630;
}
#colDx h4 {
    font-size: 1.2em;
    border-top: 1px solid #630;
    padding-top: 5px;
    color: #900;
    width: 395px;
}
#colDx code { width: 395px; color: rgb(124,29,3); }
#colDx pre { width: 395px; color: rgb(124,29,3);}
#colDx ul.servizi{
    margin: 0;
    padding: 0;
    list-style: none;
	list-style-image: none;
}
#colDx ul.servizi li{ width: 395px; }
#colDx ul.servizio { width: 380px; }
#colDx ul {
    list-style-image: url(http://www.domaine-de-la-louve.com/images/bulletStar.gif);
    padding-left: 15px;
    margin-left: 0;
}
#colDx li a { color: #630; background: transparent;}
#colDx form { margin: 0; padding: 0; background: transparent; }
#colEx {
    float: left;
    margin-top: /*55px*/85px;
    padding-left: 25px;
    width: 925px;
    height: auto;
    font-size: 1.1em;
}
#colEx p { width: /*395px*/auto; padding: 0; }
#colEx .latest{
    width: 135px;
    float: left;
    padding-top: 15px;
    margin: 0;
}
#colEx img {
    /*float: left;*/
    left: 250px;
    top: 15px;
    padding: 15px 0 15px 15px;
    margin: 0;
}
#colEx p img { padding: 15px 0; }
#colEx a img { border: 0; }
#colEx hr {
    clear: both;
    height: 1px;
    width: 395px;
    border-top: 1px solid #630;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin-left: 20px;
	margin: 0;
	padding: 0;
}
#colEx .useForm {
	border-top: 1px solid #630;
	clear: both;
	padding: 5px 0;
	margin: 0;
}
#colEx h2,#colEx h3 { width: auto; padding-left:0.6em; }
#colEx h2 { font-size: 2.2em; }
#colEx h3 { font-size: 2em; }
#colEx h2 a,#colEx h3 a{
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    text-decoration: none;
    color: rgb(223,223,182);
    font-weight: normal;
    background: transparent;
}
#colEx a:hover { text-decoration: none; color: #333;}
#colEx h2 a:hover,#colEx h3 a:hover { text-decoration: none; color: #900; }
#colEx strong { color: #8C2003;}
#colEx a { 
    color: rgb(124,29,3);
	/*color: #900; */
    text-decoration: none;
}
#colEx .contattiDx { padding-bottom: 10px; }
#colEx p.theTime {   
    padding: 5px 0;
    text-align: right;
    font-style: italic;
    color: #900;
    width: 395px;
    border-top: 1px solid #630;
}
#colEx h4 {
    font-size: 1.2em;
    border-top: 1px solid #630;
    padding-top: 5px;
    color: #900;
    width: 395px;
}
#colEx code { width: 395px; color: rgb(124,29,3); }
#colEx pre { width: 395px; color: rgb(124,29,3);}
#colEx ul.servizi{
    margin: 0;
    padding: 0;
    list-style: none;
	list-style-image: none;
}
#colEx ul.servizi li{ width: 395px; }
#colEx ul.servizio { width: 380px; }
#colEx ul {
    list-style-image: url(http://www.domaine-de-la-louve.com/images/bulletStar.gif);
    padding-left: 15px;
    margin-left: 0;
}
#colEx li a { color: #630; background: transparent;}
#colEx form { margin: 0; padding: 0; }

#colEx .latestNews {
	padding-right:25px;
}
#colEx .photo {
	float:right;
}
#theComments { margin: 0; padding: 0; list-style: none; }
#theComments p{ width: 385px; color: #333;}
#subNav { margin: 15px 0; float: left; }
#subNav ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
	width: 397px;
	height: 125px;
    background: url(/images/subNav_over.jpg) no-repeat;
}
#subNav ul li {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: -9999px;	
}
#subNav ul li a {
	border: 0;
	display: block;
	height: 125px;
        text-decoration: none;
    background: url(/images/subNav.jpg) no-repeat;
}
#subNav ul li a:hover {
	border: 0;
	display: block;
        text-decoration: none;
    background-image: url(/images/subNav_over.jpg);
}
li#web a{ width: 130px; }   
li#media a{ width: 136px; }  
li#media a:link, 
li#media a:visited, 
li#media a:hover { background-position: -130px 0px; }
li#seo a { width: 131px; }
li#seo a:link, 
li#seo a:visited, 
li#seo a:hover { background-position: -266px 0px; }
#noCss { clear: both; background: url(/images/footerCurve.jpg) no-repeat; height: /*70*/58px; } 
#noCss p{ display: none; }     
#footer {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    background: url(/images/footer.jpg) repeat-x rgb(124,29,3);
    color: rgb(215,216,165);
}
#footer h2,#footer h3 { margin: 0; }
#footer a { color: rgb(215,216,165); text-decoration: none; }
#footer a:hover {  text-decoration: underline; }
#footerContainer {
    float: left;
    width: 950px;
    padding-bottom: 20px;
    background: url(/images/footerDeco.png) 40px 0 no-repeat;
}
#colSxFooter {
    float: left;
    width: /*210px*/40%; 
    padding-left: /*90*/10px;
    text-align: left; 
}
#colSxFooter h2,#colSxFooter h3 {
    /*background: url(images/logofooter.png) no-repeat right;*/
    width: 230px;
    height: 68px;
}
#colSxFooter span { display: none; }
#colSxFooter ul { 
    list-style: none; 
    text-align: left;
    padding: 0;
    margin: 0;
    padding-left: 38px;
}
#colSxFooter p {
    padding-left: 32px;
}
#colSxFooter ul li{ /*display: block;*/display:inline; float: left; }
#colSxFooter ul li a {
    display: block;
    height: 20px; 
    width: 80px; 
    border: 0;
}
#colSxFooter ul li#xhtml { background: url(/images/xhtml_valid.png) no-repeat; }
#colSxFooter ul li#css { background: url(/images/css_20.png) no-repeat; }
#colSxFooter ul li#wai { background: url(/images/wai_aaa.png) no-repeat; }
#colSxFooter ul li#sec508 { /*background: url(images/section_508.png) no-repeat;*/ display:none; }
#colDxFooter { float: left; width: 350px; padding-left: 15px; }
#colDxFooter h2, #colDxFooter h3 { font-size: 1.7em; font-weight: normal; padding-bottom: 10px; }
#colSxFooter h3,#colDxFooter h3 { text-decoration:none; background:none;
    color: rgb(215,216,165);}
#colDxFooter .date { margin: 0; padding: 0; }
#colDxFooter h4 { margin: 0; padding: 0; font-size: 1.1em; }
#colDxFooter h4 a { text-decoration: underline; }

#icones li {
	display: inline;
	list-style-type:none;
}
#icones li img {
	padding-right:0.5em;
}
#icones li span{
	display: none;
}
.formElement {
    background: url(/images/formBack.gif) repeat-x;
    border: 1px solid #630;
    border-bottom: 2px solid #630;
    border-right: 2px solid #630;
    font-size: 1.1em;
    width: 200px;
    color: #630;
}
.formElementArea {
    background: url(/images/formBackArea.gif) repeat-x rgb(242,243,227);
    border: 1px solid #630;
    border-bottom: 2px solid #630;
    border-right: 2px solid #630;
    color: #630;
    width: 250px;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1.1em;
}
.formElement_nl {
    background: url(/images/formBackArea.gif) repeat-x rgb(242,243,227);
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    color: #630;
    margin-bottom: 2px;
    width: 160px;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1.1em;
}
.formElement_nl_fr {
    background: url(/images/formBackArea.gif) repeat-x rgb(242,243,227);
    border: 1px solid #000;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    color: #630;
    margin-bottom: 2px;
    width: 150px;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1.1em;
}
.formButton {
    background: url(/images/buttonBack.gif) repeat-x rgb(242,243,227);
    border: 1px solid #630;
    border-bottom: 2px solid #630;
    border-right: 2px solid #630;
    color: #630;
    font-family: "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
    font-size: 1.1em;  
}
.portfolioImg { padding: 0 15px; }
/* Alternate background and big numbers on comments */
.color1, .color2 { border-bottom: 1px solid #930; width: 385px; padding: 5px; }
.color1 { background: rgb(220,220,175); }
.color2 { background: rgb(232,232,201); }
#colDx .color2 a {background: none; }
.counter {
	font: bold 6em "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
	color: rgb(255,239,255);
	height: 0px;
	width: 385px;
	text-align: right;
	position: absolute;
	z-index: 10;
}
.theComment { position: relative; width: 385px; z-index: 20;}
.theComment .VisualSyntax { width: 372px; }

.VisualSyntax { 
	width: 382px; 
	padding: 5px; 
	background: url(/images/formBackArea.gif) repeat-x rgb(242,243,227);
	border: 1px solid #630;
	border-bottom: 2px solid #630;
	border-right: 2px solid #630;
}
.flag {
  background: url(/images/gb.gif) center left no-repeat;
  padding-left: 22px;
}
.bandiera {
  background: url(/images/it.gif) center left no-repeat;
  padding-left: 22px;
}
.left {float:left;}
.right {float:right; display:block;}
#vign-photos { float:right; z-index:999; text-align:right;}


/* =Lien externe */
a.externe, a:hover .externe, a:visited .externe {
	background: transparent url(/images/icon_external.gif) no-repeat bottom right;
	padding-right: 18px !important;
	padding-right:2px;
	}

/* Hyperlink Cues */
a[class ="retour"] {
	padding-right: 18px;
	background: transparent url(/images/arrow-up.gif) no-repeat center right;
}

a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(/images/icon_popup.gif) no-repeat center right;
}
a[rel ='external'] {
	padding-right: 18px;
	background: transparent url(/images/icon_external.gif) no-repeat center right;
   border-bottom: 1px dashed #900;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/images/icon_mailto.gif) no-repeat center right;
}
a[rel ~='wikipedia'] {
   padding-right: 18px;
   background: transparent url(/images/icon_wikipedia.gif) no-repeat center right;
   border-bottom: 1px dashed #900;
}
/* =Acronym */
abbr, acronym {cursor: help; border-bottom: 1px dashed #060;}

/* =Tableau */
table { border-collapse: collapse; }
tr {height:2em;}
th, td
{
	border: 1px solid #fff;
	/*padding: .2em .5em;*/
	text-align: center;
	background: #EFE9C2;
	font-weight: normal;
	vertical-align: middle;
}
th .design { text-align:left;}

th p, td p { margin: 0 0 .5em 0; }

thead th,thead td
{
	background: #7C1D03;
	color: #fff;
	font-weight: bold;
}
tfoot { font-style:italic; text-align:left;}

div .haute {background:#DF3737;color: #FFF;}
div .basse {background:#5FDF37;color: #000;}

.col95px {width:95px;}
.source { float:right; font-weight:normal;}
.bandeau { border:2px solid #993300; background-color:#FFFFE6; padding: 0.4em;}
.sautdepage{page-break-before:always;}

#contactform {}
#contactform input {
	left:200px;
}
/* RESERVATION EN LIGNE */
.sidebar {float:right;}
.sidebar #resaonline{
	margin:10px 0;
	padding:0;
	}
	
#resaonline a.addRSS{
	background-color: transparent;
	background-image: url(/images/reservation-online.gif);
	background-repeat:no-repeat;
	text-indent:-9000em;
	padding:0;
	margin:0;
	width:160px;
	display:block;
	height:26px;
	}
#resaonline a.addRSS:link,
#resaonline a.addRSS:visited{
	background-position:0px 0px;
	}

#resaonline a.addRSS:hover{
	background-position:0px -26px;
	}
	
/* *********** SUPPLEMENT WORDPRESS *************** */
	
.item {
	padding: 10px;
	background-color: #FFFFFF;
	background-image: url(images/bg_overlay.png); 
	background-repeat: repeat;
	text-align:left;
	border: 0px #FFFFFF;
	margin-bottom: 1em;
	border: 1pt solid #000000;
	
}

.item ul {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}


.item ol{
	list-style-type: decimal;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 5px;
}

.itemhead h3{
	display: inline;
}

.navigat {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFCC;
}

.navigat a:link, .navigat a:hover, .navigat a:visited{
	color: #FFFFCC;
}

.alignright,droite {
	float: right;
	display:block;
	margin:0.3em;
}

.alignleft,gauche {
	float: left;
	display:block;
	margin:0.3em;
}
.post {
	margin-top:0.6em;
}