@CHARSET "UTF-8";

/*
Theme Name:Neoptin Theme Hattemer User
Theme URI:http://www.neoptin.com/
Description:
Version:0.1
Author:Neoptin
 
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
    display:block;
}
body{
    line-height:1;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
a *{
    cursor:pointer;
}

/* CSS Reset > END */


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, img, 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 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit; 
	vertical-align:baseline;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
        color: #1d3144;
}
textarea{
	overflow: auto;
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('font/MyriadPro-Regular.eot');
    src: url('font/MyriadPro-Regular.eot?#iefix')format('embedded-opentype'),
    url('font/MyriadPro-Regular.woff') format('woff'),
    url('font/MyriadPro-Regular.ttf') format('truetype'),
    url('font/MyriadPro-Regular.svg#MyriadProRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'texgyr';
    src: url('font/texgyreadventor-regular.eot');
    src: url('font/texgyreadventor-regular.eot') format('embedded-opentype'),
         url('font/texgyreadventor-regular.woff') format('woff'),
         url('font/texgyreadventor-regular.ttf') format('truetype'),
         url('font/texgyreadventor-regular.svg#texgyr') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "HelveticaRegular";
	src: url("font/HelveticaRegular.eot");
	src: url("font/HelveticaRegular.eot?#iefix")format("embedded-opentype"),
	url("font/HelveticaRegular.woff") format("woff"),
	url("font/HelveticaRegular.ttf") format("truetype"),
	url("font/HelveticaRegular.svg#HelveticaRegular") format("svg");
	font-style: normal;
	font-weight: normal;
}
@font-face {
    font-family: 'texgyr';
    src: url('font/texgyreadventor-bold.eot');
    src: url('font/texgyreadventor-bold.eot') format('embedded-opentype'),
         url('font/texgyreadventor-bold.woff') format('woff'),
         url('font/texgyreadventor-bold.ttf') format('truetype'),
         url('font/texgyreadventor-bold.svg#texgyr') format('svg');
    font-weight: bold;
    font-style: normal;
}

#page-wrapper {
    width:1020px;
    margin:20px auto 0;
    background:#fff;
    position:relative;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
}
#page{
    position:relative;
    margin:0 10px;
    overflow:hidden;
    z-index: 4200;
}



/* =Global Elements
-------------------------------------------------------------- */

