/* 

Feuille de style pour écran 1024 du site Kocliko.fr // par Jean Loup Couegnas


SOMMAIRE :

	GÉNÉRALITÉS
	STRUCTURE
	TITRAGE
	MENU
	Charte Graphique


CHARTE COULEUR :

	#CA003A rouge
	#EC741B orange
	#6BC1D8 ciel
	#335B67 bleu marine
	
*/

/* * * * * * * * * * * * * *
      GÉNÉRALITÉS
* * * * * * * * * * * * */
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #777;
		margin:0;
		padding:0;
		background:url(/images/structure/arriere-plan-pied.png) no-repeat bottom center #FFF;
	}
	a {
		text-decoration:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#0AC;
	}
	a img {
		text-decoration:none; border:none;
	
	}
	a:hover {
		text-decoration:underline;
		color:#0AC;
	}
	hr.separation {
		clear:both;
		visibility:hidden;
	}
	td, th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
	}
/* * * * * * * * * * * * * *
      STRUCTURE
* * * * * * * * * * * * */
	div#entete {
		margin:0;
		padding:0;
	}
	div#page {
		width:965px;
		position:relative;
		margin:0 auto;
		padding:0;
	}
	div#contenu {
		padding:0 20px;
		margin:0 auto;
	}
	div#pied {
		border-top:1px solid #CCC;
		padding:20px;
		margin:0;
		font-size:10px;
		color:#999999;
		text-align:center;
	}
	div.col1x3 {
		float:left;
		width:280px;
		margin:0 10px;
		padding:0;
	}
	div.col2x3 {
		float:left;
		width:600px;
		margin:0 10px;
		padding:0;
	}
	div.plus-loin {
		float:left;
		width:260px;
		margin:10px;
		padding:0 10px;
		border:1px solid #ccc;
	}
	h1#logo {position:absolute; top:0; left:10px;}
	div#accessibilite  { background:#CCC; width:100%; font-size:0.8em; }
	#accessibilite ul {padding:5px 0; width:965px; margin:0 auto 1px auto;} 
	#accessibilite a { color:#808080;} 
	#accessibilite li { display:inline; margin:0 10px 0 0; padding:0;} 
/* * * * * * * * * * * * * *
      TITRAGE
* * * * * * * * * * * * */
	h1 {
		font-weight:normal;
		color: #aaa;
		font-size:1.5em;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
	}
	h2 {
		font-weight:normal;
		color: #aaa;
		display:list-item;
		list-style:square inside;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
	}
	h3 {
		font-weight:normal;
		color:#CA003A;
	}
/* * * * * * * * * * * * * *
      Charte Graphique
* * * * * * * * * * * * */
	.lettrine {
		float:left;
	}
	hr.filet {
		color:#eee;
		height:1px;
		background-color:#eee;
		margin:10px 0;
		padding:0;
		font-size:1px;
		border:none;
	}
	img.illus {
		margin:10px 10px 10px 0px;
		padding:0;
	}
	.legende {
		color: #999999;
	}
	.important, a.important {
		color:#CA003A;
	}
	div.important { margin:1em; padding:1em; border:1px solid #CA003A}
	.chapeau {
	background-color:#eee;
	padding:10px;
	font-style:oblique;
	
	}
	a.discret {
		color:#335B67;
	}
	a:hover.discret {
		color:#335B67;
	}
	a.bookinterne {
		text-decoration:none;
		color: #9A996E;
	}
	a:hover.bookinterne {
		text-decoration:underline;
		color: #666666;
	}
	a.bookexterne {
		text-decoration:none;
		color: #498493;
	}
	a:hover.bookexterne {
		text-decoration:underline;
		color: #666666;
	}
	.lisibilité {
		color: #FFFFFF;
		background-color: #CC6600;
	}
	.couleurs {
		color: #FFFFFF;
		background-color: #993366;
	}
	.rien {
		color: #FFFFFF;
		background-color: #669966;
	}
	.rien2 {
		color: #FFFFFF;
		background-color: #336666;
	}
	div#pied a {
		text-decoration:underline;
		color:#999999;
	}

	#diaporama{
	padding:0px;
	height:570px;
	width:950px;
	background:white;
	}
		#diaporama img{
	border:5px solid #EEE;
	padding:10px;
	background:white;
	}
	    
#menu_diaporama {
		margin:20px 0;
		padding:0 0 0 0px;
		text-align:center;
}

#menu_diaporama li {
		display:inline;
}

#menu_diaporama li a {
		text-decoration:none;
		margin:0 0 10px 10px;
		padding:5px 10px;
		color:white;
		font-size:1.3;
		letter-spacing:0.2em;
		-moz-border-radius: 6px; 
       	-webkit-border-radius: 6px; 
       	border-radius: 6px;         
		-webkit-border-top-left-radius: 6px; /* pour Chrome */ 
		-webkit-border-top-right-radius: 6px; /* pour Chrome */ 
		background:#CCC;
}
#menu_diaporama li a:hover {
		background:#999;
}