/*
@font-face {
font-family: 'little_days-webfont';
src: url('fonts/little_days-webfont/little_days-webfont.eot');
src: url('fonts/little_days-webfont/little_days-webfont.otf') format('truetype'),
     url('fonts/little_days-webfont/little_days-webfont.woff') format('woff'),
     url('fonts/little_days-webfont/little_days-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/little_days-webfont/little_days-webfont.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/*@font-face {
font-family: 'webfont-PAPYRUS';
src: url('fonts/PAPYRUS.TTF');
src: url('fonts/little_days-webfont/little_days-webfont.otf') format('truetype'),
     url('fonts/little_days-webfont/little_days-webfont.woff') format('woff'),
     url('fonts/little_days-webfont/little_days-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/little_days-webfont/little_days-webfont.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
*/

/**************************/
/*     Content Styles     */
/**************************/

img.left {
    margin: 0 5px 5px 0;
    float: left;
    clear: left;
}

img.right {
    margin: 0 0 5px 5px;
    float: right;
    clear: right;
}

img.left_horizontal {
    margin: 0 5px 5px 0;
    float: left;
}

img.right_horizontal {
    margin: 0 0 5px 5px;
    float: right;
}

a {color: #BFCDDB;}

a:hover{color: #fff;}

a:active {color: #BFCDDB;}

p.small {
    font-size:10px;
}

div.important, .important {
    clear: both;
    background: #eee;
    padding: 1em 2em;
    border: .3em solid #0b6;
    margin: 1em 0;
}

div.warning, .warning {
    clear: both;
    text-align: center;
    font-weight: 900;
    background: #900;
    color: #fff;
    padding: 1em;
    border: .3em solid #aaa;
    margin: 1em 0;
}
.warning a {
    color: #aaf;
}

.important p:first-child,
.warning p:first-child {
    margin-top: 0;
}
.important p, .warning p {
    margin: 1em 0 0;
}

span.highlight {
    font-weight: 900;
    letter-spacing: .06em;
    background:#dfd;
}

/* Marker for tinymce 3 */
._-_-_-_-_-_-_-_ {}

/*******************/
/*      Start      */
/*******************/

body {
    font: 13px/1.4 Verdana, Geneva, sans serif;
    margin:0;
}
#body {
    background: /*#eee*/ /*#0F0F0F*/ #1E232D  URL(/userfiles/images/siteweb/background_steel.jpg) repeat /*background_rb-1.png*/;
    color:#C8C8C8;
}

/*******************/
/*    Head Nav     */
/*******************/

.headnav {
    margin:0 auto;
    max-width: 70em;
}
.headnav p, .headnav div {
    text-align:right;
    white-space: nowrap;
    margin:0;
    font-size:.85em;
    letter-spacing: .08em;
    line-height: 1.7;
}
.headnav div {
    text-align:left;
    white-space: nowrap;
    margin:0;
    font-size:.85em;
    letter-spacing: .08em;
    line-height: 1.7;
}
.headnav p a, .headnav div a, .sidebar a, .sitemap p a {
    color:/*black*/ /*#B4B4B4*/ #BFCDDB;
    text-decoration: none;
    padding: 2px 2px 3px 2px;
    border-radius: .2em;
}
.headnav p a:hover, .headnav div a:hover, .sidebar a:hover {
    color:white;
    background:#BE7D5B /*#3a5*/;
}
.headnav p img, .headnav div img {
    margin-left:.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
}
.headnav div img {
    margin-left:-.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
}


/***********************/
/*      Container     */
/***********************/

.container {
    margin:0 auto;
    max-width: 70em;
    /* box-shadow: .3em .5em 1em .1em #aaa; */
    box-shadow: 0 0 2em 1em #131313 /* */;
    padding: .4em;
    background: /*white*/ /*#1E1E21*/ /*#161619*/ /*#313541*/ #1B202B;
}


/***********************/
/*       Head          */
/***********************/

.header {
    /*background: URL(images/header.jpg) repeat-x  #006636;*/
    /*background: URL(images/banner.jpg) repeat-x  #000000;*/
    background: URL(/userfiles/images/siteweb/annie-fontaine_entete_1000px.jpg) repeat-x #000000;
    /*---position: Horizontal Vertical---*/
    background-position:50% 60%;
    padding:2em 2em 0 2em;
    margin-bottom:.5em;
    /*border-radius: .5em;*/
    -moz-box-shadow: inset 0px 0px 55px 0px #131313;
    -webkit-box-shadow: inset 0px 0px 55px 0px #131313;
    -o-box-shadow: inset 0px 0px 55px 0px #131313;
    box-shadow: inset 0px 0px 55px 0px #131313;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#131313, Direction=NaN, Strength=55);
}
.header h1 {
    float:left;
    font: normal bold 300% Georgia, serif;
    letter-spacing:.01em;
    color:black /*#E1E8F1*/;
    position:relative;
    margin-left: 30px;
}
.header h1 span {
    position: absolute;
    color:white;
    top:-2px;
    left:-2px;
}
.header h1 small {
    /*Add by PHS*/
    font-size:.7em;
}
.header h1 span small {
    /*Add by PHS*/
    font-size:.7em;
}
.header form {
    float:right;
    text-align:right;
    margin-top:1em;
}
.header form div#searchbox .text {
    width:10em;
}
.header p {
    clear:right;
    float:right;
    text-align:right;
    color:#afc;
    font-size:.9em;
    margin:0 0 .5em;
}


/**********************/
/*    Navigation 1    */
/**********************/

.nav {
    background:/*#e7e7e7*/ /*#646464*/ #181818;
    padding:0 .8em;
    /*border-radius: .4em;*/
    /*Padding-bottom: 0px;*/
}
.nav ul {
    list-style-type: none;
    margin: -44px 0 0 0;
    padding:0;
}
.nav ul li {
    display: inline;
    line-height:3;
    padding: .5em;
    margin: 0;
    background:/*#dfe*/ #0E0E0E;
    white-space: nowrap;
    /*border-radius: .2em;*/
    font-weight:bold;
}
.nav ul li.sdoc{
    border:1px solid /*#BE7D5B*/ #B4B4B4;
}
.nav ul li a {
    color:black;
    text-decoration: none;
    background:/*#e7e7e7*/ #B4B4B4;
    margin: -.5em;
    padding: .5em ;
    /*width: 180px;*/
    /*border-radius: .2em;*/
}
.nav ul li a:hover, .sitemap a:hover {
    /*color:#0a0;
    background:white;*/
    color:white;
    background:#BE7D5B /*#3a5*/ /*#E69D7D*/ ;
}
.nav li.sdocs a {
    text-decoration: underline;
}


/**********************/
/*    Navigation 2    */
/**********************/

.nav2 {
    float:right;
    width: 19em;
    clear:right;
}
.nav2 ul {
    list-style-type: none;
    padding:.3em 0 .01em 0;
    margin:1em 0 1em 0;
    /*border-radius: .5em;*/
    /*background:#eaeaea;*/
}
.nav2 ul li {
    margin: 0 .5em .6em .5em ;
    background: #000000 /*dfe*/;
    padding: 0 .5em 0 .5em;
    line-height:2;
    /*background:#dfe;*/
    font-weight:bold;
}
.nav2 ul li.sdoc{
    border:1px solid /*#BE7D5B*/ #B4B4B4;
}
.nav2 ul li a {
	color: black;
    text-decoration:none;
    margin: 0 -.6em 0 -.6em;
    padding: 0 .5em 0 .6em;
    /*background:#eaeaea;*/
    display:block;
    color:black;
    
    background:/*#e7e7e7*/ #B4B4B4;
}
.nav2 ul li a:hover {
    color:white /*#BE7D5B*/ /*#0a0*/;
    background:#BE7D5B /*white*/;
}
.nav2 ul li ul  {
    margin:0 -1em 0 1em;
    padding: .5em 0 0 0;
    border-radius:0;
}
.nav2 ul li ul li {
    padding-left: 1em;
    margin-left:0;
}
.nav2 ul li ul li a {
    margin-left:-1em;
    padding-left: 1em;
}

/*************************/
/*  Sous-Menu            */
/*************************/
.sousmenu {
    font-weight:bold;
    font-size:1.2em;
    padding-top: .7em;
    padding-left: 1em;
    border-bottom: 1px solid /*#ccc*/ #646464;
}


/*************************/
/*  Option services      */
/*************************/

.sitemap {
    float:right;
    width: 19em;
    clear:right;
    Padding-top: 0px;
    margin: -2px 0px 10px 0px;
}
.sitemap p {
    margin: 0px auto 0px 0px;
    max-width: 60em;
    background: #181818;
    white-space: nowrap;
    border-radius: .2em;
}
.sitemap img {
    margin-left:.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
}


/*************************/
/*  Breadcrumbs-Locator  */
/*************************/

.locator {
    max-width:50em;
    min-width:50%;
    float:left;
    clear:left;
    display:block;
    margin-bottom:1em
}
.locator p  {
    font-size:.7em;
    letter-spacing: .1em;
    margin-left:1em;
}
.locator a {
    color: #090;
}

.content {
    clear:left;
}


/********************/
/*     Content      */
/********************/

.content {
    max-width:48em;
    width:100%;
    padding:1em 2%;
    float:left;
    margin:0;
}
h1, h2, h3, h4 {
    font: normal normal 1.5em verdana;
	color:/*#0a6*/ /*#7E86C6*/ /*#AD5E7F*/ #DCDCDC;
    clear:both;
}
h1, h2, h3 {
    margin: 0 0 .5em;
}
h4, h5, h6 {
    margin: 1.5em .0em .5em;
    /*font-family: 'Tangerine', serif;*/
}
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top:0;
}

