/* 
Informations sur l'auteur
Author : Jax FK 
URI : jaxkhenda.com


PLAN du présent fichier CSS (3 parties) : 

- Commune, 
- PC, 
- Mobile.

(Dans chaque partie 5 sections)  :

- Gros bloc (body)
- Moyenne Bloc (header, nav,  section, footer)
- Petit Bloc (article, div, aside, formulaires, paragraphes, table).
- Petit Bloc elements : Boutons, input, tr, td. 
- Oneline : titres, liens, span, strong.

(Dans chaque section hierachie suivant) :

- balise, 
- class, 
- id.

Nomage : mobile = MOB_; PC = PC_; commun = rien

*/


/* Partie commune */


	/* body */

	/* Moyenne Bloc */

	/* Petit Bloc */

	/* Petit Bloc elements */
 
	/* Oneline */

/* ordinateur */


@media all and (min-device-width: 600px)
{ 
	

	a:link   {text-decoration:none}
	a:hover  {text-decoration:none}
	a:active {color: navy;text-decoration:none}

	footer {background:green; width:100%; height:40px; color:black; opacity:0.8; position:fixed; bottom:0px; left:0px;}

	li{display : inline;margin-right : 20%;}


	
	
	#emp{font-size:100px;color:navy;display:inline-block;}
	#sta{font-size:100px; color:lightgray; display:inline-block; background:gray; border-radius:30px}
	#form_empsta{background:none; border:none; font-size:1.1em; width:98%;}
	#go{color:lightgray; font-size:20px; margin-top:-10px; margin-left:85%; background:gray;}
	#text_index{margin-top: 10px; color:navy; font-size:20px; text-align:center;}
	#index_section{margin-top:90px; text-align:center;}
	#etape_new{width:71%; text-align:center;height:25px;font-size:15px;}
	#etape_new_conteneur{width:85%; margin-top:20px; margin-left:7%; padding:5px 0px 5px 0px;  border:2px solid gray;}
	
	.center_cadre{margin:0% 30% 0% 30%; }
	.cadre_standard{background:whitesmoke; max-width:550px; margin-top:25px; 
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border: 1px solid green;}

	.champs_standard{width:85%;height:25px;font-size:20px;}
	.area_standard{width:85%;font-size:20px;}
	.champs_main{width:50%;height:35px; float:right; font-size:20px; text-align:center; border:none;}
	.input_maj{width:85%;font-size:15px}
	
	.valid_standard{width:210px; color:white; font-size:20px; background-color:green; border-radius: 7px 0px; border:none;}
	.bouton_is_form{border:none; font-size:20px; color:navy; cursor:pointer; background:none;}
	
	.titre_form_standard{margin-left:5%;float:left;font-size:28px;color:navy;}
	
	.cadreCorrecteur{width:85%;height:34px;font-size:20px; border:1px solid gray; text-align:left;}
	.champs_correcteur{background:none; width:10%; height:25px; margin-top:4px; font-color:gray; font-size: 15px;
                		font-weight:bold; border:1px solid red; float:right; position:relative; z-index:21; }
    .bordeaux{color:#BE1C1C;}
    .titreSection{font-size:35px;font-family:georgia,Arial, Helvetica, sans-serif;}
    .textPolice{font-family:georgia,Arial, Helvetica, sans-serif;}
    .gdbody{max-width:1300px; margin:auto; padding-bottom:100px; padding-left:15px;}
    .ptbody{max-width:1300px; margin:auto;}
    .row{display: flex;}
    .divDashboard{flex: 1; vertical-align:top; border:1px solid green; border-radius:10px; 
    width:30%; padding-left:7px; margin-right:1%; padding-right:7px;display:inline-block;} 
    .textpple{display:inline-block; width:45%; text-align:justify; margin-right:3%; vertical-align: top; font-family:georgia,Arial, Helvetica, sans-serif; font-size:17px;}
                		
                		     		
	.pservice
	{
	 display:inline-block; width:28%; margin-left:2%; margin-top:-90px; padding:1%; background: gray; 
	 background-color: rgba(144, 148, 151, 0.5); border-radius:5px; color:black;
	 text-align:center;
	}
	
	.prestation
	{flex: 1;text-align:center; 
	display:inline-block; width:28%; background:black; border-radius:5px;
	margin-right:1%; padding-bottom:15px; padding-right:10px; padding-left:10px;vertical-align: top; 
	color:white; font-family:georgia,Arial, Helvetica, sans-serif; font-size:17px; 
	}
}	
	
	
/* Mobile */

@media all and (max-device-width: 600px)
{ 

   
@media screen and (max-width: 600px) {orientation:portrait;}

@viewport { orientation: portrait;}

@media screen and (max-width: 600px){

body {max-width: 600px;}

* {box-sizing: border-box; }

body { width: auto; margin: 0; padding: 0;}




/* passage à la ligne spécifique pour les éléments à châsse fixe */        
code, pre, samp {white-space: pre-wrap; }
    


}

@media screen and (orientation: landscape) and (max-width: 480px){

}


	a:link   {text-decoration:none}
	a:hover  {text-decoration:none}
	a:active {color: navy;text-decoration:none}

	footer {background:green; width:100%; height:40px; color:black; opacity:0.8; position:fixed; bottom:0px; left:0px;}

	li{display : inline;margin-right : 2%;}


	
	
	.center_cadre{margin:0%; }
	.cadre_standard{background:whitesmoke;width:98%; margin-top:25px; 
	padding:0px 10px 0px 10px; font-size: 1.1em; text-align:center; border: 1px solid green;}

	.champs_standard{width:85%;height:25px;font-size:20px;}
	.area_standard{width:85%;font-size:20px;}
	.champs_main{width:50%;height:35px; float:right; font-size:20px; text-align:center; border:none;}
	.input_maj{width:85%;font-size:15px}
	
	.valid_standard{width:210px; color:white; font-size:20px; background-color:green; border-radius: 7px 0px; border:none;}
	.bouton_is_form{border:none; font-size:20px; color:navy; cursor:pointer; background:none;}
	
	.titre_form_standard{margin-left:5%;float:left;font-size:28px;color:navy;}
	
	.cadreCorrecteur{width:85%;height:34px;font-size:20px; border:1px solid gray; text-align:left;}
	.champs_correcteur{background:none; width:10%; height:25px; margin-top:4px; font-color:gray; font-size: 15px;
                		font-weight:bold; border:1px solid red; float:right; position:relative; z-index:21; }
    .bordeaux{font-size:15px; color:#BE1C1C;}
    .titreSection{font-size:17px;font-family:georgia,Arial, Helvetica, sans-serif;}
    .textPolice{font-family:georgia,Arial, Helvetica, sans-serif;}
    .gdbody{width:100%; margin-left:auto; padding-bottom:100px; margin-left:5px;}
    .ptbody{width:100%; margin-left:auto;}
    .row{}
    .divDashboard{flex: 1; vertical-align:top; border:1px solid green; border-radius:10px; 
    width:98%; padding-left:7px; margin-bottom:10px; padding-right:7px;} 
    
    
	
	
	
	.nomobile{visibility:hidden;}





}