/*
KIT GRAPHIQUE PAR BOZ 
http://www.gorets.com
TELECHARGE SUR KITGRAFIK
http://www.kitgrafik.com
*/

html, body {
padding: 0; 
margin: 0;
font: 12px Tahoma, Verdana, Arial;
color: #000000;
background-image: url("images/bg.jpg");
background-repeat: repeat-x;
background-color: #0B59FF;
text-align: center;
}

a {  text-decoration: none; } 

#container {
width: 770px;
text-align: center;
margin: auto;
}

/* logo */
#logo{
width: 770px;
height: 130px;
background-image: url("images/header.jpg");
background-repeat: no-repeat;
}

/* banniere */
#banniere{
width: 770px;
height: 65px;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
text-align: center;
padding-top: 5px;
/* hack pour MSIE qui ne sait pas gérer le padding ! */
voice-family: "\"}\"";
voice-family:inherit;
height: 70px;
}

html>body #banniere {
height: 65px;
}

/* disclaimer */
#dsc1 {
width: 600px;
height: 60px;
background-image: url("images/dsc-1.jpg");
background-repeat: no-repeat;
margin: auto;
}

#dsc2 {
width: 530px;
height: 268px;
background-image: url("images/dsc-2.jpg");
background-repeat: no-repeat;
margin: auto;
text-align: left;
font: 11px verdana, arial, helvetica, sans-serif;
padding: 2px 35px 0 35px;
/* hack pour MSIE qui ne sait pas gérer le padding ! */
voice-family: "\"}\"";
voice-family:inherit;
width: 600px;
height: 270px;
}

html>body #dsc2 {
width: 530px;
height: 268px;
}

#dsc2:first-line {

font-weight: bold;

}

#dsc3 {

width: 600px;

height: 44px;

background-image: url("images/dsc-3.jpg");

background-repeat: no-repeat;

text-align: center;

margin: auto;

padding-top: 2px;

/* hack pour MSIE qui ne sait pas gérer le padding ! */

voice-family: "\"}\"";

voice-family:inherit;

height: 46px;

}

html>body #dsc3 {

height: 44px;

}

/* bouton Entrer index */

#in:link, #in:visited {

width: 125px;

height: 25px;

background-image: url("images/in-off.jpg");

background-repeat: no-repeat;

display: block;

float: left;

margin-left: 116px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-left: 55px;

}

html>body #in:link, #in:visited {

margin-left: 116px;

}

#in:hover, #in:active {

width: 125px;

height: 25px;

background-image: url("images/in-on.jpg");

background-repeat: no-repeat;

display: block;

float: left;

margin-left: 116px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-left: 55px;

}

html>body #in:hover, #in:active {

margin-left: 116px;

}

/* bouton Sortir index */

#out:link, #out:visited {

width: 127px;

height: 25px;

background-image: url("images/out-off.jpg");

background-repeat: no-repeat;

display: block;

float: right;

margin-right: 116px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-right: 55px;

}

html>body #out:link, #out:visited {

margin-right: 116px;

}

#out:hover, #out:active {

width: 127px;

height: 25px;

background-image: url("images/out-on.jpg");

background-repeat: no-repeat;

display: block;

float: right;

margin-right: 116px;

/* hack pour MSIE qui ne sait pas gérer le margin ! */

voice-family: "\"}\"";

voice-family: inherit;

margin-right: 55px;

}

html>body #out:hover, #out:active {

margin-right: 116px;

}

/* colonne gauche */

#gauche {

width: 130px;

float: left;

display: block;

text-align: center;

}

/* titre bloc menu gauche */

#gauche div.titre{

width: 130px;

height: 20px;

background-image: url("images/titre-menu.jpg");

background-repeat: no-repeat;

display: block;

color: black;

font-size: 13px;

line-height: 20px;

font-weight: bold;

text-align: left;

text-indent: 20px;

}

/* bloc menu gauche */

#gauche div.bloc{

width: 124px;

text-align: left;

display: block;

border-left: 1px solid #0B59FF;

border-right: 1px solid #0B59FF;

border-bottom: 1px solid #0B59FF;

background-color: white;

padding: 2px;

margin-bottom: 5px;

/* hack pour MSIE qui ne sait pas gérer le padding ! */

voice-family: "\"}\"";

