html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, fooxhter, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		text-decoration:none;
	}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section { display: block; }

	body { line-height: 1; }

	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	ol, ul, li { list-style: none; }

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* @end of Reset */

body {
	line-height: 1;
    background:grey;   
    width:100%;
    height:100%;
    cursor: url('../img/curseur/curseur.cur'), auto;
}

body#Me1BC{
background:url('../img/fondecran/feb1.png') !important;
background-size: 51% !important;
}

a{
cursor: url('../img/curseur/curseur3.cur'), auto;
font-family:futura, futura std, helvetica;
}

button{
cursor: url('../img/curseur/curseur3.cur'), auto;
}

/* ---------- Menu Barre---------- */



#barre{
    display: flex;
    align-items: center;
	background-color:#2b2b2b;
	height:30px;
}

#barre .left {
    margin-left: 40px;
    margin-right: auto;
    display: flex;
    align-items: center;
}

#barre .right {
    margin-right: 40px;
}

#barre li{
margin-left:15px;
margin-right:15px;
}


#produit{
width:200px;
}


#puce6{
display:flex;
color:white;
font-family:futura, futura std, helvetica;
font-size:12px;
}

#produit8 li{
margin-top:4px;	
}


#menu a{
	color:black;
    padding-right: 1px;
    position: relative;
	text-decoration:none;
}


#menu a:hover,
#menu a:focus,
#menu .current a:hover,
#menu .current a:focus,
#menu1 a:hover,
#menu1 a:focus,
#menu1 .current a:hover,
#menu1 .current a:focus{
	color:#4466ff;
}

#menu li:hover ul,
#menu1 li:hover ul{
	background-repeat: repeat-x;
	margin-top:30px;
}



#menu .current a,
#menu rent a{
	color:#fff;
}



/*----------Menu déroulant----------*/


#menu ul
{
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    z-index: 1;
	position: absolute;
	top: 0;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	padding-left: 6px;
}

#menu ul#produit
{
	padding-bottom: 18px;
}
#menu ul#produit8
{
	padding-bottom: 7px;
}

    

#menu1 ul{
    z-index: 1;
    background:none;
    display:none;
	position: absolute;
	top:0;
    right:0;
	font-family: Helvetica;
	font-weight: bold;
}





/*----------Affiche Menu déroulant----------*/

#menu ul li{
	display: block;
}

#menu li:hover #produit,
#menu li:focus #produit{
	display:block; 
}


#menu li:hover #produit7,
#menu li:focus #produit7{
	display:block;

}

#menu li:hover #produit8,
#menu li:focus #produit8{
	display:block;

}

#menu1 li:hover #produit12,
#menu1 li:focus #produit12{
	display:block;
}


/*----------Fin Menu déroulant----------*/


.prod{
	display:block;
	color:#111129;
}


/* taille espace Menu Victor Baissait*/
.puc li {
	display:block;
	padding-top:3px;
}


/* taille espace Menu autres*/
#puce li{
	padding-top:15px;
}

.prod ul{
	display: block;
}

.puc {
	background-repeat: no-repeat;
	z-index: 2;
	font-family: Helvetica;
}


#part2 {
float:left;
display:block;

}

/*--------------------------------Dossier--------------------------------*/

#dossier{
		height:39px;
		padding: 25px;
		text-decoration:none;
		display:flex;
         justify-content:flex-end;
		margin-top: 12px;
}

#dossier span{
display:flex;
margin-top:10px;
margin-bottom:24px;
color:black;
justify-content:center;
font-family:futura, futura std, helvetica;
}

#dossier img{
width:80px;
}


/*--------------------------------Bas--------------------------------*/




/**/#footer{
        display:flex;
       	    position: fixed !important;     
	    left:0px;
	    bottom: 35px; 
	    height: 42px; 
	    width: 100%;
        align-content: center;
        justify-content:center;

}

#barrefoot{
    background-color:#4e4d4d;
    width: 75%; 
    display:flex;
    flex-flow:row;
    align-content: center;
    justify-content:space-around;
}



#footer span {
    display: flex;
    margin-top: 21px;
    color: black;
    justify-content: center;
    font-family: futura, futura std, helvetica;
}

#menu3{
         display:flex;
    flex-flow:row;

}

