/*@media all and (max-device-width: 480px) compatibilit� IE et smartphones */

@media all and (min-width: 1000px)
{ 
	@font-face {
	    font-family: "lora";
	    src: url(lora/Lora-Regular.ttf) format("truetype");
	}

	body
	{
		position:fixed;
		width: 100%;
		height: 100%;
		overflow:auto;
		background-color: #BBBBBB;
	}

	section
	{
		position:fixed;
		width: 100%;
		height: 100%;
		right: 0 px;
	}

	article
	{
		overflow: auto;
		position:absolute;
		width: 70%; /* 75 */
		height: 85%;
		right: 3%; /* 1 */
		padding-left: 2%;
		padding-right: 1.5%;
		top: 13%;
		background-color: rgba(255,255,255,0.98);
		/* border-radius: 20px; */
	}

    #choixLongueur {
        top:7%;
        left:20%;
        height:4%;
        width:80%;
        position:absolute;
    }

    #menu2 {
        right:1%;
        top:6%; /* 8 */
        height:5%; /* 6 */
    	background: #999999;
        width:98.5%;
        position: absolute;
    }

    #menu_top {    
        margin-left:0.5%;
        height:5%;	
    	background: #AAAAAA;
    	width:98.5%;
    }

/*    #menu_top a {
    	position:fixed;
    }*/

    #menu_color { 
        margin-left:0.5%;
        width:30.5%;   /* todo 30.5 */
        top:5%;
        height:1%;	
    	background: #888888;
    }

	
	.menu_active {
		background-color: #BBBBBB;
		padding-left: 3%;
		padding-right:3%;
		padding-top: 0.2%;
		padding-bottom: 1.7%;
	}

    #choixLongueur span {
        margin-left: 2%;
        margin-right: 2%;
    }

	img
	{
	    border:0;
	}
	
	#logo
	{
		width: 18%;
		height: 12%;
		position: fixed;
		top: 0px;
		left: 1%;
	}
	
	a
	{
        color:black;
		text-decoration : none;
	}

	a:visited
	{
        color:black;
		text-decoration : none;
	}

	a:hover
	{
		font-weight: bold;
	}

	a:active
	{
		text-decoration: underline;
	}
	
	article a
	{
		text-decoration:underline;
	}
	
	header
	{
		position:fixed;
		width: 80%;
		height: 4%;
		top: 8%; /* 6 */
		right: 0px;
	}

	footer
	{
		font-size:0.8em;
		position:absolute;
		height: 5%;
		bottom:0px;
		left:0px;
	}

	header aside
	{
		position:fixed;
		right : 60px;
		top: 8%; /* 6 */
	}

	nav
	{
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		font-size: 1.3em;
		background: white;
		position:fixed;
		width: 20.5%; /*17.5 */
		height: 80%;
        top: 14%;
        left:1%;
        overflow: auto;
        text-indent: -5%;
        padding-left: 1.5%; 
	}

	ul
	{
		list-style-type: none;
                top:20%;
                position:absolute;
	}

	li
	{
		padding-top: 5px;
	}

	h1
	{
		font-size: 2em;
		font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
		text-align: center;
	}

	h2
	{
		font-size: 1.6em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
		text-align: center;
	}
	
        h3 {
            font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
            text-align: center;
        }
        
	.question
	{
		padding: 0px 5px;
		font-size: 1em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		font-weight:bold;
	}
	
	.reponse
	{
		margin: 0px 5px;
		padding: 5px 5px;
		font-size: 1em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		font-weight:normal;
	}

	p
	{
		margin: 0px 5px;
		padding: 5px 5px;
		font-size: 1.2em; /*1*/
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		text-indent : 5%;
	}
	
    .parcours {
        margin-right:10px;
        margin-left:10px;
    }

    .i {
        font-style: italic;
        text-align:center;
        font-size:1.1em;
    }

    .top {
        font-weight:bold;
       font-size:1.0em;
        font-family:lora,verdana;  
      /*  border-radius:10px 10px 0px 0px;  */
        text-align:center; 
        width:13.5%;  
        /*height:6%; */
        /*top:2%; 
        position:fixed;*/

	    position: absolute;
	    top: 0%;
	    z-index: 1;
     /*    border: 2px outset buttonface; */
      /*  box-sizing: border-box; */
        padding: 5px 10px;
    }

    .topHidden {
        font-weight:bold;
       font-size:1.0em;
        font-family:lora,verdana;  
      /*  border-radius:10px 10px 0px 0px;  */
        text-align:center; 
        width:34.5%;  
        /*height:6%; */
        /*top:2%; 
        position:fixed;*/

	    position: absolute;
	    top: 0%;
	    z-index: 1;
     /*    border: 2px outset buttonface; */
      /*  box-sizing: border-box; */
        padding: 5px 10px;
    }

	h6
	{
		font-size : 0.8em;
		font-weight : normal;
	}
	
        .docss {
            margin-left:25%;
            text-indent:0px;
        }
        
        .gris {
            text-decoration:none;
            color:grey;
            font-size:1.2em;
            line-height:140%;
        }
        
        .valorise {
            font-size:1.1em;
            text-decoration:none;
            font-size:1.2em;
            line-height:140%;
        }
        
        .gris:visited {
            color: grey;
        }
        
	.arobase
	{	
		position:fixed;
		right : 10px;
		margin-left : 10px;
		top : 2px;
	}

	form
	{
		display : inline;
	}

	input.inputcapital
	{
		display : inline;
		width: 8%;
		color: red;
	}

	span.inputcapital
	{
		color: red;
	}

	input.inputrevenu
	{
		display : inline;
		width: 8%;
		color: green;
	}

	span.inputrevenu
	{
		color: revenu;
	}

	label
	{
		display: block;
		width: 150px;
		float: left;
	}

	input#dec
	{
		margin-left : 50px;
		top : 0px;
	}

	tr
	{
		text-align : center-left;
		width : 100%;
	}

	tr, td
	{
		text-align : center;
		width : auto;
	}
	
	#contact
	{
		text-align:center;
	}

    .T1
    {
        margin-top:4.0pt;
        margin-bottom:4.0pt;
        font-size:14.0pt;
        font-family:lora, "Times New Roman","serif";
        font-weight:bold;
    }

    .T2
    {
        margin-top:2.0pt;
        margin-bottom:2.0pt;
        font-size:12.0pt;
         /* text-indent:6pt; */
         padding-left: 5%;
        font-family:lora, "Times New Roman","serif";
        font-weight:bold;
    }

    .T3
    {
        font-family:lora, "Times New Roman","serif";
        font-weight:normal;
        font-size:12.0pt;
    }

    .annotator-frame.annotator-outer.annotator-collapsed {
    	top:11%;
    }
}

