@font-face {
    font-family: Comfortaa;
    src: url('../fonts/comfortaa.ttf');
}


*  {
    margin : 0;
    padding : 0;
    font-family : avgardn;
}

body  {
	background-color: black;
}

a img  {
	border : none;
}

#Larrow, #Rarrow  {
    cursor : pointer;
}

#logo  {
    width : 1100px;
    height : 390px;
    margin : auto;
    position : relative;
    top : -70px;
}

#logo img  {
    width : 100%;
}

#body  {
    width : 1100px;
    margin : auto;
}

#menu  {
    float : right;
    width : 500px;
    height : 399px;
    background-image : url("../images/menu.jpg");
    background-repeat : no-repeat;
    padding-top : 5px;
}

#menu a  {
    display : block;
    font-family : Comfortaa;
    text-decoration : none;
    font-size : 23px;
    width : 220px;
    height : 61px;
    margin-bottom : 12px;
    margin-left : 1px;
    text-align : center;
    color : white;
    padding-top : 15px;
}

#menu a:hover  {
    opacity : 0.6;
}

#menu_home  {
    margin-top : 12px;
    padding-left : 10px;
}

#menu_who  {
		margin-top : 25px;
    padding-left : 15px;
}

#menu_presse  {
    float : right;
    margin-top : -295px;
    margin-right : 15px;
}

#menu_pro  {
    float : right;
    margin-top : -395px;
    margin-right : 5px;
}

#menu_collect  {
    margin-top : 25px;
    padding-left : 10px;
}

#menu_contact  {
		margin-top : 30px;
    padding-left : 15px;
}

#menu_event  {
    margin-top : 25px;
}

#menu_collection  {
    padding-top : 5px;
    text-align : center;
}

.green  {
    background-color : #add41f;
}

.purple  {
    background-color : #984e9d;
}

.pink  {
    background-color : #f281b7;
}

.orange  {
    background-color : #ffcd58;
}

#menu_collection  {
    width : 180%;
}

#menu_collection a  {
  font-family : avgardm;
  color : white;
  margin-right : 10px;
  text-decoration : none;
  display : block;
  float : left;
  width : 147px;
	height : 25px;
  padding-top : 10px;
  padding-bottom : 10px;
	background-image : url("../images/blackbutton.png");
}

#menu_collection a:hover  {
  opacity : 0.8;
}

#content  {
  float : left;
  width : 543px;
}

#content_pro_login  {
  float : left;
  width : 463px;
  height : 350px;
}


#content_pro  {
	margin-top : 10px;
	margin-bottom : 50px;
  float : left;
  width : 443px;
  height : 310px;
  padding : 20px;
	overflow : auto;
}

.list_prods  {
	height : 620px!important;
}

#content_pro li  {
	list-style-type : none;
	color : #984e9d;
	display : block;
	padding : 20px;
	font-size : 17px;
	border-bottom : thin solid #9cc30d;
}

#back  {
	padding-top : 15px!important;
	padding-bottom : 15px!important;
}

#content_pro h3  {
	font-size : 17px;
}

#content_pro p  {
	font-size : 15px;
}

#content_pro li:hover  {
	background-color : #bee52f;
}

#content_pro a  {
	text-decoration : none;
}

#content_pro_login table  {
  width : 70%;
  margin : auto;
  margin-top : 10px;
  text-align : right;
}

#content_pro_login p  {
  width : 70%;
  margin : auto;
  margin-top : 50px;
}

#content_pro_login table tr td input  {
  width : 90%;
}

#signup  {
  text-align : center;
  cursor : pointer;
}

#pub  {
    width : 100%;
    border : none;
    margin-top : 5px;
}

#who  {
    width : 533px;
    height : 385px;
    background-color : black;
    overflow : auto;
    text-align : justify;
    font-family : avgardm;
    font-size : 15px;
    color : white;
    padding : 10px;
    margin-top : 0px;
}

#who p  {
    margin-bottom : 2em;
}

.mail  {
    position : relative;
    border : none;
    top : -67px;
    left : 40px;
    height : 30px;
    width : 382px;
    font-family : avgardn;
    padding-left : 10px;
    font-size : 17px;
    background-color : white;
    cursor : pointer;
}

.siren  {
    position : relative;
    border : none;
    top : -67px;
    left : 33px;
    font-family : avgardn;
    padding-left : 10px;
    width : 191px;
    height : 19px;
}

.submit  {
    position : relative;
    top : -68px;
    left : 36px;
    background-color : white;
    border : white;
    box-shadow : 0px 0px 5px black;
    width : 120px;
    height : 30px;
    font-family : avgardm;
    border-radius : 5%;
    cursor : pointer;
}

.submit:hover  {
    opacity : 0.8;
}

#email  {
    display : block;
    width : 280px;
    height : 90px;
    position : relative;
    top : -335px;
    left : 160px;
}

#gall_cont  {
    height : 350px;
    width : 1200px;
    overflow : hidden;
    margin-left : -120px;
}

#gall  {
    width : 8700px;
    height : 350px;
    position : relative;
    left : -17px;
    margin-top : 0px;
}

#gall img  {
    height : 250px;
    position : relative;
    top : 0;
    cursor : pointer;
}

#info_gall  {
    width : 100%;
    font-family : avgardm;
    text-align : center;
    margin-top : 50px;
    color : white;
    font-weight : bold;
}

#drap  {
    width : 25px;
    position : absolute;
    top : 2px;
    left : 2px;
}

#form_mail  {
    background-color : black;
    padding : 10px;
    font-family : avgardm;
    color : white;
}

#form_mail h1  {
    font-size : 1.2em;
    text-align : center;
    margin-bottom : 10px;
}

th  {
    text-align : right;
}

td, th  {
    padding-top : 10px;
}

input  {
    width : 100%;
    color : black;
    border : thin black solid;
    background-color : white;
}

#foot  {
    width : 50%;
    margin : auto;
    text-align : center;
}

#foot *  {
    color : darkgrey;
}

#foot span  {
    cursor : pointer;
}
