/* Général */
body {
background: #fff;
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
line-height: 1.25; 
max-width: 1600px;
min-width: 850px;
margin: 0 auto;
padding: 10px 10px; 
}
a {
color: #FF6533;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #555;
}
#global {
width: 100%;
background: #f5f5f5;
border-left: 1px outset #d6d6d6;
margin-left: auto;
margin-right: auto;
-moz-box-shadow: 1px 1px 12px #555; 
-webkit-box-shadow: 1px 1px 12px #555;   
box-shadow: 1px 1px 12px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=8); 
zoom: 1;
}
/* En-tête */
#entete {
background: url('../../images/ban.gif') no-repeat;
background-color: #071a49;
margin: 0px;
padding: 20px 0 16px 0px;
}
#entete h1 {
color: #fff;
margin: 80px 0 20px 120px;
}
#entete .form {
float: right;
background: #fff;
margin: -120px 10px;
padding: 2px;
}
input[type=submit] {
background: #f5f5f5;
border: 1px solid #61A2FF;
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #555;
cursor: pointer;
padding: 1px;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active {
background: #fff;
border: 1px solid #61A2FF;
color: #c6c6c6;
} 
/* menu du haut */
#navcontainer{ 
width: 100%;
height: 40px;
background: url('../../images/bgmenu.gif') repeat-x;
margin: 0px;
padding: 0px;
}
#navlist{ 
margin: 0; 
padding: 0;
}
#navcontainer ul li {
float: left;
background: transparent;
display: block;
font: 1em  Arial, Helvetica, "Nimbus Sans L", sans-serif;
text-align: center;
list-style-type: none;
margin: 0;
padding: 0;
}
#navcontainer a {
width: 100px;
border-right: 1px solid #555;
display: block;
color: #fff;
text-decoration: none;
padding: 12px 4px 12px 4px;
}
#navcontainer li .hover { 
background: url('../../images/over.gif') repeat-x 20px;
}
#navcontainer a:hover  { 
background: url('../../images/over.gif') repeat-x 20px; 
padding: 12px 4px 12px 4px;
}
/* Conteneur central */
#centre {
background: transparent;
top: 25px;
}
#centre-bis {
background: transparent;
width: 100%;
overflow: hidden;
}
#centre-bis-search {
background: transparent;
width: 100%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 10px 20px;
}
/* Menu de navigation */
#navigation {
float: left;
width: 200px;
background: #fff;
-moz-box-shadow: 1px 1px 12px #555; 
-webkit-box-shadow: 1px 1px 12px #555;   
box-shadow: 1px 1px 12px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=8); 
zoom: 1;
margin: 10px 6px;
}
#navigation img{
margin: 0 -10px;
padding: 0px;
list-style: none;
}
#navigation ul {
margin: 0;
padding: 20px 4px 10px 4px;
list-style: none;
}
#navigation a {
display: block;
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
height: 1%;
line-height: 1.5;
padding: 6px 10px 6px 10px;
}
#navigation a {
color: #555;
}
#navigation a:hover, #navigation a:focus, #navigation a:active  {
background: transparent;
color: #c6c6c6; 
}
#navigation  p {
font-weight: bold;
color: #7789b6;
border-bottom: 2px solid #7789b6;
margin: 10px 10px -20px 10px;
}
/* Contenu principal */
#principal {
background: #fff;
color: #555;
margin-left: 220px;
margin-right: 260px;
padding: 10px 20px;
}
#principal > :first-child {
margin-top: 10px;
}
#principal p, #principal li {
line-height: 1.5;
text-align: justify;
}
#principal a {
font-weight: bold;
color: #555;
}
#principal a:hover, #principal a:focus {
color: #d6d6d6;
}
#principal .top {
font-size: .85em;
color: #888;
}
#principal .top:hover, #principal .top:focus {
color: #d6d6d6;
}
#principal strong {
color: #555;
}
#principal .news {
background: #e6e6e6;
color: #555;
padding: 4px;
}
/* portfolio */
#pfolio {
width: 100%;
}
.pfolio  {
float: left;
width: 45%;
background: #fff;
border: 0px solid #e6e6e6;
text-align: center;
margin: 2px 6px;
padding: 4px;
}
.spacer {
clear: both;
}
/* Contenu secondaire */
#secondaire {
float: right;
width: 200px;
background: #fff;
margin: 0 10px 0 0px;
padding: 10px 18px;
}
#secondaire  .img {
margin: -4px 0 10px -12px;
padding: 4px;
}
/* Pied de page */
#pied {
background: #e6e6e6;
border-top: 4px solid #27283b;
border-left: 1px outset #d6d6d6;
font-size: .85em;
text-align: justify;
color: #555;
margin: 0px;
padding: 10px;	
}
#pied a {
color: #848F63;
text-decoration: none;
}
#pied a:hover, #pied a:focus {
text-decoration: underline;
}
/* Mention de copyright */
#copyright {
margin: 20px 0 5px 0;
text-align: right;
font-size: 1em;
color: #555;
}
#copyright .space {
margin: 40px 0 50px 0;
}
#copyright a {
color: #848F63;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}