/*----------------------------------------------------
-- D�but Mise en page g�n�rale
------------------------------------------------------*/
* {
	border:0;
	margin: 0;
	padding:0;
}

body{
	background-image:url(../images/fondBody.jpg);
	background-repeat:repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

* html body { /* Hack IE */
	text-align:center;
}

#contenant{
	margin: 10px auto 10px auto;
	width:763px;
	background-image:url(../images/fondContenu.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

#basPage{
	clear:both;
	background-image:url(../images/basPage.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width:763px;
}

#contenu{
	margin: -5px 1px 0px 1px;
	position:relative;
}

div.colonneGauche{
	float:left;
	width: 156px;
}

/*----------------------------------------------------
-- Fin Mise en page g�n�rale
------------------------------------------------------*/

/*----------------------------------------------------
-- D�but Menu haut � droite
------------------------------------------------------*/
div.menuDroite{
	color: #FFFFFF;
	font-size: 70%;
	list-style:none;
	/*float: right;
	margin: -26px 0px 0px 0px;*/
	position: absolute;
	right:0px;
	top:0px;
	z-index: 3;
}

* html body div.menuDroite{ /* Hack IE */
	/*margin: -30px 0px 0px 0px;*/
}

div.menuDroite a{
	display:block;
	float:left;
	background-image: url(../images/fondMenuDroite.gif);
	background-repeat:repeat-x;
	padding: 3px 10px 0px 10px;
	border-right: 1px solid #000000;
	height:17px;
}

* html body div.menuDroite a{ /* Hack IE */
	/*height: 21px;*/
}

div.menuDroite div.premier{
	float:left; /*display:inline;*/
	background-image: url(../images/fondMenuDroiteCoin.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-right: 0px;
	border-right: 0px;
	width:3px;
	height:20px;
}

div.menuDroite a{
	color: #FFFFFF;
	text-decoration:none;
}

div.menuDroite a:HOVER {
	color: #FFFFFF;
	text-decoration:none;
}
/*----------------------------------------------------
-- Fin Menu haut � droite
------------------------------------------------------*/

/*----------------------------------------------------
-- D�but Menu � gauche
------------------------------------------------------*/
div.menuGaucheFond, div.menuGaucheFond2{
	background-image:url(../images/fondMenuPrinc.jpg);
	background-repeat:repeat-y;
	width: 150px;
	font-size: 70%;
	margin: -3px 0px 0px 0px;
	border-right: 1px solid #370505;
}

div.menuGaucheFond2{
	border: 0px;
	margin-top:5px;
}

* html body div.menuGaucheFond{ /* Hack IE */
	position:relative;
	z-index:5;
}

* html body div.menuGaucheFond2{ /* Hack IE */
	position:relative;
	z-index:5;
	margin-left: 1px;
	border: 0px;
}

.fond{
	float:left;
	background-image:none;
	margin: 0px 0px 0px 0px;
}

* html body .fond{ /* Hack IE */
	margin: -1px -7px 0px -2px;
	position: relative;
	z-index:5;
	border-right:0px solid #9b8282;
	background-image:none;
}

ul.menuGauche{
	list-style:none;
}

ul.menuGauche li{
	list-style:none;
	border-top: 1px solid #FFFFFF;
	margin-right:1px;
}

* html body ul.menuGauche li{ /* Hack IE */
	width: 149px;
}

ul.menuGauche li a {
	border-top:1px solid #FFFFFF;
	color:#370505;
	display:block;
	font-weight:bold;
	padding:0 10px 0 15px;
	text-decoration:none;
}

* html body ul.menuGauche li a{
	padding: 3px 10px 2px 15px;
	color: #370505;
	font-weight:bold;
	margin: 1px 0px -2px 0px;
}

ul.menuGauche li a:HOVER{
	text-decoration:none;
	background-image:url(../images/fondMenuPrincOver.jpg);
	background-repeat:repeat-y;
	color: #370505;
	position:relative;
}

ul.menuGauche li.actif, ul.menuGauche li.actif a:HOVER{
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position: 6px 6px;
}

* html body ul.menuGauche li.actif { /* HACK IE */
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position: 5px 6px;
}

 * html body ul.menuGauche li.actif a:HOVER{ /* HACK IE */
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position: 5px 5px;
}

div.sousMenuGaucheFond{
	background-image:url(../images/fondSousMenu.jpg);
	background-repeat:repeat-y;
	width: 150px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #370505;
}

* html body div.sousMenuGaucheFond{ /* Hack IE */
	margin: 0px -5px 0px 0px;
}

ul.menuGauche li.actif ul{
	list-style:none;
	list-style-image: none;
	border-top: 1px solid #FFFFFF;
	margin-right:1px;
}

ul.menuGauche li.actif ul li {
	list-style:none;
	list-style-image: none;
}

ul.menuGauche li.actif ul li a {
	padding: 3px 5px 3px 25px;
	display:block;
	color: #370505;
	font-weight:bold;
	text-decoration:none;
}

ul.menuGauche li.actif ul li a:HOVER{
	text-decoration:none;
	background-image:url(../images/fondMenuPrincOver.jpg);
	background-repeat:repeat-y;
	margin-left: -5px;
	padding: 3px 5px 3px 30px;
}

ul.menuGauche li.actif ul li.ssactif{
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position: 14px 6px;
}

ul.menuGauche li.actif ul li.ssactif a:HOVER{
	background-image:url(../images/flecheMenu.gif);
	background-repeat:no-repeat;
	background-position:19px 6px;
}
/*----------------------------------------------------
-- Fin Menu � gauche
------------------------------------------------------*/

/*----------------------------------------------------
--  D�but Bloc Services aux membres
------------------------------------------------------*/
#serviceMembre{
	background-color:#f6f2eb;
	border-right:1px solid #9b8282;
	width: 150px;
}

* html body #serviceMembre{ /* HACK IE */
	background-color:#f6f2eb;
	border-right:1px solid #9b8282;
	margin: 0px 0px 0px -1px;
	width: 152px;
}