h1{
    font-size:1.5em;
    font-family:"Didact Gothic", "Comic Sans MS", cursive, sans-serif;
    color:#125379;
    position: relative;
    top: 70px;
    text-align:center;
    font-weight: normal;
}
h2{
    box-sizing: border-box;
    color: #1d3144;
    font-family: "MyriadProRegular";
    font-size: 24px;
    letter-spacing: 0.7px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-right: 17px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
h3{
    font-size:1.1em;
    margin:.2em 0 .1em;
}
h4{
    font-size:1.05em;
    margin:.1em 0 .1em;
}
p{
    margin:.8em 0 1em;
}
ol, ul{
    margin:.8em 2.2em .8em;
}
a:visited,
a:link,
a:active,
a{
    color:#125379;
}
a:hover{
    color:#ce0225;
}

hr{
    margin:1.1em 0;
    border:0;
    border-top:1px solid #dcdcdc;
}


/* =WordPress Core
-------------------------------------------------------------- */

.alignnone{ margin:5px 20px 20px 0; }
.aligncenter, div.aligncenter{ display:block; margin:5px auto 5px auto; }
.alignright{ float:right; margin:5px 0 20px 20px; }
.alignleft{ float:left; margin:5px 20px 20px 0; }
.aligncenter{ display:block; margin:5px auto 5px auto; }
a img.alignright{ float:right; margin:5px 0 20px 20px; }
a img.alignnone{ margin:5px 20px 20px 0; }
a img.alignleft{ float:left; margin:5px 20px 20px 0; }
a img.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.wp-caption{ background:#fff; border:1px solid #f0f0f0; max-width:96%; /* Image does not overflow the content area */ padding:5px 3px 10px; text-align:center; }
.wp-caption.alignnone{ margin:5px 20px 20px 0; }
.wp-caption.alignleft{ margin:5px 20px 20px 0; }
.wp-caption.alignright{ margin:5px 0 20px 20px; }
.wp-caption img{ border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-caption p.wp-caption-text{ font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }



/* =General CSS Class
-------------------------------------------------------------- */

.spacer { border:0 none; clear:both; font-size:1px; height:1px; line-height:1px; margin:0; overflow:hidden; padding:0; }
.center{ text-align:center; }
.align_right{ text-align:right; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.placeholder{ color:#aaa; }
.fixed{ position:fixed; }

.col{ float:left; }
.col-2{ width:50%; }
.col-3{ width:33.33%; }
.col-4{ width:25%; }

.box_shadow{
    margin:8px;
    padding:8px;
    background-color:#fefefe;
    border:1px solid #dddddd;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:0 0 5px 5px #dddddd;
    -webkit-box-shadow:0 0 5px 5px #dddddd;
    -o-box-shadow:0 0 5px 5px #dddddd;
    box-shadow:0 0 5px 5px #dddddd;
}
.small{ font-size:.8em; }


/* =Customed CSS Class
-------------------------------------------------------------- */

input.big_submit{
    font-size:1.5em;
    padding:.2em .7em;
}

.button{
    
}
.primary-button{
    display:block;
    float:left;
    border:0;
    background:url(images/home/blocs-inscription/bouton-inscription-2.png) no-repeat top right;
    
    height:27px;
    line-height:27px;
    margin-right:6px;
    padding:0 4px 0 0;
    
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    color:#fff;
    cursor:pointer;
    
    width:100%;
}
.primary-button span{
    display:block;
    background:url(images/home/blocs-inscription/bouton-inscription-1.png) no-repeat;
    line-height:27px;
    padding:0 3px 0 10px;
    color:#fff;
}
.submit_contact {
  width: auto !important;
}

.secondary-button {
    display: block;
    height: 23px;
    
    float:left;
    border:0;
    background:url(images/home/niveau/bouton-2.png) no-repeat top right;
    
    height:23px;
    line-height:23px;
    margin-right:6px;
    padding:0;
    padding-right:7px;
    
    font-size:11px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    color: #125379;
}
.secondary-button span{
    display:block;
    background:url(images/home/niveau/bouton-1.png) no-repeat;
    line-height:23px;
    padding: 0 2px 0 9px;
}



/* =Header
-------------------------------------------------------------- */

header .limitWidth{
  height:130px;
  background:#fff;
}
header #header-top{
  position:relative;
  height:90px;
}
#logo {
  top:10px;
  position:absolute;
}
#connect-left #logo {
    text-align: center;
	position: relative;
}

/* page de connexion : liens */
#links-access{
    position: absolute;
    right: 20px;
    top: 10px;
}
#links-access a.link-access{
  text-decoration:none;
    display:block;
  float: left;
  height:50px;
  line-height:50px;
  width:70px;
  
}
#links-access a.link-access,
#links-access a.link-access:visited,
#links-access a.link-access:link,
#links-access a.link-access:active{
  color:#000;
}
#links-access a.link-access:hover{
  text-decoration:underline;
}
#links-access a.link-access.link-eleve{
    padding-left:26px;
  background:url(images/connexion/eleve.png) no-repeat left 1px;
}
#links-access a.link-access.link-parent{
  padding-left:32px;
  background:url(images/connexion/parent.png) no-repeat left 4px;
}
#links-access a.link-access.link-enseignant{
  padding-left: 30px;
  background:url(images/connexion/prof.png) no-repeat left -3px;
}



/* =Menu
-------------------------------------------------------------- */



/* =Content
-------------------------------------------------------------- */

#content{
    position:relative;
}
#content .limitWidth{
    background:#fff;
}
#content_inner{
    padding-bottom:10px;
}



/* =Login -= Home)
-------------------------------------------------------------- */

#inscription-box .col > .inside{
  padding:30px 60px 0;
}
#inscription-box .col.first .inside{
  border-right:1px solid #8294a2;
}
#inscription-box h2{
  margin:0;
  font-family: 'HelveticaRegular';
  font-weight:normal;
}

