*
{
    font-family: arial,helvetica ;
}

body
{
    margin: 0 ;
    padding: 0 ;
    background-color: #f0f5f8 ;
    background-image: url(../images/fond_gen.jpg) ;
    background-repeat: no-repeat ;
}

input[type="text"] , input[type="password"] , textarea 
{
    border: solid 1px #7e9aa8 ;
    background-color: #fff ;
    font-size: 16px ;
    height: 21px ;
    border-radius: 3px ;
}
.champ_gris
{
    color: #888 ;
    font-style: italic ;
}


select
{
    font-size: 16px ;
    height: 21px ; 
}
input[type="submit"] , input[type="button"]
{
    font-size: 16px ;
    height: 27px ;
    background-color: #7e9aa8 ;
    color: #fff ;
    border: solid 1px #fff ;
}

.intitule
{
    text-align: right ;
    font-size: 12px ;
}
.obligatoire
{
    font-weight: bold ;
}



.menu1
{
    float: left ;
    
    margin-left: 15px ;
    margin-top: 0px ;
    height: 29px ;
    
    background-color: #fff ;
    
    border-radius: 3px ; 
}
.menu1 tr td a, .menu1 tr td a:visited
{
    color: #58707c ;
    font-size: 16px ;
    padding-left: 13px ;
    padding-right: 13px ;
    text-decoration: none ;
}
.menu1on
{
    margin-top: 18px !important ;
}
.menu1on tr td
{
    font-weight: bold ;
}


#menu2 a, #menu2 a:visited
{
    font-size: 13px ;
    color: #58707c ;
    text-decoration: none ;
    padding-bottom: 2px ;
    padding-left: 10px ;
    padding-right: 10px ;
}
.menu2on
{
    font-weight: bold ;
    border-bottom: solid 1px #7e9aa8 ;
}

#noirextra
{
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 400px ;
	height: 300px ;
	z-index: 2 ;
	background-image: url("../images/noir50.png") ;
}

.popin
{
	position: fixed ;
	background-color: #ffffff ;
    border: solid 5px #ffffff ;
    
    border-radius: 5px ;
    
    box-shadow: 0px 0px 15px #fff;
    
    font-size: 16px ; padding: 16px ; width: 500px ; height: 150px ; top: 10px ; left: 10px ; z-index: 30 ;
}


.table_data
{
    border: solid 1px #7e9aa8 ;
}
.table_data tr th
{
    background-color: #7e9aa8 ;
    color: #fff ;
    font-weight: bold ;
}
.table_data tr:nth-child(even)
{
    background-color: #fff ;
}
.table_data tr:nth-child(odd)
{
    background-color: #e8e8e8 ;
}
.table_data tr th, .table_data tr td
{
    padding: 8px ;
}
.table_data .totaux td
{
    background-color: #7e9aa8 ;
    color: #fff ;
    font-weight: normal ;
    padding-bottom: 2px ;
    padding-top: 4px ;
}


.-toggle
{
    display: block ;
    float: left ;
    width: 100px ;
    padding: 4px ;
    margin: 8px ;
    margin-bottom: 0px ;
    border: solid 1px #7e9aa8 ;
    background-color: #fff ;
    text-align: center ;
    color: #333 ;
    text-decoration: none ;
    cursor: default ;
    font-size: 12px ;
}
.-toggle:hover
{
    border-color: #222 ;
    color: #000 ;
}
.-toggle_on
{
    font-weight: bold ;
    border-color: #222 ;
    color: #000 ;
}
.-toggle_on:hover
{
    border-color: #7e9aa8 !important ;
    color: #333 !important ;
}


.toggle
{
    display: block ;
    float: left ;
    width: 85px ;
    padding: 4px ;
    margin: 8px ;
    margin-bottom: 0px ;
    border: solid 1px #7e9aa8 ;
    border-bottom-width: 0px ;
    background-color: #f2f6f9 ;
    text-align: center ;
    color: #333 ;
    text-decoration: none ;
    cursor: default ;
    font-size: 12px ;
}
.toggle:hover
{
    background-color: #7e9aa8 ;
    color: #fff ;
    border-top-width: 0px ;
}
.toggle_on
{
    background-color: #7e9aa8 ;
    font-weight: bold ;
    color: #fff ;
}
.toggle_on:hover
{
    border-top-width: 1px !important ;
}

input:disabled, textarea:disabled, select:disabled
{
    border-width: 0px ;
}