@charset "utf-8";
/* CSS Document */
html, body{ margin:0; padding:0; font-size:14px;}
html{ background:#232323 url(cafe-bretagne/fond-site.png) no-repeat top center ;color:#CCC;}
body{ }
/*STRUCTURE--------------------------------------------------------------*/
#global{ width:1010px; position:relative; margin:0 auto;}
/*STRUCTURE FIN--------------------------------------------------------------*/
h2{ color: #fff;  font-weight:normal; text-transform: uppercase;font-size: 12px; letter-spacing:3px;}
h1{ color: #C3996B; font-weight:normal; text-transform: uppercase; font-size:14px; letter-spacing:4px;}
p{ text-align:justify; margin:7px 0; }
a{ color:#ccc;text-decoration:none;}
a:hover{ color: #999;}
/*--------------------------------------------------------------------*/
/*HEADER--------------------------------------------------------------*/
#logo { display:block; width:247px; height:144px; float:left; margin:0;}
#logo a{ display:block; width:247px; height:144px; text-indent:-9999px; background:url(cafe-bretagne/logo.png);}
/**/
#menu{ list-style:url(/cafe-bretagne/puce.png); float:left; margin:100px 0 0 400px; padding:0; }
#menu li{ float:left; margin:0 25px 0 0; padding:0 0 0 6px;}
#menu li a{ color:#FFF; position:relative; top:-3px; }
#menu li a:hover{  color:#CCC;}
/*HEADER FIN--------------------------------------------------------------*/
/*ANIME FOND FIN--------------------------------------------------------------*/
#anim-home{ width:1010px; height:410px; border:#646464 solid 1px; position:relative; clear:both;}
.images-home {  position: relative; cursor:pointer; overflow:hidden; height:400px; width:1000px; border:#646464 solid 1px; margin:4px;}
.images-home img {display:none; position:absolute; top:0; right:0;}
#anim{ width:1010px; height:310px; border:#646464 solid 1px; position:relative; clear:both;}
.images {  position: relative; cursor:pointer; overflow:hidden; height:300px; width:1000px; border:#646464 solid 1px; margin:4px;}
.images img {display:none; position:absolute; top:0; right:0;}
/*ANIME FOND FIN--------------------------------------------------------------*/
/*CONTENU--------------------------------------------------------------*/
#contenu{ width:1010px; background:url(cafe-bretagne/fond-menu.png) no-repeat top center; overflow:auto; margin:15px 0 0 0 ;}
/**/
 #nav { margin: 3px 0 0 0; padding:0 0 0 140px; position: relative; height:30px; list-style:none; }
 #nav *:hover { background-color: none; }
  #nav li {  float:left; margin:0; padding:0 35px 0 45px; text-align:center; position: relative; background:url(../cafe-bretagne/puce.png) no-repeat top left;  }
  #nav li.no-puce{ background:none;}
  #nav li a{ height:30px; }
  #nav li.petit a{ font-size:10px; line-height:13px; }
  #nav li.petit ul a{ font-size:12px; line-height:30px; }
  #nav a { display: block ;color:#FFF; position:relative; line-height:30px;  font-size:12px; letter-spacing:3px; }
  #nav a:hover{  color:#CCC;}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; top:29px; width:160px; background-color:#2B2728; list-style:none;}
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; border-bottom: 1px solid #000;} /* IE6/7 fix */
    #nav ul li { float: none; margin:0; padding:0; }
    #nav ul ul { top: 0;left: 161px; }
  #nav ul li.hover { background-color:#3D3639; }
    #nav ul li a { background-color:#2B2728; }
      #nav ul a.hover { background-color:#3D3639; } 
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



	
/* tab pane */ 
#texte { background:url(cafe-bretagne/fond-contenu-top.png) no-repeat top center; padding:0 16px; }
#texte div { min-height:150px; padding:15px 20px; border-bottom:#4A443C solid 1px; border-left:#4A443C solid 1px; border-right:#4A443C solid 1px; background:url(cafe-bretagne/fond-contenu.png) no-repeat top center; overflow:auto; display:block;}
.gamme-cafe{ list-style:none; margin:0; padding:0; float:left;}
.gamme-cafe li{ float:left; margin:0 7px; padding:0; width:170px; text-align:center;}
.gamme-cafe li p{ text-align:center;}
#texte div .gamme-cafe li h2{color: #C3996B;}

#texte div .gch{ float:left; width:570px; background:none; border:none;}

#texte div .drt{ float:left; width:250px; border:#000 solid 1px; padding:10px 10px 15px 15px; margin:50px 0 0 20px; background:#807861;  color:#FFF;}
#texte div .drt h1{ color:#000; font-size:12px;}
#texte div .drt ul{ margin:0; padding:0 0 0 18px;}

#texte div h2{ margin:20px 0 0 0; color:#9D7FB3;}
#texte div h3{ margin:0; color:#FFF; font-style:italic; letter-spacing:3px; font-weight:normal;}

#texte div h3 a{ text-decoration:underline;}




#carte{ float:left; width:270px; margin:0 50px 30px; color: #C3996B; font-weight:normal; text-transform: uppercase; font-size:10px; letter-spacing:4px; border-right:#000 dotted 1px;}

/*CONTACT---*/
.form-contact { }
.form-contact ul { list-style:none; margin:0; padding:0; width:500px;float:left;}
.form-contact li {margin:0 0 7px 0; padding:0; float:left;}
.form-contact li label {	width:70px; display: inline-block; text-align:right; margin-right:5px; float:left;}
.form-contact li input[type="text"] {	width:130px; }
.form-contact li h2 { width:400px; margin:20px 0 0 0; border-bottom:#C3996B dotted 1px;}
.form-contact li input.grand_input { width:300px;}
#message { width:400px; height:100px;}
/*CONTACT FIN---*/

/*CONTENU FIN--------------------------------------------------------------*/
/*FOOTER--------------------------------------------------------------*/
#footer{ margin:30px 0 0 0;}
#footer p{ text-align:center; color: #999; font-size:12px;}
#footer a{ color: #666; font-size:12px;}
/*FOOTER FIN--------------------------------------------------------------*/



/*GALERIE--------------------------------------------------------------*/
 /* general settings for both scrollables */
.items {width:20000em; position:absolute; clear:both;}
/* next/prev buttons */
.navi {	background-image: url(js/overlay/hori_large.png); width:30px; height:30px; float:left; margin-top:55px; }
.navi:hover  		{ background-position:-30px 0; }
.navi:active  		{ background-position:-60px 0; }
.next 				{ background-position: 0 -30px; clear:right; }
.next:hover 		{ background-position:-30px -30px; }
.next:active 		{ background-position:-60px -30px; } 
.navi.disabled {visibility:hidden;}

#images { position:absolute; overflow:hidden; margin: ; width:640px; height:480px;}
/* single image */
#images .items img {float:left; width:640px; height:480px; margin-right:30px;}
/* override button style on the overlay */
.navi {position:absolute; bottom:-20px; left:50px;}
.next {left:630px;}
/*GALERIE FIN--------------------------------------------------------------*/