/* == Background == */

	/* -- Main Background -- */
	body{
	
background:#FFF;
font-family: 'Open Sans', sans-serif;
    margin: 0;
    	}

        input[type="text"] {
    width: 80%;
    padding: 13px;
    margin-bottom: 10px;
}

.square a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

textarea {
    width: 85%;
    height: 204px;
}
input[type="submit"] {
    padding: 12px;
    margin-top: 8px;
}

.header-top {
    background: #9cc0e7;
    padding: 13px;
}

.bannerlogo {
    padding: 5%;
    background: #10304e;
}

.backimage{    padding: 25%;
    background: url(../images/backimage.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}
.bannerlogo img {
    margin: 0 auto;
    display: block;
    width: 200px;
}

.header-menu {
    margin: 0 3%;
}

.header-top img {
     padding: 10px;
    display: block;
    margin: 0 auto;
}

.header-social {
    float: right;
    margin-top: -42px;
}

.header-top-social {
    float: right;
    right: 10%;
    padding: 0 0px;
    position: relative;
}



.header-content{  
    background: #FFF;
    padding: 15px;
    margin-bottom: 8px;}

.outer-container {
    width: 100%;
    background: rgba(141, 179, 226, 0.63);
    padding: 100% 0px;
    position: relative;
}

	/* -- Header Animation Background -- */
	#perspective{
		background: url(../images/carbon_fibre.png);
	}


	.bg-overlay{
	/*	background: rgba(0,0,0,0.5);*/
	}



.square {
      position: relative;
    background: #9cc0e7;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 4%;
}

.square.topblock a {
    color: #FFF;
}

.square.topblock {
    background: #072c4d;
    color: #ff6a00;
}

.content {
    width: 100%;
    font-size: 16pt;
    text-align: left;
    padding-top: 19pt;
    max-width: 75%;
    margin-left: 12%;}

.floatblocs {    width: 80%;
    margin: -41px auto 43px;
    padding: 0 1px 4px;}

.floatblocs a {
    color: #10304e;
}
    .square:hover {
    background: #4d73a2;
}

   .backgroundtel{    background: #548dd4;
    padding: 11px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    margin-top: 12px;
    background-image: linear-gradient(to right top, #548dd4, #497fc1, #4274b1, #4f8ad4, #86b9f9);}


.information {
    width: 97%;
    text-align: center;
    margin: 0 auto;
    background: white;
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 11px;
   }
    
    .information h2 {
    text-align: center;
    font-size:14px;}
.information a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}

.titlesmall {color: #487ebf;font-weight: bold;font-size: 16px;}

 
.container {
    display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 31px;
    height: 5px;
    background-color: #333;
    margin: 3px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

.footer {
background: #072c4d;
    padding: 7% 14% 9%;
    margin-bottom: 7%;
}

.footerright {
    float: right;
     margin-top: -9px;;
}

.footerleft {
    float: left;
        margin-top: -9px;
}

.footer a {
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
}

.footer-bottom {
    padding: 0 6%;
    margin-bottom: 18%;
}

.contentis {
    padding: 22px 14px 0;
}

.blockis {
    margin-top: -23%;
}

h3.accessyndical {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #10304e;
}
.historyback {padding: 0; margin-top: 10px; font-size: 10px; text-align: center;}
.souscontentis { background: #072c4d; padding: 13pt; margin: 15pt;color: #FFF; }
.souscontentis a { color: #FFF; }