html {
	background-attachment: scroll;
	background-color: #E2DFCF;
	background-image: url(img/global/fonds/tapestry.jpg);
	background-position: 0 0;
}

body {
	margin:0;
	padding:0;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(img/global/gabarit_site_alaric.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-family:"Arial";
	font-size:80%
}

/* zones */

#entete {
	background-color:#FFFFFF;
	width: 800px;
	padding: 4px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: none;
	border-left-style: inset;
	border-top-color: #DDD6CB;
	border-right-color: #DDD6CB;
	border-left-color: #DDD6CB;
}
	
#contenu {
	background-color:#FFFFFF;
	width: 800px;
	padding: 4px;
	border-right-style: inset;
	border-left-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-right-color: #DDD6CB;
	border-bottom-color: #DDD6CB;
	border-left-color: #DDD6CB;
}

#pied {
    width: 800px; 
	padding: 4px;
}

#main_frame {
	margin:auto;
	position:relative;
	width:1002px;
}

#header {
	height:100px;
	position:relative;
	margin-top: 20px;
}

#main {
	margin:0;
	position:relative;
	width:1002px;
}
/* fond */

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #6F3700;
	letter-spacing: normal;
	font-variant: normal;
	text-align: left;
	line-height: normal;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #6F3700;
	font-style: normal;
	text-align: left;
	line-height: normal;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #6F3700;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
}
h3 a, h3 a:link, h3 a:visited,h3 a:active { font-weight: bold; color: #6F3700}
h3 a:hover { font-weight: bold;	color: #330000;	text-decoration: none;}
h3 ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #6F3700;
	font-style: normal;
	letter-spacing: normal;
	list-style-type: square;
	text-align: left;
}

h4, .navigation, .navigation2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #6F3700;
	text-align: left;
	font-weight: bold;
}
h4 a, h4 a:link, h4 a:visited, h4 a:active {text-decoration: none;  color: #6F3700;}
h4 a:hover {color: #FFCC00}

.navigation {
	width: 240px;
	height: 100px;
	padding: 4px;
	float:left;
	margin-right: 11px;
	margin-bottom: 11px;
	border-radius: 2px;
    box-shadow: 1px 2px 18px rgba(187, 164, 123, 0.6) inset, 1px 2px 5px 1px rgba(0, 0, 0, 0.5);   
	background: linear-gradient(#D6C3AA, #F3ECDB) repeat scroll 0 0 transparent;
	background-color: #F3ECDB
}

.navigation a, .navigation a:visited, .navigation a:active, .navigation2 a, .navigation2 a:visited, .navigation2 a:active { color: #6F3700; text-decoration: none;}
.navigation a:hover, .navigation2 a:hover {	color: #A86744; }
.navigation img, .navigation2 img {border:1px solid #201C0E}
.promo {
	border:1px solid #201C0E;
	margin-right: 10px;
}

.img-rubrique  {
	border: none;	
	display:inline-block;
	vertical-align: middle;}
	
.rubrique {
	width: 125px; 
	padding-left: 4px;
	display: inline-block;
	text-align:center
}

.navigation2 {
	width: 374px;
	height: 100px;
	padding: 4px;
	float:left;
	margin-right: 11px;
	margin-bottom: 11px;
	border-radius: 2px;
    box-shadow: 1px 2px 18px rgba(187, 164, 123, 0.6) inset, 1px 2px 5px 1px rgba(0, 0, 0, 0.5);   
	background: linear-gradient(#D6C3AA, #F3ECDB) repeat scroll 0 0 transparent;
	background-color: #F3ECDB
}

.rubrique2 {
	width: 260px; 
	padding-left: 4px;
	display: inline-block;
	text-align:center
}

.navigation-full {
	width: 780px;
	padding: 4px;
	float:left;
	margin-right: 11px;
	margin-bottom: 11px;
	border-radius: 2px;
    box-shadow: 1px 2px 18px rgba(187, 164, 123, 0.6) inset, 1px 2px 5px 1px rgba(0, 0, 0, 0.5);   
	background: linear-gradient(#D6C3AA, #F3ECDB) repeat scroll 0 0 transparent;
	background-color: #F3ECDB
}

.rubrique-full {
	padding-left: 4px;
	float:left;
	/* display: inline-block; */
}
.image-rubrique-full  {
	border: none;	
	/* display:inline-block; */
	float:left;
	/* vertical-align: middle; */}	
	
.navigation3 {
	width: 374px;
	min-height: 250px;
	padding: 4px;
	float:left;
	margin-right: 11px;
	margin-bottom: 11px;
	border-radius: 2px;
    box-shadow: 1px 2px 18px rgba(187, 164, 123, 0.6) inset, 1px 2px 5px 1px rgba(0, 0, 0, 0.5);   
	background: linear-gradient(#D6C3AA, #F3ECDB) repeat scroll 0 0 transparent;
	background-color: #F3ECDB
}
	
p a, p a:link, p a:visited {color: #660000}
p a:hover {	color: #660000;	text-decoration: none;}

.colonnes {
-moz-column-count:2;
-webkit-column-count:2;
-o-column-count:2;
column-count:2;
-moz-column-gap:30px;
-webkit-column-gap:30px;
-o-column-gap:30px;
column-gap:30px;
-webkit-column-rule-width:2px;
-webkit-column-rule-color:#7A7670;
-webkit-column-rule-style:inset;
-moz-column-rule-width:2px;
-moz-column-rule-color:#7A7670;
-moz-column-rule-style:inset;
-o-column-rule-width:2px;
-o-column-rule-color:#7A7670;
-o-column-rule-style:inset;
column-rule-width:2px;
column-rule-color:#7A7670;
column-rule-style:inset;
}

.legende { font-size: 10pt; font-style: italic; color: #663300}

.copyright { font-size: 7pt; color: #663300}

.lientitre { font-size: 12pt; text-decoration: underline;}

.petit { font-size: 10pt; color: #663300}

.page {	font-size: 10pt; font-weight: bold; color: #660000;}

.clearall { clear: both; }	

.image-article-g {
	border: medium inset #847C70;
	margin-right: 20px;
}
.image-article-d {
	border: medium inset #847C70;
	margin-left: 20px;
}

.handwriting {font-family:'Courgette', Arial;}