h5, h6 {
    letter-spacing: .05em;
}
h5 {
    font: normal small-caps bold 19px/1.4 'Trebuchet MS', Verdana, sans-serif;
}
h6 {
    font-size: 10pt;
    font-weight:bold;
    color:#086;
}


.submenu h4 {
    font-size:14px;
    margin-top:3em;
}


/*********************/
/*     Sidebar      */
/*********************/

.sidebar {
    float:right;
    max-width: 17em;
    border-left: 1px solid /*#ccc*/ #646464;
    padding:0 1em;
    margin-top:2em;
    clear:right;
}
.sidebar a {
    /*display:block;padding-top: 3px;padding-bottom: 3px*/;
}

/*********************/
/*    Newsbox 2+3    */
/*********************/

.subarea {
    width:100%;
    float:left;
    margin:0;
    border-bottom:1px solid #646464;/**/
    margin-bottom:20px;
}
.newsbox2 {
    width:46%;
    padding:2% 1%;
    float:left;
    border-top:1px solid /*#ccc*/ #646464;
    /*border-bottom:1px solid #646464;*/
    margin:1em 1%;
}
.newsbox2 img {
    /*background: rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
    */
}

/**************************/
/*    Subnavigation       */
/**************************/

.subnav {
    width:100%;
    padding:0 1em;
}
.subnav td a {
    text-decoration:none;
    color:/*black*/ #BFCDDB;
    display:block;
    white-space: nowrap;
    padding: 0;
}
.subnav td a:hover {
    color:/*#090*/ #fff;
    background-color:/*#eee*/ #3a5;
    border-radius: .2em;
}
.previous {
    width:33%;
    text-align:left;
}
.top {
    width:33%;
    text-align:center;
}
.next  {
    width:33%;
    text-align:right
}


