/* CSS Document - Pierre PAYA Assurances by actweb.fr */

body {
	margin-left: 0px;
	margin-top:  0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #2B4291;
	background-image: url(../images/interface/css-body-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.70em;
	color: #5A5A5A;
	
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

td {
	/*vertical-align: top;
	text-align: left;*/
}

p {
	margin: 7px 0 9px 0;
}


/******************************/
/*			GENERAUX 
/******************************/

.img-left {
	float: left;
	margin: 0 10px 2px 0;
}
.img-right {
	float: right;
	margin: 0 0 2px 10px;
}

.fl-left {
	float: left;
}
.fl-right {
	float: right;
}

.justify {
	text-align: justify;
}

.normal {
	color: #5A5A5A;
	font-weight: normal;
}
.small {
	font-size: 0.90em;
}

div.blank {
	height: 1px;
	clear: both;
	font-size: 1px;
}

div.sep {
	height: 10px;
	margin: 15px 0 15px 0;
	background-image: url(../images/interface/sep.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
}


/******************************/
/*			CALQUES 
/******************************/

 /***** PROMO *****/
 
 #promo {
 	padding: 0 0 0 1px;
 	height: 149px;
	font-size: 0.90em;
 }
 #promo div.promo {
 	float: left;
 }
 #promo div.presse {
 	float: left;
	width: 114px;
 }
 #promo div.actu {
 	width: 183px;
	height: 149px;
	float: left;
	background-image: url(../images/interface/css-actu-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
 }
 #promo div.actu div.titre {
 	margin: 12px 0 0 10px;
 }
#promo div.actu p.date {
	margin: 12px 0 0 12px;
	color: #2B4291;
	font-weight: bold;
}
#promo div.actu p {
	margin: 0 25px 0 15px;
}
#promo div.actu a, #promo div.actu a:link {
	color: #2B4291;
	font-weight: bold;
	text-decoration: underline;
}


 /***** CONTENU *****/
 
#contenu {
	margin: 0;
	padding: 15px 0 0 0;
	background-image: url(../images/interface/css-main-bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#contenu div.offre {
	margin: 0 0 15px 0;
}
#contenu div.left {
	float: left;
	margin: 0 40px 0 0;
	width: 310px;
}
#contenu div.right {
	float: left;
	width: 310px;
}


 /***** BOX *****/
 
 div.cont {
 	margin: 5px 5px 5px 5px;
 }
 

 /***** FORM *****/
 
table.form {
	width: 660px;
	margin: 15px 0 0 0;
}
table.form th div.title {
	padding: 3px 0 0 15px;
}
table.form td.main {
	width: 650px;
	background-color: #F6F6F6;
}
table.form td.txt {
	padding: 6px 15px 0px 10px;
}
table.form td.bottom {
	height: 10px;
	background-image: url(../images/interface/form-footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px;
}
table.form td.al-right {
	text-align: right;
}
table.form td.field {
	padding: 5px 0 0 0;
}
table.form td.field input {
	padding: 2px 0 2px 2px;
	border-top: 1px solid #5E5E5E;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #707070;
	background-image: url(../images/interface/css-field-mailing-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
table.form td.field textarea {
	padding: 2px 0 2px 2px;
	border-top: 1px solid #5E5E5E;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #707070;
	background-image: url(../images/interface/css-field-mailing-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
table.form td.field select {
	padding: 2px 0 2px 2px;
	border-top: 1px solid #5E5E5E;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
table.form td.sep {
	height: 20px;
	font-size: 1px;
	background-image: url(../images/interface/form-sep.gif);
	background-position: top left;
	background-repeat: repeat-x;
}




/***** ACCUEIL *****/

#contenu table.accueil {
	width: 740px;
}
#contenu table.accueil td {
	color: #5A5A5A;
	vertical-align: top;
	text-align: left;
}
#contenu table.accueil td.left {
	padding: 20px 10px 15px 30px;
}
#contenu table.accueil td.middle {
	padding: 20px 10px 15px 15px;
}
#contenu table.accueil td.right {
	padding: 20px 10px 15px 15px;
}

#contenu table.accueil td.border-bottom {
	border-bottom: 1px solid #D9D9D9;
}
#contenu table.accueil td.border-right {
	border-right: 1px solid #D9D9D9;
}

#contenu table.accueil td div.titre {
	margin: 0 0 5px 0;
}
#contenu table.accueil td ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#contenu table.accueil td li {
	background-image: url(../images/interface/puce-ul-home.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	margin: 3px 0 0 0;
}

#contenu table.accueil td ul.soigner a, #contenu table.accueil td ul.soigner a:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td ul.soigner a:hover {
	color: #AA1523;
	text-decoration: none;
}

#contenu table.accueil td ul.financer a, #contenu table.accueil td ul.financer a:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td ul.financer a:hover {
	color: #00399F;
	text-decoration: none;
}

