@charset "utf-8";
/* CSS Document */
/* CSS spécifique à "index.html" */
/* Créer par samy loesch. site web: www.samyloesch.fr */
/* Derniere modification 04/03/2013 */
/* Couleur charte graphique infolutions.fr: eb7511*/
#particuliers { margin-right:10px;}
#particuliers, #professionnels { width:363px; float:left;display: inline-block; margin-top:10px;}

.titre {
    border: 1px solid #EB7511;
    height: 35px;
    margin: 0 0 -5px 5px;
    width: 240px;
/***************************************CSS3**/
-webkit-border-radius:10px 10px 0 0;-ms-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-o-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
/* PIE */
behavior: url(css/hack/PIE.htc);
/*********************************************/
}

.titre > p {
    color: #000000;
    font-family: arial;
    font-size: 18px;
    font-style: italic;
    letter-spacing: 1px;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 5px;
}
.box_img {
	position:relative;
    border: 3px solid #EB7511;
    height: 345px;
    margin: 0px;
    width: 356px;
/***************************************CSS3**/
-webkit-border-radius: 14px;-ms-border-radius: 14px;-moz-border-radius: 14px;-o-border-radius: 14px;border-radius: 14px;
-webkit-box-shadow: 0 3px 6px -2px #000000;-moz-box-shadow: 0 3px 6px -2px #000000;-ms-box-shadow: 0 3px 6px -2px #000000;-o-box-shadow: 0 3px 6px -2px #000000;box-shadow: 0 3px 6px -2px #000000;
/* PIE */
behavior: url(css/hack/PIE.htc);
/*********************************************/
	}
.bouton_entrez {
	position:absolute;
    height: 30px;
    margin: 290px 0 0 205px;
    width: 150px;
	border: 1px solid #eb7511;
/***************************************CSS3**/
-moz-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;-ms-transition: all 1s;
-webkit-border-radius:7px 0 0 7px;-ms-border-radius: 7px 0 0 7px;-moz-border-radius: 7px 0 0 7px;-o-border-radius: 7px 0 0 7px;border-radius: 7px 0 0 7px;
/*PIE*/
behavior: url(css/hack/PIE.htc);
/*********************************************/
	}
.bouton_entrez > p {
    color: black;
    font-family: arial;
    font-size: 20px;
    letter-spacing: 7px;
    line-height: 20px;
    margin: -10px 0 0;
    padding: 15px 0 0;
    text-align: center;
}
.titre, .bouton_entrez {
background: #eb7511;
/***************************************CSS3**/
background: -webkit-gradient( linear, left top, right bottom, color-stop(0, rgb(255,255,255)), color-stop(0.75, rgb(235,119,17)), color-stop(1, rgb(235,119,17))); background: -moz-linear-gradient(#FFFFFF, #eb7511);background: -ms-linear-gradient(#FFFFFF, #eb7511);background: -o-linear-gradient(#FFFFFF, #eb7511);background: linear-gradient(#FFFFFF, #eb7511);
/*PIE*/
-pie-background: linear-gradient(#FFFFFF, #eb7511);
behavior: url(css/hack/PIE.htc);
/*********************************************/
}
#particuliers:hover .bouton_entrez, #professionnels:hover .bouton_entrez {
/***************************************CSS3**/
box-shadow: -2px 0px 6px 2px #FFFFFF;
/*PIE*/
behavior: url(css/hack/PIE.htc);
/*********************************************/
}

#particuliers:hover p, #professionnels:hover p {
    color: #444444;
    text-shadow: -1px 1px 0 #FFFFFF;
}

#particuliers .box_img { background:url(../media/img/particulier.jpg);}
#professionnels .box_img { background:url(../media/img/professionnels.jpg);}
/*________________________________________________________________________CCS de la page INDEX.html_FIN_*/