#serviceMembre div.menuGaucheFond{
	border-right: 1px solid #9b8282;
}

#serviceMembre h1{
	background-image:url(../images/fondTitreGauche.jpg);
	background-repeat:no-repeat;
	height:16px;
	padding-top: 4px;
	font-size: 70%;
	color:#003a30;
	text-align:center;
	border-bottom:1px solid #fff;
}

* html body #serviceMembre h1{ /* HACK IE */
	padding-top: 2px;
	padding-bottom: 2px;
}

#serviceMembre p{
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 70%;
	margin-bottom: 0px;
}

#serviceMembre p input{
	border: 1px solid #000;
}

#serviceMembre input.bouton{
	background-image: url(../images/btn_valider.jpg);
	color: #FFFFFF;
	height: 21px;
	width: 72px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border: 0px solid #000;
}
* html body #serviceMembre input.bouton{
	padding-top: 2px;
}
/*----------------------------------------------------
--  Fin Bloc Services aux membres
------------------------------------------------------*/

/*----------------------------------------------------
--  D�but Bloc Notre partenaire
------------------------------------------------------*/
#Partenaire{
	margin-top: 10px;
	background-color:#f6f2eb;
	border-right:1px solid #9b8282;
	border-top:1px solid #9b8282;
	width: 150px;
}

* html body #Partenaire { /* HACK IE */
	margin-top: 5px;
	width: 151px;
}

#Partenaire h1{
	background-image:url(../images/fondTitreGauche.jpg);
	background-repeat:no-repeat;
	height:16px;
	padding-top: 4px;
	font-size: 70%;
	color:#003a30;
	text-align:center;
	border-bottom:1px solid #fff;
}

* html body #Partenaire h1{ /* HACK IE */
	padding-top: 2px;
	padding-bottom: 2px;
}

#Partenaire p{
	font-weight:bold;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 70%;
	color: #370505;
}

#Partenaire p a{
	color: #370505;
	text-decoration:none;
}