#menu3 li{
margin-left:40px;
margin-right:40px;
margin-top:-30px;
display:flex;
flex-flow:row;

}

#menu3 li img{
width:55px;
}




/*--------------------------------fenetre--------------------------------*/

.cadre_bleu {
	position: absolute;
	margin-top: 90px;
	margin-left:70px;
	height: 60%;
	width: 80%;
	left: 2px;
	top: 0px;
	background-image: url(../img/dossier/cadre_dossier.png);
}


.cadre_bleu1 {
	position: absolute;
	margin-top: 90px;
	margin-left:70px;
	height: 60%;
	width: 80%;
	left: 2px;
	top: 0px;
	background-image: url(../img/dossier/cadre_dossier.png);
}
.fermer {
	background-image: url(../img/dossier/fermer.png);
	position: absolute;
	background-size:17px;
    background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	left: 8px;
	top: 3px;
}

.revenir {
	background-image: url();
	position: absolute;
	background-size:17px;
	height: 30px;
	width: 30px;
	left: 38px;
	top: 3px;

}

#ecranAaa { 
overflow:scroll;
width: 100%; 
height: calc(100% - 24px);
margin-top:24px;
background-color:white;
}

audio { 
   display:none;
}


/*--------------------------------Préférence Utilisateur--------------------------------*/



.menu1 span{
display:flex;
margin-top:10px;
margin-bottom:24px;
color:black;
justify-content:center;
font-family:futura, futura std, helvetica;
}


#logo{
	background:#027b7b;
	float:left;
	margin:0 0 40px 0;
	}


.blue{
float:left;
padding-top:20px;
padding-bottom:5px;
padding-left:30px;
padding-right:30px;
	}


.menu1 {
		  float:left;
		  display:block;}

.menu1 p{
	text-align:center;
	font-size:18px;
	font-family: Helvetica;	
}	

.t{
	clear:both;
	text-align:left;
	padding-left:23px;
	font-size:20px;
	background:#898989;
	color:white;
	font-family: Helvetica;
	height:27px;
}	

.t p{
	padding-top:3px;
}

.u{
	clear:both;
	background:4f4f4f;
	color:white;
	height:20px;
	width:97%;
	margin : 0 auto; 
	
}



.blue p{
	padding-top:7px;
	
}	
.menu1 a{
			height:39px;
			text-decoration:none;
			color:black;}
						
	.menu1 li{
			 padding:50px;}

menu li span {display:none;}


/*#ecran1 { 
overflow:auto; 
margin-top:67px;
width: 100%; 
height: 460px;
}*/


#ecran1 { 
overflow:scroll;
width: 100%; 
height: 100%;
margin-top:48px;
background-color:white;
}

h2 {
		font-family: Helvetica,Verdana, Arial;
}

h1 {
		font-family: Helvetica,Verdana, Arial;
		font-size: 12pt;
}
#bas1{
margin-top:140px;	
	

}

#bas1{
margin-top:140px;	
}

#bas2{
margin-top:125px;	
	
}

.bluebird{
	float:left;
}


/*--------------------------------Mail, sms, notes--------------------------------*/

#listemail{
margin-top:23px;
height:100%;
width:100%;
display:flex;
background-color:#fcfcfc;
}

#listemail1{
height:100%;
width:100%;
display:flex;
background-color:#fcfcfc;
}


ul#epart1{
overflow:scroll;
background-color:#d8d8d8;    
}

#epart1 li{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 1px solid #000; 
}

#epart1{
width:30%;    
}

#epart2{
width:70%;  
overflow: scroll;

}


#epart1 p{
display:flex;
margin-left:10px;
}

.emailtitle{
display:flex;
margin-top:10px;
font-size:18px;
color:black;
font-weight:500;
}

.emailtextintro{
display:flex;
margin-top:8px;
font-size:12px;
color:black;
font-family:futura, futura std, helvetica;    
}

.mailtext{
display:none;
width:100%;
height:100%;
/*background-color:#f4f4f4;*/
background:url("../img/encycloweb/fond2a.png");
background-size: 70px 21px;
overflow:scroll;
font-family:futura, futura std, helvetica;
}


.mailpreviewColor{
background-color:#bec6ff !important;
  
}




.mailtext:target {
  display: block;
}

.emailpersonne{
margin-top:20px; 
padding-left:30px;
margin-bottom:15px;
}

