/* CSS Document - Pierre Paya Assurances by actweb.fr */

body {
    margin: 36px 0 0 0;
    background-color: #2B4291;
    background-image: url(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;
}
h2
{
font-size:14px;
}
td {
    vertical-align: top;
    text-align: left;
}

p {
    margin: 10px 0 13px 0;
}

a, a:link {
    color: #2B4291;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
    
select{
font-size: 1em;
}              
option.colored1{
/*background:#F2F2F2;*/ 
color: #6B6B6B;

}
option.colored2{   
/*background:#F2F2F2;*/
color: #808080;
}

input.resultat{
width:130px;
border:0;
color:#2B4291;
letter-spacing:-1px;
font-size:21px;
font-weight:bolder;
}
input.resultat2{
width:80px;
border:0;
color:#2B4291;
font-size:14px;
font-weight:bold;
}

/******************************/
/*          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;
}  
.c {
    text-align: center;
}
.l {
    text-align: left;
} 
.r {
    text-align: right;
}
p.intro {
    color: #2B4291;
    font-weight: bold;
}
 
.small {
    font-weight:normal;
    font-size: 0.80em;
}  
.bleu {
    color:#2B4291;
}
.rouge {
    color:#AD2331;
}
.gris {
	color:#999999;
}
ul {
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}  
li {              
    font-weight:bold;
    background-image: url(puce-ul.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 12px;
    margin: 2px 0 0 0;
}
ul li ul{
    list-style-type: none;
    margin: 0 10px 0 0;
    padding: 0;
}
ul li ul li{    
    font-weight:normal;
    background-image: url(puce-ul.gif);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 0 0 12px;
    margin: 2px 0 0 0;
}        
ul.exit li {
    font-weight:normal;
}

h1 {  
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 10px 0 15px 0;
    border-bottom: 1px solid #97BCEC;
    font-size:16px;
    font-weight: bolder;
    color: #2B4291;
}

h4 {
    margin: 10px 0 13px 0;
    font-size: 1.10em;
    color: #5894E0;
    font-style: italic;
}


/******************************/
/*          CALQUES 
/******************************/

div.blank {
    height: 1px;
    font-size: 1px;
    clear: both;
}

div.hr {
    height: 10px;
    margin: 15px 0 15px 0;
    background-image: url(hr.gif);
    background-position: top left;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 1px;
}

/**** PARTENAIRES ****/
#partenaires {
    width: 730px;
    border: 0;
}
#partenaires th {
    height: 10px;
    font-size: 1px;
}
#partenaires td.logo {
    width: 120px;
}
#partenaires td.descr {
    width: 235px;
    padding: 10px 10px 0 0;
    font-size: 0.90em;
}
#partenaires td.descr b {
    font-size: 1.10em;
    font-weight: bold;
    color: #2B4291;
}

/***** CONTACT *****/
table.contact {
    width: 430px;
    margin: 0 0 0 30px;
}
table.contact td.titre {
    padding: 5px 0 5px 0;
    font-size: 1.20em;
    color: #2B4291;
    font-weight: bold;
}
table.contact td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #2B4291;
    font-weight: bold;
    vertical-align: top;
}
table.contact tr.error td.designation {
    width: 100px;
    padding: 6px 0 10px 10px;
    color: #FFFFFF;
    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(css-field-required.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
table.contact td.field {
    padding: 3px 0 0 0;
}                              
table.contact td.field input {
    width: 280px;
    padding: 2px 0 2px 2px;
    border-top: 1px solid #2B4291;
    border-right: 1px solid #97BCEC;
    border-bottom: 1px solid #97BCEC;
    border-left: 1px solid #2B4291;
    background-image: url(css-field-txt.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5C5C5C;
}
table.contact td.field input.radio {
    width: auto;
    padding: 0;
    border: 0;
    background-image: none;
}
table.contact td.field textarea {
    width: 280px;
    height: 100px;
    padding: 0 0 0 2px;
    border-top: 1px solid #2B4291;
    border-right: 1px solid #97BCEC;
    border-bottom: 1px solid #97BCEC;
    border-left: 1px solid #2B4291;
    background-image: url(css-field-txt.gif);
    background-position: top left;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5C5C5C;
}
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 #2B4291;
    border-right: 1px solid #97BCEC;
    border-bottom: 1px solid #97BCEC;
    border-left: 1px solid #2B4291;
    background-color: #97BCEC;
    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: 182px;
    text-align: left;
}
table.contact table.button td.reset {
    text-align: left;
}
table.contact tr.error {
    background-color: #2B4291;
}
div.error {
    background-color: #2B4291;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 10px 0 10px 0;
}                               
div.view-contact {
    margin: 0 20px 0 20px;
} 


/******************************/
/*          CONTENEURS 
/******************************/

/**** CONTENEUR ****/   
#conteneur {
    width: 750px;
    margin: 0;
    background-color: #FFFFFF;
}
#conteneur-aide {
    margin: 0 20px;
    background-color: none;
    text-align:justify;
    color:#fff;
    font-size:90%;
}              
#conteneur-aide td{ 
    font-size:90%;
    }