.content{
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
        background: #FFF;
}
/*.con_left{
	position: absolute;
    width: 151px;
    background: url(images/left_bg.png) 0 0 no-repeat;
    top: 25px;
    left: -174px;
    height: 100%;
}
.con_right{
	position: absolute;
    width: 182px;
    background: url(images/right_bg.png) 0 0 no-repeat;
    top: -78px;
    right: -162px;
    height: 100%;
    z-index: -1;
}*/
.con_bg{
	background: url(images/con_bg.png) -6px -8px repeat-y scroll;
	background-size: cover;
}
.con_head{
	width: 100%;
	min-height: 85px;
}

/* formulaire de connexion */
#connect-left {
  margin: 0 auto;
  padding: 10px;
  border: 2px solid #ce0225;
}

#form-connect {
  margin:20px 70px 20px;
}
#form-connect p{
  margin:0;
}
#form-connect p.login-username{
  margin:0 0 15px;
}
#form-connect p.login-password{
  margin:0 0 6px;
}
#form-connect p.lostpassword{
  margin:0 0 20px;
}

#form-connect label{
    font-family: "MyriadProRegular";
  display:block;
    font-size: 14px;
    padding-bottom: 4px;
}
#form-connect input[type="text"],
#form-connect input[type="password"]{
  width:100%;
  border:1px solid #ddd;
  padding: 1px 0;
  line-height: 20px;
  height: 20px;
  background: #fff;
}

/* mot de passe oublié */
#form-connect .lostpassword{
  font-size:12px;
}
#form-connect .lostpassword a,
#form-connect .lostpassword a:visited,
#form-connect .lostpassword a:link,
#form-connect .lostpassword a:active{
  color:#000;
  font-family: "MyriadProRegular";
      text-decoration: underline;
}

#wp-submit{
    display:none;
}

/* button : call to action */
.button-primary{
    display:block;
    float:left;
    border:0;
    background:url(images/connexion/connexion-2.png) no-repeat top right;
    
    height:30px;
    line-height:30px;
    margin-right:6px;
    padding:0 4px 0 0;
    
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    color:#fff;
    cursor:pointer;
    
    width:100%;
}
.button-primary span{
    display:block;
    background:url(images/connexion/connexion-1.png) no-repeat;
    line-height:30px;
    padding:0 3px 0 10px;
    color:#fff;
}

.back-site{
  margin-top:20px;
  font-family: "Didact Gothic", "Comic Sans MS", cursive, sans-serif;
}
.back-site a{
  text-decoration:none;
}
.back-site a span{
  text-decoration:underline;
}

/* Texte de présentation */
#inscription-box .col.last h2{
  margin-bottom: 15px;
  color: #125379;
  text-align: center;
}

#btn-inscription a{
    display:block;
    float: right;
    border:0;
    background:url(images/connexion/sinscrire-2.png) no-repeat top right;
    
    height:32px;
    line-height:32px;
    margin-right:6px;
    padding:0 4px 0 0;
    
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    color:#fff;
    cursor:pointer;
    width: 120px;
}
#btn-inscription a span{
    display:block;
    background:url(images/connexion/sinscrire-1.png) no-repeat;
    line-height:32px;
    padding:0 3px 0 10px;
    color:#fff;
}



/* =Footer
-------------------------------------------------------------- */

#h-book{
/*    width:525px;
    height:87px;
    background:url(images/footer/livre-footer.png) no-repeat bottom right;
    position:absolute;
    z-index:4100;
    bottom:-26px;
    right:4px;*/
}

footer{
    padding-bottom: 60px;
}

footer h2{
    font-size:16px;
}

footer ol, footer ul{
    list-style:none;
}
#content footer ol, #content footer ul {
    margin:0;
}

#copyright {
    position: absolute;
    bottom: 10px;
    margin:10px 0 0;
    font-size:12px;
}

