/**********************************************
                   CEQUAMI
***********************************************/
body{
margin: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td.bandeau1{
width:627px;
border-bottom-color:#cccccc;
border-bottom-style:solid;
border-bottom-width:1px	
}

td.bandeau2{
background-image:url(../../common/images/BandeauHautFin.jpg);
border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
text-align:right;
}

a img{
border: 0;
}

input {
font-size: 9px;
height: 18px;
color: #666666;
}
textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFFFFF;
color: #666666;
}

.espace {
height: 10px;
}

select{
color: #666666;
font-size: 11px;
}

table{
width: 100%;
}

/*
.formTitre, .tableTitre, .texteTitre{
color: #666666;
font-size: 11px;
font-weight: bold;
padding-bottom: 10px;
padding-left: 15px;
background: url(../images/pictoBleu.gif) no-repeat;
background-position: left middle;
}*/

.formTitre {
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: url(../images/nav/pictoFlecheDouble.gif) no-repeat left 20%;
	PADDING-BOTTOM: 10px;
	COLOR: #666666
}

.tableTitre {
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: url(../images/nav/pictoFlecheDouble.gif) no-repeat left 20%;
	PADDING-BOTTOM: 10px;
	COLOR: #666666
}
.texteTitre {
	PADDING-LEFT: 15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND: url(../images/nav/pictoFlecheDouble.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	PADDING-BOTTOM: 10px;
	COLOR: #666666
}

.texteLibre{
color: #666666;
font-size: 11px;
text-decoration: none;
padding-bottom: 10px;
padding-left: 25px;
}

div.hautDePage{
text-align: right;
padding-top: 10px;
}
.hautDePage a{
text-align: right;
font-size: 11px;
color: #666666;
padding: 15px;
background: url(../images/flecheHautDePage.gif) no-repeat;
background-position: left;
text-decoration: none;
}

.lienTexte a{
color: #666666;
font-size: 11px;
text-decoration: underline;
font-weight: bold;
PADDING-LEFT: 15px;
LINE-HEIGHT: 20px;
BACKGROUND: url(../images/nav/puce_trefle.jpg) no-repeat left 50%;
}
.lienTexte a:hover{
text-decoration: none;
}

.lienTexte2 a{
color: #666666;
font-size: 22px;
text-decoration: underline;
font-weight: bold;
}
.lienTexte2 a:hover{
text-decoration: none;
font-size: 22px;
}

.messageErreurValidation{
color: #BD0000;
font-size: 10px;
vertical-align: middle;
background: url(../images/pointErreur.gif) no-repeat;
background-position: left;
padding-left: 10px;
}

.messageErreur{
color: #BD0000;
font-size: 11px;
font-weight: bold;
}

.messageAlerte {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #bd0000
}

/**********************************************
Entete
***********************************************/

div.entete{
width: 100%;
}


/*************** Entete Haut ******************/
div.enteteHaut {
width: 100%;
}
div.enteteHautGrisGauche {
background: url(../images/enTeteHautGris.gif) repeat-x;
float: left;
width: 250px;
}
div.enteteHautGrisDroit {
background: url(../images/enTeteHautGris.gif) repeat-x;
float: right;
width: 250px;
}
div.enteteHautImageGauche {
background: url(../images/enTeteHautImageGauche.gif) no-repeat;
float: left;
width: 16px;
}
div.enteteHautImageDroite {
background: url(../images/enTeteHautImageDroite.gif) no-repeat;
float: right;
width: 17px;
}
div.enteteHautCentre{
background:  url(../images/enTeteHautBleu.gif) repeat-x;
}



/*************** Entete Centre *****************/
div.enteteCentre {
width: 100%;
height: 45px;
}
div.enteteCentreGauche {
background-color: #FFFFFF;
float: left;
width: 250px;
height: 45px;
padding: 5px;
}
div.enteteCentreDroit {
background-color: #FFFFFF;
float: right;
width: 165px;
height: 50px;
text-align: center;
}
div.enteteCentreCentre{
background-color: #FFFFFF;
}

.deconnexion {	
	padding-right:25px;
	text-align:right;
}
.deconnexion A {
	text-decoration:underline; 
	color:#FFFFFF;
	font-size:14px;
	font-weight: bold;
}
.deconnexion A:hover {
	TEXT-DECORATION: none
}



/*************** Entete Bas ******************/
.enteteBas {
background: url(../images/enTeteBasBleu.gif) repeat-x;
width: 100%;
height: 36px;
float: left;
}
.enteteBasGrisGauche {
background: url(../images/enTeteBasGris.gif) repeat-x;
float: left;
width: 165px;
height: 36px;
text-align: center;
padding-top: 10px;
}
.enteteBasGrisDroit {
background: url(../images/enTeteBasGris.gif) repeat-x;
float: right;
width: 165px;
height: 36px;
text-align: center;
}
.enteteBasImageGauche {
background: url(../images/enTeteBasImageGauche.gif) no-repeat;
float: left;
width: 33px;
height: 36px;
}
.enteteBasImageDroite {
background: url(../images/enTeteBasImageDroite.gif) no-repeat;
float: right;
width: 33px;
height: 36px;
}
.enteteBasCentre{
text-align: center;
height: 36px;
white-space: nowrap;
}

.recherche{
padding: 8px;
color: #333333;
font-size: 11px;
font-weight: bold;
}

.btOk input{
height: 16px;
width: 30px;
text-decoration: none;
color: white;
font-weight: bold;
background: url(../images/btOk.gif) no-repeat;
border:0px;
cursor: pointer;
}

.lienRechercheAvancee{
padding: 10px 0px 10px 0px;
font-weight: bold;
}

.lienRechercheAvancee a{
color: #FFFFFF;
font-size: 11px;
text-decoration: underline;
font-weight: bold;
}
.lienRechercheAvancee a:hover{
text-decoration: none;
}


/**********************************************
Menu Gauche
***********************************************/
.menuGauche {
background: url(../images/fondMenuGauche.gif) repeat-y;
width: 165px;
text-align: left;
height: 100%;
}

.menuGauche a{
display : block;
width: 165px;
font-size: 11px;
color: #333333;
border-bottom : 1px dashed #CCCCCC;
text-decoration: none;
}
.menuGauche a:hover{/*
color: #FFFFFF;
background: url(../images/barreMenu.gif) repeat-y;
background-color: #333333;
background-position: left;*/
}

/*
.fondMenuGauche{
padding: 7px 5px 7px 10px;
}*/

.fondMenuGauche {
	/*PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px*/
}

/**********************************************
Centre
***********************************************/
td.corps{
vertical-align: top; 
width: 100%;
}
div.corps{
padding: 10px;
}

.centre{
height: 100%;
width: 100%;
padding: 15px 0px;
}

.chemin{
font-size: 10px;
font-weight: bold;
color: #666666;
}

/*
.chemin span{
background: url(../images/doubleFlecheChemin.gif) no-repeat;
background-position: right;
}*/

.chemin span {
	BACKGROUND: url(../images/traitMenuEspace.gif) repeat-y; WIDTH: 10px; HEIGHT: 100%
}

/*
.chemin a{
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: underline;
}*/

.chemin a {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px; 
	COLOR: #77a53c; 
	TEXT-DECORATION: underline
}

.chemin a:hover{
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px; 
	COLOR: #77a53c; 
	text-decoration: none;
} 

/**********************************************
Menu Droit
***********************************************/
.menuDroit {
background: url(../images/fondMenuDroit.gif) repeat-y;
width: 165px;
text-align: left;
height: 100%;
}

.titreMenuDroit{
display : block;
width: 164px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
padding: 7px 0px 7px 10px;
border-bottom : 1px solid #CCCCCC;
background-color: #333333;
}

.alertesMenuDroit{
padding: 5px 5px 5px 5px;
border-bottom : 1px solid #CCCCCC;
color: #333333;
width: 164px;
}

.dateMenuDroit{
display : block;
font-size: 10px;
font-weight: bold;
color: #666666;
}

.textMenuDroit{
display : block;
font-size: 10px;
}



/**********************************************
Pied De Page
***********************************************/
.piedDePage {
width: 100%;
}

.piedDePageGrisGauche {
background: #333333;
float: left;
width: 165px;
}

.piedDePageGrisDroit {
background: #333333;
float: right;
width: 165px;
}

.piedDePageBlancGauche {
background: #FFFFFF;
float: left;
width: 2px;
}

.piedDePageBlancDroite {
background: #FFFFFF;
float: right;
width: 2px;
}

.piedDePageCentre{
background: #4A66AF;
}
.traitGris{
	background-image: url(../images/traitGris.gif); background-repeat:repeat-x repeat-y; background-position:center 0px; 
	margin:10px 25px 10px 25px; 
	height:5px;
}


#footer {
	CLEAR: both; BORDER-TOP: #666666 5px solid; MARGIN: 10px 15px 5px; BACKGROUND-COLOR: #ffffff
}
#footer UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 5px; TEXT-ALIGN: center
}
UNKNOWN {
	PADDING-TOP: 0px
}
#footer LI {
	DISPLAY: inline; FONT: bold 10px arial, sans-serif; COLOR: #666666
}
#footer LI.other {
	BACKGROUND-POSITION: 3px 4px; DISPLAY: inline; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/nav/puce.gif); FONT: bold 10px arial, sans-serif; COLOR: #666666; BACKGROUND-REPEAT: no-repeat
}
#footer LI A {
	FONT: bold 10px arial, sans-serif; COLOR: #666666; TEXT-DECORATION: none
}
#footer LI A:hover {
	FONT: bold 10px arial, sans-serif; COLOR: #999999
}
#footer LI.first {
	DISPLAY: inline; FONT: bold 10px arial, sans-serif; COLOR: #666666
}
#footer LI.first A {
	DISPLAY: inline; FONT: bold 10px arial, sans-serif; COLOR: #666666
}
#footer LI.first A:hover {
	DISPLAY: inline; FONT: bold 10px arial, sans-serif; COLOR: #999999
}

.blocFermeTitre {
	BACKGROUND: url(../images/nav/repl.jpg) no-repeat left 20%;
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 10px; 
	COLOR: #666666
}

.blocOuvertTitre {
	BACKGROUND: url(../images/nav/depl.jpg) no-repeat left 20%;
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	PADDING-BOTTOM: 10px; 
	COLOR: #666666
}

.lienTexte {
	padding-top:4px
}

table#accueil {

padding:0px;
}

table#accueil th{
	font-weight:normal;
	FONT-SIZE: 11px; VERTICAL-ALIGN: middle; COLOR: #666666;
	margin:0px;
	padding:0px;
}