voice-family:inherit;

width: 130px;

}

html>body #gauche div.bloc {

  width: 124px;

}

/* liens menu gauche */

#gauche div.bloc a:link, #gauche div.bloc a:visited {

color: black;

text-decoration: none;

}

#gauche div.bloc a:active, #gauche div.bloc a:hover {

color: #0B59FF;

}

/* liens colonne gauche */

#gauche a:link, #gauche a:visited {

color: black;

text-decoration: none;

}

#gauche a:active, #gauche a:hover {

color: #03D1FF;

}

/* colonne centre */

#centre {

width: 635px;

float: right;

display: block;

text-align: center;

}

/* titre bloc menu gauche */

#centre div.titre{

width: 620px;

height: 20px;

background-image: url("images/titre-bloc.jpg");

background-repeat: no-repeat;

display: block;

color: black;

font-size: 13px;

line-height: 20px;

font-weight: bold;

text-align: left;

text-indent: 20px;

}

/* bloc menu gauche */

#centre div.bloc{

width: 629px;

text-align: left;

display: block;

border-left: 1px solid #0B59FF;

border-right: 1px solid #0B59FF;

border-bottom: 1px solid #0B59FF;

background-color: white;



margin-bottom: 5px;

/* hack pour MSIE qui ne sait pas gérer le padding ! */

voice-family: "\"}\"";

voice-family:inherit;

width: 635px;

}

html>body #centre div.bloc {

  width: 629px;

}

/* liens menu centre */

#centre div.bloc a:link, #centre div.bloc a:visited {

color: black;

text-decoration: underline;

}

#centre div.bloc a:active, #centre div.bloc a:hover {

color: #0B59FF;

}

/* texte petit */

.small {

font-size: 10px;

}

/* Titres */

h1 {

font-size: 16px;

color: #FFC700;

margin: 0;

clear: both;

}

/* Sous Titres */

h2 {

font-size: 13px;

color: black;

margin: 0;

clear: both;

}

.miniTitre {

text-decoration: underline;

font-weight: bold;

}

/* Eléments divers */

form {

margin: 0px;

padding:0px;

text-align: left;

color: black;

font-weight: bold;

text-align: center;

}

input, select {

font-size: 10px;

vertical-align: middle;

}

img {

border: 0;

}

p {

margin: 5px 0 5px 0;

}

.myp {

margin: 0;

}

/* image flottante a gauche */

.img-g {

float: left;

margin: 5px;

}

/* image flottante a droite */

.img-d {

float: right;

margin: 5px;

}

/* footer pied de page */

#footer {

width: 100%;

background-image: url("images/foot.jpg");

background-repeat: repeat-x;

background-position: top;

text-align: center;

font-size: 10px;

padding-top: 3px;

margin-bottom: 3px;

clear: both;

}

/* liens footer */

.af:link, .af:visited{

color: black;

text-decoration: underline;

}

.af:active, .af:hover{

color: #03D1FF;

}



a { color: #ffffff; font-weight: bold; }

a:visited { color: #000000; }



.titre {

   width: 620px;

	 text-align: center;

	 margin: auto;

   background: #FFCB00;

	 border: 1px solid #FFFFFF;

	 color: #cc3333;

	 font-weight: bold;

}



.box {

   width: 610px;

	 text-align: center;

	 margin: auto;

   border: 1px solid #FFCB00;
  padding: 5px;

}

.box_big{

   width: 770px;

	 text-align: center;

	 margin: auto;

   border: 1px solid #FFCB00;
  padding: 5px;

}



a.telecharger  {

  color: #cc3333; font-weight: bold; font-size: 22px;  text-decoration: none;

}



a.telecharger:visited {

  color: #c0c0c0; font-weight: bold; font-size: 22px;  text-decoration: none;

}



.txt { font-size: 11px; }



a.cat  { display: block; background-color: #FFCB00; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; margin: 0; padding: 0; margin-bottom: 3px; text-indent: 11px; text-decoration: none; }

a.cat:hover  { display: block; background-color: #FFCB00; border-top: 2px solid #cc3333; border-bottom: 2px solid #cc3333; margin: 0; padding: 0; margin-bottom: 3px; text-indent: 11px; color: #cc3333; text-decoration: none; margin: 1px; }