Theme Name: VISIOBAT
Theme URI: 
Author: Joseph AZAR pour VISIOBAT
Author URI: 
Description: Specific theme for visiobat
Version: 0.1
License: private
Text Domain: visiobat
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* hand cursor on clickable elements */
.clickable,
form label,
input[type=button],
button,
button {
	cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
.clearfix {
	position: relative;
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	line-height: 0;
}  



/* ----------------------------- */
/*          Fonts                */
/* ----------------------------- */

/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');






/* ANIMATIONS */
/*a, 
input {
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
*/


/* ----------------------------- */
/*        Règles générales       */
/*            & typos            */
/* ----------------------------- */

body { 
	font: normal 16px 'Open Sans';
	background-color: #fff;
	color: #000;
}
a {
	color: #205ba7;
}
a:hover {
	color: #073167;
}
input {
	font-family: 'Open Sans';
	font-weight: 300;
}
button {
	font-weight: 700;
	font-size: 16px;
}

p {
	margin: 0;
	margin-bottom: 1.4em;
}









/* ----------------------------- */
/*            TITRES             */
/* ----------------------------- */

h1.entry-title {
	font-family: 'Open Sans' ;
	font-weight: 300;
	font-size: 22px;
	text-transform: uppercase;
}






/* ----------------------------- */
/*      FORMULAIRE LOGIN         */
/* ----------------------------- */
.login-container {
	margin: 0 auto;
}
.login-container h1 {
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	margin:0;
}
.login-container p {
	color: #585858;
	text-align: center;
}
.login-container .logo-title {
	margin-left: 10px;
}
input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
button {
    width: 100%;
    background-color: #2A6F7F;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
}
    button:hover {
        background-color: #1D5564;
    }
.user_field,
.passw_field {
    background-position: right 10px center;
    background-repeat: no-repeat;
    padding-right: 10px;
}
.user_field {
	background-image: url('../../images/picto_user.png');
}
.passw_field {
	background-image: url('../../images/picto_password.png');
}
.login-container a {
	color: #2A6F7F;
}
.link_info {
	font-size: 12px;
}
label {
	color: #b0b0b0;
	margin-left: 10px;
}
.footer-meta {
	border-top: 1px solid #b0b0b0;
	padding: 5px;
	margin-top: 15px;
	font-size: 13px;
}








/*---------------------------------------------------------------------------*/
/*	Columns
/*---------------------------------------------------------------------------*/
.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_fifth {
	width: 16.8%;
}
.two_fifth {
	width: 37.6%;
}
.three_fifth {
	width: 58.4%;
}
.four_fifth {
	width: 67.2%;
}
.one_sixth {
	width: 13.33%;
}
.five_sixth {
	width: 82.67%;
}
.one_half.no-margin {
	width: 50%;
	margin-right: 0
}
.one_third.no-margin {
	width: 33.33333333333%;
	margin-right: 0
}
.two_third.no-margin {
	width: 66.66666666667%;
	margin-right: 0
}
.one_fourth.no-margin {
	width: 25%;
	margin-right: 0
}
.three_fourth.no-margin {
	width: 75%;
	margin-right: 0
}
.one_fifth.no-margin {
	width: 20%;
	margin-right: 0
}
.two_fifth.no-margin {
	width: 40%;
	margin-right: 0
}
.three_fifth.no-margin {
	width: 60%;
	margin-right: 0
}
.four_fifth.no-margin {
	width: 80%;
	margin-right: 0
}
.one_sixth.no-margin {
	width: 16.6666666666667%;
	margin-right: 0
}
.five_sixth.no-margin {
	width: 83.333333333333%;
	margin-right: 0
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
.last {
	margin-right: 0 !important;
}