/*
Theme Name: Gabarit HTML5
Theme URI: http://www.mon-web.fr
Description: Thème pour ...
Author: Mon-Web.fr
Author URI: http://mon-web.fr
Version: 1.0

*/

/* styles generaux */

*{text-rendering:optimizeLegibility;-webkit-font-smoothing: antialiased;}

*{ margin: 0; padding : 0;}


html {height: 100%;}
body { color: #263A4C;  background : #fff url(images/bg-body.jpg) bottom right no-repeat;font-size: 14px; line-height: 1.2;
position: relative; height: 100%; width: 100%;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 400;
   text-align: center;
   background-size: 100vw auto;
   
   }

 /*
input[type="submit"], textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
*/

 p { padding: 5px 0 0;}
 a img { border : 0}
.centre { text-align: center;}
.imgombre { padding : 5px; background : #fff; box-shadow : 0px 2px 2px #808080;}
.alignleft { float: left; margin-right : 10px; margin-bottom : 10px}
.alignright { float: right; margin-left : 10px; margin-bottom : 10px}
.aligncenter { display: block; margin : 5px auto;}
.aligntxtright { text-align: right;}
.aligntxtcenter { text-align: center;}
.aligntxtleft { text-align: left;}
.clr { clear: both;}
 hr {  clear: both;
       border : 0;
       height : 1px;
       background : #bbb;
       margin : 1em 0;
       }

p.red { color : red}

header {padding-top : 50px;}

header h1 img { width: 350px;}
header h1 span { text-transform: uppercase; display: inline-block; padding-top : 15px; font-size : 32px}

section.loginform { margin-top : 50px}
section.loginform h2 { font-weight : 400; font-size : 18px; padding-bottom : 10px}

section form { border : 1px solid #bbb; width : 300px; margin : 0 auto; padding : 10px 0; box-shadow: 0 0 16px rgba(0,0,0,0.2); border-radius: 8px;
padding-left : 1.4em; background: #fff;
}

section form label  { font-weight : 700; padding-right : 1.4em; }
form input { padding : 5px; background : #eee; border : 1px solid #ccc; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.1); letter-spacing: 1px; font-size : 16px}
form div { margin-bottom : 10px;}

img.voir { width: 1.4em; height : auto; position : relative; left : 8px; top : 4px;opacity : 0.5 }
img.voir:hover { opacity : 0.9}

input#username { margin-right: 1.4em;}

.btnsub { padding-top : 10px}
.btnsub input { background: #333; color : #fff; border : none; padding : 5px 10px; text-transform: uppercase;  letter-spacing: 2px;
cursor: pointer;width : auto; font-size : 16px; background : #ED6B05; color : #fff; border : none; padding: 10px 20px;
text-transform : uppercase; letter-spacing: 1px; cursor: pointer; margin-right: 1.4em;
}

.btnsub input:hover { background: #383838;}