/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10 déc. 2018, 07:12:07
    Author     : jmd
*/
body {

    color: wheat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    background-size: 100%;
    background-color:  blue;

	}

@font-face{ 
	font-family: 'adventpro_bold';
	src: url('fonts/adventpro_bold.eot');
	src: url('fonts/adventpro_bold.eot') format('eot'),
	     url('fonts/adventpro_bold.woff') format('woff'),
	     url('fonts/adventpro_bold.ttf') format('truetype'),
	     url('fonts/adventpro_bold.svg#adventpro_bold') format('svg');
}

@font-face{ 
	font-family: 'adventpro_extralight';
	src: url('fonts/adventpro_extralight.eot');
	src: url('fonts/adventpro_extralight.eot') format('eot'),
	     url('fonts/adventpro_extralight.woff') format('woff'),
	     url('fonts/adventpro_extralight.ttf') format('truetype'),
	     url('fonts/adventpro_extralight.svg#adventpro_extralight') format('svg');
}

@font-face{ 
	font-family: 'adventpro_light';
	src: url('fonts/adventpro_light.eot');
	src: url('fonts/adventpro_light.eot') format('eot'),
	     url('fonts/adventpro_light.woff') format('woff'),
	     url('fonts/adventpro_light.ttf') format('truetype'),
	     url('fonts/adventpro_light.svg#adventpro_light') format('svg');
}

@font-face{ 
	font-family: 'adventpro_medium';
	src: url('fonts/adventpro_medium.eot');
	src: url('fonts/adventpro_medium.eot') format('eot'),
	     url('fonts/adventpro_medium.woff') format('woff'),
	     url('fonts/adventpro_medium.ttf') format('truetype'),
	     url('fonts/adventpro_medium.svg#adventpro_medium') format('svg');
}

@font-face{ 
	font-family: 'adventpro_regular';
	src: url('fonts/adventpro_regular.eot');
	src: url('fonts/adventpro_regular.eot') format('eot'),
	     url('fonts/adventpro_regular.woff') format('woff'),
	     url('fonts/adventpro_regular.ttf') format('truetype'),
	     url('fonts/adventpro_regular.svg#adventpro_regular') format('svg');
}

@font-face{ 
	font-family: 'adventpro_semibold';
	src: url('fonts/adventpro_semibold.eot');
	src: url('fonts/adventpro_semibold.eot') format('eot'),
	     url('fonts/adventpro_semibold.woff') format('woff'),
	     url('fonts/adventpro_semibold.ttf') format('truetype'),
	     url('fonts/adventpro_semibold.svg#adventpro_semibold') format('svg');
}

@font-face{ 
	font-family: 'adventpro_thin';
	src: url('fonts/adventpro_thin.eot');
	src: url('fonts/adventpro_thin.eot') format('eot'),
	     url('fonts/adventpro_thin.woff') format('woff'),
	     url('fonts/adventpro_thin.ttf') format('truetype'),
	     url('fonts/adventpro_thin.svg#adventpro_thin') format('svg');
}

/* Codes caractères */

body {
background-color:wheat;	
color:black;
}


@media only screen and (max-device-width:375px) {
 body {
 background-color:wheat;
 color:black
 }
}

section
{
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}


#calendrier
{ 
 display:flex;
    flex:1;
    flex-wrap: wrap;
    align-content: center;
    

}
  
.Papou
{
    display: flex;
    flex:1;
    font-size: 2vh;
    
}

#trajets
{
    flex-wrap: wrap; 
    margin-left: 5vh;
    margin-right: 5vh;
    /*min-width: 40%;*/
   
}

article
{
    display: flex;
    border: 1px solid wheat;
    width: 70vh;  
}

#coordonnée
{
    display: flex;
    text-align: left;
}





p
{

	font-family: 'adventpro_light', Arial, serif;
	background-color: transparent;
	/*width: 50%;
	min-width: 400px;
	text-align: justify;*/
}

hp
{
        color: blue;
        font-family: 'adventpro_light', Arial, serif;
        font-size: 2vh;
        margin-top: 0px;
        margin-bottom: 0px;        
}

hps
{
        color: blue;
        font-family: 'adventpro_light', Arial, serif;
        font-size: 1.5vh;
        margin-top: 0px;
        margin-bottom: 0px;        
}

h1
{
	
	position: relative;
        text-align:center;
        color: red;
	font-size: 3em;
	font-family: 'adventpro_thin', Arial, serif;
        margin-top: 0px;
        margin-bottom: 0px;          
        
        
}

h2
{
    display:flex;
    flex-shrink: 1;
    justify-content: center;
    color: #2f79a6;
	font-size: 3vh;
	font-family: 'adventpro_thin', Arial, serif;
        
}

h3
{
	color: red;
	font-size: 1em;
	font-family: 'adventpro_thin', Arial, serif;
}

.styleGreen
{
    background-color: grey;
    
    font-size: 1em;
}



h4
{
	color: red;
	font-size: 2em;
	font-family: 'adventpro_thin', Arial, serif;
	text-align: left;
}

.tableaubeige
{
 width: 60vh;
}
h4001 {
    color: #2f79a6;
    font-family: Arial, sans-serif;
    font-size: 22pt;
    /*padding-left: 140px;*/
    padding-top: 7px;
    padding-bottom: 10px;
    border-bottom: 1px solid purple;
    font-weight: bold;
}

h4002 {
    color: #2f79a6;
    font-family: Arial, sans-serif;
    font-size: 14pt;
    font-weight: bold;
}
.short
{
        margin-bottom: 0px;
}


.bloc
{
	width: 250px;
	height: 110px;
	overflow: auto;
}

.entete
{
	color: blue;
	font-family: 'adventpro_light', Arial, serif;
	background-color: #F3E2A9;
	width: 90%;
	min-width: 430px;

	padding: 12px;
	margin: auto;
	margin-bottom: 20px;
	text-align: left;	
}


.parentete
{
    
    position: relative;
    /*text-align: center;*/
    color: blue;
    
    font-family: 'adventpro_light', Arial, serif;
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 2vh;

}

.parentetesmall
{
    position: relative;
    text-align: center;
    color: blue;
    
    font-family: 'adventpro_light', Arial, serif;
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1.5vh;

}

.parfinprocess
{
    position: relative;
    text-align: left;
    color: blue;
    width: 90%;
    font-family: 'adventpro_light', Arial, serif;
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10%;
    font-size: 1em;

}


img.zoomEffect {
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    
}
img.zoomEffect:hover {
    -moz-transform: scale(1.10);
    -webkit-transform:  scale(1.10);
    -o-transform:  scale(1.10);
    -ms-transform:  scale(1.10);
    transform:  scale(1.10);

}



    .label {
        width:20%;
        padding:4px;
    }
 
    .value {
        width:80%;
        padding:4px;
    }
 

 
    .error {
        color: red;
    }
 
    .outputLabel {
        font-weight: bold;
    }
 


    conditions {
        color : blue;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:small;
        font-style:italic;
    }

    conditions2 {
        color : blue;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style:italic;
    }

    oblig {
        color : red;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style:italic;
        font-weight:bold;
    }
    
    
    
    #bloc_page2
    {
        font-size: 2vh;
    }
    
    #bloc_page3
    {
        font-size: 2vh;
        
    }