#header {
    width: 750px;
    height: 129px;
    margin: 0;
}
#contenu {
    width: 750px;
    margin: 0;
    text-align: left;
    vertical-align: top;
}
#footer {
    width: 750px;
    height: 130px;
    margin: 0;
    background-image: url(css-footer-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    text-align: left;
    vertical-align: top;
}
#phone {
    width: 750px;
    margin: 0;
}

/**** CALCUL ****/  
a.aide_salaire {
width:12px;
height:12px;
overflow:visible;
}
a.aide_salaire:hover {
z-index:25; 
background: none;
text-decoration:none;
}
a.aide_salaire span {
visibility:hidden;
}         
a.aide_salaire span img {
float:right;
position: relative;
margin: -65px 0 0 0;
padding:0;
overflow:visible;
}

a.aide_salaire:hover span {
visibility:visible;
/*display: block;  */
}
/**** CONTENU ****/
#contenu div.home {
    margin: 5px 4px 15px 4px;
}   
#contenu div.home div.titre {
    width: 230px;
    padding: 10px 0 0 20px;
    float: left;
}
#contenu div.home div.descr {
    width: 480px;
    float: right;
}
#contenu div.home div.descr p {
    margin: 0 15px 0 0;
    text-align: justify;
}
#contenu div.home div.descr b {
    color: #2B4291;
    font-weight: bold;
}
#contenu div.home div.encart {
    margin: 20px 1px 0 2px;
    float: left;
}

#contenu div.contenu-txt {      
    margin: 0 20px 30px 20px;
}
#contenu div.contenu-txt div.titre {
    width: 230px;
    padding: 10px 0 15px 0;
    float: left;
}                           
#contenu div.contenu-txt div.titre div.icos a{
    display:block;
    margin:10px auto 0 0;
}                     
#contenu div.contenu-txt div.titre div.sletitre {
    display:block;
    margin:30px 0 10px 0;
    font-size:9px;
}         
#contenu div.contenu-txt div.titre div.sletitre li {
    background-image:none;
}         
#contenu div.contenu-txt div.titre div.txt{
text-align:justify;
    width:180px;
    margin:20px 10px 20px 0;
}                
#contenu div.contenu-txt div.descr {
    width: 461px;
    float: right;
}             
#contenu div.contenu-txt div.descr {
    width: 461px;
    float: right;
}             
#contenu div.contenu-txt div.descr div.bandeau {
    width:461px;                               
    margin:0;
    padding:0;
}
#contenu div.contenu-txt div.descr div.police {
    background:url(bandeau-alliance-police-cen.gif) top left repeat-y;
}                                                           
#contenu div.contenu-txt div.descr div.part {
    background:url(bandeau-alliance-part-cen.gif) top left repeat-y;
}
#contenu div.contenu-txt div.descr div.monaco {
    background:url(bandeau-alliance-monaco-cen.gif) top left repeat-y;
}
#contenu div.contenu-txt div.descr div.expatries {
    background:url(bandeau-alliance-expat-cen.gif) top left repeat-y;
}
#contenu div.contenu-txt div.descr div.bandeau .inside{
    color:#ffffff;
    padding:53px 30px 3px 15px;
}                                 
#contenu div.contenu-txt div.descr div.bandeau .inside a{
    color:#ffffff;
}              
#contenu div.contenu-txt div.descr div.bandeau .inside li {
    background-image: url(puce-ul-neg.gif);
    background-position: left top;
    background-repeat: no-repeat;
    }
