@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: Ubuntu-R;
	src: url('font/Ubuntu/Ubuntu-R.ttf');
}

@font-face {
	font-family: Ubuntu-B;
	src: url('font/Ubuntu/Ubuntu-B.ttf');
}

@font-face {
	font-family: daniel;
	src: url('font/Daniel/daniel.ttf');
}

body {
	font-size:16px;
	font-family:Ubuntu-R, Verdana, Arial, Helvetica, sans-serif;
}

pre {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

section{
     display: block;
}

table{
	border:none;
}

/*******************************************************/

#mainheader .content{
	padding:12px;
	margin:0 auto;
	width:1000px;
}

#mainheader  img.logo{
    float: left;
    margin-left: 30px;
}


/*******************************************************/

a.print{
    background-color: #F0F0F0;
    color: #4D2F65;
    display: block;
    float: right;
    padding: 9px 26px 8px 26px;
    text-decoration: none;
    background-image:url('../design/img/bg_footer.png');
    border-radius: 1px 1px 1px 1px;
}

a.print:hover{
    background-color: #FFFFFF;
    background-image:url('../design/img/bg_header.png');
}

nav#nav-footer ul li, 
nav#menu ul li {
       font-family:Ubuntu-R;
}



nav#nav-footer ul, 
nav#menu ul {
	list-style:none;
}

nav#nav-footer li a, 
nav#menu li a {
	display:block;
	float:left;
	padding:5px;
	margin-left:16px;
}

/*******************************************************/

footer nav#nav-footer {
    float: right;
    margin-top: 3px;
    width: 300px;
    font-size: 12px;
    margin-right: 10px
}

footer .who{
    float: left;
    position: relative;
    top: -17px;
	font-size:11px;
	color:#ccc;
}

footer .who #real a, footer .who #concept a{
    color: #fff;
    text-decoration: none;
}

footer .who #real a:hover, footer .who #concept a:hover{
    text-decoration: underline;
}

footer .favoris{
    position: absolute;
    left: 0;
    font-size:11px;
    color:#ccc;
/*    height:40px;*/
    width:500px;
    padding-top: 4px;
}


footer .favoris a {
    display: block;
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 70px;
}


/*******************************************************/



.question_mark{
    background-image: url('img/soleil_22x22.png');
	background-position: 0 -1px;
    background-repeat: no-repeat;
    float:left;
    height:22px;
    width:22px;
    color: white;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.question_mark .text{
    display: none;
    position: relative;
    width: 300px;
    left: -278px;
    font-family:Ubuntu-R, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:15px;
    border:1px solid #fff; 
    background-color: #4D2F65;
    z-index:10;
/*    background-image: url("../design/img/background-2.jpg");*/
}

.question_mark .mark{
    padding-bottom: 8px;  
    display: block;
}

.question_mark:hover .text{
    display: block;
}


/*********** FORMULAIRE DE SAISIE ***********/
div#edito{
    -moz-border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    margin-top: 8px;
    padding: 10px 15px 35px;
}

div#edito p {
    font-size: 14px;
    line-height: 23px;
     text-align: justify;
}


div#edito img{
    float: left;
    margin-right: 10px;
    width: 100px;
}

div#edito .signature{
    font-family: daniel,Arial;
    font-size: 18px;
    margin-top: 20px;
	text-align: right;
}

div#mainCol h3{
    color: #FFFFFF;
    padding-bottom: 30px;
    padding-top: 50px;
    font-size: 26px;
	padding-left: 10px;

}

div#mainCol h3 span.exergue{
    color: #DE4C11;
}

form#principal fieldset{
    display: block;
    padding-left:10px;
    margin-bottom:10px;
    border:none;
}

form#principal fieldset.themesChoices .themesChoice {
    margin-right: 20px;
    min-width: 250px;
    min-height: 80px;
}

form#principal .themesChoices > div.row {
    display: flex;
}

#theme-partialTheme{
    display: none;
}

form#principal fieldset.themesChoices .themesChoice.selected .instruction{
    text-decoration: underline;
 }


