/* Général */
body {
background: #3A4D7C;
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
line-height: 1.25;
color: #fff;
padding: 4px 4px;
}
a {
color: #FF6533;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #A1B55D;
}
img {
border: 0px;
}
/* Positionnement de page */
#global {
width: 900px;
background: #fff;
margin-left: auto;
margin-right: auto;
padding: 2px
}
/* En-tête */
#entete {
background: url('../../images/ban.gif') no-repeat;
padding: 50px 0;
}
#entete  img {
float: left;
margin: 7px 20px 10px 0;
}
#entete .sous-titre {
margin: 4px 0 15px 0;
}
/* menu, date, courriel, barre de recherche, menuhaut */
#haut {
background: url('../../images/top.gif') no-repeat;
padding: 50px 0;
}
#haut p img {
float: right;
margin: -55px 210px;
padding: 0;
}
#haut .date {
float: right;
background: #071a49;
border: 2px solid #d6d6d6;
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #fff;
margin: -55px 10px;
padding: 5px;
}
#haut .form {
float: right;
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
background: #fff;
margin: -13px 10px;
padding: 3px;
}
input[type=submit] {
border: 1px solid #000080;
font: bold 1.3em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #071a49;
cursor: pointer;
 }
input[type=submit]:hover {
border: 1px solid #000080;
background: #fff;
 }
