/* Test de CSS */

/*
  Balises générale html
*/
html, body {
margin:0;
padding:0;
}
body {
text-align:center;
font-family: "trebuchet ms", helvetica, arial, sans-serif;
font-size:11px;
background-color: #F8F8F8;
}

a
{
text-align:left;
padding:0px 0px 0px 16px;
background-image: url(../img/lien_on_orange.png);
background-repeat: no-repeat;
background-position:left center;
color:#333333;
}

a:hover
{
text-align:left;
text-decoration:underline;
padding:0px 0px 0px 16px;
color:  #FF9933;
background-image: url(../img/lien_on_orange.png);
background-repeat: no-repeat;
background-position:left center;
}

li {
text-align:left;
padding:0px 0px 0px 16px;
background-image: url(../img/fleche_orange.png);
background-repeat: no-repeat;
background-position:left top;
}

ul {
list-style:none; 
list-style-image:none; 
padding-left:0px;
}

/*
  Header : 3 classes
    - header_bloc  : cadre contenant l'image principale
    - header_wave  : cadre contenant l'image "vague" transparente
	- header_title : cadre contenant le titre de la page
*/
.header_bloc {
text-align:bottom;
width:750px;
height:150px;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
/*css3*/
border-radius:40px 0px 40px 0px;
-moz-border-radius:40px 0px 40px 0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:40px;
-webkit-border-top-left-radius:40px;
-khtml-border-radius:40px 0px 40px 0px;
box-shadow:3px 3px 6px 0 #C0C0C0;
-moz-box-shadow:3px 3px 6px 0 #C0C0C0;
-webkit-box-shadow:3px 3px 6px #C0C0C0;
}

.header_wave {
width:750px;
height:100px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:url(../img/bandeau1.png) no-repeat left top;
border-radius:40px 0px 0px 0px;
-moz-border-radius:40px 0px 0px 0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:40px;
-khtml-border-radius:40px 0px 0px 0px;
}

.header_title {
width:750px;
text-align:center;
font-size:18px;
font-weight:bold;
color: #8195e8;
padding:5px 0px 5px 0px;
margin:10px 0px 0px 0px;
background-color: #FFFFFF;
border:1px solid #EEEEEE;
/*background:url(../img/bg1.png) repeat; */
border-radius: 0px 40px 0px 40px;
-moz-border-radius: 0px 40px 0px 40px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:0px;
-khtml-border-radius: 0px 40px 0px 40px;
box-shadow:3px 3px 6px 0 #C0C0C0;
-moz-box-shadow:3px 3px 6px 0 #C0C0C0;
-webkit-box-shadow:3px 3px 6px #C0C0C0;
}


/*
  Footer / pied de page : bloc coin arrondis
*/
.footer {
clear: both;
margin: 10px 0px 20px 0px;
text-align:left;
border:1px solid #CCCCCC;
background:url(../img/bg1.png) repeat;
/*css3 */
border-radius: 0px 0px 20px 20px;
-moz-border-radius: 0px 0px 20px 20px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-top-left-radius:0px;
-khtml-border-radius: 0px 0px 20px 20px;
box-shadow:1px 1px 2px 0 #C0C0C0;
-moz-box-shadow:1px 1px 2px 0 #C0C0C0;
-webkit-box-shadow:1px 1px 2px #C0C0C0;
}


/*
  Definition du menu
  ------------------
*/
.menu {
border:1px solid #C0C0C0;
background-color: #FFFFFF;
/*background:url(../img/bg1.png) repeat;*/
/*css3*/
box-shadow:1px 1px 2px 0 #C0C0C0;
-moz-box-shadow:1px 1px 2px 0 #C0C0C0;
-webkit-box-shadow:1px 1px 2px #C0C0C0;
border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-top-left-radius:10px;
-khtml-border-radius: 10px 0px 0px 10px;
width:160px;
padding:0px;
float:left;
}

.menu ul{
padding: 0px 5px 5px 5px;
margin: 0px;
color: #333333;
text-transform:uppercase;
font-weight:bold;
}

/* Menu 1er niveau */
.menu_li1 {
list-style: none;
margin: 0px 5px 0px 5px;
padding: 2px 0px 2px 0px;
text-align: left;
background-image:none;
}

.menu_li1 a {
display:block;
padding: 2px 5px 2px 0px;
margin: 0px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
text-transform: uppercase;
text-decoration:none;
color: #666666;
background-image:none;
}

.menu_li1 a:link, .menu_li1 a:visited {  
padding-left:0px;
margin: 0px;
font-weight:normal;
text-decoration:none;
background-image:none;
}
	
.menu_li1 a:hover {
color: #FF9933;
background-image:none;
}
	 
.actif_li1 {
list-style: none;
margin: 0px 5px 0px 5px;
padding: 2px 0px 2px 0px;
text-align: left;
background-image:none;
}

.actif_li1  a {
display:block;
padding: 2px 5px 2px 0px;
margin: 0px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
text-transform: uppercase;
text-decoration:none;
color: #FF9933; 
background-image:none;
}

.actif_li1 a:link, .actif_li1 a:visited, .actif_li1 a:hover { 
padding-left:0px;
margin: 0px;
font-weight:normal;
text-decoration:none;
color: #FF9933; 
background-image:none;
}

/* Menu second niveau */
.menu_li2 {
list-style: none;
margin: 0px 5px 0px 5px;
padding: 2px 0px 2px 0px;
text-align: left;
background-image:none;
}

.menu_li2 a {
display:block;
padding: 2px 5px 2px 0px;
margin: 0px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
text-transform: uppercase;
text-decoration:none;
color: #666666; 
background-image:none;
}

.menu_li2 a:link, .menu_li2 a:visited {  
padding-left:10px;
margin: 0px;
font-weight:normal;
text-decoration:none;
background-image:none;
}
	
.menu_li2 a:hover {
color: #FF9933;
background-image:none;
}
	 
.actif_li2 {
list-style: none;
margin: 0px 5px 0px 5px;
padding: 2px 0px 2px 0px;
padding-left:10px;
text-align: left;
background-image:none;
}

.actif_li2  a {
display:block;
padding: 2px 5px 2px 0px;
margin: 0px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
text-transform: uppercase;
text-decoration:none;
color: #FF9933; 
background-image:none;
}

.actif_li2 a:link, .actif_li2 a:visited, .actif_li2 a:hover { 
padding-left:0px;
margin: 0px;
font-weight:normal;
text-decoration:none;
color: #FF9933; 
background-image:none;
}


/*
  Tableaux 
*/

.tab, .tab caption
{
margin: auto;
}

.tab
{
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
    border-spacing: 0px;
    empty-cells: hide;
}

.tab caption
{
font-size:12px;
color: #FF9933;
border: 1px solid #C0C0C0;
background:url(../img/bg1.png) repeat;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-khtml-border-radius: 5px 5px 0px 0px;
}

.tab th
{
color: #333333;
background-color: #8195e8;
border: #C0C0C0 1px solid;
letter-spacing: 1px;
padding-left: 10px;
}

.tab td
{
border: #C0C0C0 1px solid;
padding-left: 10px;
background-color: #FFFFFF;
}



/*
  Divers ...
*/
.decalage_droite {
padding:0px 0px 0px 10px;
}

#orange {
color: #FF9933;
}

#bleu {
color: #8195e8;
}

#marron {
color: rgb(153, 51, 0);
}