form#principal fieldset.themesChoices .themesChoice label{
   display: inline-block;
}

form#principal .section.submit{
    padding-left:10px;
}

form#principal .instruction{    
  margin: 20px 0 4px;
}

form#principal .input-mot, .input-date,  #theme-partialTheme input, #theme-fullTheme input{
    float:left;
    margin:0 10px 10px 0;
}

/* 
.input-date option {
   padding-left: 5px;
   padding-right: 5px;
   line-height: 12px;
} */

form#principal input[type='submit'], form#yForm input[type='submit']{
    color: #303045;
    height: 30px;
    text-align: center;
    padding:0 10px;
    font-weight: bold;
    margin-top: 55px;
}

form#principal .input-mot input, .input-date input, #theme-partialTheme input, #theme-fullTheme input {
    padding: 3px;
    width: 130px;
}

form#principal input.input-date  {
    min-height: 25px;
}


div.news{
    border: 1px solid #fff;
    background-color: #9F7EB6;
    padding:15px;  
    -moz-border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    font-style: italic;
    
}



/*    ============ RESULTATS STYLES GENERAUX ============ */


div#allResults{
	padding:0 8px;	
}

ul#listOfResults{
	list-style:none;
}

div.data{
	width:700px;
	height:50px;
	padding:10px;	
}

h3 {
/*    color: #ADA280;
    margin-left: 5px;
    padding: 5px;
    width: 170px;*/
}


#allResults table.result{
	width:100%;    
}

div.result_page {
    margin-bottom: 8px;
    margin-top: 8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

 #result_page1 table.mainTable{
	width: 885px;
}

#result_page1 table.mainTable tr.ligne_mot-en-tableau td{
    font-size: 12px;
}

table.mainTable td{
    text-align:left;
    padding:10px;
    text-align: center;

}
#allResults tr.ligne_mot-en-tableau td.cumulatedDatas, 
#allResults tr.ligne_mot-en-tableau td.cumulatedShortDatas{
    font-size: 14px;
    color: #999999;
}

#allResults td.datas > table{
        width: 100%;
}


div.result{
	padding:10px 9px;	
}

div.result h3{
    margin-top: 6px;
    margin-left: 5px;
    width:105px;
    padding:5px;
    float:left; 
    font-size:16px;
}

div.result div.datas{
    padding:5px;
/*    min-height: 22px;*/
}



#result_page1, #result_page2, #result_page3, #result_page4, #result_page5{

}

hr.grey{
   /* opacity:0.2; */
}



/*    ============ NOM, PRENOM et DATE ============ */

.result_page.nom_prenom{
    display:none;
}

.nom_prenom {
    margin-top:6px;
}

.nom_prenom .mot{
    text-transform: capitalize;
    padding:8px;
}

.date_naissance{
    margin-top:6px;
    padding:8px;
}

/*    ============ RESULTATS PARTIE 1 ============ */


#result_page1 div.label{
	width:120px;
	float:left;
}

h3#header_structure{
	margin-top:112px;
}

h3#header_expression{
	margin-top:12px;
}

#result_page1 > table td.label{
/*    padding:0px;*/
}

#allResults table.expression tr.mot td{
    text-transform: uppercase;
}

#allResults table.expression tr.far{
    height:27px;
}
        

#allResults table.expression{
    margin: auto;
    border-collapse:collapse;
}

#allResults table.expression td{
	padding:3px;
	text-align:center;
}

.mot, .instruction{
    font-family: Ubuntu-R;
    font-size: 13px;
}

#allResults table.maxSize {
    /*width: 1000px;*/
}

#allResults table.maxSize td {
    /*text-align:center;*/
}

/*    ============ RESULTATS PARTIE 2 ============ */

div#nombreDeVie {
    width:265px;
    float:left;
}

div#nombreDeVie h3{
    width:165px;
}


div#inclusion {
    width:340px;
    float:left;
}

div#planExpression {
    width:360px;
    float:left;
}

