/*
Theme Name: TageMage
Author: Arnaud Gagne
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */
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;
text-transform: uppercase;
margin:0;
outline:0;
padding:0;
line-height: normal;
}
html{
font-size:62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y:scroll;
/* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust:100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust:100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body{
background:#fff;
}
footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height: 150px;
	background-color: #ffffff;
}
article,aside,details,figcaption,figure,footer,hgroup,nav,section{
display:block;
}
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;
vertical-align: middle;
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
}
blockquote,q{
quotes:"" "";
}
a:focus{
outline:thin dotted;
}
a:hover,a:active{
/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
outline:0;
}
a img{
width: 100%;
border:0;
}
.liquidcrystal {
	font-family: "liquid_crystalregular_italic";
	font-size: 17px;
}
.liquidcrystal30 {
	font-family: "liquid_crystalregular_italic";
	font-size: 30px;
}
.liquidcrystal25 {
	font-family: "liquid_crystalregular_italic";
	font-size: 25px;
}
.liquidcrystal46 {
	font-family: "liquid_crystalregular_italic";
	font-size: 46px;
}
#warning{
	background: #1a6994;
	clear: both;
	height: 25px;
	margin: 10px 0px;
	background-image: url("../image/picto-infos.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 65px;
	padding-top: 13px;
	font-family: "triplexserifbold";
	font-size: 11px;
	color: #faf9f9;
}

#newsletter{
	width: 338px;
	height: 127px;
	clear: both;
	background-image: url("../image/base-newsletter.jpg");
	background-repeat: no-repeat;
	color: #00243e;
	font-size: 17px;
	font-family: "triplexserifbold";
	padding-left: 10px;
	padding-top: 13px;
}

#newsletter h1{
	font-size: 30px;
}

#newsletter input[type="submit"]
{
	cursor:pointer;
	background-image: url("../image/btn-abonner.png");
	width: 110px;
	height: 35px;
	border: 0px none;
	border-radius: 0px;
}

#newsletter input[type="submit"]:hover
{
	cursor:pointer;
	background-image: url("../image/btn-abonner-rollover.png");
	width: 110px;
	height: 35px;
	border: 0px none;
	border-radius: 0px;
}

#newsletter #email
{
	height: 35px;
	width: 210px;
	border-radius: 0px;
}

.book_banner{
width: 340px;
clear: both;
}
#aurlom-banniere{
width: 340px;
clear: both;
}
div #main-left{
width: 398px;
border: 1px solid #e5e5e5;
float: left;
}
div #compare{
width: 100%;
background: #ffffff;
color: #00243e;
line-height: 0px !important;
}
div #compare-home{
width: 100%;
background: #ffffff;
color: #00243e;
line-height: 0px !important;
}
.home_compare{
	background: transparent url("../image/concours-btn-picto.png") no-repeat;
	display:block;
	border: 1px solid #ffffff;
	border-radius: 100%;
	width:195px;
	height: 195px;
	margin:65px 0px 70px 103px;
}
.home_compare:hover{
	background: transparent url("../image/concours-btn-picto-rollover.png") no-repeat;
	display:block;
	width:195px;
	height: 195px;
	margin:65px 0px 70px 103px;
}
.entre-score{
	background: #1a6994;
	height: 35px;
	background-image: url("../image/compare/numeros1.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 3px;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	width: 50%;
}
.compare-score{
	background: #00243e;
	height: 35px;
	background-image: url("../image/compare/picto-graph-fond-bleu.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 3px;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	width: 50%;
}
#compare-form{
	padding: 0px 54px;
	margin-top: 44px;
}
#left-score{
	float: left;
	padding: 21px;
	width: ;
}
.left-score-top{
	margin: 0px 46px 17px 46px;
	font-size: 46px;
	font-family: "liquid_crystalregular_italic";
}
.left-score-top input[type=number]{
	width: 95px;
	height: 54px;
	font-size: 46px;
	font-family: "liquid_crystalregular_italic";
}
.left-score-bottom{
	font-size: 17px;
}
#right-score{
	float: right;
}
#right-score input[type=submit]{
	background-image: url("../image/compare/btn-compare.jpg");
	background-repeat: no-repeat;
	width: 274px;
	height: 78px;
	margin: 43px 28px 43px 38px;
}
#compare-input-date{
	background-image: url("../image/compare/picto-calandar-fond-bleu.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 34px;
	height: 34px;
	margin: 20px 11px;
}
#compare-input-date input[type=text]{
	height: 34px;
	width: 90%;
}
.niveauetude{
	background-image: url("../image/compare/picto-arrow-fond-bleu.png");
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 34px;
	margin: 20px 11px;
}
#date-compare{
	background: #1a6994;
	height: 48px;
	background-image: url("../image/compare/numeros2.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 3px;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	line-height: 0.9em;
}
#etude-compare p{
	background: #1a6994;
	height: 48px;
	background-image: url("../image/compare/numeros3.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 3px;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	line-height: 0.9em;
}
#compare-score{
	margin: 30px 10px 0px;
}
.compare-moyenne{
	/*background-image: url("../image/compare/picto-graph.png");*/
	background-repeat: no-repeat;
	background-position: left;
}
.compare-all-position{
	margin: 22px 77px;
}
.compare-session-position{
	padding-left: 43px;
	margin: 20px 40px 20px;
}
.compare-session{
	background-image: url("../image/compare/picto-calandar.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	margin: 28px 40px 0px;
}
.compare-etude{
	background-image: url("../image/compare/picto-diplomes.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 50px;
	margin: 28px 40px 0px;
}
.compare-all-score{
	width: 367px;
	height: 218px;
	float: left;
	background-color: #f8f8f8;
}
.compare-session-score{
	width: 367px;
	height: 218px;
	float: left;
	background-color: #f8f8f8;
}
.compare-etude-score{
	width: 367px;
	float: left;
	background-color: #f8f8f8;
}
p.echantillon{
	margin: 15px 40px 19px;
}
p.echantillon-all{
	margin: 21px 40px 29px;
}
p.compare-score-title
{
	background: #1a6994;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	line-height: 0.9em;
}
p.compare-score-title
{
	background: #1a6994;
	font-family: "triplexserifbold";
	font-size: 25px;
	color: #ffffff;
	line-height: 0.9em;
}
p.all-title
{
	background-image: url("../image/compare/picto-sessions-confondues.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	height: 48px;
	padding-top: 3px;
}
p.session-title
{
	background-image: url("../image/compare/picto-moyenne-sessions.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	height: 30px;
	padding-top: 8px;
}
p.etude-title
{
	background-image: url("../image/compare/picto-moyenne-etudiants.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	height: 48px;
	padding-top: 3px;
}
div #compare #title{
background-image: url("../image/concours-base-titre.png");
background-repeat: no-repeat;
height: 64px;
font-size: 30px;
padding-left: 30px;
padding-top: 16px;
}
div #compare-home #title{
background-image: url("../image/compare/concours-base-titre-large.png");
background-repeat: no-repeat;
height: 64px;
font-size: 30px;
padding-left: 30px;
padding-top: 16px;
}
div #main-right{
width: 398px;
border: 1px solid #e5e5e5;
float: right;
}
div #test{
background: #ffffff;
color: #e4207c;
line-height: 0px;
}
div #test-home{
background: #ffffff;
color: #e4207c;
line-height: 0px;
}
div #test #title{
background-image: url("../image/bible-base-titre.png");
background-repeat: no-repeat;
height: 71px;
font-size: 30px;
padding-left: 28px;
padding-top: 9px;
line-height: 25px;
}
div #test-home #title{
background-image: url("../image/test/bible-base-titre-large.png");
background-repeat: no-repeat;
height: 64px;
font-size: 30px;
padding-left: 30px;
padding-top: 16px;
}
#bg-gray{
	margin: 0px 54px 30px;
	padding: 0px 20px;
	background-color: #f8f8f8;
}
.test-sous-titre{
	background: #e4207c;
	color: #ffffff;
	font-size: 25px;
	line-height: 0.9em;
}
.test-number{
	background-image: url("../image/test/picto-test-fond-pink.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	height: 30px;
	padding-top: 8px;
	margin: 44px 54px 0px;
}
.test-score-number{
	background-image: url("../image/test/picto-podium-fond-pink.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	height: 30px;
	padding-top: 7px;
	margin: 44px 54px 0px;
}
.date-test-titre{
	height: 48px;
	background-image: url("../image/test/picto-formation-envisagez-fond-pink.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 3px;
}
#test-input-date{
	background-image: url("../image/test/picto-calandar-fond-pink.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 34px;
	height: 34px;
	margin: 50px 11px 0px 21px;
}
#test-input-date input[type=text]{
	height: 34px;
	width: 90%;
}
#test-date-box{
	background-color: #f8f8f8;
	float: left;
	width: 334px;
	height: 205px;
	margin: 0px 0px 0px 54px;
}
#test-sub-box{
	background-color: #f8f8f8;
	float: right;
	width: 334px;
	margin-right: 54px;
}
.calcul-score-titre{
	height: 38px;
	background-image: url("../image/test/picto-graph-envisagez-fond-pink.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 55px;
	padding-top: 13px;	
}
.row-categorie{
	height: 45px;
}
.row-title{
	height: 50px;
}
/* =Global
----------------------------------------------- */
/* Consistent fonts across all elements */
body,button,input,select,textarea{
color:#333;
font-family:"triplexserifbold";
font-size: 17px;
word-wrap:break-word;
}
/* Links */
a{
color:#248cc8;
}
a:hover,a:focus,a:active{
color:#f47e3c;
}
a.logo{
	max-width: 40%;
	padding-left: 20px;
	float: left;
}
a.header-banner{
	max-width: 60%;
	float: right;
}
/* Headings and Rulers */
hr{
background-color:#ccc;
border:0;
height:1px;
}
h1,h2,h3,h4,h5,h6{
clear:both;
}
/* Text elements */
ul,ol{
margin:0 0 1.5em 3em;
}
ul{
list-style:disc;
}
ol{
list-style:decimal;
}
ul ul,ol ol,ul ol,ol ul{
margin-bottom:0;
margin-left:1.5em;
}
dt{
font-weight:bold;
}
dd{
margin:0 1.5em 1.5em;
}
b,strong{
font-weight:bold;
}
sup,sub{
font-size:75%;
height:0;
line-height:0;
position:relative;
vertical-align:baseline;
}
sup{
bottom:1ex;
}
sub{
top:.5ex;
}
small{
font-size:75%;
}
big{
font-size:125%;
}
figure{
margin:0;
}
table{
margin:0 0 1.5em 0;
width:100%;
}
th{
font-weight:bold;
}
button,input,select,textarea{
/* Corrects font size not being inherited in all browsers */
font-size:100%;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
margin:0;
/* Improves appearance and consistency in all browsers */
vertical-align:baseline;
*vertical-align:middle;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
button,input{
/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
line-height:normal;
/* Corrects inner spacing displayed oddly in IE6/7 */
*overflow:visible;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
padding:12px 20px;
border-top:solid 1px #d2d2d2;
border-left:solid 1px #c3c3c3;
border-right:solid 1px #c3c3c3;
border-bottom:solid 1px #9f9f9f;
background:#ffffff;
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff));
background:-ms-linear-gradient(bottom, #dfdfdf, #ffffff);
background:-moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
background:-o-linear-gradient(#ffffff, #dfdfdf);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:12px;
font-weight:bold;
color:#646464;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow:0 1px 1px rgba(0,0,0,0.125), inset 0 1px 0 rgba(255, 255, 255, 0.5);
width:auto;
text-decoration:none;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
cursor:pointer;
/* Corrects inability to style clickable 'input' types in iOS */
-webkit-appearance:button;
text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
/* Button hover style */
border-top:solid 1px #dadada;
border-left:solid 1px #cfcfcf;
border-right:solid 1px #cfcfcf;
border-bottom:solid 1px #a8a8a8;
background:#ffffff;
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ebebeb), color-stop(1, #ffffff));
background:-ms-linear-gradient(bottom, #ebebeb, #ffffff);
background:-moz-linear-gradient(center bottom, #ebebeb 0%, #ffffff 100%);
background:-o-linear-gradient(#ffffff, #ebebeb);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
}
button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{
/* Button click style */
border-top:solid 1px #aaaaaa;
border-left:solid 1px #bbbbbb;
border-right:solid 1px #bbbbbb;
border-bottom:solid 1px #bbbbbb;
-webkit-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],input[type="radio"]{
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0;
/* Addresses excess padding in IE8/9 */
}
input[type="search"]{
/* Addresses appearance set to searchfield in S5, Chrome */
-webkit-appearance:textfield;
/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="search"]::-webkit-search-decoration{
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance:none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border:0;
padding:0;
margin: 0;
}
input[type=text],input[type=email],input[type=password],textarea{
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#666;
border:1px solid #ccc;
}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{
color:#111;
}
input[type=text],input[type=email],input[type=password]{
padding:3px;
}
textarea{
/* Removes default vertical scrollbar in IE6/7/8/9 */
overflow:auto;
/* Improves readability and alignment in all browsers */
vertical-align:top;
}
/* Alignment */
.alignleft{
display:inline;
float:left;
margin-right:1.5em;
}
.alignright{
display:inline;
float:right;
margin-left:1.5em;
}
.aligncenter{
clear:both;
display:block;
margin:0 auto;
}
/* Text meant only for screen readers */
.assistive-text{
clip:rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip:rect(1px, 1px, 1px, 1px);
position:absolute !important;
}
.page-links{
clear:both;
}
#site-title a{
color:inherit;
}
/* =General Layout
----------------------------------------------- */
#page-wrapper{
padding-top:20px;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:1200px;
margin:0 auto;
background-color: #f8f8f8;
padding: 10px 10px 150px;
position: relative;
}
#page-footer{
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;
width:1200px;
padding: 0px;
position: relative;
}
.layout-full #page-wrapper{
width:100%;
margin:0;
padding:0;
overflow:hidden;
}
.layout-full #page-wrapper .full-container{
margin-left:auto;
margin-right:auto;
position:relative;
}
@media (max-width: 1080px) {

.responsive.layout-boxed #page-wrapper{
margin:0;
padding:0;
}
.responsive.layout-boxed #colophon{
margin-bottom:0;
}
} 
#main{
zoom:1;
position: relative;
margin-bottom: 10px;
}
#main:before{
content:'';
display:block;
}
#main:after{
content:'';
display:table;
clear:both;
}
#secondary{
float:left;
width:348px;
}
body.no-sidebar #sceondary{
float:none;
width:auto;
}
/* Full Width Primary blocks */
.siteorigin-panels-home #primary,.page-template-templatestemplate-full-php #primary,.page-template-home-panels-php #primary,.page-template-templatestemplate-full-notitle-php #primary{
width:auto;
float:none;
}
.page-template-default #secondary{
float:left;
width:348px;
}
#primary{
float:right;
width: 811px;
position: relative;
}