.emailtitre{
padding-left:30px;
margin-bottom:15px;
}

.emailenvoyea{
padding-left:30px;
padding-bottom:20px;
border-bottom: 1px solid #000;    
}

.emailtexte{
display:inline-block;
margin-top:25px; 
padding-left:30px;
line-height:1.45;
margin-right:30px;
}

.emailtexte1{
display:inline-block;
margin-top:25px; 
padding-left:30px;
padding-right:50%;
line-height:1.45;
font-family:futura, futura std, helvetica;  
}

.emailtexte2{
display:inline-block;
margin-top:25px; 
padding-right:30px;
padding-left:50%;
line-height:1.45;
}

.emailtexte span, .emailtexte1 span, .emailtexte2 span{
font-size:10px;
}

.emailtexte2 span{

display:inline-block;
}

/*--------------------------------Musique--------------------------------*/


#listemusique{

margin-top:23px;
height:100%;
width:100%;
display:flex;
background-color:#fcfcfc;
}


#listemusique ul#epart1{
overflow:scroll;
}

#listemusique #musique1 li{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:30px;
border-bottom : 1px solid #000; 
}

#listemusique #musique1 li:first-child{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 1px solid #000; 
font-size:20px;
}

#listemail #musique1 li{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 1px solid #000; 
}

#musique1 {
width:100%; 
overflow:scroll;
}

#listemail #musique1 p{
display:flex;
margin-left:10px;
}

.musiquetitle{
display:flex;
margin-top:8px;
margin-left:25px;
font-size:14px;
color:black;
font-weight:500;
}

#first1{
margin-top:18px;
margin-left:25px;
font-size:19px;
}



/*--------------------------------Page Index--------------------------------*/
#wholesitepassword3{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
height:100%;
overflow:scroll;
background:url("../img/encycloweb/fond2a.png");
background-size:5px 1000px;
line-height:1.6;
margin-top: 23px;
}

#wholesitepassword3 #introtexte{
margin-top:40px;
margin-left:10%;
margin-right:10%;
}

#wholesitepassword3 #introcredit{
margin-left:10%;
margin-right:10%;
margin-bottom:30px;
font-size:9px;
}

/*--------------------------------Internet--------------------------------*/


#ecran1a {
display:flex; 
align-items: center;
justify-content:center;
overflow:scroll; 
margin-top: 23px;
height: 100%;
width: 100%;
background-color: #fcfcfc;
background:url("../img/encycloweb/fond2a.png");
background-size: 30px 30px;
}


#ecran1a ul{
display:flex; 
align-items: center;
justify-content:center;
flex-flow: row wrap;  
}

#ecran1a li{
margin-bottom:10px;
margin-left:10px;
margin-right:10px;

}



#ecran1c {
display:flex; 
align-items: flex-start;
justify-content:center;
overflow:scroll; 
height: 100%;
width: 100%;
background-color: #fcfcfc;
}

.emailtitle1B {
    display: flex;
    padding-top: 25px;
    font-size: 38px;
    color: black;
    font-weight: 500;
}

#ecran1d {
display:flex; 

justify-content:center;
overflow:scroll; 
margin-top: 23px;
height: 100%;
width: 100%;
background-color: #fcfcfc;
}

.mysearch{
display:flex;
align-items: center;
justify-content:center;
margin-top:10px;
margin-bottom:40px;
}

.mymenuA p{
margin-top:5px;
margin-bottom:10px;
font-size:40px;
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;
}


.mymenuB p{
margin-top:15px;
margin-bottom:20px;
font-size:40px;
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;

}

.mymenuB1 p{
margin-top:15px;
margin-bottom:20px;
font-size:30px;
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;
}



.cadre_bleu1 {
	position: absolute;
	margin-top: 60px;
	margin-left:70px;
	height: 70%;
	width: 80%;
	left: 2px;
	top: 0px;
	background-image: url(../img/dossier/cadre_dossier.png);
}


#ec1{
margin-top:150px;
}


a.btn{
margin-left:10px;
}


.mailtextA1{
width:100%;
height:100%;
background-color:#f4f4f4;
overflow:scroll;
font-family:futura, futura std, helvetica;
}

.pub{
color:#2e2e2e;
font-size:18px;
font-weight:800;   
}