div#planExpression h3{
    margin-right:20px;
}

table.planExpression td, table.inclusion td{
    text-align: center;
    text-transform: uppercase;
    width: 20px;
}

table.inclusion td{
    padding: 3px;
}
table.planExpression td{
    padding: 3px 6px;
}

table.ndv{    
    /*display:none;*/
}

#question-mark-ndv {
    float:right;
    font-family: Ubuntu-B;
    margin-top:11px;
    margin-right:11px;
}

#question-mark-ndv  .text{
	width : 400px;
	text-align:left;
        left:-400px;
}

#question-mark-ndv  .text td{
	padding:8px;	
}

#question-mark-ndv  .text td.label{
	text-align:right;	
}



/*    ============ RESULTATS PARTIE 3 ============ */

table.cdv{    
    /*margin-top: 25px;*/
    width: 996px; /* Cette valeur correspond � celle utilis�e dans la fonction PercentInPixel() */
}

.etiquette_cu{
/*    position: absolute;
    top: -15px;*/
    font-size: 10px;
    font-style: italic;
    left:5px;
}


.etiquette_inclusion, .etiquette_inclusion-inversee{
    font-size: 10px;
    font-style: italic;
}




table.cdv-ligne{    
    width:100%;
    border-collapse: collapse;
}

table.than-ligne {
    width:880px;
    border-collapse: collapse;
}

table.cdv-ligne td{
    padding-top:3px;
    padding-bottom:3px;
    text-align: center;  
}

table.cdv-ligne.no-padding td{
    padding-left:0px;
    padding-right:0px;
}

/* -- lignes de la table cdv -- */

table.cdv-ligne tr.data td{
    vertical-align: top;
}

table.real tr.data td{
    font-weight:bold;
}

table.cycle td, table.real td {
	height:40px;
}

table.cycle tr.data td{
	font-weight:bold;
}

table.cdv-ligne tr.label td, table.cdv-ligne tr.data td{
    vertical-align: top;  
	 font-size: 14px;
}

tr.cdv-demaj tr.data td {
    font-weight: normal;
}

table.cheminDeVie tr.data td{
	padding-bottom: 25px;
         font-weight: bold;
}

table.cdv-ligne.defis{
	margin-top: 10px;
}

table.cdv-ligne.cycle {    
    bottom: -2px;   
    position: relative;
}


/*    ============ RESULTATS PARTIE 4 ============ */

table.excursion .excursionLettre{
	text-transform:uppercase;   
}

table.excursion .headerExcursion{
	text-transform: capitalize;
}

table.excursion th {
	padding-top:10px;
	padding-bottom:10px;
        padding-left:5px;
        padding-right:5px;
}

table.excursion th, table.excursion td{
    /*width:10%;*/
    text-align: center;
}

table.excursion td{
    padding:3px 30px;
	font-size:14px;
}

#colonneAnnee{
    text-align: right;
}

/*    ============ THEME ANNUEL ============ */

div#themeannuel.result h3 {
    width:100%;
}

#themeannuel #centerZone{
    width:425px;
    margin : 0 auto;
    position: relative;
}

#themeannuel #gobackward{
    float:left;
}

#themeannuel #goforward{
    float:right;
}

#themeannuel #listOfYearswrapper {    
    width:300px;
    overflow: hidden;
    height:20px;
    margin : 0 auto;
    position: relative;
}

#themeannuel ul#listOfYears {    
    list-style-type: none; 
    position: absolute;
}

#themeannuel ul#listOfYears li{    
    float:left;
}

#themeannuel #centerZone a{    
    margin: 0 10px;
    font-size: 16px;
    color: #DE4C11;
    text-decoration: none;
    width: 40px;
    display: block;
    text-align: center;
}

#themeannuel ul#listOfYears li a:hover{    
    text-decoration: underline;
}

#themeannuel table.themeannuel{
    border-collapse: collapse;
    position: relative;
/*    top: -28px;*/
}

#themeannuel table.themeannuel td.value {
    text-align:center;
    background-color: #ddd;   
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

