@charset "utf-8";
/* CSS Document */

/* Définition des polices personnalisées */

@font-face {
    font-family: 'AlbertusMediumRegular';
    src: url('../albr55w-webfont.eot');
    src: url('../albr55w-webfont.eot?#iefix') format('embedded-opentype'),
url('../albr55w-webfont.woff') format('woff'),
url('../albr55w-webfont.ttf') format('truetype'),
url('../albr55w-webfont.svg#AlbertusMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlbertusMediumItalic';
    src: url('../albr56w-webfont.eot');
    src: url('../albr56w-webfont.eot?#iefix') format('embedded-opentype'),
url('../albr56w-webfont.woff') format('woff'),
url('../albr56w-webfont.ttf') format('truetype'),
url('../albr56w-webfont.svg#AlbertusMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlbertusBold';
    src: url('../albr65w-webfont.eot');
    src: url('../albr65w-webfont.eot?#iefix') format('embedded-opentype'),
url('../albr65w-webfont.woff') format('woff'),
url('../albr65w-webfont.ttf') format('truetype'),
url('../albr65w-webfont.svg#AlbertusBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlbertusExtraBoldRegular';
    src: url('../albr85w-webfont.eot');
    src: url('../albr85w-webfont.eot?#iefix') format('embedded-opentype'),
url('../albr85w-webfont.woff') format('woff'),
url('../albr85w-webfont.ttf') format('truetype'),
url('../albr85w-webfont.svg#AlbertusExtraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CataniaRegular';
    src: url('../catania-webfont.eot');
    src: url('../catania-webfont.eot?#iefix') format('embedded-opentype'),
url('../catania-webfont.woff') format('woff'),
url('../catania-webfont.ttf') format('truetype'),
url('../catania-webfont.svg#CataniaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ScriptinaRegular';
    src: url('../scriptin_0-webfont.eot');
    src: url('../scriptin_0-webfont.eot?#iefix') format('embedded-opentype'),
url('../scriptin_0-webfont.woff') format('woff'),
url('../scriptin_0-webfont.ttf') format('truetype'),
url('../scriptin_0-webfont.svg#ScriptinaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */

body {
	background: -moz-linear-gradient(19% 75% 90deg,#BFBFBF, #A8A8A8, #FFFFFF 100%);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	width:900px;
	margin: auto;
}

header {
	height:80px;
	display: inline-block;
	width:100%;
}

#logo, header h1, #slogan {
	display: inline-block;
	height:80px;	
	margin-bottom : 0px;
}

header h1 {
	font-family:'AlbertusExtraBoldRegular',sans-serif;
	font-size: 3em;
	color: #333;
	font-weight: extrabold;
	position:relative;
		left: 0px;
		top: -20px;
}

#slogan {
	font-family:'CataniaRegular',serif;
	font-size: 1.5em;
	font-weight: normal;
	font-style:italic;
	color: #903;
	text-align:right;
	list-style-type: none;
	position:relative;
		right: -100px;
		top: -15px;
}

/* Navigation */

nav {
	display: inline-block;
	width:100%;
	height: 40px;
	text-align:center;
	background:url('../bibliotheque/separateur_01.png') repeat-x top, url('../bibliotheque/separateur_01.png') repeat-x bottom;
}

nav ul {
	list-style-type: none; /*enlève la puce de chaque ligne */
}

nav li {
	display:inline-block;
	position:relative;
		top: -10px;
	width:120px;
}

nav a {
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 1px;
    text-decoration: none;
}

nav a:hover {
    color: #903;
    border-bottom: 3px solid #903;
}

/* Bannière */

#banniere
{
    margin-top: 15px;
    height: 200px;
    border-radius: 5px;
    background: url('../banniere/img_banniere_14.jpg');
    position: relative;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 25px;
}

#banniere_description {
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 99.5%;
    height: 33px;
    padding-top: 15px;
    padding-left: 4px;
    background-color: rgb(24,24,24); /* Pour les anciens navigateurs */
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 0.8em;
}

.bouton_rouge {
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: url('../banniere/btn_rouge_01.png');
    border: 1px solid #760001;
    border-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    padding: 3px 8px 0px 8px;
    color: white;
    text-decoration: none;
}

.bouton_rouge img {
    border: 0;
}

/* Corps */

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article {
    width: 590px;
    margin-right: 30px;
    background-color: #CCC;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: #333;
    font-size: 1.2em;
}

.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}

article p {
    font-size: 0.8em;
	margin-left: 50px;
	margin-right: 20px;
}

aside {
    position: relative;
    width: 235px;
    background-color: #903;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
}

#photo_actu {
    text-align: center;
}

#photo_actu img {
    border: 1px solid #181818;
	box-shadow: 0px 2px 5px #1c1a19;
}

aside img {
    margin-right: 5px;
}

aside h2 {
    float:right;
}

/* Corps : NOS REFERENCES */

#references {
    width: 595px;
	height: 680px;
    padding: 10px;		
}
	
#references, #galerie {
    display: inline-block;
    vertical-align: top;
}

