@charset "utf-8";
/*

Description: Website by <a href="http://ardephwerk.fr/">Ardephwerk Rachael Hampton</a>
Version: 1.1
Author: Ardephwerk Rachael Hampton
Author URI: http://www.ardephwerk.fr

*/



/* Body
-------------------------------------------------------------------*/

body {
	background:#ffffff url( images/bg-hs.gif) center top no-repeat  ;
	font-family:Century gothic, Arial,Tahoma,sans-serif;
	color:#663b16;
	font-size:13px;
	}
.clear{ clear:both;}
* { margin: 0; }

html, body { height: 100%}
/* Header
-------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {   font-style: normal;font-family: “Trebuchet MS”, sans-serif;
font-weight: normal; text-transform: normal; color:45a12b ;  }

h1 { 
font-size: 30px; text-transform:capitalize;
letter-spacing: 1px;
line-height: 1.2em; 
letter-spacing: 1px;

}
h2 { 
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1.2em;}

h3 { font-size: 1.5em; line-height: normal; margin-bottom: 0.2em; margin-top: 0.40em; letter-spacing: 1px; }
h4 { font-size: 1.2em; line-height: normal; margin-bottom: 1em; font-weight: bold; letter-spacing: 1px; margin-top: 0.40em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1em; margin-top: 0.40em;  }
h6 { font-size: 1em;  margin-bottom: 1em; margin-top: 0.40em; }

.fondtitres { color: #ffffff; background-color: #80596a; padding: 5px 5px 5px 5px; }
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* Typography = Text elements
-------------------------------------------------------------- */

p           { font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
font-size: 13px;
font-weight: normal;
text-transform: normal;
letter-spacing: 1px;
line-height: 1.4em;
margin: 0px 0px 5px 0px; padding: 5px 5px 5px 0px; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover     { color: #72b75e; }
a           { text-decoration: none; color:#5aa245;}
/* Remove annoying border on linked images. */
img { border: none; }
a img { border: none;  }



/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



blockquote  { margin: 1.5em; color: #666; font-style: italic; quotes:inherit; font-size:20px; }
strong      { font-weight: bold; }
em,dfn,i      { font-style: italic; color:#268e08; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Typography = Lists
-------------------------------------------------------------- */

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
hr {border:dotted thin #CCCCCC; margin-bottom: 20px; }

ol ,li {padding: 0px 5px 0px 0px; display:inline; }
ul, li {list-style:none; padding: 0px 5px 0px 0px;
} 
.ul { margin: 0px 0px 0px 15px; padding: 0px 5px 0px 10px; }

.li { display :list-item; list-style-type: square; list-style-position:outside;  margin: 0px 0px 0px 15px; padding: 0px 5px 0px 10px; font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";  font-size: 13px; font-weight: normal; text-transform: normal;
letter-spacing: 1px; line-height: 1.4em; }


#ul {width: 300px; float:left; display:block; }

#ul2 {width: 300px; float:left; display:block; padding: 5px 0px 15px 10px; }
.ulh11 { width: 250px; float:right;}

/* Typography = Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em;
letter-spacing: 1px; font-family:Verdana, Arial, Helvetica, sans-serif, "Century Gothic";  }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.fond   {background: url(images/fond-main.png) center repeat-y; }

.paddingleft    {  padding-left:15px; padding-right:70px }
.paddingright   {  padding-right:10px; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:20px; padding-top:15px; }
.bottom     { margin-bottom:5px; padding-bottom:5px; }
.inline     {display:inline;}
.block     {display:block;}
.left       {float: left;}
.right      {float:right; }
.clear      {clear: both;}
.paddingtopbottom { padding-top: 20px; padding-bottom: 20px; }
/* Container
-------------------------------------------------------------------*/

#main{ width: 915px; height:auto; ; margin: 10px auto; background: url(images/fond-main.png) center repeat-y; padding: 30px 0px 15px 0px; border: #CCCCCC thin dotted;}

/* --- Grid --- */

#grid {
  width: 871px;
  margin: auto;
}

#spacer {
  float: left;
  width: 15px;
  height: 1px;
}

#grid-row{
  float: left;
  width: 199px;  height:auto;  
}
#grid-footer{
  float: left;
  width: 230px;  height:auto;  
}
#grid-footer2 {float:left; width:350px; height:auto; }
#grid-2row {float:left; width:413px; height:auto; }

#grid-4row {float:left; width:841px; height:auto; }

#grid-3row {float:left; width:627px; height:auto; }

/* Navigation
-------------------------------------------------------------------*/
      
		 
#nav, #nav ul{
margin:0;
padding:0;
	font-weight:bold;

list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 5px;

color:#fff;
text-decoration:none;
background:#5aa245;
}

#nav a:hover{
background-color:#78d15e;
color:#333; 
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 5px 0px 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}










/* Content
-------------------------------------------------------------------*/
.dates { border-left:thin #CCCCCC dotted ; padding: 5px 0px 15px 10px; }
.topbottom{border-bottom: thin #CCCCCC dotted ; padding: 20px 0px 20px 0px; }

#team { width: auto; height: 300px ; display:inline; }
.teamright {margin-right: 200px; }

#tkts { width: 850px; height:auto; padding: 10px 25px 10px 25px;  }

#hometkts { height:auto; float:left; }

#photos { padding: 10px 0px 5px 0px; width: 900px; height:250px; }

#dates { float:left; border-bottom:thin dotted #660000; padding: 20px 0px 20px 0px;}

/* Sidebar
-------------------------------------------------------------------*/













/* Newsletters
-------------------------------------------------------------------*/
 
.news { background:url(images/bando-news2.png) no-repeat center top ; border: none; min-height: 326px; width:199px;  }

#formule{
	position: relative;
	background-color: transparent;
	border: none;
}
 .saisie{
	position: absolute;
	display:block;
	top: 242px;
	left: 30px;
	width: 135px;
	height: 18px; 	background-color: transparent;
	font: normal normal normal 11px/13px Helvetica, Arial, sans-serif;
	color: #333; font-size: 13px; border: none;
}
 .bouton{
	position: absolute;
	display:block;
	top: 270px;
	left: 65px;
	width: 68px;
	height: 30px;
	background: transparent;
	border: none; color:#ffffff; font-weight:bold; font-size: 13px;
}



/* images sliders
-------------------------------------------------------------------*/
#slider1 { 
    width: 841px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */ 
	overflow: hidden; /* important */
	 margin:5px 0px 5px 0px;
	  
}


#slider1Content {
    width: 841px; /* important to be same as image width or wider */
   
top: 0; /* important */
   margin-left: 0; /* important */
left: 0px;
border: 0px;

margin: 0px;
margin-right: 0px;
padding: 0px;
right: 0px;
}
.slider1Image {
    float: left;
   
	display: none;
}


.slider1Image span strong {
    font-size: 14px;
}
.sleft {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.sright {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 290px;
}








/* Comment + Contact .... Form
-------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {
	outline: 0;
}




#mi-footer {
width: 915px; height:auto; ; margin: 15px auto; margin-bottom:5px; background: url(images/fond-main.png) center repeat-y; padding: 30px 0px 15px 0px; border: #CCCCCC thin dotted;
	
	
}





/* Footer
-------------------------------------------------------------------*/

#fcontainer{
margin: 0px auto; width: 100%; min-height:506px;
background: url(images/bg-hs-bottom.png) no-repeat center bottom ;
	
 }


#footer {
width: 915px; height:auto; ; margin: 15px auto; margin-bottom:5px; background: url(images/fond-main.png) center repeat-y; padding: 30px 0px 15px 0px; border: #CCCCCC thin dotted;
	
	
}