#Partenaire img.proteck{
	margin-top: 2px;
}
/*----------------------------------------------------
--  Fin Bloc Notre partenaire
------------------------------------------------------*/

/*----------------------------------------------------
--  Image Kathy
------------------------------------------------------*/
#kathy{
	margin-top: 10px;
	margin-left: 3px;
	width: 150px;
}

* html body #kathy{ /* HACK IE */
	margin-top: 5px;
}
/*----------------------------------------------------
--  Texte copyright
------------------------------------------------------*/
#copyright{
	margin: 0px auto 30px auto;
	color: #FFFFFF;
	text-align:center;
	font-size: 60%;
	width: 400px;
}

* html body #copyright{
	padding: 0px 0px 20px 0px;
}
/*----------------------------------------------------
-- D�but Mise en page Accueil 4 carr�s
------------------------------------------------------*/
table.accueil{
	color: #000000;
	float:left;
	width: 595px;
	border-collapse:collapse;
	margin: -3px 0px 0px 1px;
}

table.accueil td {
	background-color:#f6f2eb;
	border: 1px solid #ece0c8;
	margin: 0px 5px 0px 0px;
	vertical-align:top;
	padding: 5px 5px 5px 5px;
	width: 295px;
	height: 300px;
}

table.accueil td.sepUp {
	background-color:#fff;
	border: 0px solid #ece0c8;
	height: 5px;
	padding: 0px;
}

table.accueil td.sep {
	background-color:#fff;
	border: 0px solid #ece0c8;
	width: 5px;
	padding: 0px;
	height: 5px;
}

