html {
	margin: 0;
	padding: 0;
}
body {
margin : 0 ; 
padding : 0 ; 
background : #fcdf3e;
font-family : arial;
font-size : 0.75em;
color : #373737;
}

.form_titre {
font-family:Arial,Helvetica,Sans-serif;
font-size:13px;
color:#ffffff;
font-weight:bold;
background: #77a765;
text-align : center;
}

/* Bloc identification */
.formConnec{
margin-right: 10px;
font-family : arial;
font-size : 10px;
font-weight: normal;
text-decoration: none;
color : #000;
text-align : left;
}

/* Bloc identification : définition des deux champs : nom utilisateur et mot de passe */
.formConnecChamp{ 
font-family : arial; 
font-size : 10px;
font-weight: normal;
text-decoration: none; 
color : #000;
}


a:link {
    color: #0000b4;
	text-decoration:underline;
}
a:hover {
    color: #3399FF;
    text-decoration: none;
}
a:active {
    color: #0000b4;
    text-decoration: underline;
}
a:visited {
    color: #0000b4;
    text-decoration:underline;
}
a:link.blackBlu {
    color: #000000;
	text-decoration:underline;
}
a:visited.blackBlu {
    color: #000000;
    text-decoration:underline;
}
a:hover.blackBlu {
    color: #0055aa;
    text-decoration: none;
}
a:active.blackBlu {
    color: #000000;
    text-decoration: underline;
}

a:link.blackVert {
    color: #000000;
	text-decoration: underline;
}
a:visited.blackVert {
    color: #000000;
    text-decoration: underline;
}
a:hover.blackVert {
    color: #006945;
    text-decoration: none;
}
a:active.blackVert {
    color: #000000;
    text-decoration: underline;
}

a:link.blackJaune {
    color: #000000;
	text-decoration: underline;
}
a:visited.blackJaune {
    color: #000000;
    text-decoration: underline;
}
a:hover.blackJaune {
    color: #AAAACC;
    text-decoration: none;
}
a:active.blackJaune {
    color: #000000;
    text-decoration: underline;
}

a:link.blackOrange {
    color: #000000;
	text-decoration: underline;
}
a:visited.blackOrange {
    color: #000000;
    text-decoration: underline;
}
a:hover.blackOrange {
    color: #CC6600;
    text-decoration: none;
}
a:active.blackOrange {
    color: #000000;
    text-decoration: underline;
}

a:link.blackRouge {
    color: #000000;
	text-decoration: underline;
}
a:visited.blackRouge {
    color: #000000;
    text-decoration: underline;
}
a:hover.blackRouge {
    color: #CC0000;
    text-decoration: none;
}
a:active.blackRouge {
    color: #000000;
    text-decoration: underline;
}

