/*-----------------------------------------------------------------------------------------

     ____..____      ________                        .__     .__                          
    |    ||    |    /  _____/_______ _____   ______  |  |__  |__|  ______  _____    ____  
    |    ||    |   /   \  ___\_  __ \\__  \  \____ \ |  |  \ |  | /  ___/ /     \ _/ __ \ 
/\__|    ||    |___\    \_\  \|  | \/ / __ \_|  |_> >|   Y  \|  | \___ \ |  Y Y  \\  ___/ 
\________||_______ \\______  /|__|   (____  /|   __/ |___|  /|__|/____  >|__|_|  / \___  >
                  \/       \/             \/ |__|         \/          \/       \/      \/ 

[Master Stylesheet]

Project:		Tiptopmobilgril
Version:		1.0
Creation: 		JLGraphisme
Last change:	20/01/2010
-----------------------------------------------------------------------------------------*/



h1 {
	font-size:138.5%;
	color:#FFF;
	padding-left:20px; 
}
h2 {
	font-size:123.1%; 
}
h3 {
	font-size:108%;  
}
h1,h2,h3 {
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
blockquote,ul,ol,dl {
	margin:1em;
}
ol,ul,dl {
	margin-left:2em;
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
dl dd {
	margin-left:1em;
}
th,td {
	border:1px solid #000;
	padding:.5em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table {
	margin-bottom:1em;
}

a {
 text-transform: capitalize;
 color: #000;
 text-decoration: none;
 letter-spacing: -1px;
 font-weight:bold;
 font-size:90%;
}

a:hover { color: #FFCC00; }

.breaker { clear:both; height:1px; overflow:hidden; }

/* images */
img.small{ width:30%; float:left; margin-right:10px;}
img.medium{ width:50%;float:left; margin-right:10px;}
img.large{ width:100%;}

a.imageGalerie img{float:left; width:10%; margin-right:2px; border:6px solid #EBEBEB;}
a:hover.imageGalerie img{float:left; border:6px solid #FF6600;}

/* readMore link */
.readMore{/*background: #FF6600;*/ display:block; clear:both;text-align:center; }
span.readMore a{/*background: #FF6600;*/ background:url(../images/bg_readMore.jpg) no-repeat left top; display:block; clear:both; width:100px; float:right; padding:4px; color:#FFF;}
span.readMore a:hover{ color:#FFF; text-decoration:none; background:#000 url(../images/bg_readMoreOver.jpg) no-repeat left top;}

/* alert */
.alert{color:#990000;}


* {margin: 0;padding: 0;}
body { background:#000 url(../images/bg_container3.jpg) no-repeat center top;  font:0.9em/1.2em Georgia, "Times New Roman", Times, serif;  color:#FFF;}


/* CONTENEURS PRINCIPAUX */
#container { margin:auto; width:960px; }
#content{float:left; display:block; width:960px; padding:0 0 30px 0;background:url(../images/bg_bois.jpg) repeat-y left top;}
#tableContent{width:960px; border: none; margin:0; padding:0;}
#tdContentGauche{width:540px; margin-left:16px; margin-right:16px; color:#000; }
#tdContentDroit{width:340px; margin-right:10px;}
/*#leftcolumn{float:left; display:block; width:540px; margin-left:16px; margin-right:16px; color:#000;}
#rightcolumn{float:right; display:block;width:340px; margin-right:16px;}*/
#footer {clear:both; height:105px; font-size:80%;}
/* specifics index */
#index-intro, #index-video{ width:100%; float:left; }
#index-intro{ margin-bottom:10px; padding-left:6px; padding-top:10px;}
div#Scroller{float:left;width:609px;height:58px;padding:14px 10px 0 10px;background:url(../images/bg_ref.png) no-repeat left top;}
marquee.Scroller{ padding:14px 30px 0 20px;}
span.Scroller1{ font-weight:bold; font-size:110%; color:#FFF; }

/* HEADER */
#header{width:100%; height:315px;}

#logo h1 {
 display: none;
 float: right;
 width: 690px;
 height: 100px;
 text-indent: -9999px;
}
#logo h1 a {
 display: none;
 width: 100%;
 height: 100%;
 outline: none;
}

/* NAVIGATION */
#easy-access{display:none;} /* Accès facile */
#nav-box {display:none; width:40%; float:left;position:relative;left:0; top:-150px; }
#nav-box li {display:none;list-style:none; text-indent:-3000px;display:block; float:left;  z-index:100;}
#nav-box li#index a{ display:none; position:relative; width:34px; height:194px; background:url(../images/btn_nav2.png) no-repeat left top; left:10px; top:-76px;  }
#nav-box li#contacts a{ display:none; position:relative;width:36px; height:194px; background:url(../images/btn_nav1.png) no-repeat left top; left:16px; top:-56px; } 
#nav-box li#sitemap a{ display:none; position:relative;width:34px; height:194px; background:url(../images/btn_nav3.png) no-repeat left top; left:20px; top:-40px; } 
#nav-box li#index a:hover,#nav-box li#contacts a:hover,#nav-box li#sitemap a:hover {top:-10px;}

#navigation {
 height: 70px;
 width: 960px;
 float: left;
 padding:10px 0 0 40px;
 background:url(../images/bg_nav_header.png) no-repeat left top;
 margin:0;
}
.nav-links li {
 display: inline;
 padding: 0px 10px 0 0;
 border-right:1px solid #FFF;
}
.nav-links li a {
 text-transform: capitalize;
 color: #fff;
 text-decoration: none;
 letter-spacing: -1px;
 font-weight:bold;
 font-size:90%;
}
.nav-links li a:hover { color: #FFCC00; }

/* navigation secondaire des pages des articles */
div#nav-sub {width:100%; margin:0 0 20px 60px; padding-top:30px; float:left; color: #FF3300;}
div#nav-sub a{ color:#CCC; border:1px solid #CCC;  padding:0 5px 0 5px; text-align:center; margin-right:2px;}
div#nav-sub a:hover{ color: #FF6600; border:1px solid #FF6600; }


/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	/*background: #6A6458;*/	
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding:10px 0 0 10px;
	border: 0;
	position:relative;
	z-index:5000;	
	/*position: absolute;
	top: 0;
	left: 0;*/
	font-size:90%;
}
#menuDeroulant li
{
	float: left;
	/*width: 150px;*/
	margin: 0;
	padding: 0;
	border: 0;
	list-style:none;
}




#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #000;
	/*background:url(../images/bg_menu_deroulantNiv1.jpg) no-repeat left top ;*/
	margin: 0 4px 0 0;
	padding: 4px 8px;
	/*border-right: 1px solid #fff;*/
	text-decoration: none;
	/*border: 1px solid #CFCFCF;*/
	-moz-border-radius:6px;
	border-radius:6px;
}
#menuDeroulant li a:hover {/* background-color: #F2462E;*/ background:url(../images/bg_menu_deroulantNiv1.jpg) no-repeat left -26px ;}
#menuDeroulant li a:active { /*background-color: #5F879D;*/ background:url(../images/bg_menu_deroulantNiv1.jpg) no-repeat left top ;}

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size:90%;
	background:#000;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 180px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	/*background:#000;*/
	background:url(../images/bg_menu_deroulantNiv2.jpg) no-repeat left top ;
}





#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #000;
}

#menuDeroulant li:hover > .sousMenu { display: block; }



/*block*/
.block {
	float:left;
	width: 540px;
	margin: 2px auto 10px auto;
	background:url(../images/bg_block.png) no-repeat left top;
	/*border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;*/
	padding: 20px;
	}
.block h2 {
  color: #000;
  line-height: 1.2em;
  font-size: 1em;
  letter-spacing:0.1em;
  font-weight:bold;
  margin:-2px 0 0 -10px;
  padding-top:10px;
  padding-left:20px;
  background:url(../images/bg_block_h2.png) no-repeat left top;
  height:53px;
}
.block h2 span {font-size:74%;font-variant:small-caps;letter-spacing:1.2 em; display: block; width:100%; margin:0; padding:0;}
.block-int {float:left; display:block;width:96%; background:url(../images/bg_bois2.jpg) repeat-y left top; padding:20px;}

.block-droit{
	float:left;
	width: 90%;
	margin: 10px auto 10px 6px;
	background:url(../images/bg_bois_mini.jpg) repeat-y left top;
	/*border: 1px solid #CFCFCF;
	-moz-border-radius:6px; 	
	border-radius:6px;*/
	padding: 5px;
}

.block-droit h3{ margin:0; padding:10px 0 0 30px; background:url(../images/bg_bd-h3.png) repeat-x left top; height:40px; display:block; font-size:110%; color: #FFF;  }
.block-droit a{ margin:0; padding:0; color: #FFF;}
.block-droit a:hover{ text-decoration:underline;}
.block-droit ul{ margin:0; padding:0; list-style:square;}
.block-droit ul li{ margin:0; padding:0; color: #FFF; display:block; width:99%; font-size:90%; list-style:square;}
.block-droit span{ margin:0; padding:0; color: #CCC; display:block; width:99%; font-size:70%;}
.block-droit table, tbody, tr, td{ margin:0; padding:0;}
.block-droit tbody span{ display:inline;}

.block-photos {
	float:left;
	width: 94%;
	margin: 2px auto 10px auto;
	background:url(../images/bg_block.png) no-repeat left top;
	/*border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;*/
	padding: 20px;
	}
	
.block-news{
	float:left;
	width: 96%;
	margin: 2px auto 2px 2px;
	background: #333;
	padding: 2px;
}

.block-pdf{
	float:left;
	width: 98%;
	margin: 2px auto 2px 2px;
	background: #333;
	padding: 5px;
	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
}
.block-pdf h3 { color:#FFF; margin:0 0 20px 0; padding:0;}
.block-pdf li.pdf { background:url(../images/icon_pdf.gif) no-repeat left center; padding-left:18px; list-style:none; font-size:80%; }
.block-pdf a{ color:#fff;}
.block-pdf a:hover{ color:#fff; text-decoration:underline;}



/* FOOTER */
#footer {
 background:url(../images/bg_footer.jpg) no-repeat center bottom ;
 text-align: center;
 height: 460px;
 clear:both;
}
#footer-content {
 width: 960px;
 margin: auto;
}
#footer-content p {
 color: #ccc;
 text-align: center;
 padding-top: 10px;
}

#footer-content a {
 text-transform: capitalize;
 color: #33CCFF;
 text-decoration: none;
 letter-spacing: -1px;
 font-weight:bold;
 font-size:90%;
}
#footer-content  a:hover { color: #FFCC00; }
#footer_nav{ display:block; width:942px; height:56px; background:url(../images/bg_footer_nav.png) no-repeat center top; margin:0; padding-top:20px; text-align:center;}
#footer_nav a{ color:#FFF;}
#footer_nav a:hover {color:#FFF; text-decoration: blink;}

/* FIL D'ARIANE */
	ul.fil-ariane {
        list-style-type:none;
        width:609px;
		height:36px;
        margin:0 0 20px 0;
        padding:8px 0 0 20px;
		background:url(../images/bg_breadcrum.png) no-repeat center top;
    }
    ul.fil-ariane,ul.fil-ariane a {color:#FFF;}
	ul.fil-ariane a:hover {color:#FFF; text-decoration: blink;}
    ul.fil-ariane li {
        float:left;
        margin:0 4px 0 0;
		padding-left:26px;
        font-size:90%;
		list-style-type:none;
		background:url(../images/etoile.png) no-repeat left top;
	}
	
/* MOTEUR DE RECHERCHES */
form#search { background:url(../images/bg_searchForm.png) no-repeat left top; width:230px; height:109px; padding:44px 0 0 100px;}
#search fieldset {border:0; padding:0;}
#search label{ text-indent:-2000px; display:block; height:0; margin:0; visibility:hidden;}
#search input[type=submit]{background:#FF6600; margin:0px; color:#FFF; border:1px solid #FF6600;}
#search input[type=text]{border:1px solid #FF6600; background: #FFF; width:150px;}


.block-search {
	width: 98%;
	margin: 10px auto 10px auto;
	background: #C6E2FF;
	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
	padding: 5px;
	float:left;
}
.block-search ul { margin:0 0 10px 0; font-size:100%;}
.block-search ul a { margin:0 0 10px 0; font-size:110%;}
.block-search p {line-height:0.9em;}
.block-search .highlight { background-color:#ccffff; margin:0 2px 0 2px; padding-left:2px; font-weight:bold;}
.block-search span.uri{ color:#999; font-size:80%;}

/* FLUX RSS */
div#rss a{display:block; width:46px; height:45px; margin:100px 40px; background:url(../images/icon_rss.png) no-repeat left top; clear:both;text-indent:-3000px;}
div#rss span :link{ text-indent:-3000px; }

/* CONTACT FORM */	
form#contactForm {float:left; margin-bottom:20px; }
form#contactForm fieldset {border:1px solid #000; padding:10px; margin:10px;}
form#contactForm legend {color: #000;padding-top:10px; padding-bottom:10px;}
form#contactForm  p { padding-bottom:10px; text-align:right;}
form#contactForm  span {color: #000;}
form#contactForm  label{ color:#000; margin-right:20px; text-align:right;}
form#contactForm  input[type=text]{width:280px;}
form#contactForm  textarea{width:280px;}
form#contactForm  input[type=password]{width:280px;}
form#contactForm  input[type=submit]{width:280px; margin-top:10px; border:1px solid #FF6600; cursor: pointer;  background: #FF6600; color:#FFF;}

/* RESA FORM */	/*
form#resaForm {float:left; margin-bottom:20px; }
form#resaForm fieldset {border:1px solid #000; padding:10px; margin:10px;}
form#resaForm legend {color: #000;padding-top:10px; padding-bottom:10px;}
form#resaForm  p { padding-bottom:5px;}
form#resaForm  span {color: #000;}
form#resaForm  span.small {color: #000; font-size:70%;}
form#resaForm  label{ color:#000;  text-align:left; }
form#resaForm  input[type=text]{width:230px;}
form#resaForm  textarea{width:230px;}
form#resaForm  input[type=password]{width:230px;}
form#resaForm  input[type=submit]{width:230px; margin-top:10px; border:1px solid #FF6600; cursor: pointer;  background: #FF6600; color:#FFF;}*/

/* GUESTBOOK FORM */	
form#guestbook {float:left; margin-bottom:20px; color:#FFF; }
form#guestbook fieldset {border:1px solid #FFF; padding:10px; margin:10px;}
form#guestbook legend {color: #FFF;padding-top:10px; padding-bottom:10px;}
form#guestbook  p { padding-bottom:10px; text-align:right;}
form#guestbook  span {color: #FFF;}
form#guestbook  label{ color:#FFF; margin-right:20px; text-align:right; text-indent:-3000px; display:none;}
form#guestbook  input[type=text]{width:250px;}
form#guestbook  textarea{width:250px;}
form#guestbook  input[type=password]{width:250px;}
form#guestbook  input[type=submit]{width:250px; margin-top:10px; border:1px solid #FF6600; cursor: pointer;  background: #FF6600; color:#FFF;}

/* SITE MAP */
ul#sitemap{text-align:left; margin:0px; padding:10px; width:94%;background:url(../images/bg_bois2.jpg) repeat-y left top; }
ul#sitemap li.niv0 {list-style:none;  color:#FFF; font-size:100%; }
ul#sitemap li.niv1 {list-style:none; margin:10px 0 0 20px; padding:0 0 0 15px; background:#000; color:#FFF; font-size:100%;  }
ul#sitemap li.niv1 a{ color:#FFF;}
ul#sitemap li.niv2 {list-style:none; margin-left:50px; padding:0px; color:#000; font-size:90%; font-weight:normal;  }