/* Feuille de styles dédiée à l'impression */

@media print {

html {
background-image : none;
background-color: #FFFFFF;
}

header {
display: none;
}

nav#bandeau-navigation {
display: none;
}

#wrapper {
display: none;
}

aside {
display: none;
}

footer {
display: none;
}

}

/********************** FORMAT MOBILE **************************/

@media screen and (max-device-width:1024px), screen and (max-width:1024px) {

	body {
		margin: auto;
		font-size: 2em;
		display:block;
	}

	

	.container_12 .grid_4 {
  		width: 293px;
	}

	div#header-slogan {
		width: 1279px;
		display: block;
	}

	#sous-menu-presentation div#header-slogan {
		width: 1800px;
	}

	#header-slogan p{
		padding-right: 20px;
		margin-bottom: -21px;
	}

	#header-search #recherche 
	{
		display: none;
	}

   #bandeau-navigation{
       width:100%
   }
	#bandeau-navigation li a img  {
		padding: 0;
		width: 105px;
		height: 150px;
		margin-left: 5vw;
	}

	#bandeau-navigation-li2 a, #bandeau-navigation-li3 a, #bandeau-navigation-li4 a, #bandeau-navigation-li5 a, #bandeau-navigation-li6 a {
		display: none;
	}

	#container-wrapper {
		display: none;
	}

	body#index article .francais {
		display: none;
	}

	body#index article .communication{
		display: none;
	}

	body#index article .culture{
		display: none;
	}

	body#index article .anciennes{
		display: none;
	}

	body#index article h1 {
		display: none;
	}

	body#index article h2 {
		margin-bottom: 50px;
		text-align: center;
		margin-left: 50px;
		font-size: 55px;
	}

	body#index article [class*="grid"] a {
		opacity: 5;
	}

	body#index article h2:nth-of-type(1) {
		margin-top: -250px;
	}

	body#index h2+p {
		display: none;
	}

	a.home-button {
		font-size: 1.2em;
		float: right;
		margin-left: 40px;
		padding-bottom: 0.5em;
	}

/********************** ENTREPRISE **************************/

	div.grid_4.entreprise {
		width: 100%;
		padding-left: 230px;
	}

	body#index article .entreprise {
		height: 362px;
		border-radius: 0;
	}

	body#index article [class*="entreprise"] a {
		height: 202px;
		margin-left: -370px;
		font-size: 50px;
		text-align: center;
		margin-top: 300px;
		border-radius: 0;
	}

	body#index article [class*="entreprise"] a.hvr-bob {
		padding-top: 150px;
	}

/********************** FIN ENTREPRISE **************************/

/********************** PROFESSEUR **************************/

	div.grid_4.professeur {
		width: 998px;
		right: 160px;
	}

	body#index article .professeur {
		height: 362px;
		border-radius: 0;
	}

	body#index article [class*="professeur"] a {
		height: 202px;
		margin-left: 994px;
		width: 305px;
		font-size: 50px;
		text-align: center;
		margin-top: 300px;
		border-radius: 0;
	}

	body#index article [class*="professeur"] a.hvr-bob {
		padding-top: 150px;
	}

/********************** FIN PROFESSEUR **************************/

/********************** PARTICULIER **************************/
	div.grid_4.particulier {
		width: 804px;
		left: 344px;	
	}

	body#index article .particulier {
		height: 365px;
		border-radius: 0;
	}

	body#index article [class*="particulier"] a {
		height: 205px;
		margin-left: -494px;
		font-size: 50px;
		text-align: center;
		margin-top: 300px;
		border-radius: 0;
	}

	body#index article [class*="particulier"] a.hvr-bob {
		padding-top: 150px;
	}

/********************** FIN PARTICULIER **************************/	