#contenu table.accueil td ul.deplacer a, #contenu table.accueil td ul.deplacer a:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td ul.deplacer a:hover {
	color: #AE710B;
	text-decoration: none;
}

#contenu table.accueil td a.retraite, #contenu table.accueil td a.retraite:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td a.retraite:hover {
	color: #277466;
	text-decoration: none;
}

#contenu table.accueil td ul.proteger a, #contenu table.accueil td ul.proteger a:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td ul.proteger a:hover {
	color: #C86700;
	text-decoration: none;
}

#contenu table.accueil td ul.loger a, #contenu table.accueil td ul.loger a:link {
	color: #5A5A5A;
	text-decoration: none;
}
#contenu table.accueil td ul.loger a:hover {
	color: #598300;
	text-decoration: none;
}

#contenu div.contenu {
 margin: 0 30px 30px 45px;
}


/***** CONTACT *****/

div.error {
	background-color: #E9C1C6;
	color: #AA1523;
}
div.error div.txt {
	padding: 5px 10px 10px 10px;
}
div.error a, div.error a:link {
	color: #00399F;
	text-decoration: none;
}
div.error a:hover {
	color: #00399F;
	text-decoration: underline;
}

table.contact {
	width: 450px;
	margin: 0 0 0 80px;
}
table.contact td.titre {
	padding: 15px 0 20px 0;
	font-size: 1.20em;
	color: #00399F;
	font-weight: bold;
}
table.contact td.designation {
	width: 100px;
	padding: 7px 0 6px 10px;
	font-weight: bold;
	vertical-align: top;
}
table.contact tr.error td.designation {
	width: 100px;
	padding: 7px 0 6px 10px;
	color: #AA1523;
	font-weight: bold;
	vertical-align: top;
}

table.contact td.required {
	width: 10px;
	font-size: 1px;
}

table.contact td.required-on {
	width: 10px;
	font-size: 1px;
	background-image: url(../images/interface/css-field-required.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
table.contact td.field {
	vertical-align: top;
	padding: 3px 0 0 0;
}
table.contact td.field input {
	width: 300px;
	padding: 2px 0 1px 2px;
	border: 1px solid #5A5A5A;
	background-image: url(../images/interface/css-field-text.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
}
table.contact td.field textarea {
	width: 300px;
	height: 100px;
	padding: 0 0 0 2px;
	border: 1px solid #5A5A5A;
	background-image: url(../images/interface/css-field-text.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
}
table.contact td.sep {
	height: 20px;
	font-size: 1px;
}
table.contact table.button {
	width: 100%;
}
table.contact table.button input {
	width: 100px;
	height: 20px;
	border-top: 1px solid #ECECEC;
	border-right: 0;
	border-bottom: 0;
	border-left: 1px solid #ECECEC;
	background-color: #5A5A5A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
table.contact table.button td.space {
	width: 120px;
}
table.contact table.button td.submit {
	width: 200px;
	text-align: left;
}
table.contact table.button td.reset {
	text-align: left;
}
table.contact tr.error {
	background-color: #E9C1C6;
}



/******************************/
/*			CONTENEURS 
/******************************/

#conteneur {
	width: 750px;
	background-color: #FFFFFF;
}
#conteneur td.header {
	height: 103px;
	font-size: 1px;
}
#conteneur td.spacer {
	height: 9px;
	background-image: url(../images/interface/css-spacer-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: 1px;
}
#conteneur td.main {
	vertical-align: top;
	text-align: left;
}
#conteneur td.footer {
	height: 130px;
	background-image: url(../images/interface/css-footer-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: top;
}
#conteneur td.infos {
	height: 36px;
	background-image: url(../images/interface/css-infos-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}


/***** FOOTER *****/

#footer {
	margin: 15px 0 0 7px;
	font-size: 0.90em;
}
#footer p {
	margin: 0;
}
#footer b {
	color: #2B4291;
}

#footer div.mailing {
	width: 100%;
	margin-top:10px;
}
#footer div.mailing .box {
	background:url('../images/interface/css-footer-box-bg-newsletter.gif') top left;
	height:28px;
}
#footer div.mailing table.mailing {
	margin: 3px 0 0 0;
}
#footer div.mailing table.mailing td.field {
	width: 140px;
	height: 17px;
}
#footer div.mailing table.mailing td.field input {
	width: 130px;
	padding: 2px 0 2px 2px;
	border-top: 1px solid #5E5E5E;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #BFBFBF;
	border-left: 1px solid #707070;
	background-image: url(../images/interface/css-field-mailing-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#footer div.partenaires {
	float: left;
	width: 490px;
}
#footer div.partenaires div.logo {
	margin: 10px 0 0 10px;
}

#footer div.reservations {
	float: left;
	margin: 0 0 0 10px;
	width: 235px;
}