a:link.white {
    color: #FFFFFF;
	text-decoration: underline;
}
a:visited.white {
    color: #FFFFFF;
    text-decoration: underline;
}
a:hover.white {
    color: #FFFFFF;
    text-decoration: none;
}
a:active.white {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Liens pour MOT DE PASSE OUBLIE */
.grisItalique a{
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #b2b2b2;
  }
 .grisItalique a:hover{
 text-decoration: underline; 
 color : #b2b2b2;
  }
 .grisItalique a:visited{
 color : #b2b2b2;
  }
 
 .rougeItalique {
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #FF0000;
  }
  
  .bleuItalique {
 font-family : arial;
 font-size : 0.75em;
 font-style: italic;
 text-decoration: none;
 color : #3b80b0;
  }

.rougeItalique {
 font-family : arial;
 font-size : 0.65em;
 font-style: italic;
 text-decoration: none;
 color : #FF0000;
}

.footerheader {
		background-color: #77a765;
		height: 10px;
}
.menutop {
		font-family : arial;
		background-color: #fcdf3e;
		text-align: center;
		vertical-align:middle;
		padding: 1px;
		font-weight: bold;
		font-size : 0.79em;
		text-decoration: none; 
		color: #FFFFFF;
}
.menuact {
		font-family : arial;
		background-color: #77a765;
		text-align: center;
		vertical-align:middle;
		padding: 1px;
		font-weight: bold;
		font-size : 0.79em;
		text-decoration: none; 
		color: #FFFFFF;
}
.menusep {
		font-family : arial;
		font-size : 0.7em;
		background-color: #3b80b0;
		text-align: center;
		text-decoration: none; 
		color: #000000;
		vertical-align:middle;
}
.title {
	font-family : arial;
	font-size : 0.79em;
	font-weight: bold;
}
.carro {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	vertical-align:middle;
}

.carroVert {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #cfe9e0;
	vertical-align:middle;
}
.carroBleu {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #cce0ee;
	vertical-align:middle;
}
.carroJaune {
	font-family : arial;
	font-size: 0.75em;
	color: #0000CC;
	padding: 1px;
	background-color: #FFFFB7;
	vertical-align:middle;
}
.carroRouge {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #FFCCCC;
	vertical-align:middle;
}
.carroOrange {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #FFCC99;
	vertical-align:middle;
}

.carroBleuClair {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #f0f9ff;
	vertical-align:middle;
}
.carroVertClair {
	font-family : arial;
	font-size: 0.75em;
	padding: 1px;
	background-color: #f2fffa;
	vertical-align:middle;
}
textarea {
	font-family : Arial;
	font-size: 0.75em;
    width : 100%;
}

td.contourH {
		background-image: url(images/contourH.gif);
}
td.contourB {
		background-image: url(images/contourB.gif);
}
td.contourG {
		background-image: url(images/contourG.gif);
}
td.contourD {
		background-image: url(images/contourD.gif);
}
td.contourBG {
		background-image: url(images/contourBG.gif);
}
td.contourBD {
		background-image: url(images/contourBD.gif);
}
td.contourHG {
		background-image: url(images/contourHG.gif);
}
td.contourHD {
		background-image: url(images/contourHD.gif);
}
td.contourHHD {
		background-image: url(images/contourHHD.gif);
}
td.contourHHG {
		background-image: url(images/contourHHG.gif);
}

td.ongletH {
		background-image: url(images/ongletH.gif);
}
td.ongletHG {
		background-image: url(images/effets/ongletHG.gif);
		height: 19px;
		width: 30px;
}
td.ongletHD {
		background-image: url(images/effets/ongletHD.gif);
		height: 19px;
		width: 30px;
}
td.ongletHvert {
		font-family : arial;
		text-align: center;
		font-size : 0.75em;
		font-weight: bold;
		background-image: url(images/effets/ongletH_vert.gif);
}
td.ongletHGvert {
		background-image: url(images/effets/ongletHG_vert.gif);
		height: 20px;
		width: 30px;
}
td.ongletHDvert {
		background-image: url(images/effets/ongletHD_vert.gif);
		height: 20px;
		width: 30px;
}
td.ongletB {
		background-image: url(images/effets/ongletB.gif);
}
td.ongletG {
		background-image: url(images/effets/ongletG.gif);
}
td.ongletD {
		background-image: url(images/effets/ongletD.gif);
}
td.ongletBG {
		background-image: url(images/effets/ongletBG.gif);
		height: 19px;
		width: 30px;
}
td.ongletBD {
		background-image: url(images/effets/ongletBD.gif);
		height: 19px;
		width: 30px;
}

td.formConnec{
	margin-right: 50px;
	position : absolute;
	top : 50px;
	right : 10px;
	width : 177px;
	font-family : arial;
	font-size : 0.65em;
	font-weight: normal;
	text-decoration: none;
	color : #3b80b0;
	/*left: 577px;*/
	text-align : left;
}


a.lien{
	text-decoration: underline;
	cursor: pointer;
}


a.bouton{ 
padding: 4px; 
background-color : lightgrey; 
text-decoration: none; 
border-top : 1px solid whitesmoke; 
border-right : 1px solid darkgray; 
border-bottom : 1px solid darkgray; 
border-left : 1px solid whitesmoke; 
} 
a:hover.bouton{ 
border-top : 1px solid darkgray; 
border-right : 1px solid whitesmoke; 
border-bottom : 1px solid whitesmoke; 
border-left : 1px solid darkgray; 
}

a img
{ border:none; }

br
{ font-size : 0.6em; }

.dojoComboBoxItemEven {
	background-color: #f4f4f4;
	font-size : 0.80em;
}

.dojoComboBoxItemOdd {
	background-color: white;
	font-size : 0.80em;
}

.dojoComboBoxItemHighlight {
	background-color: #63709A;
	color: white;
}
#conteneur {
	position: absolute;
	height: 500px;
	width: 100%;
	left: 20%;
	top: 35%;
	margin: 0px;
	padding: 0px;
}
.ContourBouton{
		text-align:center;
		padding:10px 10px 15px 10px;
}
.bouton a{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 0.9em;
		color: #333366;
		text-align: center;
		padding: 5px 5px 5px 5px;
		text-decoration: none;
		border: 1px outset #c0c0c0;
}
.bouton a:hover {
		text-decoration: none;
		background-color: #a1c1e8;
		border: 1px inset #c0c0c0;
		color: #ffffff;
}
.bouton a:visited{
		color:#333366;
		text-decoration: none;
}
.bouton a:active {
		background-color: #f3dcdc;
		text-decoration: none;
}