input[type=submit]:active {
border: 1px solid #000080;
background: #A6BEDE;
color: #fff;
} 
/* navigation du haut */
#navlist {
float: left;
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: -58px 0 0 0;
}
ul.navlist {
margin-left: 4px;
padding-left: 0;
white-space: nowrap;
}
.navlist li {
display: inline;
list-style-type: none;
}
.navlist a { 
padding: 3px 6px; 
}
.navlist a:link, .navlist a:visited {
color: #fff;
background: #071a49;
text-decoration: none;
}
.navlist a:hover {
color: #fff;
background: #369;
text-decoration: none;
}
/* Conteneur central */
#centre {
width: 100%;
overflow: hidden;
margin-top: -20px;
background: transparent;
}
#centresearch {
width: 850px;
overflow: hidden;
margin-top: -15px;
margin-left: auto;
margin-right: auto;
padding: 8px;
border: 2px solid #d6d6d6;
}
/* navigation de gauche */
#navigation {
float: left;
width: 151px;
border: 1px solid #555;
margin: 247px 0 0 -161px;
padding: 4px;
}
#navigation img  {
margin-left: -12px;
margin-right: -12px;
padding: 2px;
}
#navigation p {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 4px 10px -16px 10px;
padding: 2px;
list-style: none;
}
#navigation ul {
margin: 0;
padding: 20px 10px 8px 6px;
list-style: none;
}
#navigation a {
display: block;
height: 1%;
padding: 2px 10px 6px 10px;
line-height: 1.5;
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
}
#navigation {
background: #96A5C5;
}
#navigation a {
color: #fff;
}
#navigation a:hover, #navigation a:focus {
background: #f6f6f6;
color: #071a49;
}
/* Contenu principal */
#principal {
float: left;
width: 506px;
margin: 0 0 0 4px;
padding: 10px 20px;
}
#principal > :first-child {
margin-top: 10px;
}
#principal p, #principal li {
text-align: justify;
color: #000;
line-height: 1.5;
}
#principal h2 {
font-size: 1.1em;
text-align: justify;
color: #a6a6a6;
margin: 20px 0 0 0;
}
#principal {
background: #F5F5F5;
border: 1px solid #d6d6d6;
color: #181A12;
}
#principal a {
color: #181A12;
text-decoration: underline;
}
#principal a:hover, #principal a:focus {
color: #47a0ed;
}
#principal strong  {
color: #181A12;
}
#principal .strong  {
color: #a6a6a6;
}
#principal .cadre  {
background: #f7f7f7;
-moz-border-radius: 10px;
border: 1px solid #d6d6d6;
padding: 10px;
}
/* zone page d'erreur */
#pageerreur {
background: #fff;
width: 650px;
height: 330px;
margin: 30px 0 30px 400px;
border: 6px solid #d6d6d6;
font-size: 1.2em;
text-align: center;
}
#pageerreur p {
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #181A12;
text-align: center;
padding: 4px;
}
/* zone flash */
#zone {
background: #fff;
width: 500px;
height: 300px;
margin: 31px 0 31px -20px;
border: 1px solid #d6d6d6;
}
/* Contenu secondaire */
#secondaire {
background: #071a49;
-moz-border-radius: 10px;
margin-left: 720px;
margin-right: 0px;
padding: 12px 0;
}
/* Pied de page */
#pied {
background: #071a49;
font: bold .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
margin-top: 10px;
padding: 15px 20px 10px 20px;
}
/* Mention de copyright */
#copyright, p {
margin: 8px 0 0 0;
font-size: 1em;
text-align: left;
color: #fff;
}
#copyright a {
color: #848F63;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}
/* bloc media */
#imgmedia {
float: left;
background: #e6e6e6;
border: 1px solid #555;
margin: -4px 0 0 0px;
padding: 4px;
}
.imgcadre {
margin: 4px 0px 6px 0px;
}
#imgzone {
float: right; 
margin: 20px 10px 0 -158px;
padding-bottom: 4px;
}
.float {
margin: 0px 20px 0px 10px;
padding: 3px;
}
.img {
background: #fff;
-moz-border-radius: 0 0 10px 10px;
margin: 0px 4px 4px 5px;
}
.imggo {
margin: 25px 0px 40px 21px;
}
.imgpro {
float: right;
margin: 4px 0px 0px 6px;
border: 1px solid #eab648;
}
.imgleft {
float: left;
margin: 4px 6px 0px 0px;
}
.imgpub {
margin: 10px 0px 0px 3px;
}
.col {
background: #fff;
-moz-border-radius: 10px;
border: 1px solid #d6d6d6;
margin: 8px 0 20px 0;
padding: 20px;
text-align: justify;
}
/* galerie d'images */
#gal {
position: relative; 
width: 500px; 
height: 400px; 
margin: 10px 0 4px 2px; 
border: 1px solid #d6d6d6;
background: #fff;
cursor: default;
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000; 
text-align: center; 
}
#gal ul {
width: 100%;
position: absolute;
text-align: center;
top: 320px;
left: 25px;
list-style:none;
padding: 0px;
}
#gal a {
text-decoration: none;
}
#gal a:hover {
background: none;
}
#gal a span {
display: none;
cursor: default;
}
/* position et hauteur des thumbs*/
#gal a img {
display: inline;
margin: 0px; 
border: 1px solid black; 
position: relative;
z-index: 1001;
height: 35px;
}
/*image projetée et du texte commentaire*/
#gal a:hover span {
width: 100%;
background: transparent;
display: inline;
position: absolute;
top: -333px;
left: 57px;
}
/* position image initiale*//* image projetée*/
#gal img, #gal a:hover span img {
margin: 10px auto 0 auto;
border: 1px solid black ;
height: 250px;
}
/* position et caractéristiques du texte commentaire*/
#gal a textarea {
width: 300px;
overflow: hidden;
background: transparent;
border: 0px solid #d6d6d6;
height: 15px; 
margin: 300px 0 0 20px; 
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: center;
cursor: default;
position: relative;
z-index: 1000;
}
/* le formulaire */
.formulaire {
background: #fff;
margin: 10px 3px 40px 1px;
padding: 20px;
border: 1px solid #d6d6d6;
}
.formulaire label {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.formulaire input {
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
background: #F7F9FA;
border: 1px solid #50a6f2;
}
.formulaire select, option {
background: #F7F9FA;
color: #000;
}
.formulaire textarea {
border: 1px solid #50a6f2;
background: #F7F9FA;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 0 2px 0 2px;
width: 460px;
color: #000;
}