#themeannuel table.themeannuel td.value td {
    text-align: center;
}
#themeannuel table.themeannuel tr.firstline td.label,
#themeannuel table.themeannuel tr.firstline td.value{
     background: none;
     border:none;
}

#themeannuel table.themeannuel td table.than-ligne td {
    height:40px;
    font-weight: normal;
}

#themeannuel table.themeannuel td.label {
    width:110px;
    background-color: #AB99BA;
    color: #4D2F65;
    padding: 8px;
}

#themeannuel table.themeannuel table.closed td{
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
#themeannuel table.themeannuel table.closed td.first{
    border-left: none;
}

#themeannuel table.themeannuel table.closed td.last{
    border-right: none;
}

#themeannuel table.themeannuel table.anniv td .flyer {
    display: block;
    font-size: 11px;
    font-style: italic;
    position: relative;
    bottom: -10px;
    left: -36px;
}
#themeannuel table.themeannuel table.anniv td .flyer.findecembre {
    left: 20px;
}
#themeannuel table.themeannuel table.apmatm td.before{
    border-right: 1px solid #aaa;
}
#themeannuel table.themeannuel table.apmatm td.before.debutjanvier,
#themeannuel table.themeannuel table.apmatm td.before.findecembre{
    border-right:none;
}

#themeannuel table.themeannuel table.cycle td{
    border-top: 1px solid #aaa;
}

#themeannuel table.themeannuel table#months td{
    font-weight: bold;
}

#themeannuel table.themeannuel table#months td, 
#themeannuel table.themeannuel table#MP td,
#themeannuel table.themeannuel table#Ess1 td,
#themeannuel table.themeannuel table#Ess2 td,
#themeannuel table.themeannuel table#MaM td {
    width:70px;    
}
#themeannuel table.themeannuel table#MaM td.half {
    width:35px;
}


/*    ============ Y ============ */

#yToCheckPage .nom {
	padding:10px;
	margin:10px;
}

#yToCheckPage .nom .alphabet{
	font-size:30px;
	text-transform:uppercase;
	margin:0 1px;
	line-height:30px;	
}

#yToCheckPage {
	border:1px solid #ccc;
	overflow: auto;
}

.giveMeY input[type='submit'] {
	margin: 0 0px 0px 800px;
    width: 100px;
}

#yToCheckPage .nom .souligne{
	border-bottom:2px solid #fff;
}

/*    ============ AUTRES PAGES ============ */

#blogPage, #newsletterPage, #contactPage, #yToCheckPage{
    
        padding:90px;       
    
}

#blogPage h3, #newsletterPage h3, #contactPage h3{
    
        margin-bottom:30px;       
    
}

#contactPage label.nom, label.prenom, label.email  {
    display:block;
    width:200px;
}

#contactPage form  {
    margin-top:20px;
}

#contactPage form p  {
    margin-top:10px;
}

#contactPage textarea {
    width:100%;
    height:250px;
}

.souligne{
    text-decoration: underline;
}


/***********************************/
/* plus de 50 caractère
/***********************************/

#allResults.large #result_page1 table.mainTable {
    width:100%;
}

#allResults.large #result_page1 .label{
    position:absolute;
    margin-top: 7px;
}

#allResults #result_page1 table.mainTable tr.empty{
    display:none;
}

#allResults.large #result_page1 table.mainTable tr.empty{
    display:block;
}

#allResults.large #result_page1 tr.ligne_structure td.datas,
#allResults.large #result_page1 tr.ligne_expression td.datas {
    padding-top: 25px;
}
#allResults.large #result_page1 h3#header_structure {
    margin-top: 120px;
}

#allResults.large #result_page1 h3#header_expression {
    margin-top: 26px;
}

#allResults.extralarge #result_page1 table.mainTable td {
    padding-left: 3px;
    padding-right: 3px;
}

#allResults.large #result_page4 table.excursion th{
    font-size:14px;
}
#allResults.extralarge #result_page4 table.excursion th {
    font-size: 12px;
}