#references h2 {
	font-size: 0.8em;
	font-style:italic;
	padding-left:0;
}

#references p {
	font-size: 0.7em;
	font-style:italic;
	padding-left:20px;
}

#references ul {
	display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 235px;
}

/* CATEGORIE */

#categories {
    position: relative;
	margin-top:20px;
	float:right;
    width: 250px;
	height:auto;
    background-color: #903;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 0.9em;
}

#categories h1 {
	text-align: center;
}

#categories img {
	margin-bottom:5px;
}

#categories a {
    opacity:1;
	position:relative;
	top:5px;
    text-decoration: none;
}

#categories a:hover {
	opacity:0.5;
}

#categ_01, #categ_02, #categ_03, #categ_04, #categ_05, #categ_06 {
	display: inline-block;
	margin-top:20px;
    width: 595px;
	height: 655px;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    font-size: 0.9em;
}

#categ_01_description, #categ_02_description, #categ_03_description, #categ_04_description, #categ_05_description, #categ_06_description {
	display:inline-block;
	position:absolute;
	width: 77px;
	height: 77px;
	padding:2px;
	font-family:"Times New Roman", Times, serif;
    color: white;
    font-size: 0.8em;
	text-align: left;
}

	#categ_01 {background-color: #C8A096; color: #333;}
	#categ_02 {background-color: #CF9; color: #333;}
	#categ_03 {background-color: #9AB6DE; color: #333;}
	#categ_04 {background-color: #FC9; color: #333;}
	#categ_05 {background-color: #FFFFBF; color: #333;}
	#categ_06 {background-color: #666; color: #333;}
	
	#categ_01_description {background-color: #64504B;}
	#categ_02_description {background-color: #063;}
	#categ_03_description {background-color: #009;}
	#categ_04_description {background-color: #600;}
	#categ_05_description {background-color: #FC0;}
	#categ_06_description {background-color: #333;}
	
	
	#categ_01 a:hover {opacity:0.3;	background-color:#C00;}
	#categ_02 a:hover {opacity:0.3;	background-color:#C00;}
	#categ_03 a:hover {opacity:0.3;	background-color:#C00;}
	#categ_04 a:hover {opacity:0.3;	background-color:#C00;}
	#categ_05 a:hover {opacity:0.3;	background-color:#C00;}
	#categ_06 a:hover {opacity:0.3;	background-color:#C00;}


/* OCCASIONS */

#occasions {
    width: 880px;
	margin-top:20px;
    background-color: #333;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: #FFF;
    font-size: 1em;
}

#occasions a:hover {
	opacity:0.3;
	background-color:#C00;
}

#occasions_description {
	display:inline-block;
	background-color: #000;
	position:absolute;
	width: 77px;
	height: 77px;
	padding:2px;
	font-family:"Times New Roman", Times, serif;
    color: white;
    font-size: 0.8em;
	text-align: left;
}

/* Footer */

footer {
	margin-top:20px;
    background:  url('../bibliotheque/separateur_01.png') repeat-x top;
    padding-top: 0px;
}

footer p, footer ul
{
    font-size: 0.8em;
}

footer h1
{
    font-size: 1.1em;
}

#footer1, #footer2, #footer3
{
    display: inline-block;
    vertical-align: top;
}

#footer1
{
    width: 25%;

}

#footer2
{

}

#footer3
{
    width: 30%;
	float:right;
}

#footer2 img
{
    border: 1px solid #181818;
    margin-right: 2px;
}

#footer3 ul
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    width: 48%;
    list-style-image: url('../images/ico_liensexterne.png');
    padding-left: 2px;
}

#footer3 a
{
    text-decoration: none;
    color: #760001;
}