@media (min-width: 858px) {
    html {
        font-size: 46px;
    }
}

@media (min-width: 780px) {
    html {
        font-size: 42px;
    }
}

@media (min-width: 702px) {
    html {
        font-size: 38px;
    }
}

@media (min-width: 724px) {
    html {
        font-size: 34px;
    }
}

@media (max-width: 623px) {
    html {
        font-size: 30px;
    }
}


.menudetail ul li ul{display:none}
.menudetail ul li.s ul{display:block}



/*@media (max-width: 900px) { */
/* passer tous les éléments de largeur fixe en largeur automatique */ 
body
	{ 
	width: auto !important; 
	margin: auto !important; 
	padding: 0px; 
  
	color: #000000;

	font-size: 40px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;

 
	min-height:416px;
 
	background-color : #C2D5FF;
 
	} 

 /* fixer une largeur maximale de 100 % aux éléments potentiellement problématiques */ 
table, td, blockquote, code, pre, textarea, input, object, embed, video { 
  max-width: 100% !important; 
 } 

 /* gestion des mots longs */ 
 textarea, table, td, th, code, pre, samp { 
  word-wrap: break-word; /* césure forcée */ 
  white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
 } 


 /* masquer les éléments superflus */ 
 .hide_mobile { 
  display: none !important; 
 } 

#header a{
	display:block;
	text-decoration:none; 
}


.menudetail ul, .menu {list-style:none ;padding:0}


.menudetail ul li, .retourliste{
font-size:20px; 
line-height:30px;
}


	
.retourliste a{color:#000}

.menudetail ul li a , .retourliste a{
display: block; 
padding: 6px 10px; 
text-decoration:none;
}
 
body #bloc_langue #label_langue {display:none}

ul{margin:0}
.contenu{padding:10px; position:relative}
.contenu #br-titre, .contenu .brmodule{display:none}

.menudetail ul li.s ul li a, .menudetail ul li.s ul li {background: none;}


.menudetail li.s a, 
.menudetail li.s ul li.s a, 
.menudetail li.s ul li.s ul li.s a,
.menudetail li.s ul li.s ul li.s ul li.s a {
padding-left:40px;
	background-position:10px 10px;
}

.menudetail ul li ul {padding-left:0px}
.menudetail ul li ul li ul{padding-left:30px}
.menudetail ul li ul li { background:transparent}
.menudetail ul li ul li {font-style:italic; font-size:0.8em}
.menudetail ul li ul li ul li {font-size:0.9em}
/*
}*/
input[type="text"] {
    font-size: 1em;
    /*padding: 10px;*/
    height: 2.125rem !important;
    padding-left: 1rem !important;
}

input[type="password"] {
    font-size: 1em;
    padding: 10px;
}

select {
	font-size: 1em;
	padding: 10px;
	}

.saisie-form label{text-indent: -1000em; 
width: 0; position: absolute;
}
.saisie-form{
padding:15px 10px;
border:0px solid #b8b8b8;
border-bottom:none;}
fieldset{padding:0; border:none}
input {
width: 98%;
height: 150px;
font-size: 1.5em;
}
/*
}*/

input[type="button"] {
    border: 0 none;
    color: #FFFFFF;
    font-size: 1.05em;
    font-weight: bold;
    padding: 10px;
}




/*@media screen and (max-width:900px) and (orientation: landscape) { 
  body { 
   -webkit-text-size-adjust: 70%; 
  } 
	#header{
line-height:30px;
padding: 0 10px ; 
text-align:center;
}
 

.menudetail ul li, .retourliste{
font-size:20px; 
line-height:30px;
}
 
	.menudetail li.s a, 
	.menudetail li.s ul li.s a, 
	.menudetail li.s ul li.s ul li.s a,
	.menudetail li.s ul li.s ul li.s ul li.s a {
	background-position:10px 4px;
	}
}

*/




#global
		{
		position: relative;
		min-height: 100%;
		margin: 0 auto;
		/*padding-bottom: 70px;*/
		/*padding-left: 50px;*/	
		padding-left: 0px;
		}
		
#main
		{
		position: relative;
		min-height: 100%;
		}
		
#col_gauche
		{
		width: 30%;
		margin: 0px;
		padding: 0px 0px 0px 82px;
		}
		
#col_droite
		{
		background-image: url(images/SquareBlueBullet2.gif);
		background-repeat: no-repeat;
		background-size: 4px 100%;
		background-position: left;
		float: right;
		width: 60%;
		margin: 0px;
		padding : 40px;
		}
		
		
p.alignleft	{
		text-align : left;
		padding-left : 0px;
		margin-left: 30px;
		}

.centre		{
		text-align : center;
		}

p.droite		{
		text-align : right;
		}
		
p.center		{
		text-align : center;
		}


.aff_icone
		{
		text-align : left;
		width:auto;
		height:auto;
		}



p.copyright	{
		text-align : right;
		font-size : 20px;
		}

p.alignright	{
		text-align : right;
		}
		
		
p.paragraphe
		{
		font-size:40px;
		line-height: 1.4em;
		}

p.paragraphe2
		{
		font-size:20px;
		line-height: 1.4em;
		}
		
tr.hormag
		{
		height: 50px;
		}

td.hormagColGau
		{
		text-align: right;
		border:	0px;
		font-size:40px;
		}
td.hormagColDro
		{
		text-align: left;
		border:	0px;
		font-size:40px;
		}

td.linux
		{
		font-size: 40px;
		}
		
p.hormag
		{
		font-size:50px;
		line-height: 1.4em;
		}

h1		{
		font-size:50px;
		line-height: 1.4em;
		}

h2
		{
		font-size:45px;
		line-height: 1.4em;
		}

h3
		{
		font-size:40px;
		line-height: 1.4em;
		}
		
/*
remplacé par <pre>
p.code
		{
		font-style: italic;
		}
*/
p.niv_1
		{
		margin-left: 130px;
		}
p.niv_2
		{
		margin-left: 160px;
		}

p.niv_3
		{
		margin-left: 190px;
		}

p.niv_4
		{
		margin-left: 210px;
		}

p.niv_5
		{
		margin-left: 210px;
		}

img.img_crypt
		{
		width: 100px;
		}
		
.div_code
		{
		font-style: italic;
		background-color : black;
		color : white;
		}
		
textarea
		{
		background-color : black;
		width: 98%;
		height: 480px;
		font-size: 30px;
		font-family: inherit;
		color : white;
		resize: none;
		/*margin-left : 40px;*/
		}

p.remarque
		{
		font-size: 25px; /* 2.2em; */
		line-height: 1.4em;
		}


#cv
		{
		
		text-align : center;
		}
		
img.cv
		{
		height : 100px;
		width : 100px;
		}

.red
		{
		color : red;
		}
.green
		{
		color : green;
		}

li
		{
		font-size : 40px; /*15*/
		margin-left: 10px; /*60*/
		}

ul		{
		line-height : 36px; /*20*/
		}

p.p2		{
		font-size : 30px;
		}

p.br
		{
		font-size: 50px;
		}
		
		
p.corps		{
		text-align: justify;
		/* h d b g */
		margin : 10px 0px 10px 0px;
		}
		
.corp_menu	{
		margin-right : auto;
		}
		
		
table
		{
		font-size : 25px;
		}
		
		
table.pblv
		{
   		border: 0px solid black;
		border-collapse: collapse;
		margin:0;
		padding:0;
		text-align: center;
		width : 100%;
		}
		
table.TableMarge
		{
		margin-left: 40px;
		font-size : 40px;
		}
		
table.center	{
		margin-left:auto;
		margin-right:auto;
		}
		
#textDiv	{
		float: right;		
		width: 50%;
		margin: 0px;
		padding : 20px;
		}
		
