/* ************************************** */
/* General et Typographie */
/* ************************************** */

* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

body {
color: #ffffff;
font-size: 12px; 
text-align: center; 
background-color: #000000;
font-family: verdana, "Trebuchet MS", arial, helvetica, sans-serif; 
background-image: url('');
padding: 3px;
}

h1 {
position: absolute;
left: 10px;
top: 10px;
margin: 0px;
padding: 0px;
font-size: 18px;
font-weight: bold;
font-family: verdana, "Trebuchet MS", arial, helvetica, sans-serif;
color: #ff0;
text-align: left;
}
h1 span {
display: none;
}

h1 a {
text-decoration: none;
color: #ff0;
}

h1 a:hover {
cursor: pointer;
text-decoration: none;
color: #f00;
}

h2 {
margin: 0px;
margin-left: 300px;
text-align: left; 
padding-top: 12px;
padding-bottom: 5px;
color: #ff0; 
font-size: 20px; 
}

h3 {
text-align: left;
font-weight: 900; 
margin-left: 15px;
padding: 5px; 
font-size: 14px; 
color: #a00;
background: #fff;
border-top: 1px dotted #333;
}

h4 {
padding: 10px;
text-align: left;
color: #c00;
font-size: 14px;
font-family: "Times new roman", times, serif;
font-weight: 600;
}

p {
margin-left: 257px;
margin-right: 3px;
font-size: 12px;
font-family: times, "times new roman", serif;
color: #600;
padding: 5px;
text-align: justify;
background-color: #fff;
border-right: 2px solid #c00;
}

p#amorce {
font-size: 14px;
font-style: italic;
color: #fff;
background: transparent;
border: none;
}

p#premier{
margin-top: 10px;
}

p.p1, p.p2, p.p3, p.p4, p.p5 {
border: none;
margin-right: 3px;
}

p.p1 {
margin-left: 10px;
color: #a00;
font-size: 14px;
}

p.p2 {
margin-left: 20px;
}

p.p2 span {
font-weight: 600;
font-style: italic;
}

p.p3, p.p4 {
margin: 0px;
padding: 5px;
border: none;
}

p.p4 {
font-style: italic;
}

p.p5 {
text-align: right;
color: #ff0;
background: transparent;
}

.lettrine {
font-size: 20px;
font-weight: bolder;
color: #900;
line-height: 1em;
margin: 1px;
}

li {
list-style: none;
text-align: left;
}

img {
border: none;
}
a img {
border: none;
}

ul.list1 {
padding-top: 5px;
margin-bottom: 10px;
margin-left: 20px;
background: #fff;
list-style-type: square;

}
ul.list1 li {
list-style-type: square;
padding: 2px;
}

ul.list1 a {
padding: 5px;
font-size: 10px;
color: #000;
font-weight: 900;
text-decoration: none;
}

ul.list1 a:hover {
color: #c00;
text-decoration: overline;
}

ul.list2 {
padding-left: 20px;
padding-bottom: 5px;
font-size: 12px;
color: #600;
}

ul.list3 {
padding-left: 20px;
padding-bottom: 5px;
font-family: "times new roman", times, serif;
color: #600;
}

ul.list4 {
margin-top: 10px;
}
ul.list4 li {
margin-left: 20px;
list-style-type: square;
}


img#log {
margin: 5px;
margin-bottom: 10px;
}

a {
font-weight: 900;
color: #000;
text-decoration: none;
}

a:hover {
color: #c00;
text-decoration: none;
}


/* ************************************** */
/* Structure Page */
/* ************************************** */

#general {
width: 99%;
position: relative;
margin-left: auto;
margin-right: auto;
background-image: url('../pics/fondRouge.jpg'); 
background-repeat: no-repeat;
background-color: #000;
border: 1px solid gray;
}

#top {
color: #fff; 
font-size: 14px; 
text-align: center; 
border-bottom: 1px solid gray;
height: 100px;
padding: 0px; 
margin: 0px; 
background: transparent;
}

#corps {
margin-left: 250px;
margin: 0px;
background: transparent; 
color: #300;
}

div#bg {
background: #fff;
margin-top: 5px;
margin-left: 257px;
margin-right: 3px;
margin-bottom: 3px;
border-right: 2px solid #c00;
border-bottom: 1px solid #c00;
}

#pied {
padding: 7px;
height: 20px;
text-align: right;
font-size: 8px;
color: #fff;
background: #300;
clear: both;
}

/* ************************************** */
/* Menu Choix des Langues */
/* ************************************** */

#menuLang {
padding: 0px;
margin: 0px;
margin-right: 6%;
list-style: none;
display: block;
height: 25px;
background-image: url(''); 
background-repeat: no-repeat; 
}

#menuLang li {
float: right;
margin: 0px;
border: solid 1px gray;
}

#menuLang li a {
float: left;
display: block;
height: 14px;
text-align: center;
color: #ffffff;
font-size: 12px;
padding: 5px;
font-weight: bold;
text-decoration: none;
background-color: #b00;
}

