/* version 0.3 - 05/2010  */

@import 'reset.css';
@import 'KyoLG13.css';

/**** général ****/
html, body {  }
body { background-color: #000; font-size: 0.76em; font-family: "comic Sans MS", cursive; }
h1 { font-size: 150%; }
h2 { font-size: 115%; }
#Container div { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
p { margin:0 10px 10px; }

.centre { text-align: center; }

/* a { background-color:transparent; font-weight: bold; } */

/**** spécifique layout ****/
div#Container {  margin: auto; max-width: 1440px; }
	div#Header  {  }
	div#Wrapper { margin-bottom: 20px;}
		div#Content { margin-left: 200px; margin-right: 200px; margin-top: 0px; min-height: 50em; position: relative; top: -100px; }

div#Ban { 
	top : -40px;
	position: relative;
	max-width: 800px;
	margin: auto;
	height: 100px;
}


#Container { background-color: transparent; padding:0px 20px;  }


#Header { position:relative; margin-bottom:40px; height: 140px; }
#Header h1 { display: none; }
#Header img#Logo { position: absolute; top: 20px; left: 10px; z-index: 150; }
/*
#Header img { float: left; }
#Header img.mD, #Header img.mG, #Header img#Banniere { position: absolute; top: 42px; }
#Header img.mD { left: 990px; }
#Header img.mG { left: 215px; }
#Header img#Banniere { width: 800px; height: 100px; left: 230px; }
*/

#MenuNav {
	float: left;
	text-align: right;
	margin: 10px 0;
	margin-left: 220px;
	font-weight: bold;
	min-height: 20px;
	}
#MenuNav a, #MenuNav .highlight {
	display: inline;
	margin:0;
	padding:0 0.25ex 0 0;
	text-decoration:none;
	color: white;
	background-color: transparent;
	font-size: 120%;
	}
#MenuNav a:hover, #MenuNav .highlight { }


#Extra { margin-top: -100px;}
#Extra img.promoZodiac { margin: 5px auto; display:block; width:150px; }
#Extra img  { margin: 5px auto; display:block; width:150px; }
#Extra div { text-align: center; padding: 0 25px; color:white; margin-top:15px; }
#Extra div#Ebe { margin-top:25px; }
#Extra div a { display: block; color: inherit; margin: 15px 0; }
#Extra div p { border: 3px #f5f5f5 outset; background-color: #f5f5f5; color: #000; font-size: 125%; font-weight: bold; margin: 0 0 15px;  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

#Footer {
	color: white;
	font-weight: bold;
	font-family:"Courier New",Courier,monospace;
	font-size:100%;
	text-align:center;
	padding: 5px;
	}
#Footer a { color: inherit; }


#Navigation { }
#Navigation div#MenuP img { width: 170px; display:block; margin:10px auto; }
#Navigation div#MenuP {
	background-color: #f5f5f5;
	color: black;
	margin: 0;
	padding: 5px;
	}
#Navigation div#MenuP ul{
	list-style-type: square;
	list-style-type: none;
	list-style-position: outside;
	margin:20px 0 20px 5px;
	}
#Navigation div#MenuP a {
	text-decoration: none; 
	display: block;
	color: inherit;
	}
#Navigation div#MenuP li a:hover { text-decoration: underline; }

#Navigation div#Nouveau {
	border: 4px #f5f5f5 outset;
	margin: 30px 5px 0px 5px;
	color: white;
	font-weight: bold;
	font-size: 125%;
	}
#Navigation div#Nouveau p { margin: 10px; text-align: center; font-size: 85%; }
#Navigation div#Nouveau p.accroche{ color: yellow; text-align: left;}
#Navigation div#Nouveau p a { display: block; text-decoration:none; color: inherit; }
#Navigation div#Nouveau p a:hover { text-decoration: underline; }



/*                        Contenu                            */
table#TableIndex {
	table-layout: fixed;
	margin: -5px auto auto;
	border-spacing: 5px;
	}
table#TableIndex td { 
	background-color: #f5f5f5;
	padding: 5px;
	width:24%;
	text-align: center;
	-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	}
table#TableIndex h1 { min-height: 60px; }
table#TableIndex h1 img.jDtr { }
table#TableIndex td img.imgT { width: 100%; }
table#TableIndex p { line-height: normal; }
div.concession {
	font-family: sans-serif;
	color: black;
	background-color: #f5f5f5;
	padding: 10px;
	margin:10px 50px;
	}
