@charset "iso-8859-1";

@import url(gallery.css);
@import url(elements.css);
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(catalog.css);
@import url(publicationMethods.css);
@import url(search.css);
@import url(board.css);
@import url(annonce.css);
@import url(directory.css);
@import url(community.css);
@import url(googleMap.css);
@import url(skeleton.css);
@import url(layout.css);
@import url(cgbe.css);
@import url(cgbe_homepage.css);
@import url(cgbe_navigation.css);
@import url(cgbe_page.css);

/* ---------------------
INITIALISATION DES STYLES
------------------------*/
* {
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
border:0;
vertical-align: bottom;
}


/*POPUP*/
.modalDialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0px;
background: rgba(0,0,0,0.6);
z-index: 99999;
opacity: 0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 572px;
position: relative;
margin: 20% auto;
}
.close {
color: #ffffff;
line-height: 25px;
position: absolute;
right: 30px;
text-align: center;
top: 30px;
width: 24px;
text-decoration: none;
font-weight: bold;
text-decoration: none;
}