#footer div.box-left {
	float: left;
	height: 100px;
	width: 4px;
}
#footer div.box {
	float: left;
	height: 100px;
	background-image: url(../images/interface/css-footer-box-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#footer div.box div.txt {
	padding: 7px 5px 5px 5px;
}
#footer div.box-right {
	float: left;
	height: 100px;
	width: 3px;
}


/***** INFOS *****/

#infos {
	padding: 0 5px 0 5px;
	float:right;
	margin-right:5px;
}

#infos div.alliance {
	float: left;
	margin: 6px 0 0 5px;
}

#infos div.monaco {
	float: left;
	margin: 3px 0 0 15px;
}

#infos div.liens {
	float: left;
	margin: 15px 0 0 30px;
	font-size: 0.90em;
	color: #2B4291;
}
#infos div.liens a, #infos div.liens a:link {
	color: #2B4291;
	text-decoration: none;
}
#infos div.liens a:hover {
	text-decoration: underline;
}

#infos div.actweb {
	float: left;
	margin: 7px 0 0 40px;
}



/******************************/
/*			MENU 
/******************************/

#menu {
	height: 38px;
	margin: 0 0 0 0;
}

/***	SOIGNER ***/
#soigner-off, #soigner-on {
	width: 126px;
	height: 38px;
	float: left;
}
/* OFF */
#soigner-off a, #soigner-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-soigner-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#soigner-off a:hover {
	background-image: url(../images/interface/menu-soigner-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#soigner-on a, #soigner-on a:link, #soigner-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-soigner-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}


/***	FINANCER ***/
#financer-off, #financer-on {
	width: 125px;
	height: 38px;
	float: left;
}
/* OFF */
#financer-off a, #financer-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-financer-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#financer-off a:hover {
	background-image: url(../images/interface/menu-financer-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#financer-on a, #financer-on a:link, #financer-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-financer-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}


/***	DEPLACER ***/
#deplacer-off, #deplacer-on {
	width: 125px;
	height: 38px;
	float: left;
}
/* OFF */
#deplacer-off a, #deplacer-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-deplacer-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#deplacer-off a:hover {
	background-image: url(../images/interface/menu-deplacer-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#deplacer-on a, #deplacer-on a:link, #deplacer-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-deplacer-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}


/***	RETRAITE ***/
#retraite-off, #retraite-on {
	width: 125px;
	height: 38px;
	float: left;
}
/* OFF */
#retraite-off a, #retraite-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-retraite-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#retraite-off a:hover {
	background-image: url(../images/interface/menu-retraite-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#retraite-on a, #retraite-on a:link, #retraite-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-retraite-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}


/***	PROTEGER ***/
#proteger-off, #proteger-on {
	width: 125px;
	height: 38px;
	float: left;
}
/* OFF */
#proteger-off a, #proteger-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-proteger-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#proteger-off a:hover {
	background-image: url(../images/interface/menu-proteger-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#proteger-on a, #proteger-on a:link, #proteger-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-proteger-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}


/***	LOGER ***/
#loger-off, #loger-on {
	width: 124px;
	height: 38px;
	float: left;
}
/* OFF */
#loger-off a, #loger-off a:link {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-loger-off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
#loger-off a:hover {
	background-image: url(../images/interface/menu-loger-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
/* ON */
#loger-on a, #loger-on a:link, #loger-on a:hover {
	height: 38px;
	padding: 0;
	margin: 0;
	display: block;
	
	background-image: url(../images/interface/menu-loger-on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

.cadre_home {
	float:left;
}
.cadre_home .img_titre a {
	width:240px;
	height:32px;
	color:#fff;
	font-weight:bold;
	font-family:Helevetica, Arial, sans-serif;
	font-size:20px;
	text-decoration:none;
	padding-bottom:0;
	padding-left:10px;
	padding-right:0;
	padding-top:5px;
}
.cadre_home a{
	display:block;
}
.cadre_home .contenu_cadre_home a{
	display:inline;
	text-decoration:none;
}
.contenu_cadre_home {
	width:229px;
	height:115px;
	padding:11px 0px 0px 21px;
}
.contenu_cadre_home ul {
	list-style-type:square;
	list-style-position:inside;
	padding:0px;
}
.contenu_cadre_home p {
	color:#fff;
	text-transform:uppercase;
	margin:0px;
}

/** PLAISANCE **/
.plaisance_gauche{
	float:left;
	background: url('../images/interface/plaisance/goutiere.jpg') center right no-repeat;
	width:306px;
	padding-right:40px;
}
.plaisance_droite {
	width:304px;
	float:left;
	padding-left:25px;
}
.plaisance_gauche ul, .plaisance_droite ul{
	margin-bottom:20px;
}

.plaisance_gauche a, .plaisance_droite a{
	color:#3a84c7;
	text-decoration:underline;
}