/* CSS Document */

/*affichage des offres*/ 
div.row {float:left; margin:12px; height:300px; width:300px; position:relative;}

body.orange .row h2 {position:absolute; width:300; text-align:center; color:#FFFFFF; bottom: 15px; font-size:2em; margin-left:20px;}

.more {display:none;}

div.row:hover .more {display:block; position:absolute; height:300px; width:300px; background:#ED7902; z-index:100; }

#principal .more p { color:#FFFFFF; width:250px; margin:auto; font-size:1.2em; text-align:justify; margin-top:90px;}

div.slider1 p {display:none;}

.en_savoir_plus {color:#fff; position:absolute; bottom:15px; right:15px;}

body.orange .row div.nom_item {background-color: rgba(237, 121, 2, 0.8); position:absolute; width:300px; bottom:0; min-height:70px; z-index:50;}
body.orange .row div.nom_item h3 {position:absolute; width:300; text-align:left; color:#FFFFFF; font-size:1.8em; padding:5px; line-height:20px; margin:0;}
body.orange .row div.nom_item p.commune {position:absolute; bottom:0px; color:#FFF; line-height:12px; margin:0; padding:5px; }

body.orange .row:hover div.nom_item {background:none; position:absolute; width:300px; top:0; min-height:70px; z-index:150;}
body.orange .row:hover div.nom_item h3 {position:absolute; width:300; text-align:left; color:#FFFFFF; font-size:1.8em; padding:5px; line-height:20px; margin:0; padding-left:8px}
body.orange .row:hover div.nom_item p.commune {position:absolute; top:50px; color:#FFF; line-height:12px; margin:0; padding:5px; padding-left:8px; }

/*gestion des images carrées*/
.crop {
    width: 300px;
    height: 300px;
    overflow: hidden;
	position:relative;
}

.crop img {
    height: 300px;
    position: absolute;
  	
}

/* affichage de google map */
div.map {width: 650px; height: 435px; position: relative;}