img.logo
		{
		width : 90px;
		}
		
.div_menu
		{
		float : right;
		padding-left : 0px;
		}
		
img.mobile
		{
		width: 300px;
		}
		
.menu
		{
		padding-top : 10px;
		padding-bottom : 10px;
		}
		
.TableCenter
		{
		margin-left: auto;
		margin-right: auto;
		}
		
		
img.pblv
		{
		height : 150px;
		}
		
p.menu_corps
		{
		font-size : 17px;
		}
		
td.pblv
		{
		padding: 0;
		width: 15%;
		}

td.pblv2
		{
		width: 15%;
		}
		
p.pblv		{
		font-size: 20px;
		}
		
tr		{
		vertical-align: top;
		}
		
p.pblv2titre		{
		font-weight: bold;
		}
		
p.pblv2		{
		font-size: 20px;
		}
		
td		{
		margin-top : 0px;
		margin-bottom : 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		}

#div_img_en_grand
		{
		position:fixed;
		display:none;
		margin: auto;
		top : 0;

		/*height: 83%;*/
		background: #C2D5FF;
		border:1px solid #000;
		border-radius:50px;
		-webkit-border-radius:30px;
		-moz-border-radius:30px;
		padding : 4%;
		
		/*margin-left: auto;
		margin-right: auto;*/
		margin : 3%;
		 /* Fixe l'image en haut à gauche de la page */
		/* position: fixed; 
		 top: 0; 
		 left: 0; 
		 /* Préserve le ratio de l'image */
		 max-width: 100%;
		 max-height: 100%;
		}

#ImgEnGrand
		{
		max-width : 100%;
		max-height : 100%;
		/* width : 83px; */
		padding : 5px;
		}
		
img.miniature	{
		width: 300px;
		margin-left : 3%;
		border-radius: 10px;
		}