/* CSS pour afds inscript */

/* GENERAL */
* {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-sizing: border-box;
	}
p
{
	margin:0px;
}
a{
text-decoration: none;
border: 0px;
color: inherit;
}
a:hover{
color: #8a1f12;
}
sup{
font-size: 70%;
}
hr{
background-color: #90c6e2;
height:1px;
opacity: 0.2;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 6, 2013 02:29:12 AM America/New_York */
@font-face {
    font-family: 'AmbleLight';
    src: url('fonts/Amble-Light-webfont.eot');
    src: url('fonts/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Light-webfont.woff') format('woff'),
         url('fonts/Amble-Light-webfont.ttf') format('truetype'),
         url('fonts/Amble-Light-webfont.svg#AmbleLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleLightItalic';
    src: url('fonts/Amble-LightItalic-webfont.eot');
    src: url('fonts/Amble-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-LightItalic-webfont.woff') format('woff'),
         url('fonts/Amble-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/Amble-LightItalic-webfont.svg#AmbleLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleRegular';
    src: url('fonts/Amble-Regular-webfont.eot');
    src: url('fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Regular-webfont.woff') format('woff'),
         url('fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('fonts/Amble-Regular-webfont.svg#AmbleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleItalic';
    src: url('fonts/Amble-Italic-webfont.eot');
    src: url('fonts/Amble-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Italic-webfont.woff') format('woff'),
         url('fonts/Amble-Italic-webfont.ttf') format('truetype'),
         url('fonts/Amble-Italic-webfont.svg#AmbleItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleBold';
    src: url('fonts/Amble-Bold-webfont.eot');
    src: url('fonts/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-Bold-webfont.woff') format('woff'),
         url('fonts/Amble-Bold-webfont.ttf') format('truetype'),
         url('fonts/Amble-Bold-webfont.svg#AmbleBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleBoldItalic';
    src: url('fonts/Amble-BoldItalic-webfont.eot');
    src: url('fonts/Amble-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Amble-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Amble-BoldItalic-webfont.svg#AmbleBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleLightCondensed';
    src: url('fonts/Amble-LightCondensed-webfont.eot');
    src: url('fonts/Amble-LightCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-LightCondensed-webfont.woff') format('woff'),
         url('fonts/Amble-LightCondensed-webfont.ttf') format('truetype'),
         url('fonts/Amble-LightCondensed-webfont.svg#AmbleLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmbleLightCondensedItalic';
    src: url('fonts/Amble-LightCondensedItalic-webfont.eot');
    src: url('fonts/Amble-LightCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Amble-LightCondensedItalic-webfont.woff') format('woff'),
         url('fonts/Amble-LightCondensedItalic-webfont.ttf') format('truetype'),
         url('fonts/Amble-LightCondensedItalic-webfont.svg#AmbleLightCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------ */
@page{margin: 10%;}

#pageA4 {
    width:210mm;
    background: white;
    margin:auto;
}
@media screen{
    #pageA4{       
        box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);      
        margin-bottom: 0.5cm;       
        height: 29cm;   
    }   
    #text{       
        padding:12.7mm; /* A l'impression il y a des marges auto de 12.7mm */   
    }
}
@media print {    
    body, #pageA4{       
        margin:0px; 
    }   
    #pageA4{       
        height: calc(280mm - 25.4mm);   
    }   
    #text{       
        padding:0px;    
    }
}

body {
width: 210mm;
height: 297mm;
margin-left: auto;
margin-right: auto;
margin-top: 0mm;
margin-bottom: 0mm;
padding-left: 25mm;
padding-right: 25mm;
padding-top: 5mm;
font-family: 'AmbleLight', 'Arial';
color: black;
}
#global {
width: 100%;
margin-left: auto;
margin-right: auto;
}
#main {
width: 100%;
display: block;
}
.moduleinput {
width: 100%;
margin-top: 5px;
vertical-align: middle;
}
.moduleinputright {
width: 100%;
margin-top: 10px;
vertical-align: middle;
text-align: right;
}
label {
width: 22.5%;
display: inline-block;
vertical-align: middle;
font-size: 8pt;
}
.input {
width: 76%;
height: 30px;
display: inline-block;
vertical-align: middle;
font-size: 10pt;
color: black;
padding: 3px;
border: none;
}
.inputcourt {
width: 30%;
height: 30px;
display: inline-block;
vertical-align: middle;
font-size: 10pt;
color: black;
padding: 3px;
border: none;
}
.inputcarre {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 10pt;
color: black;
padding: 3px;
border: none;
}
.inputradio {
min-width: 30px;
height: 15px;
display: inline-block;
vertical-align: middle;
font-size: 10pt;
color: black;
padding: 3px;
border: none;
margin-top: 5px;
}
textarea {
width: 76%;
height: 65px;
display: inline-block;
background-color: rgba(255, 255, 255, 0.7);
vertical-align: middle;
font-size: 10pt;
color: black;
padding: 3px;
border: none;
}
.courant {
width: 60%;
display: inline-block;
vertical-align: middle;
font-size: 8pt;
}
fieldset {
border: 1pt solid black;
border-radius: 10px 10px 10px 10px;
}
select {
font-size: 10pt;
}
.submit	{
display: none;
}
.reset	{
display: none;
}
article{
padding: 2%;
color: black;
margin-top: 20px;
margin-bottom: 20px;
}
footer {
text-align: right;
font-size: 6pt;
}
.note {
margin-top: 10px;
margin-bottom: 10px;
font-size: 7pt;
color: black;
line-height: 120%;
text-align: justify;
padding-left: 10px;
border-left: 1px solid black;
}
.info {
margin-top: 10px;
margin-bottom: 10px;
font-size: 8pt;
color: black;
line-height: 120%;
text-align: justify;
padding-left: 12px;
border-left: 1px solid black;
}
.sautdepage	{
text-align: right;
font-size: 8pt;
color: black;
break-after: page;
}
.infocadre {
height: 60px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 10px;
font-size: 8pt;
color: black;
text-align: left;
padding: 12px;
border: 1px solid black;
transition : height 2s;
}
.infocadre:hover {
height: 150px;
}
.cadre3jours {
margin-top: 10px;
margin-bottom: 10px;
font-size: 8pt;
color: black;
text-align: left;
padding: 12px;
border: 1px solid black;
}
.cadre1jour {
margin-top: 10px;
margin-bottom: 10px;
font-size: 9pt;
color: black;
text-align: left;
padding: 12px;
border: 1px solid black;
}
/* typo */
h1	{
font-family: 'AmbleLight';
font-weight: normal;
font-size: 18pt;
margin: 0px;
}
h2	{
font-family: 'AmbleBoldItalic';
font-weight: normal;
font-size: 15pt;
color: black;
margin: 0px;
}
h3	{
font-family: 'AmbleLight';
font-weight: normal;
font-size: 13pt;
margin: 0px;
color: black;
}
.comment	{
font-family: 'AmbleItalic';
font-size: 8pt;
color: black;
}
.large {
font-size: 12pt;
}
.medium {
font-size: 10pt;
}
.small {
font-size: 8pt;
}
.bold {
font-family: 'AmbleBold';
}
.ital {
font-family: 'AmbleLightItalic';
}
.bolditalic {
font-family: 'AmbleBoldItalic';
}