.pub1{
color:#2e2e2e;
font-size:18px;
font-weight:800; 
flex-flow: column;
background-color: #f4f4f4;
margin-top:20px;
}

#allinput{
flex-flow: column;
}

.defile {
	display:block;
	-webkit-animation:linear mypub1 20s infinite ;
	-moz-animation:linear mypub1 15s infinite ;
	-o-animation:linear mypub1 15s infinite ;
	-ms-animation:linear mypub1 15s infinite ;
	animation:linear mypub1 15s infinite ;
	margin-left:-100%;
	padding:0 5px;
	text-align:left;
	height:20px;
    overflow: hidden;
}


@-webkit-keyframes mypub1 {
	0% {margin-left:100%;}
	100% {margin-left:-0%;}
 }
@-moz-keyframes mypub1 {
	0% {margin-left:100%;}
	100% {margin-left:-0%;}
 }
@-o-keyframes mypub1 {
	0% {margin-left:100%;}
	100% {margin-left:-0%;}
 }
@-ms-keyframes mypub1 {
	0% {margin-left:100%;}
	100% {margin-left:-0%;}
 }
@keyframes mypub1 {
	0% {margin-left:100%;}
	100% {margin-left:-0%;}
 }

/*----------------------Identifiants/mots de passes----------------------*/

#wholesitepassword{
display:flex;
/*align-items:center;*/
justify-content:center;
font-family: futura, futura std, helvetica;
height:100%;
overflow:scroll;
background:url("../img/encycloweb/fond2a.png");
background-size: 10px 10000000000px;
}

#wholesitepassword2{
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;
height:100%;
overflow:scroll;
background:url("../img/encycloweb/fond2a.png");
background-size:10000000000px 10px;
}


#wholesitepassword p{
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;
overflow: hidden;
flex-flow: column;
}

#wholesitepassword img{
overflow:hidden;
}


#wholesitepassword #allinput{
display:flex;
align-items:center;
justify-content:center;
font-family: futura, futura std, helvetica;
}

#wholesitepassword #allinput p{
display:inline-block;
margin-top:30px;
margin-bottom:10px;
}

.ok1{
margin-top:25px;
  
}


#wholesitepassword input{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 2px solid #b7b7b7;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font: normal 16px/normal;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  margin-left:5px;
  margin-right:5px;
}


#errorconnect1{
margin-top:20px;
color:#ed3f3f;
} 


/*----------------------Babillage----------------------*/


#wholesite{
height:100%;
width:100%;
display:flex;
background-color:#fcfcfc;
}

#wholesite ul#Babipart1{
overflow:scroll;
}

#wholesite #Babipart1 li{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 2px solid #000; 
align-items:center;
justify-content:center;
}

#Babipart1{
width:10%; 
background-color:#d8d8d8;
}

#babipart2{
width:90%;
overflow:scroll;
}


#listemail #babipart1 p{

margin-left:10px;
}

#babillagelogo{
 height:23px;
display:flex;
font-family: futura, futura std, helvetica;
align-items:center;
justify-content:center;
}


#babillagesite{
 height:100%;
}

.datebaibillage{
font-size:7px;    
}


#interspace3a, #interspace3{
width:100%;
height:100%;
}


.emailenvoyeb{
padding-left:30px;
padding-top:20px;
padding-bottom:20px;
border-bottom: 1px solid #000;
line-height:1.35;
}



#wholesite1 ul#babipart1{
overflow:scroll;
}

#babipart1{
font-family: futura, futura std, helvetica;
height:60px;
height:100%;
background-color:#313131;

}

#babipart1 li:first-child{
border-left: 0px solid #000; 
}

#babipart1 li{
border-bottom : 2px solid #000; 
display:flex;
align-items:center;
overflow:scroll;
height:50px;
width:100px; 
justify-content:center;
background-color:#313131;
}


.opac{
opacity:0.5;
}

.opac #msgA{
color:#814f4f;
}

/*----------------------Photonet et Interspace----------------------*/

#wholesite1{
/**/height:100%;
width:100%;
display:flex;
flex-flow: column;
/*background-color:#fcfcfc;*/

}


#wholesite1 ul#photopart1{
overflow:scroll;
background-color:#d8d8d8;
}
/*
#wholesite #photopart1 li{
display:flex;
flex-flow:;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 2px solid #000; 
align-items:center;
justify-content:center;
}*/