select.small{
width: 50%;
}

.separateur-left
{
	position:absolute;
	left: 348px;
	border-right: 1px;
	border-style: solid;
	border-color: #d8d8d8;
	height: 100%;
	width: 9px;
	margin-bottom: 10px;
}
.separateur-right
{
	position:absolute;
	left: 358px;
	border-left: 1px;
	border-style: solid;
	border-color: #ffffff;
	height: 100%;
	width: 9px;
	margin-bottom: 10px;
}
.small-separateur-left
{
	position:absolute;
	left: 342px;
	border-right: 1px;
	border-style: solid;
	border-color: #d8d8d8;
	height: 90%;
	width: 9px;
	margin: 10px 0px;
}
.small-separateur-right
{
	position:absolute;
	left: 352px;
	border-left: 1px;
	border-style: solid;
	border-color: #ffffff;
	height: 90%;
	width: 9px;
	margin: 10px 0px;
}
#tableau2Test a
{
    border: 1px solid #e4207c;
    height: 21px;
    background-image: url("../image/bible-fleche-test.png");
    background-repeat: no-repeat;
    background-position: 6px 4px;
    padding-left: 29px;
	color:#e4207c;
	text-decoration: none;
	display: block;
}
#tableau2Test a:hover, #tableau2Test a:active{
	background-color: #e4207c;
	background-image: url("../image/bible-fleche-test-banche.png");
	background-repeat: no-repeat;
	background-position: 6px 4px;
	color: #ffffff;
}
#contact_form{
	width: 80%;
	margin: 20px 50px;
}