/*

TELECHARGE SUR KITGRAFIK http://www.kitgrafik.com
*/
html, body {
padding: 0; 
margin: 0;
text-align: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 16px;
color: black;
background-color: white;
background-image: url("images/background.jpg");
background-repeat: repeat-x;
background-attachment: fixed;
}
/* conteneur du site */
#container {
width: 950px;
margin: auto;
background-image: url("images/bg-container.jpg");
background-repeat: repeat-y;
.affiche {color:#000099;font-weight:bold;}
}
/* header du site */
#header {
width: 950px;
height: 213px;
margin: 0;
padding: 0;
}
#header div{
height: 213px;
display: inline;
float: left;
}
	  
/* colonne gauche */
#gauche {
width: 171px;
min-height: 330px;
text-align: center;
float: left;
}
/* titre colonne gauche */
#gauche h2 {
height: 25px;
line-height: 25px;
font-size: 13px;
color: #BD0000;
text-indent: 27px;
text-align: left;
/* top right bottom left */
margin: 15px 8px 0 8px;
font-weight: bold;
background-image: url("images/puce-lavande.gif");
background-repeat: no-repeat;
background-color : transparent;
}
/* titre colonne gauche */
#gauche h3 {
height: 25px;

font-size: 13px;
color: #BD0000;
text-indent: 27px;
text-align: left;
/* top right bottom left */
margin: 15px 8px 0 8px;
font-weight: bold;

background-repeat: no-repeat;
background-color : transparent;
}

/* liens bloc gauche */
#gauche a:link, #gauche a:visited {
width: 171px;
height: 25px;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #07761D;
display: block;
line-height: 25px;
text-indent: 10px;

background-color: transparent;
}
#gauche a:active, #gauche a:hover {
font-style: italic;
color: #BD0000;
background-image: url("images/hover.jpg");
background-repeat: repeat-y;
background-color: transparent;
}
/* images bloc gauche */
#gauche img {
margin: 10px auto;
}

/* corps de page */
#corps {
width: 775px;
height: 120%;
float: left;
display: block;
text-align: justify;
}
/* Titre corps de page */
#corps h1 {
line-height: 28px;
font-size: 20px;
color: #BD0000;
text-indent: 30px;
margin: 10px;
font-weight: normal;
font-family: Georgia, "Times New Roman", Times, serif;
background-image: url("images/puce-tournesol.jpg");
background-repeat: no-repeat;
background-color: transparent;
}
/* Sous titre corps de page */
#corps h2 {
font-size: 14px;
color: #07761D;
margin: 10px;
font-weight: bold;
background-color: transparent;
}
/* paragraphe de texte corps de page */
#corps p {
margin: 10px;
}

/* footer */
#footer {
width: 950px;
height: 32px;
text-align: center;
background-image: url("images/bg-footer.jpg");
background-repeat: no-repeat;
background-color: transparent;
font-size: 10px;
color: black;
clear: both;
}
/* menus footer */
#footer a:link, #footer a:visited {
font-weight: normal;
text-decoration: none;
color: #07761D;
background-color : transparent;
}
#footer a:active, #footer a:hover {
color: #BD0000;
text-decoration: none;
background-color : transparent;
}
#footer span {
display: block;
/* top right bottom left */
padding: 11px 0 0 5px;
}

/* liens normaux */
a:link, a:visited {
color: #1E2467;
text-decoration: underline;
background-color: transparent;
}
a:active, a:hover {
color: #BD0000;
background-color: transparent;
}

/* banni re */
#banniere {
width: 606px;
height: 98px;
text-align: center;
/* top right bottom left */
margin: 0 37px 0 38px;
background-image: url("images/bg-banniere.jpg");
background-repeat: no-repeat;
background-color: transparent;
clear: both;
}
#banniere img{
margin-top: 19px;
}

/* positionnement flottant */
.left {
float: left;
/* top right bottom left */
margin: 0 3px 0 10px;
clear: left;
}
.right {
float: right;
margin: 3px;
}