/* LAYOUT */
/* ----------------------------------------- */

body {
	background: #f1f1f2;
margin:0;
padding:0;
        font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
        color: #666;

}
#logo {
margin:0;
padding:0;
	position: fixed;
	top: 0;
	left: 0;
	width: 280px;
	z-index: 1000;
	background: #FFFFFF;
	height: 110px;
	border-bottom:1px solid #66b5c6;
}

#droite {
margin:0;
padding:0;
	position: fixed;
	top: 0;
	left: 705px;
	width: 280px;
	z-index: 1000;
	background: #FFFFFF;
	height: 110px;
	border-bottom:1px solid #66b5c6;
}
#thecentre {

	width: 425px;
	background: #F1F1F2;
	height: 119px;
}
#fil {
margin:0;
padding:0;
	position: fixed;
	top: 0;
	left: 985px;
	width: 1px;
	z-index: 1000;
	height: 410px;
	border-left:1px solid #a6a6a6;
}
#cadre_article {
margin:0;
padding:0;
	position: fixed;
	top: 200px;
	left: 705px;
	width: 280px;
	z-index: 1000;
	height: 30px;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	background:#fbfbfb;
}
#fleche {
margin:0;
padding:0;
	position: fixed;
	top: 410px;
	left: 957px;
	z-index: 1000;
	width: 58px;
	height: 77px;
background:url('fleche.gif');
}
.cadreP {
padding:5px;border:1px solid #c5c5c5; background:#e0e0e0;
}
.cadreP:hover {
padding:5px;border:1px solid #c5c5c5; background:#181818;
}

.navtable {
	position: fixed;
	top: 111px;
	left: 57px;
background:#2b2b2b;

width:218px;
margin:0;
padding:0;
	z-index: 1000;
border-left:5px solid #B1E2ED;
}

#wrapper {

margin:0;
padding:0;
	position: relative;

	padding-left:279px;
}
#content {
	margin:0;
	padding:0;
padding-bottom:100px;
	width: 425px;

border-left:1px solid #b1b1b1;
}


.menu {
font-family:"Georgia",sans-serif;
font-size:10.5px;
letter-spacing:1px;
font-weight:normal;
text-decoration:none;
text-transform:uppercase;
}
.menu a:link {
color:#B1E2ED;
text-decoration:none;
}
.menu a:active {
color:#B1E2ED;
text-decoration:none;
}
.menu a:visited {
color:#B1E2ED;
text-decoration:none;
}
.menu a:hover {
color:#FFFFFF;
text-decoration:none;
padding-left:10px;
}


        .headline:first-letter{
               text-transform: uppercase;
          }
        .headline {
        color: #424242;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 40px auto;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 10pt;
	font-variant: small-caps;
        }


        .titre {

       font-family: Georgia, "Times New Roman", Times, serif;
        font-size:24px;
	margin-top: 5px; margin-bottom: 0px;
	text-align: center;
        font-weight: normal;
        color: #222;
        }
.titre a:link{
color: #222;
text-decoration:none;
}
.titre a:visited{
color: #222;
text-decoration:none;
}
.titre a:active{
color: #222;
text-decoration:none;
}
.titre a:hover{
color:#436d76;
text-decoration:none;
}
        .soustitre {
 font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.3em;

        }

.texte{
        font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
        font-size: 14px;
line-height:19px;
        margin-top: .5em; color: #666;
}
.texte a:link{
color:#4697a9;
text-decoration:none;
}
.texte a:visited{
color:#4697a9;
text-decoration:none;
}
.texte a:active{
color:#4697a9;
text-decoration:none;
}
.texte a:hover{
color:#242424;
text-decoration:none;
}

.texte2{
font-family:Helvetica, sans-serif;
font-size:12px;
color:#454545;
}
.texte2 a:link{
color:#5596b9;
text-decoration:none;
}
.texte2 a:visited{
color:#5596b9;
text-decoration:none;
}
.texte2 a:active{
color:#5596b9;
text-decoration:none;
}
.texte2 a:hover{
color:#AAA;
text-decoration:none;
border-bottom:1px solid #AAA;
}

.barreblanche{
position:relative;
top:-10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #CCC;
border-top:2px solid #CCC;
background:#FFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}

.cadreblanc{
position:relative;
top:-10px;
padding-top:5px;
padding-bottom:5px;
border-bottom:2px solid #CCC;
border-top:2px solid #CCC;
background:#FFF;
text-align:left;
}