/**************************/
/*  Copyright & Login     */
/**************************/

.copyright {
    clear:both;
    text-align:center;
    font-size: 8pt;
    margin:1em 0;
    color:#000;
}
.copyright a {
    color:#777;
    text-decoration:none;
}
.copyright a:hover {
    color:#090;
    background:white;
}


/**************************/
/* searchbox              */
/**************************/

#searchbox {
    float: right; 
    width: 300px; 
    text-align: right; 
    padding: 0px; 
    margin: 0; 
    margin-right: 0px;
    border: 0px solid #666;
}
#searchbox input.text {
    width: 60px;
    height: 22px;
    padding-top: 1px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 5px;
    margin: 0px;
    border: 1px solid #1B1E23;
    font-size: 16px;
    color: #FFFFFF;
    /*background: #38495B;*/
    background: #38495B /*url(images/search_black.png) no-repeat left center*/;
    /*-moz-border-radius: 5px 1px 1px 5px;
    border-radius: 5px 1px 1px 5px;*/
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);/**/ 
}
#searchbox input.text:hover, #searchbox input.text:focus, #searchbox input.text:active {
    background: #38495B ;
}
#searchbox input.submit{
    width: 80px;
    height: 26px;
    background: #B4B4B4;
    border: 1px solid #38495B ;
}
#searchbox input.submit:hover{
    color:white;
    background:#BE7D5B /*#3a5*/;
}

/**************************/
/* Formulaire web         */
/**************************/

#xh_mailform .text, #xh_mailform textarea, #xh_mailform .captchainput{
    color: #F1F1F1;
    font-family: arial, sans-serif; font-size: 16px;
    padding: 2px;
    background-color: #38495B ;
    border: 1px solid #97B9C8 /*#646464*/;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;/**/
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.90) inset, 0 1px 0 rgba(255, 255, 255, 0.20);/**/ 
}
#xh_mailform textarea {width: 99%;padding: 4px;}
#xh_mailform input.submit {margin-top: 30px;}

/**************************/
/* sitemap         */
/**************************/

.sitemaplevel1 {
    font-size: 16px;

}


/**************************/
/* Administrator          */
/**************************/

#xh_pdtabs a {color:#000;}

/**************************/
/* Logo top               */
/**************************/

.logo {
    margin-top:-60px;
    margin-left:-35px;
    float: left;
}


/****************************/
/* Page-article Litératture */
/****************************/

.litterature {}
#litterature a.lienachat  {
    text-decoration:none;
    padding:.3em 1em .3em 1em;
    background: #A10000;
    /*border: 1px solid #B1B1B1 ;*/
    /*border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/
}
#litterature  a.lienachat:hover {
    background: /*#F50016*/ #DF1F4D;
}


/****************************/
/* Page media_art_presse    */
/****************************/

table.media_art_press {
    font-size: 12pt;
    font-weight:bold;
}
table.media_art_press img {}