#contenu div.contenu-txt div.descr div.bandeau .police {
    background:url(bandeau-alliance-police-top.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.bandeau .part {
    background:url(bandeau-alliance-part-top.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.bandeau .monaco {
    background:url(bandeau-alliance-monaco-top.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.bandeau .expatries {
    background:url(bandeau-alliance-expat-top.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.bandeau-bot {
    clear:both;
    width:461px;
    height:9px;
    margin:0 19px 20px 0;
}
#contenu div.contenu-txt div.descr div.part-bot {
    background:url(bandeau-alliance-part-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.police-bot {  
    background:url(bandeau-alliance-police-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.monaco-bot {
    background:url(bandeau-alliance-monaco-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.expatries-bot {
    background:url(bandeau-alliance-expat-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.cadre {
    float: right;
    background:url(calcul-cadre-center.gif) top left repeat-y;
    width:436px;
    padding:0;
}
#contenu div.contenu-txt div.descr div.cadre .inside{
    background:url(calcul-cadre-top.gif) top left no-repeat; 
    padding:10px;
}
#contenu div.contenu-txt div.descr div.cadre-bot { 
    float: right;
    clear:both;
    width:436px;
    height:9px;
    background:url(calcul-cadre-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.cadre_pt {
    background:url(calcul-cadre-pt-center.gif) top left repeat-y;
    width:196px;  
    float:right;
    padding:0;
    margin:0;
}                 
#contenu div.contenu-txt div.descr div.cadre_pt .inside{
    background:url(calcul-cadre-pt-top.gif) top left no-repeat;
    color:#5A5A5A;                   
    padding:10px 10px 0px 10px;
}

#contenu div.contenu-txt div.descr div.cadre_pt-bot {
    padding:0;
    margin:0;      
    float:right;   
    clear:both;        
    width:196px;
    height:7px;
    background:url(calcul-cadre-pt-bot.gif) top left no-repeat;
}
#contenu div.contenu-txt div.descr div.cadre_pti {
    background:url(calcul-cadre-pt-center.gif) top left repeat-y;
    width:196px;  
    float:right;
    padding:0;
    margin:3px;
}                 
#contenu div.contenu-txt div.descr div.cadre_pti .inside{
    background:url(calcul-cadre-pt-top.gif) top left no-repeat;
    color:#5A5A5A;                   
    padding:10px 10px 0px 10px;
}
#contenu div.contenu-txt div.descr div.cadre_pti-bot {
    padding:0;
    margin-right:3px; 
	margin-top:-3px;     
    float:right;   
    clear:both;        
    width:196px;
    height:7px;
    background:url(calcul-cadre-pt-bot.gif) top left no-repeat;
}
/**** FOOTER ****/
#footer table.footer {
    border: 0;
    width: 750px;
    height: 130px;
}
#footer table.footer td.logos {
    width: 130px;
    text-align: center;
    vertical-align: middle;
}
#footer table.footer td.sep {
    width: 7px;
    text-align: center;
    vertical-align: middle;
    font-size: 1px;
}
#footer table.footer td.top {
    height: 60px;
    text-align: left;
    vertical-align: top;
}
#footer table.footer td.top div.descr {
    width: 270px;
    float: left;
}
#footer table.footer td.top div.partenaires {
    width: 335px;
    float: right;
}
#footer table.footer td.top div.descr  div.titre {
    margin: 12px 0 5px 5px; 
}
#footer table.footer td.top div.descr  div.txt {
    margin: 0 0 0 5px; 
    font-size: 0.90em;
}
#footer table.footer td.top div.descr  div.txt b {
    color: #2B4291;
    font-weight: bold;
}
#footer table.footer td.top div.partenaires div.logos {
    margin: 20px 5px 0 0;
}
#footer table.footer td.bottom {
    height: 37px;
    text-align: left;
    vertical-align: top;
}
#footer table.footer td.bottom .menu-footer a {
	font-size:9px;
}
#footer table.footer td.bottom div.actweb {
    float: right;
    margin: 13px 5px 0 0;
}
#footer table.footer td.bottom div.links {
    font-size: 0.90em;
    color: #2B4291;
    margin: 15px 0 0 5px;
}
#footer table.footer td.bottom div.links a, #footer table.footer td.bottom div.links a:link {
    color: #2B4291;
    text-decoration: none;
}
#footer table.footer td.bottom div.links a:hover {
    text-decoration: underline;
}


/******************************/
/*          MENU 
/******************************/

/**** GRILLES DE PRESTATIONS ****/

#grille {
    /*background-color:#999999;*/
}
#grille td {
    /*background-color:#FFFFFF;*/
    height: 16px;
    background-image: url(grilles_lignes.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    vertical-align:middle;
    padding-bottom:4px;
}
#grille td.grille-titre1 {
    background-image:none;
    background-color: #2B4291;
    color: #FFFFFF;
    height: 25px;
    vertical-align:middle;
    font-weight: bold;
}
#grille td.grille-titre1-center {
    background-image:none;
    background-color: #2B4291;
    color: #FFFFFF;
    height: 25px;
    vertical-align:middle;
    font-weight: bold;
	text-align:center;
}
#grille td.grille-titre2 {
    background-image: url(grilles_lignes_t2.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color:#F2F2F2;
    color:#2B4291;
    height: 20px;
    vertical-align:middle;
    font-weight: bold;
}
#grille td.grille-titre2b {
    background-image: url(grilles_lignes_t2.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color:#F2F2F2;
    color:#2B4291;
    height: 20px;
    vertical-align:middle;
}

#grille td.grille-center {
	text-align:center;
}
#grille td.nostyle {
	background:none;
}
.grille-petit{
    font-size: 0.80em;
    /*color:#999999;*/
}