footer .footer-menu{
    position: absolute;
    bottom: 10px;
    left: 350px;
    font-size: 12px;
    z-index: 5000;
}
footer .footer-menu ul{
  margin:0;
}
footer .footer-menu ul li {
  display: inline;
  padding-right: 12px;
}
footer .footer-menu ul li a,
footer .footer-menu ul li a:visited,
footer .footer-menu ul li a:link,
footer .footer-menu ul li a:active{
  color:#000;
}


/* =CONTACT FORM
-------------------------------------------------------------- */

div#contact_form{
    position:relative;
    margin:auto;
    padding-left:5px;
}
#neo_contact_container{
    margin:10px auto;
}
div.neo_contact_field{
    width:500px;
    margin:auto;
}
div.neo_contact_field input.input{
    width:450px;
    padding:1px;
}
div.neo_contact_field textarea.neo_contact_textarea{
    width:450px;
    border:1px solid;
    padding:1px;
}
input#hiddencontact{
    float:left;
}
input.submit_contact{
    height:35px;
    margin:.8em .5em;
    padding:.3em 1.1em;
    font-size:1.1em;
    border:none;
    color:#fff;
    background:#16307e url(images/bouton-envoyer-35px.png) repeat-x;
    cursor:pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
input.submit_contact:hover{
    background:#395da0;
    -moz-box-shadow:0 0 3px 3px #ddd;
    -webkit-box-shadow:0 0 3px 3px #ddd;
    -o-box-shadow:0 0 3px 3px #ddd;
    box-shadow:0 0 3px 3px #ddd;
}


/* =DIV MESSAGES (info, success, warning, error)
-------------------------------------------------------------- */
#messagebox{
    float:left;
    width:100%;
}
#messagebox ul{
    margin:0;
}
#messagebox li{
    list-style:circle;
    margin-left:30px;
}
#infomsg,.displayMessage{
    width:75%;
    line-height:15px;
    margin:10px auto;
    padding:15px 10px 15px 50px;
    border:1px solid;
}
.infomsg{
    color:#00529B;
    background:#BDE5F8 url(images/msg/info.png) no-repeat 10px center;
}
.successmsg{
    color:#4F8A10;
    background:#DFF2BF url(images/msg/success.png) no-repeat 10px center;
}
.warningmsg{
    color:#9F6000;
    background:#FEEFB3 url(images/msg/warning.png) no-repeat 10px center;
}
.errormsg{
    color:#D8000C;
    background:#FFBABA url(images/msg/error.png) no-repeat 10px center;
}



/* =RESPONSIVE tablette
-------------------------------------------------------------- */
/*
@media (min-width:621px) and (max-width:970px) {
  #page-wrapper {
    width:610px;
  }
  
  
  
  
  #header{
    border:1px solid red;
  }
  #main-wrapper{
    border:1px solid grey;
  }
  #footer{
    border:1px solid green;
  }
  
  
  h1 {
    top: 90px;
  }
  
  
  
  #inscription-box .col {
    width:100%;
    border:red;
  }
  #inscription-box .col.first .inside {
  border:0;
  }
  
  #connect-left {
      width:359px;
  }
  
  
  footer {
    padding-bottom: 90px;
  }
  #copyright {
	bottom: 30px;
    width: 230px;
  }
  footer .footer-menu {
	bottom: 10px;
	left: 0px;
  }
  
  
  
  
  
  
}
*/

/* =RESPONSIVE mobile
-------------------------------------------------------------- */
/*
@media (max-width:620px) {
  #page-wrapper {
    width:100%;
  }
  
  
  
  #header{
    background:#aaa;
  }
  #main-wrapper{
    background:#aaa;
  }
  #footer{
    background:#aaa;
  }
}
*/

/* =PRINT
-------------------------------------------------------------- */

@media print{
  header{ display:none; }
  footer{ display:none; }
  #sidebar_droite{ display:none; }
  .share{ display:none; }
}


.auth_page {
    width: 450px;
    margin: 0 auto;
}

.auth_page .button-primary {
    background: #CE0225;
    float: none;
    margin: 0 auto;
    width: 100px;
}

.auth_page .button-primary span {
    background: none;
}