div.concession ul {
	list-style-type: none;
	text-align: justify;
	font-size: 90%;
	font-weight: bold;
	margin:0 10px;
	}
div.concession ul li {
	display: inline;
	line-height: 1.25em;
	margin: 5px 0 0 10px;
	padding: 0;
}

#Wrapper {  }
#Content p { line-height: 1.4; }
#Content img.pageBrochure { margin: auto; display: block; width: 100% !important; max-width: 800px;}
#Content div.chargement, #Content div.chargement a { color: #f5f5f5; }
#Content div.chargement { position: absolute; top: 90px; left: 80px; padding: 10px; border: 2px outset #f5f5f5; display: inline; }


h1#Position { 
	background-color: transparent;
	color: gray;
	font-size: 100%;
	position: absolute;
	left: 20px;
	top: 0px;
	}
.contenu { background-color: #f5f5f5; padding: 5px 10px; min-height: 50em; margin-top:-25px; }
.contenu div { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.contenu h2 { margin: 10px 0 5px; }
.contenu h2 { margin: 5px 0 5px; }

div.large { width: 100%; }
div.moitie { width: 50%; }
div.tiers { width: 33%; }
div.tiers2 { width: 66%; }
div.quart { width: 25%;}

#Contact.contenu { position: relative; }
#Contact.contenu div.adresse { float: left; width: 49%; }
#Societe.contenu { padding:2em; }
#Societe.contenu h1 { margin: 1em 0; }
#Societe.contenu h2 { font-size: 150%; }
#Societe.contenu p, #Societe.contenu h2 { margin:0 36px 12px; }
#Societe.contenu #map { width: 100% !important; max-width: 750px; }
#Plan.contenu h2 { text-align: center; }
#Plan.contenu div.boxe.moitie { float: left; width: 40%; margin-left: 10%;}
#Plan.contenu hr { clear: left; visibility: hidden; }
#Site.contenu div.boxe { float: left; }
#Site.contenu hr { clear: left; visibility: hidden; }
#Site.contenu div.boxe ul { margin: 0 0 10px 20px; }

#Tarif.contenu hr { clear: both; visibility: hidden; }
#Tarif.contenu div.boxe { float:left; text-align:center; }
#Tarif.contenu a { text-decoration: none; }
#Tarif.contenu a:link { color:#000; }
	a span.link { text-decoration: underline; }
#Tarif.contenu .promoZodiac img { width:95%; max-width:275px; }
#Tarif .test { margin-left: 5px; padding-right: 5px; text-align: center; }
#Tarif .test img { width:80px; height:90px; display: inline; }
#Tarif h2 { padding-left: 0px; 
	background: #0EA8E1;
	-moz-box-shadow: 0px 3px 5px #0EA8E1;
	-webkit-box-shadow: 0px 3px 5px #0EA8E1;
	box-shadow: 0px 3px 5px #0EA8E1;
	text-align: center;
}
#Tarif h2.tGrey { 
	background: #D7D4C3;
	-moz-box-shadow: 0px 3px 5px #D7D4C3;
	-webkit-box-shadow: 0px 3px 5px #D7D4C3;
	box-shadow: 0px 3px 5px #D7D4C3;
}
#Tarif h2.tOrange { 
	background: #F58138;
	-moz-box-shadow: 0px 3px 5px #F58138;
	-webkit-box-shadow: 0px 3px 5px #F58138;
	box-shadow: 0px 3px 5px #F58138;
}
#Tarif h2.tGreen { 
	background: #8EA765;
	-moz-box-shadow: 0px 3px 5px #8EA765;
	-webkit-box-shadow: 0px 3px 5px #8EA765;
	box-shadow: 0px 3px 5px #8EA765;
}
#Tarif div.categorie { border: 1px #D0D0D0 solid; float: left; margin-left:5px;
border-width: 0 1px 1px 0;
	-moz-border-radius: 0 0 5px 0; -khtml-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;
	margin-top: 5px;
	-moz-box-shadow: 2px 2px 5px #D0D0D0;
	-webkit-box-shadow: 2px 2px 5px #D0D0D0;
	box-shadow: 2pxx 2px 5px #D0D0D0;
}

