/* ===============================================

	Societe ADiFCO 
	
	Site de presentation de la societe Adifco, 
	nos activites et differents sites.
	
	Feuilles de style creees par 
	Victor VILA en mai 2008
	
	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; }

html {
	background: #fff;
}
body {font:normal100%/1.52em Arial, Helvetica, sans-serif;margin:0 auto;background: #fff;padding: 10px 0  }
 
#container {
	width:780px;
	margin:0 auto;  
} 
#contenu { 
	background:#ebe8d5 url(../images/bannerv.jpg) 0 0 repeat-y;/*a89383;*/
	height:1%;
	width: 770px;
	padding: 0; 
	background-image: url(../images/bannerv.jpg);
	border-left: 10px solid #BE8572;
	border-top: 10px solid #BE8572;
	border: 10px solid #BE8572;
	border-right: none;
}

a {
	color:#384A4A;
	font-weight: bold;
}

/* BARRE 
------------------------*/
    #barre h2.message {
	width:470px;
	margin:0 auto;
	font: normal 24px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	display: block;
	padding: 0 10px;
	}

/* MENU 
====== */
#contenu ul#menu {
	margin:0 auto 0 0;
	background-color: #BE8572;
	height: 36px;
	line-height: 30px;
	padding: 0 0 0 110px;
}	
#contenu ul#menu li {
	display:inline;
	float:left;
	margin:0 30px 0 0;
	width: auto;
}
#contenu ul#menu li a {
	text-align:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

 /* CONTENU 
------------------------*/
 
	#contenu {
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	text-align:justify;
	}
	#contenu h1 {
	background-color: #384a4a;
	font: normal 39px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin: 0;
	padding:1em 0 .75em 0;
	color: #FFFFFF;
	border-bottom: 5px solid #BE8572;
	height: 1%;
	} 
	#contenu h2 {
	font: normal 39px Arial, Helvetica, sans-serif;
	padding:0;
	color: #BE8572;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	margin: 30px 60px 0 110px;	
	}
	#contenu h2#annonce { 
	margin: 5px 0;
	padding:10px 15px 10px 15px;
	color: #EBE8D5;
	border: none;
	background-color: #A89383;
	width: 21.7em;
	}
	#contenu h3 {
	font: normal 22px "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	border-bottom: 2px solid #384A4A;
	margin: 30px 50px 5px 120px;
	padding:10px 0 10px 0;
	color: #384A4A;
	clear: both;

	}
	.contenuPpal h3.border {	
	border-bottom: 1px solid #384A4A;
	}	
	#contenu h4 {
	
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 10px 50px 10px 120px;
	padding:10px 0 0 0;
	color: #384A4A;
	}
	#contenu p {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 10px 50px 5px 120px;
	padding:10px 30px 0px 0px;
	color: #384A4A;
	clear: both;
	}	
	#contenu ul  {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding:10px 30px 10px 30px;
	color: #384A4A;
	}
 
	#contenu dl {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding:10px 30px 10px 30px;
	color: #384A4A;
	}
	#contenu dt {
	font-weight:bold;
	padding: 15px 0 0  0;
	}
	#contenu dd {
	font-weight:;
	padding: 5px 0 0 15px;
	background: url(../images/icones/p-b-g.jpg) 0 10px no-repeat;
	}		
	
 
	/* Pied de Page
	----------------*/  
#container #piedPage  {
	width:770px;
	margin:10px auto 0 auto;
	background-color: #384a4a;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #A89383;
	border: 10px solid #BE8572;
	padding:20px 0;
	border-right: none;
	} 

#container #piedPage dl dt  h5 {
	text-align: left;
	padding: 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 21px;
	font-weight: normal;
	}
#container #piedPage #piedLiens {
	text-align: left;
	padding:15px 0 10px 20px;
	}
#container #piedPage #piedLiens li {
	display: inline;
	}
#container #piedPage #piedInfos {
	padding:10px 0 0 20px;
	line-height:15px
	}
	#piedPage #piedInfos li {
	letter-spacing: 1px;
	}
	#piedPage  #piedLiens  a, p#codage, p#codage a {
	font-size: 12px;
	color: #A89383;
	text-decoration: none;
	font-weight: bold;
	}
	p#codage {
	padding-bottom: 40px;
	padding: 0 0 0 20px;
	line-height: 150%;
}

 #container #piedPage p {
	padding-left: 20px;
	background: left;
}
#container #piedPage a {
	color: #EBE8D5;
	font-weight: bold;
	text-decoration: none;
}
#container #piedPage dl {
	padding: 0 20px;
	font-size: 12px;
	line-height: 20px;
} 

	
/* Presentation
------------------------*/

#presentation, #presentationPuzzle {
	padding:52px 0 10px 0;
	height: 350px;
	width: 960px;
}
img.absolu {
	position: absolute;
	display:block;
	margin:0 auto;
	z-index: 0;
	width: 960px;
}
#presentationTexte  {
	padding: 52px 48px 0 52px;
	position: absolute;
	z-index: 52;
}
#demos {
	width: 30;
	position: absolute;
	left: 12.5%;
	top: 80px;
	height: 30;
	/*background: url(../images/bases/fond-fotos.jpg) 0% 0% no-repeat;*/
	padding: 20px 0 0 15px;
}
#demos h2 {

}
.pics { height: 252px; width: 252px; padding:0; margin:0; overflow: hidden }
.pics img {
	height: 220px;
	width: 220px;
	padding: 15px;
	border: 1px solid #ccc;
	background-color: #eee;
	top:0;
	left:0
}
 
 

/* Outils
------------------------*/
.clear {clear:both;}
.i {color: #9BA4AC;}
.center {
	display: block;
	margin: 0 auto;
}
.imgLeft, .imgRight {
	float: left;
	padding: 5px;
	margin: 5px 10px 5px 0;
	clear: left;
}

.imgRight {
	float: right;
	margin: 5px 0 5px 10px;
}
.guillemets {
	float: none;
	padding: 0;
	margin: 0 10px 0 0;
}
.credits {
	color: #FFE7B8;
}
p.bold {
	font-weight: bold;
}
dt.normal {
	font-weight: normal;
}
.adifco {
	font-weight:bold;
	font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#container #contenu .contenuPpal img#toit {
	margin-bottom: 1em;
}
#container #piedPage dt {
	font: italic normal 18px Georgia, "Times New Roman", Times, serif;
	color: #BE8572;
}
#container #contenu p.icon {
	padding-right: 70px;
	padding-left: 70px;
	padding: 20px 70px;
}
#container #contenu .icon a {
	padding-top: 20px;
}