table.accueil td h1{
	font-size: 100%;
	font-weight:bold;
	background-image:url(../images/ligneH1.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 2px;
}

table.accueil td p{
	font-size: 70%;
	margin: 7px 15px 8px 2px;
	text-align:justify;
}

table.accueil td.plusDetail{
	background-color:#ece0c8;
	text-align:right;
	font-size: 70%;
	padding: 2px 15px 0px 0px;
	height:17px;
}

table.accueil td.plusDetail img {
	vertical-align:middle;
	margin: -2px 0px 0px 8px;
}

table.accueil td.plusDetail a{
	color: #000000;
	text-decoration:none;
}

table.basAccueil{
	color: #000000;
	float:right;
	width: 596px;
	border-collapse:collapse;
	margin: -5px 9px -11px 1px;
	border-top: 1px solid #988187;
	background-color: #FFFFFF;
}

* html body table.basAccueil{
	width: 596px;
	margin: 2px 4px -10px 1px;
}

table.basAccueil td{
	padding: 5px 5px 0px 5px;
	text-align:center;
}

table.amendes{
	color: #000000;
	float:left;
	width: 100%;
	border-collapse:collapse;
	margin: 0px;
}

table.amendes td {
	border: 1px solid #ccc;

	margin: 0px;
	vertical-align:top;
	padding: 3px;
	width: auto;
	height: 35px !important;
font-size:70%;
}

table.amendes td.rouge {
background-color:#ff6600;
}

table.amendes td.jaune{
background-color:#ffcc00;
}







/*----------------------------------------------------
-- Fin Mise en page Accueil 4 carr�s
------------------------------------------------------*/


/*----------------------------------------------------
-- D�but Mise en page secondaire
------------------------------------------------------*/
div.secondaire{
	float:left;
	background-color:#f6f2eb;
	border: 1px solid #ece0c8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 595px;
}
* html body div.secondaire{
	position:relative;
	z-index:5;
}

div.secondaire h1{
	font-size: 110%;
	font-weight:normal;
	background-image:url(../images/ligneH1_grand.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 5px 0px;
}

div.secondaire h2{
	font-size: 100%;
	font-weight:bold;
	margin: 15px 0px 0px 4px;
	color: #000000;
}


div.secondaire p{
	font-size: 75%;
	margin: 10px 0px 10px 5px;
	text-align:justify;
}
div.secondaire ul{
	font-size: 75%;
	margin: 10px 0px 0px 35px;
	padding: 0px;
	text-align:justify;
}

div.secondaire li{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align:justify;
	list-style-image:url(../images/puce.gif);
}

div.secondaire ul ul {
	font-size: 100%;
	margin: 10px 20px 0px 35px;
	padding: 0px;
	text-align:justify;
}
div.plusDetail{
	clear:both;
	background-color:#ece0c8;
	text-align:right;
	font-size: 70%;
	margin-top: 20px;
	padding: 2px 15px 0px 0px;
	height:17px;
}
div.plusDetail img {
	vertical-align:middle;
	margin: -2px 0px 0px 8px;
}

div.plusDetail a{
	color: #000000;
	text-decoration:none;
}
div.plusDetail a.actif{
	color: #b8934c;
	text-decoration:none;
}
div.gauche{
	float:left;
	width: 445px;
}
div.photo{
	float:right;
	margin-right:2px;
	width: 125px;
	margin-top: 30px;
	margin-bottom: 20px;
}
div.secondaire table{
	margin-left: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
	width:100%;
}
div.secondaire table td {
	font-size: 75%;
	padding: 5px 0px 5px 0px;
}

div.secondaire table td p{
	font-size: 100%;
	margin: 0px 0px 0px 5px;
	text-align:justify;
}
div.poste{
	float:right;
	width: 135px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align:left;
	background-color:#f6f2eb;
}

div.poste h4{
	background-image:url(../images/fondTitreGauche.jpg);
	background-repeat:no-repeat;
	height:16px;
	padding-top: 2px;
	font-size: 80%;
	color:#003a30;
	text-align:center;
	border-bottom:1px solid #fff;
}

div.poste p {
	text-align:left;
	padding-right: 5px;
}
div.secondaire label{
	float:left;
	width: 175px;
	text-align:right;
}
div.secondaire p input{
	border: 1px solid #000;
	margin-left: 5px;
}

div.secondaire input.bouton{
	background-image: url(../images/btn_valider.jpg);
	color: #FFFFFF;
	height: 21px;
	width: 72px;
	margin-bottom: 5px;
	padding-bottom: 10px;
	border: 0px solid #000;
}
* html body div.secondaire input.bouton{
	padding-top: 2px;
}
/*----------------------------------------------------
--  D�finition g�n�rale
------------------------------------------------------*/
a{
	color: #866526;
	text-decoration:none;
}

a:HOVER{
	color: #b8934c;
	text-decoration:none;
}


.photoAccueil{
	float:left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #000000;
}

p.important{
	border: 1px solid #866526;
	padding: 10px;
	text-align:center !important;
}



table.mutuelle {
	margin-top: 10px;
	margin-left: 5px;
	border: 1px solid #866526;
	border-collapse:collapse;
	width: 430px;
	padding:0px;
}

table.mutuelle tbody td{
	font-size: 75%;
	border: 1px solid #866526;
	vertical-align:top;
	text-align:center;
	padding: 5px;
}
table.mutuelle tbody td p {
	font-size: 100%;
}
table.mutuelle tbody td em {
	font-size: 75%;
}
table.mutuelle tbody td.Hautdate{
	border-bottom: 0px solid #866526;
	vertical-align:top;
	font-size:80%;
}
table.mutuelle tbody td.date{
	border-top: 0px solid #866526;
	vertical-align:top;
	font-size:70%;
}

hr{
	height:1px;
	color:#988187;
	border: 0px;
	border-bottom: 1px solid #988187;
	margin: 0px 0px 0px 4px;
	padding:0px;
}
blockquote{
	margin: 20px;
}

label.error{
	color:#FF0000 !important;
float:left !important;
height:25px;
margin-left:180px;
text-align:left !important;
width:500px !important;
}

#bandeBeige{
	background-image:url(../images/bandeBeige5.gif);
	background-repeat:no-repeat;
	width:758px;
	height:20px;
	padding-top:9px;
	position:relative;
}
#marquee{
	font-size:70%;
	font-weight:bold;
	margin-top:-10px;
	vertical-align:top;
	margin-top:-6px;
	width:460px;
}
#iemarquee{
	margin-top:-2px;
}