body {
height: 100%;
margin: 0;
padding: 0;
font-family : arial;
font-size : 10px;
color : #000;
}
.tabcentral {
vertical-align: top;
text-align : left;
background-color: #FFFFFF;
}
.haut {
width : 100% ;
height : auto; 
}
#blochaut {
width : 100% ;
height : auto;
background-image: url(../images/skins/top.jpg);
border-bottom : 1px solid #eee;
text-align:left;
vertical-align: middle;
}
/*height : 75px;*/
#header {
width : auto ;
height : 100px;
text-align:center;
vertical-align: middle;
background-color:#FF0066;
}
/*background-image: url(../../../centre_metal/html/images/skins/header02.jpg);*/
.titrepage{
margin-left:5px;
margin-top:5px;
font-size: 11px;
color: #003366;
}
.gauche {
width : 150px ;
height :640px; 
background-image: url(../images/skins/gauchebg.jpg);
background-repeat: repeat-x ;
float : left;
margin-left : 12px ; 
margin-top : 10px;
margin-bottom: 20px ;
padding: 10px ;
border : 1px dotted #aaa;
border-right-style:double;
}


.droite {
width : 600px ;
float : left;
margin-left : 10px; 
margin-top : 10px;
}

#droitehome {
width : 575px ;
float : left;
background-color : #fFF;
margin-left : 10px; 
margin-right : 10px; 
padding-left : 20px; 
margin-top : 10px;
margin-bottom : 20px;
border: 1px dotted #ccc;
}


