@charset "UTF-8";
/************************************************************
	CHENIL DU CASAQUIN   2 0 0 8
	
	Feuille de styles pour 	pages 1 colonne
	
	Version : 1.01	(06 juillet 2008) (sans-serif)
	
*************************************************************/

/************************************************************
*	Réinitialisation des styles																*
*************************************************************/
/* @import '/casaquin/_css/reset.css';

/************************************************************
*	MAIN																											*
*************************************************************/

body {
	background-image: 	url(../_thm/backgrounds/oldpaper.jpg);
	color:							#333333;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size: 					100%;			/* fixé dans les versions < 0.9.19 à 90% */
	min-width:	 				960px;
	margin: 						0 0 0 0;
	padding:	 					0;
}
#contentwrapper {
	margin:							0 auto;
	width:							920px;
}

/*-----------------
	Header (ok)
	---------------*/
	
	/* structure
	
	|__ headerwrapper
			|__ headercontent
					|__ headertop
					|		|__ logo
					|		|__ nav
					|__ headerbody
					|__ headerfooter
	*/
	
#headerwrapper {																																/* autorise image de fond sur toute la largeur de la fenêtre */
	background: #000 url(../_thm/backgrounds/header_bkg.jpg) bottom left repeat-x;	/* image de fond */
	background-color:#000000;																											/* couleur de fond par défaut : noir */
	overflow:hidden
}


#headercontent {
	width: 960px;																																	/* contenu limité à 960 pixels */
	height: 450px;																																/* temporarily inserted - JLG 2008/05/17 */
	margin: 0 auto;																																/* marge haut = 0 pixel */
}
#headertop {
	width: 960px;																																	/* ! Nécéssaire sous IE7 */
	margin: 0 0 20px 0;
	position:absolute;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A9956F;
}

#logo {	
	float: left;
  margin: 0;
}
h1#logo a {
	display: block;
	width: 250px;
	height: 100px;
	border: 0;
	padding: 0;
	background: none
}
h1#logo a img{
	border: 0;																																		/* suppression de la bordure de lien autour du logo */
}

#headerbody {
	width: 960px;																																	/* contenu limité à 960 pixels */
	margin: 120px auto;																														/* marge haut = hauteur logo (100px) + headertop.marge_bas (20px) */
	position:absolute;
}
#headerbody img {																																/* image horizontale */
	float:left;
	padding-right:15px;																														/* espace à droite de l'image */
}
#headerbody .textetitre {																												/* titre texte */
	font-size:24px;
	font-weight: 200;
	color:#e6d8a9;
	text-align:center;
	margin-top:70px;																															/* marge haut par rapport au div headerbody */
	padding-bottom:20px																														/* espacement bas */																														
}
#headerbody .textecorps {																												/* titre texte */
	font-size:14px;
	font-weight:normal;
	letter-spacing:1px;
	color:#F6E8B5;
	text-align:center
}
#headerbody hr {
	color:#e6d8a9;
}

/*-------------------
	Corps de page
	-----------------*/
#contentwrapper {																																
	width: 960px;																																	/* contenu limité à 960 pixels */
	padding: 10px 0 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:justify
}

/* Sous-colonnes */
#ww_subcols {
	height: 100%;
	overflow:auto;
}
#ww_subcols #leftSubCol {
	float:left;
	width: 405px;
	padding-right:20px;
    border-top: #963 1px dotted;
}

#ww_subcols #rightSubCol {
	float:right;
	width: 405px;
	padding-left:20px;
    border-top: #963 1px dotted;
}

/* titres */
#contentwrapper h3 {
	text-decoration: none;
	font-size:105%;
	color: #432C0A;
	padding: 0 0 7px 0;
	/*border-bottom: #BCAB87 solid 1px;*/
}
	
/* liens */
#contentwrapper a {
	text-decoration: none;
	color: #996600;
	padding: 1px;
	border-bottom: #BCAB87 solid 1px;
}
#contentwrapper a:hover {
	color: #333333;
	text-decoration: none;
	background: #e1cf81;
}
.semiencadre {
	padding:0 0 10px 20px;
	border-left:#bcab87 solid 1px;
	border-bottom:#bcab87 solid 1px;
	text-align:justify
}
.retraitgauche {
	padding:0 0 0 20px;
	text-align:justify
}


/*-------------------
	Footer
	-----------------*/
#footerwrapper {																																
	width: 960px;															/* contenu limité à 960 pixels */
	margin: 0 auto;														/* marge haut = 0 pixel */
	border-top:#333333 dotted 1px;						/* bordure haut */
	color:#666666;
	font-size:70%
}
#footerwrapper a {
	text-decoration: none;
	color: #996600;
	padding: 1px;
	border-bottom: #BCAB87 solid 1px;
}
#footerwrapper a:hover {
	color: #333333;
	text-decoration: none;
	background: #e1cf81;
}
.footericonslinks a {
	border-bottom:none !important;
	background:none !important
}
#footersection1 {													/* destinée aux coordonnées */
	width:618px; 
	padding-right:10px;
	float:left
}
#footersection2 {													/* pour lien partenaires référencement */
	width:320px;
	height:auto;
	padding-left:10px;
	float:right;
	text-align:right
}
#footersection3 {													/* icones W3C et Stats */
	width:960px;
	clear:both
}

/*-------------------------------------
	Navigation	(ok IE6,7,FF3, Safari 3)
	------------------------------------*/
#navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps; /* +v.0.09.04 */
	font-size:115%;
	margin: 76px 0 0 0; 												/* top: 100 (=hauteur logo) - 24 (=line-height) = 76px */	/* !v14 */
	float:right;
	width: 690px; 															/* max : 650px (960px body - 250px logo - 15px marge_droite) */
	text-align:right;
}
#navigation ul {
	margin: 0;
}
#navigation ul li {
	display:inline;
	margin: 0 0 0 12px;													/* Permet de faire varier l'espacement entre les items du menu */
	padding: 0;
	background: none;
}

#navigation ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
#navigation ul li a.highlighted {							/* Permet de colorer un élément spécidique du menu pour indiquer la page en cours */
	color:#FF0000;
	text-decoration:none;
}
#navigation ul li a:hover {
	color:#FF0000
}
#navigation ul li a.active, #navigation ul li a.visited {
	color:#FFFFFF
}

/*-------------------
	Images (ok)
	-----------------*/
.pictureRight {																/* image alignée à droite */
	display: block;
	float: right;
	margin-left: 10px;
}	
.pictureLeft {																/* image alignée à gauche */
	display: block;
	float: left;
	margin-right: 10px;
}


/*--------------------
	Caractères
	------------------*/
.lettrine {
	color: #996600;
	font-size:48px;
	display:block;
	float:left;
	height:48px;
	line-height:48px;
	padding:0 0 0 0;
	margin:0 1px 0 0;
}

/*-------------------
	Diaporama
	-----------------*/
#diapo {
	width: 550px;
	height: 300px;
	float:left;
	padding-right:15px;																														/* espace à droite de l'image */
}

pre {overflow: hidden; text-align: left; z-index:0 }
code { background-color: #ffc }
pre code { float:left; background-color:#eee; visibility:hidden }
.pics {	
	/*float:left;*/
	overflow: hidden;
	width: 550px;
	height: 300px
}
.pics img {
	/*width: 550px; 
	height: 300px;*/
}