.fondcadre {
	background: url(images/champ.jpg) bottom right no-repeat;
}

.titre {
		font-family : arial;
		text-align: left;
		vertical-align:middle;
		padding: 3px;
		font-weight: bold;
		font-size : 1.2em;
		text-decoration: none; 
		color: #77a765;
}

.texte {
		font-family : arial;
		text-align: justify;
		vertical-align: top;
		font-size : 0.8em;
		text-decoration: none; 
		color: #000000;
}

/* styles de mise en forme pour les div (page menu) */
.divmenuparcitel{
 position: absolute ;
 top: 10px ;
 left: 300px ;
 width: 125px ;
 height: 125px ;
}
.divmenulicence{
 position: absolute ;
 top: 120px ;
 left: 130px ;
 width: 125px ;
 height: 125px ;
}
.divmenumaj{
 position: absolute ;
 top: 40px ;
 left: 500px ;
 width: 125px ;
 height: 125px ;
}
.divmenupocket{
 position: absolute ;
 top: 200px ;
 left: 590px ;
 width: 125px ;
 height: 125px ;
}
.divmenuabonnement{
 position: absolute ;
 top: 310px ;
 left: 140px ;
 width: 125px ;
 height: 125px ;
}
.divmenuassistance{
 position: absolute ;
 top: 420px ;
 left: 310px ;
 width: 125px ;
 height: 125px ;
}
.divmenuavis{
 position: absolute ;
 top: 370px ;
 left: 520px ;
 width: 125px ;
 height: 125px ;
}
.divdefaut{
 display: block ;
 position: relative ;
 top: 220px ;
 left: 290px ;
 width: 260px ;
 height: 150px ;
 font-family : arial;
 text-align: justify;
 vertical-align: top;
 font-size : 0.8em;
 text-decoration: none; 
 color: #000000;
 z-index: 1;
}
.divdescription{
 display: none ;
 position: absolute ;
 top: 220px ;
 left: 290px ;
 width: 260px ;
 height: 150px ;
 font-family : arial;
 text-align: justify;
 vertical-align: top;
 font-size : 0.8em;
 text-decoration: none; 
 color: #000000;
 z-index: 2;
 background-color: #ffffff ;
}
.divmere{
 position: relative ;
 width: 840px ;
 height: 100% ;
 background: url(images/fond-votrecompte.gif) center no-repeat;
 visibility: visible ;
 vertical-align: middle ;
 }
 
 .dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font-family:Arial,Helvetica,Sans-serif;
	color:#ffffff;
	font-size:14px;
	background-color:#317082;

	margin-bottom:2px;
	margin-top:2px;
	height:20px;
	font-weight:bold;
	background: #77a765;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	background-color: #FFFFB7;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	font-family : arial;
	padding:1px;
	font-size: 0.75em;
	position:relative;
	color: #0000CC;
	vertical-align:middle;
}
 
.titretarifs {
		font-family : arial;
		text-align: left;
		vertical-align: top;
		font-size : 0.8em;
		font-weight: bold; 
		color: #000000;
		text-decoration: underline;
}