/********************** SYNERGIE **************************/

	div.grid_4.auxiliaire {
		width: 995px;
		right: 151px;
		border-radius: none;
	}

	body#index article .auxiliaire {
		height: 365px;
		border-radius: 0;
	}

	body#index article [class*="auxiliaire"] a {
		height: 204px;
		margin-left: 995px;
		width: 305px;
		font-size: 50px;
		text-align: center;
		margin-top: 300px;
		border-radius: 0;
	}

	body#index article [class*="auxiliaire"] a.hvr-bob {
		padding-top: 150px;
	}

/********************** FIN SYNERGIE **************************/

/********************** EXERCICES **************************/

	body#index div.grid_4.exercices {
		width: 988px;
		right: -161px;
	}

	body#index article .exercices {
		height: 362px;
		border-radius: 0;
	}

	body#index article [class*="exercices"] a {
		height: 204px;
		width: 320px;
		margin-left: -315px;
		font-size: 50px;
		text-align: center;
		margin-top: 300px;
		border-radius: 0;
		padding-left: 30px;
		padding-right: 30px;
	}

	body#index article [class*="exercices"] a.hvr-bob {
		padding-top: 150px;
	}

/********************** FIN EXERCICES **************************/

/********************** ANTHOLOGIE **************************/

	body#index div.grid_4.anthologie {
		width: 994px;
		left: -160px;

	}

	body#index article .anthologie {
		height: 363px;
		border-radius: 0;
	}

	body#index article [class*="anthologie"] a {
		height: 203px;
		margin-left: 994px;
		width: 305px;
		font-size: 50px;
		text-align: center;
		margin-top: 298px;
		border-radius: 0;
	}

	body#index article [class*="anthologie"] a.hvr-bob {
		padding-top: 150px;
	}

	/********************** FIN ANTHOLOGIE **************************/

	footer {
		width: 1299px;
		margin-top: 60px;
	}

	footer p{
		font-size: 30px;
	}

	footer img {
		width: 75px;
		height: 75px;
	}

	.zig {
		bottom: 287px;
		width: 100%;
	}

	footer p:nth-of-type(4) {
		display: none;
	}

/********************** MENU BURGER **************************/

	#header-responsive {
		display: block;
	}

	#nav-mobile{
    text-align: center;
    position:absolute;
    width:1299px;
    top:435px;
    display: none;
    margin-left: -40px;
	}

	#nav-mobile li{
    background-color:#005da8;
    padding-top: 25px;
    padding-bottom:25px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    cursor:pointer;
    font-size: 2em;
    margin-top: 1px;
    color: white;
    width: 100%;
	}

	#hamburger img{
    width: 150px;
    margin-top:1.5em;
	}

	#hamburger{
	margin-left: 0;
    cursor :pointer;
    padding-left: 5px;
    position: absolute;
    margin-top: -250px;
	}

	#nav-mobile{ 
    z-index: 100; 
	}

	#header-responsive{
    height: 120px;
    color: #fff;
    font-size:18px;
	}

	#nav li{
    display: inline-block;
    cursor:pointer;
    transition: 0.3s;
    text-decoration: none;
    list-style-type: none;
    color: white;
	}

	#nav-mobile li a:link{
   text-decoration: none;
   color:white;
	}

	#nav-mobile li a:visited{
   color: inherit;
	}

/********************** FIN MENU BURGER **************************/

/********************** NAV **************************/

	input[type="submit"] {
	font-size: 30px;
	background-color: #005da8;
	-webkit-appearance: none;
	}

	#bandeau-navigation #nav-disconnect {
		float: none;
		position: absolute;
		width: 200px;
		right: -327px;
	}

	#sous-menu-presentation #bandeau-navigation #nav-disconnect {
		float: none;
		position: absolute;
		width: 200px;
		right: -100px;
	}

	#bandeau-navigation #nav-user {
		display: none;
	}

	#bandeau-navigation #nav-disconnect img {
		width: 40px;
	}

/**********************  FIN NAV **************************/

/********************** TESTER VOTRE NIVEAU **************************/

	body#test-global h2 {
		margin-right: -60px;
	}

	body#test-global h3 {
		margin-left: 80px;
		text-align: justify;
	}

	body#test-global article p {
		margin-top: 60px;
		margin-right: -80px;
		text-align: justify;
	}

