/* copyright : Gravelet-multimédia, Alain Gravelet */
/* Tous droits réservés */
/* http://www.gravelet-multimedia.com */
/* info@gravelet-multimedia.com */

body{
background-color: #F5F5F5;
color:#000000;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size:0.8em ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
* { /* tous les elements du site */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

q{
font-size:100%;
font-style: italic ; 
}
.italic{
font-style: italic ; 
font-size:100%;
}
.gras{
font-weight: bold;
}
.gras_italic{
font-weight: bold;
font-style: italic ; 
}
.petit {
font-size:0.8em;
}
.invisible {
visibility: hidden;
}
.horschamps {
margin:-10000px;
position:absolute;
}
.spacer {
clear: both;
}
.image_gauche {
margin: 4px 4px 3px 0px;
float:left;
}
.image_droite {
margin: 4px 0px 3px 4px;
float:right;
}
.gauche {
float:left;
}
.gauche_tout {
float:left;
width: 480px;
}
.spip_surligne {
color:#000000;
background-color: #fefdea;
border: 1px solid #0000cc;
}

a[hreflang]:after {
content: " [" attr(hreflang) "]";
}

img {
border:none;
}
.cadre {
margin: 10px 5px 10px 5px;
padding: 0px 5px 10px 5px;
border : 1px solid #000000;
}


/* boites */ /* boites */ /* boites */ /* boites */ /* boites */


.centrage { /* centrage generale */
text-align: center;
}
.contenu { /* tout le site */
margin-left: auto;
margin-right: auto;
width: 760px;
background-color: #ffffff;
}


.logo {
width: 160px;
height:74px;
float:left;
}
.flash {
width: 600px;
height:74px;
float:left;
}


.zone_menu_haut {
margin: 2px 0px 0px 0px;
width: 760px;
min-height:38px;
float:left;
background-color: #fefe00;
background-image:  url(images/arrondi_haut.jpg);
background-repeat: no-repeat;
background-position: bottom left;
}
* html .zone_menu_haut  {
margin: 0px 0px 0px 0px;
height:38px;
}
.recherche {
margin: 2px 0px 0px 0px;
width: 160px;
min-height:25px;
float:left;
}
* html .recherche  {
height:35px;
}
.recherche form {
text-align :center;
}
.recherche label {
color: #000000;
font-size:0.8em ;
}
.recherche select {
padding: 0px 0px 0px 0px;
color: #000000;
font-size:0.8em ;
border : 1px solid #a73187;
}
.recherche option {
padding: 0px 2px 0px 0px;
}
.recherche input {
padding: 0px 1px 0px 1px;
border : 1px solid #a73187;
color: #000000;
font-size:0.8em ;
background-color: #FFFFFF;
cursor: pointer;
}
.contour input{
padding: 1px 1px 1px 1px;
border : 1px solid #a73187;
font-weight: normal;
color: #000000;
}
.contour input:hover {
text-decoration: none ;
}


.menu_haut {
margin: 2px 0px 0px 0px;
width: 600px;
min-height:25px;
float:left;
}
* html .menu_haut  {
height:35px;
}
.menu_haut ul li{
display: inline;
}
.menu_haut a{
padding: 0px 2px 0px 2px;
font-size:0.9em ;
text-decoration: none ;
font-weight:normal;
}
.menu_haut a:hover {
text-decoration:underline;
}
.menu_haut a:focus {
text-decoration:underline;
}
.menu_haut_lien {
color: #000000;
}
.menu_haut_lienon {
color: #0000cc;
}


.ariane {
padding: 0px 10px 20px 0px;
text-align:right;
font-size:0.8em ;
color:#000000;
}
.ariane a{
color:#000000;
text-decoration:underline;
}
.ariane a:hover{
text-decoration:none;
}
.ariane a:focus{
text-decoration:none;
}


.milieu {
width: 100%;
height:100%;
float:left;
text-align:left;
background-color: #ffffff;
background-image:  url(images/menu_fond.jpg);
background-repeat: repeat-y;
}

.sansmenu {
background-image:  none;
}


.menu_gauche_titre {
width: 189px;
background-color: #fefe00;
background-image:  url(images/menu_haut.jpg);
background-repeat: no-repeat;
}
.menu_gauche {
width: 189px;
float:left;
}
.menu_gauche h3{
padding: 5px 0px 7px 27px;
font-size:1em ;
font-weight: bold;
color: #000000;
}
.menu_gauche ul{
margin: 10px 10px 20px 20px;
list-style-type: none;
}
.menu_gauche a{
padding: 7px 7px 7px 7px;
font-size:1em ;
font-weight:normal;
text-decoration: none ;
display: block;
border-bottom : 1px dashed #a73187;
}
* html .menu_gauche a  {
padding: -10px 0px 0px 0px;
height:1%;
}
.menu_gauche li a:hover {
text-decoration:underline;
}
.menu_gauche li a:focus {
text-decoration:underline;
}
.menu_gauche_lien {
color: #000000;
}
.menu_gauche_lienon {
color: #000000;
background-color: #fefe00;
}


.droit {
float:left;
margin: 0px 0px 0px 30px;
width: 520px;
}
.droit h2  {
margin: 10px 0px 10px 0px;
font-weight: bold;
color: #0000cc;
font-size:1.2em ;
text-align:left;
}
.texte {
margin: 0px 0px 20px 0px;
padding: 5px 0px 0px 0px;
width: 510px;
float:left;
border : 2px solid #0000cc;
background-image:  url(images/carre_haut.jpg);
background-repeat: no-repeat;
background-position: top left;
}
.annonces {
width: 660px;
}
.laframe{
margin: 5px 20px 0px 20px;
}
* html .laframe  {
height:680px;
}
.carre_bas {
width: 15px;
height: 15px;
float:right;
background-image:  url(images/carre_bas.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}
.texte h3 {
padding: 10px 10px 0px 10px;
font-weight: bold;
color: #0000cc;
font-size:1em ;
text-align:left;
}
.texte h4 {
padding: 5px 10px 0px 10px;
font-weight: bold;
color: #0000;
font-size:1em ;
text-align:left;
text-decoration:underline;
}
.texte p {
padding: 5px 10px 0px 10px;
color: #000000;
font-size:1em ;
text-align:justify;
}
.texte img {
border : 1px solid #000000;
}
.texte a{
color: #0000cc;
text-decoration: underline;
}
.texte a:hover{
text-decoration: none;
}
.texte a:focus{
text-decoration: none;
}

.texte ul{
padding: 5px 10px 0px 40px;
list-style-position: outside; 
list-style-type: square ;
}
.texte ul ul, .texte ul ul ul{
padding: 0px 10px 0px 20px;
}
.texte ol{
padding: 5px 10px 0px 45px;
list-style-position: outside; 
}
.texte ol ol, .texte ol ol ol{
padding: 0px 10px 0px 20px;
}
.sans_puce ul{
padding: 0px 10px 0px 20px;
list-style-type: none ;
}
.texte li{
color: #000000;
font-size:1em ;
text-align:left;
}
.texte li li, .texte li li li{
color: #000000;
font-size:1em ;
text-align:left;
}


.texte table {
margin:  10px 10px 0px 10px;
border-top: 1px solid #0000cc;
border-left: 1px solid #0000cc;
color: #000000;
width: 490px;
font-size:1em ;
text-align:left;
}
.texte table ul{
padding: 2px 0px 0px 15px;
}
.texte table li{
padding: 2px 0px 0px 0px;
font-size:1em ;
text-align:left;
}
.texte th {
padding: 6px 8px 6px 8px;
border-bottom: 1px solid #0000cc;
border-right: 1px solid #0000cc;
text-align: left;
font-weight: bold;
vertical-align: text-top; 
background-color: #fefdea;
}
.texte td {
padding: 6px 8px 6px 8px;
border-bottom: 1px solid #0000cc;
border-right: 1px solid #0000cc;
vertical-align: text-top; 
}
.tableau_td_col_droite {
text-align:justify;
}
.texte caption{
display:none;
}


.texte  form {
margin:  10px 10px 0px 10px;
font-size:1em ;
width:400px;
}
.texte  fieldset {
margin: 0px 0px 10px 0px;
padding:10px 5px 5px 5px;
border: 1px solid #0000cc;
}
.texte  legend {
padding:0px 5px 0px 5px;
color: #000000;
font-weight: bold;
}
.texte  input {
padding:2px 2px 2px 2px;
border: 1px solid #0000cc;
background-color:#FFFFFF;
}
.texte  select {
padding:2px 2px 2px 0px;
width:185px;
border: 1px solid #0000cc;
background-color:#FFFFFF;
}
.texte  textarea{
padding:2px 2px 2px 2px;
border: 1px solid #0000cc;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #000000;
font-size:1em ;
background-color:#FFFFFF;
}
* html .border_radio input  {
margin: 0px 0px 2px 0px;
border: 1px solid #0000cc;
}

.texte_submit {
cursor: pointer;
}
* html .texte_submit  {
margin: 0px 0px 0px -10px;
}
.form_gauche {
margin:15px 10px 0px 0px;
float:left;
width:140px;
}
.form_droit {
margin:15px 0px 0px 0px;
float:left;
width:180px;
}


.maison {
float:left;
margin: 10px 10px 10px 10px;
}


.haut {
margin: 0px 10px 10px 0px;
float:right;
text-align:right;
}
* html .haut  {
margin: 0px 5px 10px 0px;
}
.haut a{
color: #0000cc;
font-size:1em ;
text-decoration: underline ;
}
.haut a:hover{
text-decoration: none ;
}
.haut a:focus{
text-decoration: none ;
}


.pied {
width: 760px;
min-height:38px;
background-color: #fefe00;
background-image:  url(images/arrondi_bas.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
* html .pied  {
height:38px;
}
.liste_pied {
padding: 20px 0px 0px 0px;
width: 760px;
}
.liste_pied li{
display:inline;
}
.liste_pied a{
color:#000000;
font-size:0.85em ;
text-decoration: none ;
text-align:left;
}
.liste_pied a:hover{
text-decoration: underline ;
}
.liste_pied a:focus{
text-decoration: underline ;
}