@font-face {
    font-family: 'robotobold';
    src: url('../font/Roboto-Bold-webfont.eot');
    src: url('../font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Roboto-Bold-webfont.woff') format('woff'),
         url('../font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../font/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoblack';
    src: url('Roboto-Black-webfont.eot');
    src: url('Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Black-webfont.woff') format('woff'),
         url('Roboto-Black-webfont.ttf') format('truetype'),
         url('Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* apply a natural box layout model to all elements */

 h1{ margin:0; padding:0;}

body{ background:#f8f8f8;}
.app-gall-container{ width:729px; margin-left:auto; margin-right:auto; margin-top:10px;}
.app-gall-container .app-img{width:345px; float:left;}
.app-gall-container .right-content{width:373px; float:left; padding-left:10px;}
.app-gall-container .right-content .title{font-family: 'robotobold'; font-weight:normal;font-family:28px; margin-bottom:24px; }
.app-gall-container .right-content .button { background: url("../img/cogan.png") no-repeat;
    color: #FFFFFF;
    display: block;
    height: 39px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    /*width: 100px;*/
	float:left;font-family: 'robotobold'; font-weight:normal;}

.app-gall-container .right-content .button1 { background: url("../img/cogan.png") no-repeat;
    color: #FFFFFF;
    display: block;
    height: 39px;
    line-height: 38px;
    text-align:center;
    text-decoration: none;
    text-transform: uppercase;
    width:165px;
	float:left;font-family: 'robotobold'; font-weight:normal;}

	.app-gall-container .right-content .user-button{ float:left; width:157px; margin-left:26px;}
	
	.app-gall-container .right-content .user-button a{ float:left; font-size:15px; color:#0084c5; text-decoration:none; width:150px;font-family: 'robotobold'; font-weight:normal;}
	#left-arrow{ background:url("../img/Cogan_pageProduit.png") no-repeat scroll 129px center;}
	#msg{ background:url("../img/Black-Envelope.png") no-repeat scroll 118px center;}
	.app-gall-container .right-content .header-title{font-size:18px; float:left; width:100%; border-top:2px solid #e8e8e9; padding-top:15px;font-family: 'robotobold'; font-weight:normal; margin-top:26px;}
	.app-gall-container .right-content .paragraph{ float:left;  width: 366px; font-size:14px; color:#090a0f; margin-top:2px;
	
	font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
	.app-gall-container .right-content .form { width:100%; float:left; margin-top:16px;}
  	.form > input{ height:38px; width:158px; border:1px solid #dfdfdf; margin-right:10px; padding-left:10px; color:#090a0f;}
	.login {
    background: none repeat scroll 0 0 #0085C3;
    border: medium none;
    border-radius: 25px;
    color: #FFFFFF;
    font-size: 13px;
    height: 40px;
    line-height: 30px;
    margin-top: 14px;
    text-transform: uppercase;
    width: 85px;
}
        .login:hover
        {
            background: none repeat scroll 0 0 #65646a;

        }
	.footer-logo{ margin-left:196px; margin-top:28px;}