/********************** FIN TESTER VOTRE NIVEAU **************************/

/********************** MON COMPTE **************************/

	div#field-del img {
		width: 30px;
	}

	#section-cnil {
		margin-left: 70px;
		margin-top: 5px;
	}

/********************** FIN MON COMPTE **************************/

/********************** ESPACE-PROFESSEUR **************************/

	body[id*="espace_"] article .grid_4 {
    float: none;
    margin: 0;
    display: block;
    text-align: center;
    left: 100px;
    height: 120px;
	}

	body[id*="espace_"] article .grid_4 a {
	height: 80px;
	width: 800px;
	padding-top: 30px;
	}

/********************** FIN ESPACE-PROFESSEUR **************************/

/********************** SOUS-MENU-PRESENTATION.PHP **************************/

	body#sous-menu-presentation footer {
		width: 1130px;
		
	}

	body#sous-menu-presentation div#header-slogan {
		width: 1080px;
	}

	body#sous-menu-presentation div#header-slogan a.home-button{
		font-size: 40px;
		margin-right: 40px;
	}

	body#sous-menu-presentation #hamburger{
		margin-left: 870px;
    	cursor :pointer;
    	padding-left: 5px;
    	position: absolute;
    	margin-top: -250px;
	}

	body#sous-menu-presentation #nav-mobile{
    text-align: center;
    position:absolute;
    width:1200px;
    top:435px;
    display: none;
    margin-left: -40px;
	}



/********************** FIN SOUS-MENU-PRESENTATION.PHP **************************/

/********************** PRESENTATION **************************/

	body#qui-sommes-nous .container_12 {
		margin-left: 175px;
	}

	body#enjeux .container_12 {
		margin-left: 175px;
	}

	body#charte-jemeformeautrement .container_12 {
		margin-left: 175px;
	}

	body#avis-experts .container_12 {
		margin-left: 175px;
	}

	body#avis-experts article p {
		margin-left: 100px;
	}


/********************** FIN PRESENTATION **************************/

/********************** CITATIONS + MOT SEMAINE **************************/
	
	body#ged table.ged-display {
		margin-left: 40px;
	}

	body#news article h1, {
		margin-left: 40px;
	}

	body#news article h2, a {
		margin-left: 40px;
	}

	body#news article p {
		margin-left: 60px;
	}

	body#news div.news-more {
		margin-left: 40px;
	}

/********************** CITATIONS + MOT SEMAINE **************************/

/********************** MOTEUR RECHERCHE EXERCICES **************************/

	body#presentation-moteur-recherche-exercices h3 img {
		width: 1268px;
	}

	body#presentation-moteur-recherche-exercices article a img{
		width: 180px;
		height: 150px;
		margin: 0;
	}

	body#presentation-moteur-recherche-exercices article a {
		font-size: 50px;
	}

/********************** FIN MOTEUR RECHERCHE EXERCICES **************************/

/********************** ANTHOLOGIE **************************/

	body#faq p img {
		width: 1240px;
		margin-left: -10px;
	}

	body#faq table h2 {
		margin-left: 60px;
	}

	body#faq p.ant {
		margin-left: 60px;
		width: 500px;
	}

	#faq footer .zig {
		width: 1300px;
	}

/********************** FIN ANTHOLOGIE **************************/

/********************** CHOIX DOMAINE **************************/


	body#choix_domaine article img {
		margin-left: -75px;
		width: 300px;
	}


	body#choix_domaine article p {
		font-size: 40px;
	}

	body#choix_domaine article a {
		margin: 0px;
	}

	body#choix_domaine .grid_3 {
		margin-right: 50px;
	}


/********************** FIN CHOIX DOMAINE **************************/

/********************** CHOIX EXERCICES **************************/

	body#exercices a{
		margin: 0px;
	}

	body#exercices article img{
		width: 300px;
		margin-left: -60px;
	}

	body#exercices article p{
		font-size: 45px;
	}

	body#exercices p.exercice-suivant{
		margin-left: 305px;
		margin-top: 50px;
		margin-bottom: 50px;

	}

