/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "reset.css";
@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

.invisible
{
	display:none;
}


/*--------------------------------------------------*/

.contenuTexte p.subtitre{
  margin:5px 0px 0px 0px;
  font:bold 1.4em Arial, Helvetica, sans-serif;
  color:#CC0000;
}

ul.list{

}

    ul.list li{
    list-style-type:none;
    background-image:url(../images/charte/icon.gif);
    background-position:left 4px;
    background-repeat:no-repeat;
    font-size:1.1em;
    padding-left:25px;
    line-height:20px;
    text-align:justify;
    }

.list-box{
   width:250px;
   float:left;
}

.sep{
  width:960px;
  border-bottom:solid 1px #CC0000;
  margin-top:10px;
  margin-bottom:10px;
  height:10px;
}


.photo-cadre{
   width:212px;
   height:148px;
   background: url(../images/charte/accueil-bg.jpg) no-repeat top left;
   padding-top:11px;
   padding-left:12px;
   float:left;
}

.contenuTexte p.mini{
  font-size:12px;
}

.large{
   clear:left;
   width:960px;
}

.table-cadre{
 width:618px;
 margin:0 auto;
 background:url(../images/charte/bg-table-line.gif) repeat-y top left;
}

    .table{
    width:610px;
    margin:0 auto;
    }

        .table td{
        border-bottom:solid 1px #ffffff;
        font-family:arial;
        font-size:12px;
        color:#3366CC;
        text-align:left;
        padding-left:5px;
        padding-top:5px;
        line-height:20px;
        height:20px;
        }


            .prix{
	            text-align:right;
	            margin-right:5px;
            }

            .category{
	            text-align:left;
	            font-weight:bold;
	            font-size:13px;
            }

            .right{
	            border-right:solid 1px #ffffff;
							text-align: right;
							padding-right: 5px;
            }

            .color{
              background:#1884D7;
              color:#ffffff;
              font-size:13px;
							padding-left:5px;
							padding-top:2px;
							padding-bottom:2px;
            }

            .color1{
              background:#61B1FD;
              color:#222222;
              font-size:13px;
              padding-left:5px;
            }

            .table td span{
              font-size:8px;
              vertical-align: text-top;
            }

.table-min{
 width:458px;
 display:block;
 float:left;
 background:url(../images/charte/tablemin-line.gif) repeat-y top left;
}

.table-max{
 width:711px;
 background:url(../images/charte/tablemax-line.gif) repeat-y top left;
}


.box{
 float:left;
 width:361px;
 padding-left:45px;
}

.big{
  padding:0;
  width:450px;
  text-align:justify;
}

/8-----------------------------*/

#contact_adresse{
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
.mail_label{
	width:85px;
	float:left;
	margin-top:7px;
	color:#000;
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:160px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	border:1px solid #1884D7;
	background-color:#ffffff;
	width:150px;
	font-family:arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1884D7;
	padding:1px 0px;
	}
.inputFormOver{
	border:1px solid #1884D7;
	background-color:#F4FFFF;
	width:150px;
	font-family:arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	padding:1px 0px;
	}
.button{
	border:1px solid #185C97;
	background-color: #1884D7;
    font-weight:bold;
	width:65px;
	color:red;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #185C97;
	background-color: #5CA8E3;
    font-weight:bold;
	width:65px;
	color:red;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
#contact-adresse{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	float:left;
	}
#contact-phone{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	padding:0px;
	}
#text-obligatoire{
	text-align:center;
	width:220px;
	margin:0 auto;
	padding-top:20px;
    margin-bottom:5px;
	clear:both;
	font-size:10px;
	color:#000;
	}


.cadre{
width:255px;
display:table;
float:left;
 }


/*------------plan-------------*/

#map_top{
width:500px;
height:66px;
}

#map_bottom{
width:500px;
height:125px;
}

#map_middle{
width:500px;
height:309px;
}
#imprimer{
	position:absolute;
	margin-left:125px;
	margin-top:393px;
	color:red;
	}
#fermer-plan{
	position:absolute;
	margin-left:125px;
	margin-top:446px;
	color:red;
}

#plus{
	position:absolute;
	margin-top:10px;
	margin-left:425px;
	}

#minus{
	position:absolute;
	margin-top:10px;
	margin-left:357px;
	}
#adresse_map{
	position:absolute;
	text-align:center;
	margin-left:276px;
    margin-top:400px;
	color:#3381BD;
	font:italic 14px arial;
    line-height:24px;
    letter-spacing:1px;
}

#adresse_map span{
margin-top:15px;
margin-bottom:15px;
font-size:18px;
}

#news-text{
color:#3366CC;
line-height:15px;
}

.news-link{
  color:#CC0000;
  text-decoration:none;
}

.news-link:hover{
 color:#FF0000;
 text-decoration:underline;
}