html>body  
.droite{width : 600px ;}
.bas{width : 100% ; height : 142px; background-color : #333; border-top : 1px solid #333 ; text-align : center ; color : #fff ;}
.menu_in_bas {width : 100% ; text-align : center ; color : #fff ; margin-top : 10px ; height : 100px}
h1 {margin : 20px 0 0 20px ; padding : 0; font-size : 14px}
h2 {margin : 20px 0 0 20px ; padding : 0; font-size : 12px}
.no_top{margin : 0px 20px 5px 20px ; padding : 0;}
.expo {float : right ; margin-right : 10px ; margin-left : 15px}
.photos {width : 480px; margin-left : 7px}
.little_expo {float : left ; margin-left : 10px; margin-top : 10px}
.spacer{clear : both ;height : 13px ; background-color : transparent ; margin-top : 5px}

.spacer2{clear : both ;background-color :  transparent ;height : 30px ;}

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

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



a.class1 {color : #fff ; text-decoration : none}

a.class1:hover {color : #ccc ; text-decoration : none}



a.class2 {color : #000 ;  font-weight : bold ; text-decoration : underline}

a.class2:hover {color : #333 ; text-decoration : underline}



a.class3 {color : #fff ; text-decoration : none}

a.class3:hover {color : #fff ; text-decoration : none}



a.class4 {color : 000 ; text-decoration : underline}

a.class4:hover {color : #000 ; text-decoration : none}





/*AJOUT DU STYLE nav*/

.nav {



}



ul#tabnav {

    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
	padding-top: 4px;
    padding-bottom: 24px;
	background-image: url(../images/skins/tabnav.jpg);
    border-bottom: 1px solid #222;
	border-top: 1px solid #222;
    margin: 0;

}

ul#tabnav li {

    float: left;	
    height: 21px;
    background-image: url(../images/skins/button0bg.jpg) ;
	background-repeat: repeat-x ;
    margin: 2px 2px 0 2px;

    border: 1px solid #222;

}

ul#tabnav li.active {

    border-bottom: 1px solid #fff;

    background-color: #fff;

}

#tabnav a {

    float: left;

    display: block;

    color: #333;

    text-decoration: none;
    padding: 4px;

}

#tabnav a:hover {

    background: #e2ecf5 ;

}

/*AJOUT STYLE NAV DE GAUCHE*/
#navcontainer { width: 140px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 140px;
background-image: url(../images/skins/bontonvnav.jpg);
border: 1px solid #aaa;
}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover
{
color: #ccaa00;
}

.nav_entete{
background-color: #777;
font-size: 12px;
color: #FFaa88;
display: block;
padding: 3px;
width: 142px;
border-bottom: 1px solid #000;
}
.nav_active{
background-color: #369;
color: #fff;
font-weight:bold;
display: block;
padding: 3px;
width: 190px;
border-bottom: 1px solid #eee;
}
.nav_inactive{
background-image: url(../images/skins/bontonvnav.jpg);
color: #000;
display: block;
padding: 3px;
width: 190px;
border: 2px solid #ccc;
}




textarea, input, select{

	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;

	background-color: #F5F5F5;

	border: 1px solid buttonshadow;

	margin-right: 5px;

	margin-left: 5px;



}

a { 

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #000000;

} 



a:visited{

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #000000;

}



a:hover {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #336799;

} 



.scr{

 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

 border: 0px solid buttonshadow; 

 margin-right: 0px;

}

.linkonglets {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #003366;

font-weight: bold;

}

A.linkonglets:visited A.linkonglets:hover  {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FF9900;

font-weight: bold;

}



.linkongletsactifs {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FF6600;

font-weight: bold;

}



.link1 {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #003366;

font-weight: bold;

}

A.link1:hover {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666666;

font-weight: bold;

}



.link2 {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFFFCC;

font-weight: bold;

}



A.link2:hover {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #000000;

font-weight: bold;

}

 

.link3 {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #DD5413;

font-weight: bold;

}



A.link3:hover {

text-decoration: underline;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFFFCC;

font-weight: bold;

}



A.link3:visited {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFCC66;

font-weight: bold;

}



.link4 {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #DD5413;

font-weight: bold;

}



A.link4:hover {

text-decoration: underline;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #DD5413;

font-weight: bold;

}



A.link4:visited {

text-decoration: none;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #FFA63F;

font-weight: bold;

}

.coins {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #26B4B1}

.TexteCourant {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; clip:  rect(   )}

.table {  background-color: #f58d32; border: 1px #FF9900 dotted; font-family: Arial, Helvetica, sans-serif; font-size: 11px}

.tableImages { background-color: #FFFFFF; border: 1px #FF9900 dotted; font-family: Arial, Helvetica, sans-serif; font-size: 11px }

.TextePetit { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; clip: rect( ) }

.TexteGrand { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600; clip: rect( ) }

.TexteCourantBold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; clip: rect( ) ; font-weight: bold}

.TexteCourantBold12 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; clip: rect( ) ; font-weight: bold}

.TitreGras {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #194C8C}

.Titre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #194C8C }

.TexteBleuMarine { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000}

.TitreBleuMarine { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}

.TextePetit2 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666699; clip: rect( ) }

.blocfond {background-color : #accff4;}

.contour {background-color : #B4D0E9; padding: 1px 1px;}.blocfond2 { ;

	background-color: #CCCCCC;

}

.contour2 { ; border: 1px solid #666666; background-color: #CCCCCC}

.contour_blog { ; border: 1px solid #666666; background-color: #CCCCCC}

.blocfond3 {

	background-color : #CCCCCC;

	border: 1px dashed #FF6633;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	text-align: center;

	vertical-align: middle;

}

.alerte {

	font-family: Verdana;

	font-size: 14px;

	color: #FF0000;

	font-weight: bold;



}



.tableInfos {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #333333;

}



.blocfondcentral {

	border: 1px solid #666666;

	background-color: #DDDDDD;

}



.active {

	font-family: Verdana;

	font-size: 11px;

	font-weight: bold;

	color: #FF0000;

}



.activer {

	font-family: Verdana;

	font-size: 14px;

	font-weight: bold;

	color: #336799;

	

}



.ctext {

	color: #FF3300;

	background-color: #EEEEEE;

}

.contour3 {

border: 1px solid #666666

}

.champecriture {

color: #FF6600;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}



.but {

	border:1px buttonface solid;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size: 8pt;

	font : bold;

	letter-spacing : 2px;	

	color : #113974;

}


.cell_claire {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E6E7EC;
	text-align: center;
	vertical-align: middle;


}
.cell_entete {
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
	text-align: center;
	vertical-align: middle;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;



} 
.blocfond3 {
	background-color : #CCCCCC;
	border: 1px dashed #FF6633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;



}
.cell_grise {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #D3D5DE;
	text-align: center;
	vertical-align: middle;

} 
.cell_normale {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.cell_active {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #A6ACE1;
	text-align: center;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}

.cell_warning {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F9AE6A;
	text-align: center;
	vertical-align: middle;

}

.cell_danger {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #F46440;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;

}

.cell_termine {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;

}

.cell_attente {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #CCFF99;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.normal {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;  background-color: #F5F5F5;}



.small { 

 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

  width: 50px; 

 background-color: buttonface; 

 color: #102132; 

 margin-left: 0px; 

 margin-top: 0px; 

 margin-bottom: 0px;

 border-color: buttonshadow;

 border-width: 1;

}





.button { 

 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

  width: 35px; 

 background-color: buttonface; 

 color: #102132; 

 margin-left: 0px; 

 margin-top: 0px; 

 margin-bottom: 0px;

 border-color: buttonshadow;

 border-width: 1;

}



.bordure {

	border: 1px solid #D3D3D3;

}



.bordureorange {

	border: 1px none #666666;

	background-color: #E5CE48;

	background-image: url(../images/fondn2.gif);

	background-repeat:

}

.attente {

	font-weight: bold;

	color: #FF9900;

	background-color: #CCCCCC;

}



.numero {



	width: 80px;

	border: 1px solid;

}

.cle {



	width: 12px;

	border: 1px solid;

}

.scroller {

     margin: auto;

     width: 448px;

     height: 144px;

     border: inset 0px #8888bb;

     background: #ffffff;

     overflow: auto;

 }


.moyen {



 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 

 width: 100px; 

 background-color: #EEEEEE; 

 color: #102132; 

 margin-left: 0px; 

 margin-top: 0px; 

 margin-bottom: 0px;

 border-color: buttonshadow;

 border-width: 1;

}



.zecheck{

	border: none;

}



.zechecky{

	border: none;

	background-color: #DDDDDD;

}

.bigselect {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	width: 200px;

}

.noborder {

	border: none;

	background-color: #eeeeee;

}