#Tarif h3 { padding-left: 5px; padding-right: 5px; background: #fff; text-align:center; border-bottom: #D0D0D0 solid 1px; margin-bottom: 1px;
	-moz-box-shadow: 0px 2px 5px #D0D0D0;
	-webkit-box-shadow: 0px 2px 5px #D0D0D0;
	box-shadow: 0px 2px 5px #D0D0D0;
}
#Tarif h4 { padding: 0 5px; min-width: 80px; border-bottom: #D0D0D0 solid 1px; margin-bottom: 1px;
	-moz-box-shadow: 0px 2px 5px #D0D0D0;
	-webkit-box-shadow: 0px 2px 5px #D0D0D0;
	box-shadow: 0px 2px 5px #D0D0D0;
}

#Zodiac.contenu h1 a { text-decoration: none; }
#Zodiac.contenu h1 a:link { color:#000; }

#Zodiac.contenu div.boxe { float: left; }
#Zodiac.contenu div.boxe ul { margin: 0 0 0 20px; }
#Zodiac.contenu div.services ul { margin: 0 0 0 70px; }
#Zodiac.contenu hr { clear: left; visibility: hidden; }
#Zodiac.contenu h1 { margin:16px 8px; font-size: 130%; padding: 5px ; }
#Zodiac.contenu h2 { text-align:center; }
#Zodiac.contenu img { vertical-align:middle; }
#Contact.contenu hr { clear: both; visibility: hidden; margin: 3em; }
#Contact a { color: #3264B4;}

.contenu h1 { margin: 15px 0 5px; }
.contenu h1 { margin: 1em 2em; text-align: center; background: white; border: 1px #3264B4 solid; border-top-width: 0; border-left-width: 0; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

table#TableIndex td.sansC { background-color: transparent; }

#Contact p { text-align: center; }
#FormulaireContact { clear: right; }
/*
#FormulaireContact p { margin-left: 3em; }
#Formulaire { margin: auto; width: 40em; }
*/
#Formulaire fieldset { border:0; width:450px; margin:1em auto 0; text-align:left; padding:0.5em; }
#Formulaire p { width:350px; margin:0 auto; text-align: center; }
#Formulaire fieldset * { float: left; width: 360px; }
#Formulaire fieldset br { clear: left; }
#Formulaire legend { display:none; }
#Formulaire label { width: 80px; text-align: center; }
#Formulaire .requis { color: red; font-style: italic; font-weight: bold; font-size: 103%; }
#Formulaire input.requis { background-color: #fafafa; border:1px inset #FF6347 !important;}
#Formulaire input {  }
	#Formulaire input.formVille { width: 214px;}
	#Formulaire input.formCP { width: 60px; text-align: center; }
	#Formulaire input.formSubmit { width: 80px; text-align: center; margin-left:235px; margin-top:10px; padding:0 4px; border:1px solid #008080; color:#008080; }
#Formulaire input[type=text]:focus, #Formulaire textarea[id]:focus { border:2px solid #008080;  }
#Formulaire textarea { }
#Formulaire select, #Formulaire form option { width: 200px; }

table#Ouverture { 
	margin:1em auto;
	border-collapse:collapse;
	background-color: white;
	width:60%;
	}
table#Ouverture, table#Ouverture th, table#Ouverture td, table#Ouverture caption { text-align:center; border:1px solid #297a73; }
table#Ouverture caption { display: none; }
table#Ouverture tbody tr:hover { background: #F5F5F5; }
table#Ouverture thead th  { font-style: italic; }
table#Ouverture tbody td, table#Ouverture tbody th  { font-weight: bolder; vertical-align:middle; }
table#Ouverture tbody {  }

/*   dev  */


span.visible0 { visibility: hidden; }


div#Ban img#Banniere { width: 100%;}
.masque { 
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.display0 { display: none !important; color:#fff }

div.contenuAncien { display: none; }

div#imgCubeLim { width: 160px; height: 120px; margin: 0 15px; margin-top: 3px;}
div#imgCubeLim, div#imgCubeLim div { -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }

/********************************/
a#coinDevis, a#coinPromos {
background:transparent url(Coin_db.png) no-repeat scroll right bottom;
	bottom:0;
	display:block;
	height:60px;
	position:fixed;
	right:0;
	text-decoration:none;
	text-indent:-999em;
	width:60px;
	z-index:50;
}
a#coinDevis:hover, a#coinPromos:hover {
	opacity: 0.8;
}
a#coinPromos { background:transparent url(Coin_dh.png) no-repeat scroll right top; top:0; }

div.ppt a { color: #FFFFFF; }