/* ===============================================

	ACB Hard TOP
	
	Feuilles de style creees par 
	Victor VILA en janvier 2009
	
	victor (at) adifco.fr	03 80 48 69 24
	
	ADiFCO
	14E rue Pierre de Coubertin
	21 000 DIJON
	
=============================================== */



/* http://meyerweb.com/eric/tools/css/reset/ 
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }


/* Outils 
========= */
a { color:#4a4a4a; text-decoration:underline; }
a:hover { color:#666; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }
.bold { font-weight:bold; } 
.clear {clear:both;}
.acb {font-size:1.4em;color:#c60;font-weight:bold;}
.expand {letter-spacing:.3em;font-family:"Courier New", Courier, monospace;color:#000; }
.center {text-align:center;}
.contexteimg {float:left;background:#F6EFDF;padding:10px;border:1px solid #ccc;margin:10px 20px 20px 0;}
.cache {display:none;}
#etape1, #etape2, #etape3, #etape4 {background:#F6EFDF;padding:20px 0;width:100%;}
#etape1 img, #etape2 img, #etape3 img, #etape4 img {display:block;margin:0 auto; }
.rouge {color:#c60}
h3 a {text-align:left;cursor:pointer;text-decoration:none;font:normal 1.2em/33px Arial, Helvetica, sans-serif;width:495px;display:block;height:33px;background:#c60;padding:0 20px;color:#FFFFFF;border:1px solid #1e1e1e;} 
h3 a:hover {color:#eee;text-decoration:none}
.dernier {margin-top:30px}


/* Titres 
========= */
h1, h2,  h4, h5, h6, .head { margin-bottom:.75em; line-height:1.3em; color:#c60;}
h1 { font-size:1.8em; line-height:1.17;padding-bottom:.75em;border-bottom:1px solid #c60; }
h2 { font-size:1.2em;margin:1.5em 0 1.5em 0; } 
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; } 


/* Contenu
========== */ 
html {background:#dbc59e;}
body { background:url(../images/fond-carton.jpg) repeat;color:#4a4a4a;font:12px/1.55em Georgia, "Times New Roman", Times, serif}

#container {position:relative;background:url(../images/container_02.jpg) 50% 0 repeat-y;width:968px;margin:0 auto;} 
 
#tete {height:216px;background:url(../images/container_01.jpg) 0 0 no-repeat;}
	#tete dt {position:absolute;top:50px;left:50px;}
	#tete dd#contact {position:absolute;top:85px;left:820px}

#galerie {height:146px;padding:0 30px }
	#galerie li {display:inline;margin:20px 0 0;padding:12px;}
	#galerie li a {}
	#galerie li a img {background:#F6EFDF;padding:10px;border:1px solid #ccc;}

#corps {overflow:auto;clear:both;float:none;clear:both;width:968px;}

#menu {display:inline;float:left;text-align:right; width:275px;margin: 0 30px 0 45px;background:#1a1a1a url(../images/menu.jpg) 50% 0 no-repeat;}
	#menu a {font-size:1.4em;display:block;height:30px;width:265px;line-height:30px;text-decoration:none;padding-right:10px;border-bottom:1px solid #1e1e1e;color:#666}
	#menu a:hover, #menu a.actuel {background:#c60 url(../images/menu-over.jpg) 50% 0 no-repeat;color:#fff}
	#menu dt {width:275px;height:15px;background:url(../images/menu-haut.jpg) 50% 0 no-repeat;border:none;margin-bottom:1px;}	
	#menu dd#bas {background:url(../images/menu-bas.jpg) 50% 100% no-repeat;border:none;width:275px;height:15px;}

#contenu {float:left;padding:10px 0 0 30px;width:535px;text-align:justify;}

#clear {height:43px;background:url(../images/container_03.jpg) 50% 100% no-repeat;clear:both;}

#pied {height:30px;padding:30px 0 10px 0;width:960px;background:transparent;margin:0 auto;text-align:center}
#pied a {font-family:"Courier New", Courier, monospace; color:#666;}

/* Paragraphe, liste */
p, ul { margin-bottom:.8em; } 
#contenu ul {list-style-type:circle;padding-left:40px;}
#contenu li {padding:.2em 0}

/* Form */  
 form {margin-top:20px}
	form label {display:block;float:left;width:110px;padding-right:10px;text-align:right;letter-spacing:1px;} 	
	form .envoy {margin-left:220px;}

        
/*
 *    Dl Flotants
 *    - - - - - - 
 */
 
.dlFloat {overflow:hidden;width:250px;float:left; }
    .dlFloat dt {color:red;font-weight:bold;font-size:14px;border-bottom:1px solid red;padding:0 0 5px 0;margin: 0 0 10px 0}
    .dlFloat dd {padding-left:10px;}
.equipement {margin-left:30px;} 



/*
 *    Gallery
 *    - - - - - - 
 */
 
.fade-box {
		width: 330px;
		position: absolute;
		text-align:center;
	}

	#image-container {
	width: 530px;
	height: 350px;
	padding:2px;background:#F6EFDF;border:1px solid #ccc;						
			}

                        
/*
 *  Maps
 */
 
/*#maps {background:#F6EFDF;padding:10px;border:1px solid #ccc;margin:20px auto;width:533px;}*/
iframe {background:#F6EFDF;padding:0px;border:1px solid #ccc;margin:20px auto;width:533px;}

/*
 *  Tuyau images
 *  - - - - - - -
 */
 #slider {position:relative; height:150px;overflow: hidden;width:900px;margin:0 auto;}
 #tuyau , #tuyau306{position:absolute;width:2600px;left:0}
    #tuyau #galerie , #tuyau306 #galerie {padding:0}
    #tuyau306 {width:2800px;}
 #precedent,#suivant {position:absolute;top:260px;left:5px;cursor:pointer;padding:5px;}
 #suivant {left:920px;}