@media only all and (max-width: 1000px) 
{ 
	body
	{
		overflow: auto;
	}
	
	#menu_color, #section_active, #temp {
		display:none;
	}

    .top {
        font-weight:bold;
       font-size:1.0em;	
   }

   .side {
   	display:inline;
   }

    header
	{
		top:0px;
		vertical-align:top;		
		display:inline-block;
	}

	article
	{
		display:block;
		width:auto;
		height:auto;
		background-color: rgba(255,255,255,0.85);
		/* border-radius: 20px; */
	}
	
	nav
	{
		text-indent: 5%;
		display:inline-block;
		vertical-align:top;
		width:auto;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		font-size: 1em;
	}
	
	header inside
	{
		display : inline;
	}
	
	header aside
	{
		display : inline;
	}
		
	form
	{
		display : inline;
	}

	input.inputcapital
	{
		display : inline;
		color: red;
	}

	span.inputcapital
	{
		color: red;
	}

	input.inputrevenu
	{
		display : inline;
		color: green;
	}

	label
	{
		display: block;
		width: 150px;
		float: left;
	}

	input#dec
	{
		margin-left : 50px;
		top : 0px;
	}

	tr
	{
		text-align : center-left;
		width : 100%;
	}

	tr, td
	{
		text-align : center;
		width : auto;
	}
	
		ul
	{
		list-style-type: none;
	}

	li
	{
		padding-top: 5px;
	}

	h1
	{
		font-size: 2em;
		font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
		text-align: center;
	}

	h2
	{
		font-size: 1.6em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
		text-align: center;
	}
        
        h3 {
            font-family: lora, georgia, Times New Roman, arial, "Cooper Black", Verdana, serif;
            text-align: center;
        }
        
	#logo
	{
		display: none;
	}
	
	.reponse
	{
		margin: 0px 5px;
		padding: 5px 5px;
		font-size: 1em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		font-weight: normal;
	}
	
	.question
	{
		font-size: 1em;
		padding-top: 30 px;
		font-family: lora, georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		font-weight:bold;
	}
	
        
	p
	{
		margin: 0px 5px;
		padding: 5px 5px;
		font-size: 1em;
		padding-top: 30 px;
		font-family: georgia, Times New Roman, "Cooper Black", Verdana, serif;
		text-align: justify;
		text-indent : 5%;
	}
	h6
	{
		font-size : 0.8em;
		font-weight : normal;
	}
	
		img
	{
	border:0;
	}

	a
	{
		color: black;
		text-decoration : none;
	}
	
	article a
	{
		color: black;
		text-decoration:underline;
	}
	
	a:visited
	{
		color:black;
		text-decoration : none;
	}

	a:hover
	{
		font-weight: bold;
	}

	a:active
	{
		text-decoration: underline;
	}
	
	#contact
	{
		text-align:center;
	}
        
    .i {
        font-style: italic;
        text-align:center;
    }



    .gris {
        text-decoration:none;
        color:grey;
        font-size:1.2em;
    }
    
    .valorise {
        text-decoration:none;
        font-size:1.2em;
    }

    .T1
    {
        font-size:14.0pt;
        font-family:lora, "Times New Roman","serif";
        font-weight:bold;
    }

    .T2
    {
        font-size:12.0pt;
        font-family:lora, "Times New Roman","serif";
        font-weight:bold;
    }

    .T3
    {
        font-family:lora, "Times New Roman","serif";
        font-size:12.0pt;
        font-weight:normal;
    }
}
	
@media all and (min-width: 2000px) { 
	body {
		width:1500px;
		margin:auto;
	}

}