#photopart1{
display:flex;
flex-flow:;
font-family: futura, futura std, helvetica;
height:60px;
border-bottom : 2px solid #000; 
align-items:center;
justify-content:center;
width:100%;
background-color:#d8d8d8;
}

#photopart1 li:first-child{
border-left: 0px solid #000; 
}

#photopart1 li{
display:flex;
align-items:center;
justify-content:center;
width:100%;
border-left: 1px solid #000; 
}


#photopart2{
display:flex;
flex-flow: row;
font-family: futura, futura std, helvetica;
/*background-color:#d8d8d8;*/
align-items:center;
justify-content:center;
height:90%;
background:url("../img/encycloweb/fond2a.png");
background-size: 50px 30px;

}

.photonettitleprofil{
padding-top:20px;
padding-left:30px;
padding-bottom:20px; 
}



#photopart1a{

font-family: futura, futura std, helvetica;
height:60px;
border-bottom : 2px solid #000; 
justify-content:center;
width:100%;
background-color:#d8d8d8;
}

#photopart1a li:first-child{
border-left: 0px solid #000; 
}





#interspace2{
display:flex;
flex-flow: row;
font-family: futura, futura std, helvetica;
align-items:center;
justify-content:center;
height:90%;  
background-color: #f4f4f4;
}

.mailtext1{
width:100%;
height:100%;
background-color:#f4f4f4;
overflow:scroll;
font-family:futura, futura std, helvetica;

}

#interspacepart1{
width:100px; 
background-color:#d8d8d8;
}

ul#interspacepart1{
overflow:scroll;
}

#interspacepart1 li{
display:flex;
flex-flow:column;
font-family: futura, futura std, helvetica;
background-color:#d8d8d8;
height:60px;
border-bottom : 2px solid #000; 
align-items:center;
justify-content:center;
}

.pubinterspace{
margin-top:20px;
display:flex;
justify-content: center;
align-items: center;
}

.pubinterspace img{
    border-style: double;
    border-width: 5px;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;}

.pubinterspace span{
    display: flex;
  justify-content: center;
align-items: center;
margin-top:10px;
}

/*--------------------------------Blogga--------------------------------*/

#Z1{
display:inline-block; 
line-height:1.4;
}



/*--------------------------------Forumnet--------------------------------*/


.forumtitle1{
padding-left:30px;
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #000;    
}



/*--------------------------------Dossier ordinateur--------------------------------*/

.menuDD{
height:100%;
display:flex;
align-items:center;
justify-content:center;
flex-flow:row;    
}

.blueDD{

padding-top:20px;
padding-bottom:5px;
padding-left:30px;
padding-right:30px;
	}



.blueDD a {
    margin-top:10px;
margin-bottom:24px;
color:black;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none; /* optionnel : enlève le soulignement */
}

.menuDD span{
font-family:futura, futura std, helvetica;
}

.hide{display:none;}
.show{display:inline-block;}


.menuPhotonet {
    height: 100%;
        width: 100%;
    display: flex;
/* align-items: center;
justify-content: center; */
    flex-flow: row;
}

.bluePhotonet img{
    border-style: double;
    border-width: 5px;
    margin-top:10px;
    margin-left:5px;
    margin-right:5px;}

.bluePhotonet span{
    display: flex;
  justify-content: center;
margin-top:10px;
}


/*--------------------------------Encycloweb--------------------------------*/

#ec3{
width:100%;
}

#ecran1b {
display:flex; 
align-items: flex-start;
justify-content:center;
overflow:scroll; 
margin-top: 23px;
height: 100%;
width: 100%;
background-color: #fcfcfc;
background:url("../img/encycloweb/fond1png");
background-size: 14px 14px;
    
}

#ecran1baa {
display:flex; 
align-items: flex-start;
justify-content:center;
overflow:scroll; 
margin-top: 23px;
height: 100%;
width: 100%;
background-color: #fcfcfc;
background-size: 14px 14px;
    
}

#mymenuB2 a{
float:left;
flex-flow:column wrap-reverse;}


.mymenuB2 p{
margin-top:15px;
margin-bottom:20px;
font-size:15px;
font-family: futura, futura std, helvetica;
margin-left:50px;
margin-right:50px;
line-height:1.35;
}