/********************** FIN CHOIX EXERCICES **************************/

/********************** EXERCICES **************************/

	body#exercices_random .question-cplt {
		margin-left: 150px;
		font-size: 50px;
		margin-top: 70px;
	}

	body#exercices_random h1 {
		margin-top: 70px;
	}

	body#exercices_random p#pagination {
		margin-top: 70px;
	}

	body#exercices_random .reponse-nok {
		background-size: 40px;
	}

	body#exercices_random .reponse-ok {
		background-size: 40px;
	}

	body#exercices_random .question-cplt img{
		width: 150px;
		margin-left: -155px;
		position: absolute;
	}

	body#exercices_random p.phrase-libelle {
		font-size: 50px;
		width: 100%;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	body#exercices_random p.phrase-libelle+p {
		font-size: 50px;
	}

	body#exercices_random p.reponse-ok {
		width: 300px;
	}

	body#exercices_random p.reponse-nok {
		font-size: 50px;
	}

	body#exercices_random p.reponse-affiche {
		font-size: 50px;
	}

	body#exercices_random div.regle-connexe {
		font-size: 40px;
		background-size: 100px;
		margin-top: 80px;
	}

	body#exercices_random div.regle-connexe p:first-child {
		font-size: 45px;
		margin-left: 40px;
	}

	body#exercices_random .exercice-suivant a {
		width: 500px;
		font-size: 50px;
	}

	body#exercices_random input[type="submit"] {
		width: 500px;
		font-size: 50px;
	}

/********************** FIN EXERCICES **************************/

/********************** ESPACE PARTICULIER **************************/

	/*body#espace_particulier .grid_4.cours {
		margin-top: 30px;
		left: -100px;
	}

	body#espace_particulier .grid_4.cours a {
		width: 380px;
		height: 60px;
		margin-top: 60px;
	}

	body#espace_particulier .grid_4.anthologie {
		margin-top: 30px;
		top: -100px;
		left: 291px;
	}

	body#espace_particulier .grid_4.anthologie a {
		width: 380px;
		height: 60px;
	}

	body#espace_particulier .grid_4.mot-semaine {
		margin-top: 30px;
		right: 100px;
		top: -50px;
	}

	body#espace_particulier .grid_4.mot-semaine a {
		width: 380px;
		height: 60px;
	}

	body#espace_particulier .grid_4.enquete {
		margin-top: 30px;
		left: -10px;
		right: 50px;
		top: -50px;
	}

	body#espace_particulier .grid_4.enquete a {
		width: 380px;
		height: 60px;
	}

	body#espace_particulier .grid_4.forum {
		margin-top: 30px;
		left: 81px;
		top: -50px;
	}

	body#espace_particulier .grid_4.forum a {
		width: 380px;
		height: 60px;
	}

	body#espace_particulier .grid_4.exercices {
		left: 281px;
		top: -60px;
	}

	body#espace_particulier .grid_4.exercices a {
		width: 400px;
		height: 60px;
	}

	body#espace_particulier .grid_4.citation-jour {
		margin-top: 30px;
		left: 703px;
		top: -370px;
	}

	body#espace_particulier .grid_4.citation-jour a {
		width: 380px;
		height: 60px;
	}*/

/********************** FIN ESPACE PARTICULIER **************************/
	


	select#req_j_exercice_question{
		width: 800px;
	}

	select#req_j_exercice_regle{
		width: 1100px;
		height: 200px;
	}

	body#exercices .req-results .action-exo img {
		width: 120px;	
	}

	body#exercices .req-results span {
		display: none;
	}

	div.invit-abo {
		width: 1290px;
		margin-bottom: 50px;
	}

	#sous-menu-presentation div.invit-abo {
		width: 1200px;
		margin-bottom: 50px;
	}

	#sous-menu-presentation	#header-slogan p {
		font-size: 20px;
		display: inline;
		margin: 0px;
		padding: 0px;
	}



	
	

	



	
	
	


}