a{
    outline: none;
    text-decoration:none;
    cursor:pointer;}


*,*:after,*:before
{
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

html {
    font-size: 100%;
    height: 100%;
}

body {
    float:left;
    width: 100%;
    height:100%;
    margin:0;
    overflow-y: hidden;
    font: 14px TomaSansRegular,sans-serif;
}
strong{ font-family: TomaSansBold,sans-serif; font-weight: 400; }

#page{
    float:left;
    height: 100%;
    width: 100%;
    min-height: 700px;
    position:relative;
    background-image: url("fond.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #ffffff;
    background-size: auto 100%;
    padding-right: 21%;
}

.container{
    width: 800px;
    margin:0 auto;
    height: 100%;
    position: relative;
    padding: 0 10px;
    display: table;
}

#corps {
	display: table-cell;
	width: 100%;
	float: none;
	height: auto;
	margin-top: 0;
	left: 0;
	top: 50%;
	vertical-align: middle;
}

#bando {
	display: block;
	width: 100%;
	position: relative;
	height: auto;
        text-align: center;
        font-family: TomaSansRegular,sans-serif;
}

 #bando h1{
    float:left;
    width: 100%;
    height:auto;
    margin:0 0 30px 0;
}

 #bando h3{
    float:left;
    width: 100%;
    display: inline-block;
    height:auto;
    margin:0 0 30px 0;
    text-align: center;
    text-transform: uppercase;
    color: #123551;
    font-size:13px;
    font-family: 'NeutraTextBookItalic';
}

h3{text-align: center}
a{color: #e5d700}

 #bando h1 img{
    display: block;
    margin:0 auto;
}

.adresse{
    display: block;
    float:left;
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    text-align: center;
}

.adresse li{
    display: inline-block;
    color:#123551;
    border-right:solid 1px transparent;
    padding-right:5px;
    line-height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    text-transform: uppercase;
}

.adresse li a{
    color:#e5d700;
    text-decoration:none;
    outline:none;
}

.adresse li a:hover{
    text-decoration:underline;
}

.adresse li:last-child{
    border-right:0;
}

#trait{
    display:inline-block;
    width:100%;
    float:left;
    margin-bottom: 30px
}

#trait img{
    display:block;
    margin:0 auto;
}
.col-sm-6 {
    width: 50%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 1999px){
    .container {
        width: 100%;
        max-width: 800px;
    }
    #page{padding-right: 500px}
}

@media (max-width: 1365px){
    .container {
        width: 100%;
        max-width: 680px;
    }
    #page{padding-right: 505px}
}

@media (max-width: 1279px){
    body{overflow-y: auto;}
}

@media (max-width: 1100px){
    .container{
        width:460px;
    }
    .col-sm-6{width: 100%}
    
}

@media (max-width: 1023px){
    .container{
        width:100%;
    }

    #page{
        background-image:none;
        padding-right: 0;
        height:500px;
    }
}

@media (max-width: 767px){
    .col-sm-6{float: none}
}
@media (max-width: 479px){
    .adresse li{margin-bottom: 15px}
}