.goingleft {
float: left;
margin: 10px 10px 10px 0px;
font-size:11px;
}

.goingright {
float: right;
margin: 0 10px 10px 10px;
font-size:11px;
 
}

.goingleft img, .goingright img{
border-style: double;
border-width: 5px;
}

#ahello{
 display:flex;
flex-flow:row;
justify-content:center;   
}


/*--------------------------------superrette--------------------------------*/

.superrette1 {
    height: 100%;
    display: flex;
/* align-items: center; */
justify-content: center;
    flex-flow: row wrap;
}



/*--------------------------------article--------------------------------*/


#ec2{
width:100%;    
}








/*--------------------------------ordi autre--------------------------------*/



#Me1BC{
background-image: url("/img/fondecran/fondecranbotz1.png") !important;
}









































/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/
/*--------------------------------MediaQueries--------------------------------*/


















































@media screen and (max-width: 1000px) {
#menu3 li{
margin-left:30px;
margin-right:30px;

    }
    
#Babipart1 {
    width: 14%;
    background-color: #d8d8d8;
}
    }

@media screen and (max-width: 875px) {
#menu3 li{
margin-left:20px;
margin-right:20px;

    }
    
#Babipart1 {
    width: 16%;
    background-color: #d8d8d8;
}
    
#epart1 {
    width: 45%;
}
    

.bluePhotonet img{
    width:175px !important;
    height:175px !important;
    }    
    

    
    }

@media screen and (max-width: 775px) {
#menu3 li{
margin-left:25px;
margin-right:25px;
    }
    
#Babipart1 {
    width: 18%;
    background-color: #d8d8d8;
}
    
#menu3  li:nth-child(n+5) {
    display:none;  
}
    
.menuDD {
    justify-content: flex-start;
}
    
.menuDD img{
width:80px !important;
    }
    
.cadre_bleu {
    margin-left: 30px;
}
    
.cadre_bleu1 {
    margin-left: 30px;
}
    

#photopart1 li:last-child{
    display:none;
    }
    

.bluePhotonet img{
    width:125px !important;
    height:125px !important;
    } 
    
    }    
    
@media screen and (max-width: 650px) {

#Babipart1 {
    width: 21%;
    background-color: #d8d8d8;
}
    
#menu3  li:nth-child(n+5) {
    display:none;  
}
    
.menuDD img{
width:60px !important;
    }
    
.mysearch input{
    width: 165px !important;
    }
    
#epart1 {
    width: 45%;
}
    
.emailtitle {
    font-size: 16px;
}
    
.emailtextintro {
    font-size: 11px;
}
    
#epart1 li {
    height: 75px;

}
    
.emailtitle {
    font-size: 15px;  
    }
    

    }



@media screen and (max-width: 550px) {
#menu3 li{
margin-left:20px;
margin-right:20px;
    }
    
#Babipart1 {
    width: 25%;
    background-color: #d8d8d8;
}
    
#menu3  li:nth-child(n+5) {
    display:none;  
}
    
#barrefoot {
    width: 85%;
}
    
.mysearch input{
    width: 165px !important;
    }
    
    }


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

    
#Babipart1 {
    width: 27%;
    background-color: #d8d8d8;
}
    
#menu3  li:nth-child(n+5) {
    display:none;  
}
    
#barrefoot {
    width: 95%;
}
    }



@media screen and (max-height: 680px) {
#ecran1a {

align-items:flex-start;
height: 100%;
width: 100%;

}
    
.cadre_bleu {
height: 57%;

}
    
.cadre_bleu1 {
height: 60%;

}
    
@media screen and (max-height: 510px) {
#ecran1a {

align-items:flex-start;
height: 100%;
width: 100%;

}
    
.cadre_bleu {
height: 53%;
overflow:scroll:
}
    
.cadre_bleu1 {
height: 53%;

}
    }
    
    
@media screen and (max-height: 480px) {
#ecran1a {

align-items:flex-start;
height: 100%;
width: 100%;

}
    
.cadre_bleu {
height: 50%;
}
    
.cadre_bleu1 {
height: 50%;
}
    

    }

@media screen and (max-width: 300px) {
body{
display:none;    
}
    }

@media screen and (max-height: 350px) {
body{
display:none;    
}
    }

/**/