#menuLang li a:hover {
background-position: bottom;
background: #f00;
color: #ffffff;
text-decoration: none;
}


/* ************************************** */
/* Menu Principal Haut de Page */
/* ************************************** */


#menu {
position: absolute;
left: 135px;
top: 62px;
font-size: 10px;
font-weight: bolder;
font-variant: small-caps;
letter-spacing: 0.1em;
background-color: transparent;
}

.section {
padding: 5px;
cursor: text;
}

#menu li#menu1{
position: absolute;
left: 0px;
top: 0px;
z-index: 100;
}

#menu li#menu2{
position: absolute;
left: 160px;
top: 0px;
z-index: 100;
}

#menu li#menu3{
position: absolute;
left: 320px;
top: 0px;
z-index: 100;
}

#menu li#menu4{
position: absolute;
left: 480px;
top: 0px;
z-index: 100;
}

#menu li a{
background-color: transparent;
display: block;
width: 145px;
text-decoration: none;
text-align: left;	
font-family: Arial, Helvetica, sans-serif;	
color: #fff;
}

#menu li a:hover,
#menu li a:focus{
background-color: #f00;
}

#menu li ul{
border: solid 1px #f00;
}

#menu li ul li a{
text-align: left;
font-family: Verdana, "Trebuchet MS",  Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #000;
padding: 5px;
cursor: pointer;
}

#menu li ul li a:hover,
#menu li ul li a:focus{
background-color: #f00;
}


/* ************************************** */
/* Colonne de Gauche */
/* ************************************** */


#MenuGauche  {
float: left;
width: 250px;
margin: 0px;
margin-right: 5px;
padding: 0px;
background: #000;
color: #fff;
border-right: 1px solid gray;
}

#MenuGauche ul {
padding-bottom: 5px;
border-bottom: 1px dotted gray;
}


#MenuGauche li a {
display: block;
width: 240px;
padding: 5px;
margin: 0;
text-align: left;
font-size: 10px;
font-weight: bold;
font-family: arial, helvetica, sans-serif;
color: #ffffff;
letter-spacing: 0.1em;
text-decoration: none;
background: url('') repeat-y;
}

#MenuGauche li a:hover {
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
}

#MenuGauche li#visite {
font-size: 10px;
color: #ff0;
padding: 5px;
text-transform: uppercase;
}

#MenuGauche li.txt, #MenuGauche li.rubrique {
padding-left: 5px;
font-size: 10px;
}

#MenuGauche li.rubrique {
padding: 5px;
color: #f00;
}

/* ************************************** */
/* Menu Poros */
/* ************************************** */

ul#poros {
height: 170px;
}

ul#cd, ul#cd2, ul#cd3 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
list-style-type: none;
display: block;
border: none;
}

ul#cd li, ul#cd2 li, ul#cd3 li {
float: left;
}

ul#cd a, ul#cd2 a, ul#cd3 a {
width: 60px;
height: 60px;
float: left;
display: block;
}

ul#cd a span, ul#cd2 a span, ul#cd3 a span {
display: none;
}

ul#cd a:hover span {
display: block;
position: absolute;
top: 405px;
left: 20px;
width: 200px;
tex-align: left;
color: #fff;
text-transform: none;
}

ul#cd2 a:hover span {
display: block;
position: absolute;
top: 390px;
left: 20px;
width: 200px;
tex-align: left;
color: #fff;
text-transform: none;
}

ul#cd3 a:hover span {
display: block;
position: absolute;
top: 500px;
left: 20px;
width: 200px;
tex-align: left;
color: #fff;
text-transform: none;
}


/* ************************************** */
/* Colonne de Droite */
/* ************************************** */

.encart {
float: right;
width: 200px;
margin: 0px;
margin-top: 15px;
margin-left: 5px;
padding: 5px;
text-align: left;
background: #a00;
} 

.encart li {
font-size: 12px;
color: #fff;
}


/* ************************************** */
/* Tableau */
/* ************************************** */

div#tableau  {
background: #fff;
}

table#index {
margin: 10px;
}

td {
padding: 5px;
color: #600;
font-family: "times new roman", times, serif;
font-size: 12px;
text-align: left;
}
td span {
color: #300; 
}
td.t1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
}

td.t2 {
font-style: italic;
border-top: 1px dotted #333;
background: #ccc;
}

td.t3 {
color: #a00;
border-top: 1px solid #a00;
}

td.t3 span {
font-style: italic;
color: #000;
font-size: 12px;
}

td.t4 {
font-weight: 600;
}

td.t5 {
padding: 0px
margin: 0px;
font-size: 14px;
color: #900;
border-top: 1px dotted #666;
}

td.t6, td.t7 {
margin-bottom: 10px;
color: #fff;
background: transparent;
border-bottom: 1px dotted #fff;
}

td.t7 {
border: none;
}

td.t8 {
background: #000;
}

/* ************************************** */
/* Formulaire */
/* ************************************** */

input, textarea {
margin: 5px;
}