.citybod{ 

position:absolute;
width:100%;
height:100%;
margin: 0 0 0 0;
overflow-y:scroll;
overflow-x:hidden;


}


td{

word-wrap:break-word;
wrap:normal;

}


a{

text-decoration:none !important;

}


.overscr{

position:absolute;
display:flex;
top:0;
left:0;
width:100%;
height:100%;
z-index:20000;

}


#one{ 

position:absolute;
width:100%;
height:100%;
margin: 0 0 0 0;
overflow:scroll;
background: url(FCconnectemap.png);
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center center;
background-size:cover; 

}


.chosen-container-multi .chosen-choices li.search-field input[type="text"]{

  background:url(cmpmenuicon.png) !important;
  background-size:4em 2.2em !important;
  background-position: center center !important;
  background-repeat:no-repeat !important;

}


#smallcityboxleft{

position:fixed;
width:25%;
min-width:212.75px;
top:3em;
left:0;
display:none;
cursor:pointer;
z-index:9999;

}


#smallcityboxright{

position:fixed;
width:25%;
min-width:212.75px;
top:3em;
right:0;
display:none;  
cursor:pointer;
z-index:9999;

}


#smallcityleft{

position:relative;
height:5em;
width:5em;
margin-right:50%;
margin-top:1em; 
padding:1.75em 2em 1.75em 2em;
text-align:center;
cursor:pointer;
border:1px solid; 
border-radius:500px 500px;

}


#smallcityleft:hover{

background:#337ab7;
color:white;

}


#smallcityright{

position:relative;
height:5em;
width:5em;
margin-left:50%;
margin-top:1em; 
padding:1.75em 2em 1.75em 2em;
text-align:center;
cursor:pointer;
border:1px solid; 
border-radius:500px 500px;

}


#smallcityright:hover{

background:#337ab7;
color:white;

}


#flboxright{ 

position:absolute;
right:100%;
margin-right:-1em;
cursor:pointer;
display:none;
transform:perspective(500px) translateZ(200px);
-wekbit-transform:perspective(500px) translateZ(200px);
-moz-transform:perspective(500px) translateZ(200px);
-ms-transform:perspective(500px) translateZ(200px);
-o-transform:perspective(500px) translateZ(200px);

}

#flboxleft{ 

position:absolute;
left:100%;
margin-left:-1em;
cursor:pointer;
display:none;
transform:perspective(500px) translateZ(200px);
-wekbit-transform:perspective(500px) translateZ(200px);
-moz-transform:perspective(500px) translateZ(200px);
-ms-transform:perspective(500px) translateZ(200px);
-o-transform:perspective(500px) translateZ(200px);

}


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

#smallcityboxleft{ 

display:block;

}

#smallcityboxright{ 

display:block;

}

#flboxright{ 

display:none;

}

#flboxleft{ 

display:none;

}

#flboxright{ 

display:none;

}

#boxright0{ 

display:none;

}

#boxleft0{ 

display:none;

}

}


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

.boxtopmenucity{

position:fixed;
width:100%;
min-width:100%;
display:flex;
justify-content:center;
z-index:9999;

}

#smallcityboxright{

position:fixed;
width:10em;
min-width:10em;
right:auto;
left:auto;
margin-left:25em;
cursor:pointer;
z-index:9999;

}


#smallcityright{

position:fixed;
height:5em;
width:5em;
right:auto;
left:auto;
margin-top:1em; 
margin-left:0em;
padding:1.75em 2em 1.75em 2em;
text-align:center;
cursor:pointer;
border:1px solid; 
border-radius:500px 500px;

}

#smallcityboxleft{

position:fixed;
width:10em;
min-width:10em;
right:auto;
left:auto;
margin-left:-30em;
cursor:pointer;
z-index:9999;

}


#smallcityleft{

position:relative;
height:5em;
width:5em;
left:auto;
margin-top:1em; 
margin-left:-0.75em;
padding:1.75em 2em 1.75em 2em;
text-align:center;
cursor:pointer;
border:1px solid; 
border-radius:500px 500px;

}

}

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


.boxtopmenucity{

position:fixed;

display:flex;
justify-content:center;
z-index:9999;

}

#smallcityboxleft{

margin-right:0em;
width:5em;
min-width:5em;

}

#smallcityleft{

margin-left:50%;

}


#smallcityboxright{

position:fixed;
width:5em;
min-width:5em;
margin-left:22em;
cursor:pointer;
z-index:9999;

}

#smallcityright{

margin-right:50%;

}

}


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


.boxtopmenucity{

position:fixed;
width:734px;
min-width:734px;
display:flex;
justify-content:center;
z-index:9999;

}

.contsize{

width:734px;
min-width:734px;

}


}

.fix{ 

height:0.1em;
position:fixed; 
width:100%;
background:transparent;

}


.maxwdt{

position:fixed;
display:flex;
justify-content:center;
width:100%; 
height:0.1em;
z-index:9998; 

}


.hwmax{

width:100%; 
height:100%; 

}


.wmax{

width:100%; 

}


.hmax{

height:100%; 

}


.dpn{ 

display:none;

}


.decoref0{

text-decoration:none !important;

}


.tal{

text-align:left;

}


.tar{

text-align:right;

}


.tac{

text-align:center;

}


.cp{

cursor:pointer;

}


.br{

border-radius:500px 500px;

}


.spong{

color:black;

}


.opacity0{

visibility:hidden;

}


.mgmenutop{ 

margin-top:0.3em;

}


.mgimgtop{ 

margin-top:-0.3em;

}


.mgb00{ 

margin-top:0.5em;

}


.mgb01{ 

margin-left:2em;

}


.mgb02{ 

margin-top:-3em;

}


.mgbsp0{ 

margin-top:-2.5em;

}


.mgbp0{ 

margin-top:-2.8em;

}


#champrLogin{ 

width:20em;

}


.activeong{ 

color:white !important;
background:#517ab7 !important;
border-color:none !important;

}


.mpdex{ 

position:fixed;
width:300px; 
z-index:10000; 

}


#menuperso{ 

position:fixed;
right:0px;
top:3.5em;
width:300px;
padding-top:1em;
height:100% !important;
background:none !important;
display:flex;
border:1px solid;
border-right:none !important;

}


.menuperso0{ 

transform:translate(275px);
-wekbit-transform:translate(275px);
-moz-transform:translate(275px);
-ms-transform:translate(275px);
-o-transform:translate(275px);

transition: all 0.6s;
-wekbit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;

}


.menuperso{ 

transform:translate(0px);
-wekbit-transform:translate(0px);
-moz-transform:translate(0px);
-ms-transform:translate(0px);
-o-transform:translate(0px);

transition: all 0.6s;
-wekbit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;

}


.aligncmp{ 

margin-top:-85em;

}


.flm{ 

text-align:left; 
width:5%; 
margin-left:1%;
cursor:pointer;
color:#00adee;
font-weight:bold;

}


#cmpedit{

margin-top:3em; 
margin-left:-7.1em; 
width:500px; 
font-size:1.1em; 

}


#tablecmpedit{

width:600px;

}


.cmpeditform{

width:16em;

}


#cmpeditavatar{

width:70px; 
height:70px;
border-radius:500px 500px;

}


.tablemenuperso{ 

position:absolute;
min-width:100%;
height:100%;
display:inline-block;
text-align:left;
margin-left:-1em;
overflow-y:scroll;

}


.contentlpm{ 

width:300px;
height:500px;
position:fixed;
vertical-align:bottom;

}


.contentlpmi{ 

width:300px;
height:500px;
position:fixed;
vertical-align:bottom;

}


.lpm0{ 

list-style-type:none;
display:inline;

}


.lpm{ 

list-style-type:none;
width:300px;
height:100%;
display:inline-table;

}


.tableintperso{ 

width:300px;
height:100%;
text-align:center;

}


.tdmp01{ 

font-size:1.1em;
border-right:0px;
border:1px solid;
border-color:#F7F7F7!important;

}


.tdmp02{ 

border-left:0px;
vertical-align:middle;
font-size:1.5em;
border:1px solid;

}


#tdmp0{ 

width:90%;

}


.trmp0{ 

height:2em;
width:100%;
vertical-align:middle;
border-top:0px;
border-right:0px;
border-left:0px;

}


#fl0{ 

cursor:pointer;
margin-left:0.5em;
margin-right:0.5em;
width:0.5em;

}


#fl{ 

display:none;
cursor:pointer;
margin-left:0.5em;
margin-right:0.5em;
width:0.5em;

}


.tdmp{ 

height:50px;
border-top:0px;
border-right:0px;
border-left:0px;
display:none;

}


.fontSp{

font-size:1.3em;

}


.contents{

justify-content:center;  
width:100%; 
height:750px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:4em; 
margin-left:2em; 
clear:both;

}


.mpdex{ 

position:fixed;
width:300px; 
z-index:10000; 

}


.dbod{

width:100%;
height:100%;
position:relative;

}


.dbodscr{

width:100%;
height:100%;
position:fixed;
margin:0 0 0 0;

}


.mgeneral{ 

top:0em;
position:fixed;
display:flex;
justify-content:center;
z-index:9997;
width:100%;
margin-top:3.5em;
margin-left:1em;

}


#content{ 

height:100% !important; 
width:100% !important;
background-repeat:no-repeat; 
background-position:center center !important;
background-attachment:fixed;
background-size:2300px;
position:fixed !important;
z-index:9997 !important;

}


#contentsmall{ 

height:12em;
width:12em;
margin-top:-7em;
margin-left:-6em;
background: url(FCconnecte2.22.png);
background-repeat:no-repeat; 
background-position:center center;
background-size:20em;
position:fixed;
top:50.5%;
left:50.5%;
overflow:hidden;

}


.fixContent{

display:flex;
justify-content:center;
position:fixed;
z-index:999; 

}


.fixC{ 

position:relative;
border-radius:500px 500px;
width:600px;
height:600px;
z-index:9996;

}


.enteteuneville{ 

position:relative;
width:100%;
height:0.1em;
float:left;
margin-top:-13em;

}


#unecontenus0{

margin-top:19em;
margin-left:1em;
width:100%;

}


#cmpntf{

margin-top:17em;
margin-left:1em;
width:550px;

}


.cmpnotif{ 

position:relative;
z-index:9993;

}


.fixcmpnotif{

position:relative;
z-index:9992; 
opacity:0.1;


}


#clw3c{

padding-top:23.5em;
margin-left:1em;
width:550px;

}


#clspw3c{

padding-top:2em;
margin-left:1em;

}


#clrechercher{

width:25em;

}


#clrbtn{

width:3em;

}


#clajout{

width:16em; 
background:none; 
height:2em; 
border-color:white;

}


#clabtn{

background:transparent;
height:2em; 
border-radius:500px 500px; 
border:1px solid #00aeef; 
color:red;

}


#container22{

top:25em;
width: 310px;
height: 310px;
position: relative;
z-index:9998;

}


.bgmenup{ 

height:7em;
width:52.5em;

}


#lioptmenu{

width:8em;
height:3em;
top:0em;

}


.mgtransitacc{ 

margin-left:0.85em; 
perspective:19.5em;
display:flex;
justify-content:center;
height:0em;
top:3.3em;
width:100%;
position:relative;

}


.rtransit00{ 

transform:translateZ(-2000px);

}


.rtransit00act{ 

transform:translateZ(-2000px);

}


.rtransit01{ 

transform:translateZ(-700px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit02{ 

transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


#spheremenu{ 

margin-left:2em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#spheremenu2{ 
  
margin-left:2.6em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#r{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#rbis{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r4{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2d2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
display:flex;
position:relative;

}


.rtransit00{ 

transform:translateZ(-2000px);

}


.rtransit00act{ 

transform:translateZ(-2000px);

}


.rtransit01{ 

transform:translateZ(-700px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit02{ 

transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


@keyframes example {
    from {transform:translateZ(30em);}
    to {transform:translateZ(20em);}
}


#spheremenu{ 

margin-left:2em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#spheremenu2{ 
  
margin-left:2.6em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#r{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#rbis{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r4{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2d2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
display:flex;
position:relative;

}


#content00{ 

height:100%; 
width:100%;
border-radius:500px 500px !important; 
background: url(FCSP.png) !important; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:680px !important; 
margin-top:-0.25em !important;

}


.alignport{ 

z-index:9998 !important;
position:relative;

}


#menu00{ 

font-size:2.5em;

}



#menu2{ 

font-size:2.5em;

}


#rotate{ 

height:100%; 
width:100%;
border-radius:500px 500px;

} 


.perspscrl{ 

perspective: 1000px;
transform-style:preserve-3d;

}


#persprotscrl{ 

position:fixed;
justify-content:center;
display:flex;
width:100%;
height:0em;
z-index:9995;
visibility:visible !important;

}


.persprotscrl{ 

justify-content:center;
display:flex;
perspective: 100px;
transform-style:preserve-3d;
margin-left:0px;

}


.persprotscrlact{ 

perspective: 100px;
transform-style:preserve-3d;
margin-left:146px;
position:fixed;
justify-content:center;
display:flex;

}


.rotscrlcircle{

transform:translate3d(3em,13em,-28em) !important;
position:fixed;
}


.rotscrlcircle2{

transform:translate3d(4.2em,13em,-28em) !important;
height:20em;
position:fixed;

}


.rotscrl0{

transform:translate3d(0.5em,-12.4em,-40em) !important;

}


.rotscrl0act{

transform:translate3d(0.5em,-12.4em,-40em) !important;

}


.rotscrl02{

transform:translate3d(0.5em,-7.3em,-40em) !important;

}


.rotscrl{

transform:translate3d(4em,-83em,-300em) !important;

}


.rotscrlact{

transform:translate3d(4em,-83em,-300em) !important;

}


.rotscrlune{

transform:translateX(0.5em) translateY(4.5em) !important;
height:20em;

}


.rotscrl3{

transform:translate3d(0.2em,-1.5em,-16em) !important;

}


#rotscrl2{

position:fixed; 
display:flex; 
justify-content:center; 
width:20em; 
height:20em;
z-index:9995;

} 


#rotscrlimg{

border-radius:500px 500px; 
width:165px; 
height:165px;

} 


.rotscrlimg{

transform:translate3d(0em,-26.5em,-280em) !important;
opacity:1 !important;

}


.rotscrlimgact{

transform:translate3d(0em,-26.5em,-280em) !important;
opacity:1 !important;

}


.persp{

perspective: 400px;

}


.persp2{

perspective: 400px;

}


.perspp{

perspective: 1000px;
z-index:9998;

}


.perspp2{

perspective: 1000px;
z-index:9998;

}


.carouseltran0{

transform:translateY(-20em);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.carouseltran1{

transform:rotateY(120deg) translateY(-20em);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.figure01tran01{

transform:translateY(3em) translateX(0.5em);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.figure02tran01{

transform:translateX(20em);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.figure2tran01{

transform:rotateY(120deg);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.figure03tran01{

transform:translateX(-20em);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.figure3tran01{

transform:rotateY(-120deg);
transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


#spsres{

opacity:0.8;
border:2px solid #66b2cb;

}


#spdres{

opacity:0.8;
border:2px solid #57a0b9;

}


#spires{

opacity:0.8;
border:2px solid #2592b9;

}


#sppres{

opacity:0.8;
border:2px solid #0f607f;

}


#sppjres{

opacity:0.8;
border:2px solid #256d80;

}


#spjres{

opacity:0.8;
border:2px solid #0f698b;

}


.container23{

left:30em;
top:40em;
width: 3em;
height: 3em;
position: relative;

}


#containerp{

top:17.2em;
width:15em;
height:12em;
position: relative;

}


.containerpbtn{

top:8em;
width: 3em;
height: 3em;
border-radius:500px 500px;
position:absolute;
opacity:0.8;
z-index:9999 !important;


}


#carousel{

width:100%;
height:100%;
position: absolute;
transform-style: preserve-3d;

}


#carouselp{

width:100%;
height:100%;
position: absolute;
transform-style: preserve-3d;

}


#carouselp2{

width:100%;
height:100%;
position: absolute;
transform:rotateY(120deg);
transform-style: preserve-3d;

}


#carouselp3{

width:100%;
height:100%;
position: absolute;
transform:rotateY(240deg);
transform-style: preserve-3d;

}


#figure21{

transform:rotateY(0deg) translateZ(30em) translateY(-20em);

}


#figure22{

transform:rotateY(120deg) translateZ(30em) translateY(-20em);

}


#figure23{

transform:rotateY(240deg) translateZ(30em) translateY(-9em);

}


#figure31{

transform:rotateY(0deg) translateZ(30em) translateY(-20em);

}


#figure32{

transform:rotateY(120deg) translateZ(30em) translateY(-9em);

}


#figure33{

transform:rotateY(240deg) translateZ(30em) translateY(-20em);

}


.transit{

transition: all 1s;
-wekbit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;

}


.transit02{

transition: all 2s;
-wekbit-transition: all 2s;
-moz-transition: all 2s;
-ms-transition: all 2s;
-o-transition: all 2s;

}


#carousel figure{

display: block;
position: absolute;
box-shadow:1px 1px 1px -1px;
left: 10px;
top: 10px;
right:10px;
bottom:10px;
text-align:center;
border-radius:500px 500px;
padding-top:10%;
background:none;

}


#carouselp figure{


display:block;
position:absolute;
left: 10px;
top: 10px;
right:10px;
bottom:10px;

}


#carouselp2 figure{


display:block;
position:absolute;
left: 10px;
top: 10px;
right:10px;
bottom:10px;

}


#carouselp3 figure{


display:block;
position:absolute;
left: 10px;
top: 10px;
right:10px;
bottom:10px;

}


.inactifmenu0{

top:-3.8em; 
padding-top:7em; 
position:absolute; 
width:20em;
height:10em;
border-radius:500px 500px; 
cursor:pointer;
font-size:0.8em;
left:-2em;

}


.inactifmenu02{

top:-3.8em;  
padding-top:7em; 
position:absolute; 
width:20em;
height:10em;
border-radius:500px 500px; 
left:-2em;
font-size:0.8em;

}


.inactifmenu0actu{

top:-3.4em; 
padding-top:7em; 
position:absolute; 
width:20em;
height:10em;
border-radius:500px 500px; 
cursor:pointer;
font-size:0.8em;
left:-2em;

}


.inactifmenuact{

top:-3.4em;  
padding-top:7em; 
position:absolute; 
width:20em;
height:10em;
border-radius:500px 500px; 
left:-2em;
font-size:0.8em;

}


.inactifmenu{

transform:rotateY(210deg) !important;
position:absolute;
font-size:2em !important;
min-width:3em;
width:100%;
left:0.25em;
margin-top:0.7em;
color:#337ab7;
cursor:pointer;

}


.inactifmenu2{

transform:rotateY(210deg) !important;
position:absolute;
font-size:2em !important;
min-width:3em;
width:100%;
left:0.25em;
margin-top:0.7em;
color:#337ab7 !important;
cursor:pointer;

}


.actifmenu{

transform:rotateY(0deg);
color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:7em;
width:100%;
left:0em;
margin-top:0.5em;
cursor:pointer;

}


.actactifmenu{

transform:rotateY(0deg);
color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:7em;
width:100%;
left:4.75em;
margin-top:0.5em;
cursor:pointer;

}


.uneactifmenu3{

color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:3em;
width:100%;
left:4.75em;
margin-top:2em;
cursor:pointer;

}


.actuactifmenu{

transform:rotateY(0deg);
color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:7em;
width:100%;
left:4.75em;
margin-top:0.5em;
cursor:pointer;

}


.actifmenu2{

color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:3em;
width:100%;
left:0em;
margin-top:2em;
cursor:pointer;

}


.actifmenu2une{

color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:3em;
width:100%;
left:0em;
margin-top:0.5em;
cursor:pointer;

}


.actifmenu3{

color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:3em;
width:100%;
left:0em;
margin-top:2em;
cursor:pointer;

}


.actifmenuact{

transform:rotateZ(-10deg);
color:red;
cursor:pointer;
position:absolute;
font-size:1.5em;
min-width:3em;
width:100%;
left:0.25em;
margin-top:2em;
cursor:pointer;

}


.actifmenu0{

top:-3.8em; 
padding-top:8em; 
position:absolute; 
width:20em;
height:10em;
border-radius:500px 500px; 
cursor:pointer;
font-size:0.8em;
left:-1.2em;

}


.actifmenuimg{


border-radius:500px 500px; 
width:8em; 
height:8em;

}


.inactifmenuimg2{

transform:rotateY(210deg);
position:absolute;
font-size:2em;
min-width:3em;
margin-left:-2em;
margin-top:-1.9em;
border-radius:500px 500px; 
width:8em; 
height:8em;

}


.inactifmenuimg{

transform:rotateY(210deg);
position:absolute;
font-size:1em;
min-width:3em;
margin-left:-11.7em;
margin-top:-2.5em;
border-radius:500px 500px; 
width:13em; 
height:13em;

}


#carousel span:nth-child(1) { transform: rotateY(   0deg ) translateZ( 268px ); }
#carousel span:nth-child(2) { transform: rotateY(  60deg ) translateZ( 268px ); }
#carousel span:nth-child(3) { transform: rotateY(  120deg ) translateZ( 268px ); }
#carousel span:nth-child(4) { transform: rotateY( 180deg ) translateZ( 268px ); }
#carousel span:nth-child(5) { transform: rotateY( 240deg ) translateZ( 268px ); }
#carousel span:nth-child(6) { transform: rotateY( 300deg ) translateZ( 268px ); }

#carouselp figure:nth-child(1) { transform: rotateY(   0deg ) translateZ( 30em ); }
#carouselp figure:nth-child(2) { transform: rotateY(  120deg ) translateZ( 30em ); cursor:pointer; }
#carouselp figure:nth-child(3) { transform: rotateY(  240deg ) translateZ( 30em ); cursor:pointer; }


#econame{

border:1px solid; 
border-radius: 500px 500px; 
opacity:0.1; 
box-shadow:3px 3px 3px -3px; 
position:fixed; margin-top:33em; 
z-index:998; 
margin-left:-14em; 
height:6em; 
width:6em; 
padding-top:2em; 
padding-left:0.5em;

}


.resmess{

text-align:left;
margin-left:2.5em;

}


.ecoupld{

width:17.5em;
position:absolute;
left:3em;
font-size:0.8em;

}


.ecosub{

transform:rotate(90deg);
width:2em;
height:2em;
position:absolute;
margin-top:-0.2em;
padding-bottom:0.5em;
left:16.8em;
background:none;
border-radius:500px 500px;

}


.cmpinteraction{ 

margin-top:19em;
width:700px;

}


.cmpsp{ 

position:relative;
z-index:9997;

}


.fixcmpsp{

position:relative;
z-index:9996; 
opacity:0.65;

}


.unecontenu{ 

position:relative;
z-index:9997;
width:700px;

}


.fixunecontenu{

position:relative;
z-index:9996; 
opacity:0.65;
width:700px;

}


#cmpstg{

margin-top:17em;
margin-left:2em;
width:550px;
position:relative;
width:550px;
z-index:9997;

}


#tablecmpset{

width:570px;
margin-left:4em;

}


.cmpcontent{ 

position:relative;
z-index:9995 !important;
transform:rotateX(0deg);

}


.fixcmpcontent{

transform:rotateX(30deg);
position:relative;
z-index:9991; 
opacity:0.65;
margin-top:-3em;

}


.fixcmpcontentdown{

position:relative;
z-index:9991; 
opacity:0.65;
transform:none;

}


.loadcontent{ 

height:660px; 
width:660px;
border-radius:500px 500px;
margin-top:19em;
margin-left:1.5em;
border-radius:500px 500px;

}


.alignmgcontent{ 

position:relative;
height:0em;

}


.alignmgcontentune{ 

position:relative;
z-index:9997;

}


.aligntransit{ 

border-radius:500px 500px; 
padding-left:1em;

}


.boxcontentport{ 

margin-top:8em;
margin-left:0em;
height:100%;
width:52.5em;
border-top:none;
border-bottom:none;
z-index:9995;

}


.boxcontentportv{ 

position:absolute;
top:10em;
left:0.7em;
height:0em;
width:100%;

}


.contentport{ 

position:relative;
width:50%;
float:left;
max-height:30em;
padding-top:4em;

}


.contentportv{ 

display:flex;
position:relative;
justify-content:center;
float:left;
width:25%;

}


.loadcontentport{ 

position:relative; 
min-width:50%;
min-height:30em;

}


.loadcontentportv{ 

position:relative; 
min-width:25%;

}


.optport{ 

display:none;
width:100%; 
padding-left:5%; 
padding-right:5%; 
height:3em; 
min-height:3em; 
max-height:3em; 
display:table; 
margin-top:1em;

}


.optdl{ 

height:0em;

}


.clelem{ 

position:relative;
z-index:9997;

}


.fixclelem{

position:relative;
z-index:9996; 
opacity:0.65;
visibility:hidden;

}


.cmpdemande{ 

position:relative;
max-width:71em;
height:71em;
width:71em;
border-radius:500px 500px;
margin-top:11em;
margin-left:1.5em;
z-index:9997;

}


.cmpdemande2{ 

position:relative;
max-width:50em;
height:50em;
width:50em;
border-radius:500px 500px;
margin-top:2em;
margin-left:1.5em;
z-index:9997;

}


.uneaccueil{ 

position:relative;
max-width:71em;
height:71em;
width:71em;
border-radius:500px 500px;
margin-top:11em;
margin-left:1.5em;
z-index:9997;

}


.fixB{

z-index:9997; 
position:fixed;

}


.fixBrt{

z-index:9997; 
position:fixed;

}


.fixBrd{

z-index:9997; 
position:fixed;

}


#ancretop0{

position:fixed;
background:black;

}


.ancretop0{

top:7em !important;
left:49%;

}


.ancretop01{

top:16em !important;
left:49%;

}


#ancredown0{

position:fixed;
background:black;

}


.ancredown0{

bottom:73.5em;
left:49%;

}


#ancretop{

position:fixed;
background:black;
top:11em;
left:49%;

}


#ancredown{

position:fixed;
background:black;
top:34.5em;
left:49%;

}


#ancretopune{

position:fixed;
background:black;
top:7.5em;
left:49%;

}


#ancredownune{

position:fixed;
background:black;
top:13em;
left:49%;

}


.ntwcontent{ 

position:relative;
max-width:71em;
height:71em;
width:71em;
border-radius:500px 500px;
margin-top:11em;
margin-left:1.5em;
z-index:9997;

}


.mgcontentall{

margin-top:-1.2em;

}


.notifspace{

margin-top:20em;

}


.contentspace{

margin-top:20em;

}


.profilcontents00{

justify-content:center;  
width:100%; 
max-height:800px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:17.5em; 
margin-left:7.3em; 
clear:both;

}


.icolor{

color:#2592b9;

}


.bdinfo{

border:1.2px solid; 
border-color:#2592b9;

}


.bdscrinfo{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#2592b9;

}


.bgscri{

background-color:#2592b9;

}


.ecolor{

color:#0f698b;

}


.bdemploi{

border:1.2px solid; 
border-color:#0f698b;

}


.bdscremploi{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#0f698b;

}


.bgscrj{

background-color:#0f698b;

}


.scolor{

color:#66b2cb;

}


.bdservice{

border:1.2px solid; 
border-color:#66b2cb;

}


.bdscrservice{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#66b2cb;

}


.bgscrs{

background-color:#66b2cb;

}


.pcolor{

color:#0f607f;

}


.bdproduit{

border:1.2px solid; 
border-color:#0f607f;

}


.bdscrproduit{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#0f607f;

}


.bgscrp{

background-color:#0f607f;

}


.pjcolor{

color:#256d80;

}


.bdprojet{

border:1.2px solid; 
border-color:#256d80;

}


.bdscrprojet{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#256d80;

}


.bgscrpj{

background-color:#256d80;

}


.dcolor{

color:#57a0b9;

}


.bddebat{

border:1.2px solid; 
border-color:#57a0b9;

}


.bdscrdebat{

border-top: 5px solid;
border-left: 5px solid;
border-radius: 100% 0 0 0;
border-color:#57a0b9;

}


.bgscrd{

background-color:#57a0b9;

}


.prevopac{

opacity:0.7;

}


.spcolor{

color:white;

}


.error{ 

color:red;

}


.alert{ 

color:#517ab7;

}


.boxglcmpr{

margin-top:10em;
margin-left:1em;
height:70em;   
width:70em; 
padding-top:30em;
border-radius:500px 500px;

}


.cmpavatar{

width:200px;
height:200px;
border-radius:500px 500px;

}


.avatarville{

width:10.5em;
height:10.5em;
padding-top:4em;
margin-left:4em;
border:1px solid;
border-radius:500px 500px;
background:url(bgsp3.png);
background-size:1em 1em;

}


.compteavatar{

width:40px;
height:40px;
border-radius:500px 500px;

}


.glspcontent{

width: 2em;
height: 2em;
position: absolute;

}


.mggl{

margin-left:1.45em;
margin-top:42.5em;

}


#espiral3 div, #espiral3 {

position: absolute;
right: -1em;
top: -5px;
width: 1em;
height: 1em;
font-size: 1.15em;
transform: rotate(90deg);
box-sizing: border-box;

}


#espiral3{

font-size: 0.059px;
position: relative;
right: -1;
top:48%;
transform: skew(46deg);

 
} 

@keyframes girar {  
  
  0% {
      transform: rotate(0deg) skew(46deg);


     }

  100% {
      transform: rotate(72000000deg) skew(46000000deg);

     }  
} 


#tourne{

animation: girar2 3600000s infinite linear;
 
}


@keyframes girar2 {  
  
  0% {
      transform: skew(1deg);


     }

  100% {
      transform: skew(100000000deg);

     }  
} 


.cmpcompteavatar{

width:50px;
height:50px;
border-radius:500px 500px;

}


.diboxlink{

min-width:100%;
position:relative;
border:1px solid;
display:block;
padding-top:0.5em;
padding-bottom:0.5em;

}


.diavatar{

margin-left:0em;
width:40px; 
height:40px;
border-radius:500px 500px;

}


.dilogin{

margin-left:1em;

}


.infocomavatar{

width:30px;
height:30px;
border-radius:500px 500px;

}


.debatcomavatar{

width:30px;
height:30px;
border-radius:500px 500px;

}


#uneaccueil{

position:relative;
z-index:9997;
margin-top:12em;     
margin-left:1.5em;      
width:800px;
height:600px;

}


.imagefl{

float:left;
width:170px; 
height:170px;
margin: 0 0 0 0;

}


.imagescr{

float:left;
width:100%;
margin: 0 0 0 0;

}


.unecityavatar{

width:50px;
height:50px;
border-radius:500px 500px;

}


.tablecmpnot{

position:relative;
min-height:5em;
margin-top:1em;
width:100%;

}


.tablecmpnot td{

border-bottom:1px solid #517ab7;
padding-top:1em;
padding-bottom:1em;
padding-left:1em;

}


.cmpcontenttxtarea{

resize:none; 
width:100%; 
height:3em;
background:transparent;

}


#tablecmpe0{

position:relative;
height:100%; 
overflow:hidden;

}


#tablecmpe{

box-shadow: 3px 3px 3px -3px; 
width:600px; 
height:40px;

}


#tablecmpe2{

width:600px; 
height:100px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:1em;

}


#tablecmpe3{

width:600px; 
height:80px; 

}


#tablecmpp0{

position:relative;
height:780px; 
overflow:hidden;
left:0.3em;
top:7%;

}


#tablecmpp{

box-shadow: 3px 3px 3px -3px; 
width:600px; 
height:40px;

}


#tablecmpp2{

width:600px; 
height:100px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:1em;

}


#tablecmpp3{

width:600px; 
height:80px; 

}


#tablecmps0{

position:relative;
height:780px; 
overflow:hidden;
left:0.3em;
top:7%;

}


#tablecmps{

box-shadow: 3px 3px 3px -3px; 
width:600px; 
height:40px;

}


#tablecmps2{

width:600px; 
height:100px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:1em;

}


#tablecmps3{

width:600px; 
height:80px; 

}


.networkcontents{

position:relative;
width:700px; 
height:850px; 
top:7%;
left:0%;
overflow:hidden; 
margin-left:-2.6em;

}


#ntwlist{

display:inline-block; 
font-size:1.5em; 
background:transparent;
margin-left:1.1em;

}


.networkctn{

position:relative;
width:700px; 
height:100%; 
overflow-x:hidden; 
overflow-y:scroll; 
text-align:left; 
margin-top:2em;
margin-left:1.1em;

}


.ntwboxctn{

display:inline-block; 
width:170px; 
text-align:center; 
height:130px;

}


.ntwavatar{

width:50px; 
height:50px;
border-radius:500px 500px;

}


.messagerie{
 
width:620px; 
height:100%; 
margin-left:1.6em;
position:relative;

}


#rntwctn{

margin-left:0.6em;
width:565px; 
height:40px;

}


#btnrntwctn{

width:40px; 
height:40px; 
margin-top:-0.2em;

}


#boxntwbxsl{

width:600px;
height:80px;
display:inline-block;

}


.tablentwcom{

width:100%;
margin-top:1em;

}


#ntwcom{

width:600px; 
height:40px;

}


#sublogntwctn{

width:60px; 
height:20px; 
background:transparent; 
border:none;

}


.tablentwcom2{

min-width:610px; 
max-width:611px;

}


.tdntwdatecom{

border-top:1px solid white;
width:80px;

}


#tablentwcom3{

width:600px;
margin-top:1em;
margin-left:1.6em;
display:inline-table;

}


#ntwtxtarea{

width:600px;
resize:none; 
background:transparent;

}


#ntwscrl{

margin-left:0em;
width:620px;
overflow:hidden;

}


#mpscroll{

height:480px; 
width:620px; 
overflow-y:scroll; 
overflow-x:hidden; 
margin-top:2em;
margin-left:1.7em;

}


.profilcontents{

justify-content:center;  
width:100%; 
max-height:785px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:-20em; 
margin-left:2.5em; 
clear:both;

}


#scrollcmpd{

justify-content:center;  
width:600%; 
height:610px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
clear:both;

}


.comptecontents0{

justify-content:center;  
width:100%; 
max-height:750px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:-14em; 
margin-left:3em; 
clear:both;

}


.comptecontents{

justify-content:center;  
width:100%; 
max-height:775px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:-16em; 
margin-left:2.5em; 
clear:both; 

}


.select{

-webkit-appearance:none;
-moz-appearance:none;
appearance:none;   
position:fixed;
z-index:2;
cursor:pointer;
background:transparent;
width:7em;
border:none; 
margin-top: 0.1em;  

}


.fleche{

transform:rotate(90deg);
cursor:pointer;
margin-left:5.9em;
margin-top:0.2em;
display:inline-block;

}


.select2{

-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:none;   
z-index:2;
cursor:pointer;
background:transparent;
width:7em;
margin-top:0.3em;

}


.fleche2{

transform:rotate(90deg);
cursor:pointer;
display:block;
margin-left:5.9em;
margin-top:-0.8em;

}


#uploadvideo{ 

background:url(upvid.png);
background-repeat:no-repeat;
background-position:4em top;
background-size:17px;
width:10em; 
height:1em;

}


#uploadphoto{ 

background:url(upimg.png);
background-repeat:no-repeat;
background-position:4em top;
width:7em; 
height:1em;

}


#photoplus{ 

margin-top:-0.3em;
height:1em;
margin-left:0.2em;

}


#videoplus{ 

margin-top:-0.3em;
height:1em;
margin-left:0.3em;

}


.uploadphoto{ 

opacity:0.01;
cursor:pointer;
width:7em;
margin-top:-1.3em;
color:transparent;

}


.uploadvideo{ 

opacity:0.01;
cursor:pointer;
width:10em;
margin-top:-1.3em;

}


.contenuinfoperso{

text-align:center;
width:570px;

}


.sptop{

margin-top:-5.5em;

}


.listepj{

width:760px;
height:760px;

}	


.listepjscr{

width:1000px; 
height:1000px;

}


.boxpartpj0{

margin-top:-4em;
width:750px;

}


.scrolleqpj0{

height:80%; 
overflow-y:scroll; 
overflow-x:hidden; 
margin-top:-2em;

}


.scrolleqpj{

height:80%; 
margin-top:-2em;

}


.scrolleqpjpart0{

height:80%; 
overflow-y:scroll; 
overflow-x:hidden; 
margin-top:2em;

}


.avatareqpjpart{

width:50px; 
height:40px;

}


.cmpcontentscr{ 

position:fixed;
top:0%;
left:50%;
margin-top:0%;
margin-left:-500px;
width:100%;
height:100%;
z-index:9998;

}


.opaccontent{ 

overflow:hidden;
opacity:0;

}


.contenuspport{

width:23.5em; 
height:23.5em; 
box-shadow:3px 3px 3px -3px; 
border-radius:500px 500px;
text-align:center;
margin-top:-3em;
margin-bottom:2em;

}


.contenuinfo{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#2592b9; 
border-radius:500px 500px;
text-align:center;

}


.contenuinfoscr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow: 3px 3px 3px -3px; 
border-color:#2592b9; 
border-radius:500px 500px;
text-align:center;
z-index:9997;

}


.contenuemploi{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#0f698b;
border-radius:500px 500px;
text-align:center;

}


.contenuemploiscr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow: 3px 3px 3px -3px; 
border-color:#0f698b;
border-radius:500px 500px;
text-align:center;
z-index:9997;

}


.contenuservice{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#66b2cb;
border-radius:500px 500px;
text-align:center;

}


.contenuservicescr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow: 3px 3px 3px -3px; 
border-color:#66b2cb;
border-radius:500px 500px;
text-align:center;
z-index:9997;

}


.contenuproduit{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#0f607f;
border-radius:500px 500px;
text-align:center;

}


.contenuproduitscr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow: 3px 3px 3px -3px; 
border-color:#2592b9; 
border-radius:500px 500px;
text-align:center;
z-index:9997;

}


.contenuprojet{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#256d80;
border-radius:500px 500px;
text-align:center;

}


.contenuprojetscr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#256d80;
border-radius:500px 500px;
text-align:center;
content:center;

}


.contenudebat{

width:660px; 
height:660px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-radius:500px 500px;
border-color:#57a0b9;
text-align:center;

}


.contenudebatscr0{

position:absolute;
margin-top:5em;
margin-left:0em;
width:1000px; 
height:1000px; 
border:1.2px solid; 
box-shadow: 3px 3px 3px -3px; 
border-color:#57a0b9;
border-radius:500px 500px;
text-align:center;
z-index:9997;

}


#boxv{

width:685px;

}


.testidI{

background-color:black;

}


.testi2{

cursor:pointer;
background-color:blue;

}


.actuperso{

width:610px;
border-color:#F8F8FF;
margin-left:-8.5em;
height:100%;

}


.supportcontentscr{

width:100%; 
font-size:2em; 
margin-top:3.81em; 
position:relative; 
justify-content:center; 
display:table;

}


.supportcontentcom{

width:23em; 
min-width:23em;
position:relative; 
display:table;

}


.supportcontenuport{

min-height:21em;
max-height:21em;
min-width:21em;
height:50%; 
width:55%;
margin-top:0.3em;
display:inline-table;
table-layout:fixed;
font-size:0.88em;
position:relative;
z-index:9991;

}


.supportcontenu{

min-height:400px;
height:76%; 
width:80%;
margin-top:5em;
display:inline-table;

}


.btndltcontent{

background:none; 
border-radius:500px 500px;

}


.btndltcom{

background:none; 
border:none; 
width:1.6em; 
height:1.6em; 
margin-left:1em;

}


.contentoption{

text-align:right;
height:0em;
opacity:0.9;

}


.entetePartage{

text-align:left;
height:0em;

}


.mgpt{

margin-top:-5em;

}


.votepartpj{

width:20px; 
height:20px; 
display:inline;

}


.showreturninfoscr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnemploiscr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnservicescr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnproduitscr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnprojetscr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturndebatscr{

display:none; 
margin-left:35em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.contentavatar{

width:80px; 
height:80px;
border-radius:500px 500px;

}


.contentavatarport{

width:40px; 
height:40px;
border-radius:500px 500px;

}


.contentlink{

text-align:right; 
margin-top:7em;

}


.mgcl{

margin-top:-7em;

}


.clikablezone{

cursor:pointer; 
width:100%; 
height:100%;
display:inline;

}


.contenttxtarea{

resize:none; 
background:transparent;
min-height:12em;

}


.cmpcontenttxtarea{

resize:none; 
background:transparent;
height:3.5em;

}


.boxdesci{

height:240px;
width:100%;

}


.boxdescpj{

height:240px;
width:100%;

}


.boxdescd{

height:240px;
width:100%;

}


.boxdesciscr{

height:530px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


.boxdescpjscr{

height:530px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


.boxdescdscr{

height:530px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


#desci{

width:100%;
height:100%;

}


#descpj{

width:100%;

}


#descd{

width:100%;
height:100%;

}


.tp{

display:inline;

}


.textresmin{

display:none;

}


.texteinfo{

display:inline;

}


.textemploi{

height:430px;
width:250%;
overflow-y:scroll;
overflow-x:hidden;

}


.textservice{

margin-top:-3em;
height:430px;
width:250%;
overflow-y:scroll;
overflow-x:hidden;
display:flex;
justify-content:center;

}


.textproduit{

height:430px;
width:250%;
overflow-y:scroll;
overflow-x:hidden;

}


.texteprojet{

display:inline;

}


.textedebat{

display:inline;

}


.scrollcs{

margin-left:-65em;

}


.scrollcp{

margin-left:-65em;

}


.scrollcj{

margin-left:-65em;

}


.scrolld{

margin-left:-65em;

}


#infoimage{

vertical-align:middle;
cursor:pointer;

}


.infoimage{

width:86%;
box-shadow:3px 3px 3px -3px;

}


.infoimagescr{

width:60%;
height:250px;
box-shadow:3px 3px 3px -3px;
margin-top:-8em;
margin-left:8em;

}


.infovideo{

margin-left:2.5%;
min-width:33em;
min-height:20em;
max-height:21em;
padding-right:0.3em;
padding-left:0.3em;
padding-top:0.3em;
padding-bottom:0.3em;
box-shadow:3px 3px 3px -3px #2592b9;
background:#2592b9;

}

 
.video {
    position: relative;
}
 
.video:hover .player {
    opacity: 1;
}
 

.infovideo:focus{

background:none;

}


.videobox{

padding-top:1em;
padding-bottom:1em;

}


.boxinfoscr{

height:25em;

}


.boxmediaport{

height:13em;
display:inline-block;
width:100%; 
overflow:hidden;
padding-top:1em; 
padding-bottom:0.5em;

}


.mediaport{

width:100%;  
height:100%; 
cursor:pointer;

}


.infovideoscr:hover {

opacity:1;

}


.projetimage{

height:100px;
width:100px;
box-shadow:3px 3px 3px -3px;
vertical-align:middle;

}


.projetimagescr{

width:60%;
height:250px;
box-shadow:3px 3px 3px -3px;
margin-top:2em;
margin-left:0em;

}


.debatimage{

height:100px;
width:100px;
vertical-align:middle;

}


.debatvideo{

z-index:10000;
width:86%;
height:67%;
background:#57a0b9;
box-shadow:3px 3px 3px -3px;

}


.debatvideo:hover{

opacity:1;

}


.debatvideoscr{

z-index:10000;
width:106%;
height:87%;
background:#57a0b9;
box-shadow:3px 3px 3px -3px;
margin-top:-4em;
margin-left:-1.5em;

}


.debatvideoscr:hover{

opacity:1;

}


.titre{

text-align:center;
font-size:2em;

}


.datedisp{

text-align:right;
width:15em;

}


.theme{

text-align:center;

}


.type{

text-align:center;

}


.vote{

margin-right:-6em;
margin-top:1em;

}


.tablecontent0{

text-align:right;

}


.tablecontent{

width:470px;
height:190px;
text-align:center;

}


.tablecontentinfo{

width:100%;
height:100%;
text-align:center;

}


.tablecontentemploi{

width:100%;
height:210px;
text-align:center;

}


.tablecontentservice{

width:100%;
height:100%;
text-align:center;

}


.tablecontentproduit{

width:100%;
height:210px;
text-align:center;

}


.tablecontentprojet{

width:470px;
height:210px;

}


.tablecontentdebat{

width:100%;
height:100%;
text-align:center;

}


.scrollcom0{

position:relative;
width:500%;
height:20em;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
margin-left:-12em;

}


.scrollcom{

width:400%;
height:480px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.scrollpart{

width:100%;
height:200px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.scrollPartcom{

width:105%;
height:250px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.scrolldisc0{


width:500%;
height:292px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
margin-left:-12em;

}


.scrolldis{

width:400%;
height:520px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.datecom{

font-size:0.8em;

}


.formrecs{

height:610px;

}


.formpartpj{

height:610px;

}


.afficherCom0{

width:500px; 
table-layout:fixed;
border-bottom:0.1px solid #2592b9;

}


.afficherCom{

width:600px; 
margin-left:-1650px; 
border-bottom:0.1px solid #2592b9;

}


.afficherDisc0{

width:500px; 
margin-left:-1750px; 
border-bottom:0.1px solid #57a0b9;

}


.afficherDis{

width:600px; 
margin-left:-1650px; 
border-bottom:0.1px solid #57a0b9;

}


.tableCom0{

border-bottom:0.1px solid #2592b9;
width:100%;
table-layout:fixed;
word-wrap:break-word;

}


.tableComscr{

border-bottom:0.1px solid #2592b9;
width:100%;
table-layout:fixed;
word-wrap:break-word;

}


.tablePart{

width:500px; 
border-bottom:0.1px solid #256d80;
height:250px;
margin-top:-2em;

}


.tabledisc0{

border-bottom:0.1px solid #57a0b9;
width:100%;
table-layout:fixed;
word-wrap:break-word;

}


.tabledisc{

max-height:170px;
overflow-y:scroll;
overflow-x:hidden; 
width:450px; 
border-bottom:0.1px solid #57a0b9;

}


.scrollcontent{

width:100%;
max-height:170px;
border:none;

}


.mgajouter{

width:7em; 
margin-top:8em; 
margin-left:22em;

}


.ajouter{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:7em;

}


.mgrechercher{

width:7em; 
margin-top:-2em; 
margin-left:-20em;

}


.rechercher{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:7em;

}


.interaction{

color:blue; 
border-color:transparent; 
background:transparent;
vertical-align:middle;
height:100%;

}


.interactbox{

width:8.5em;
background-color:#EEE;
background-size:6em;
background-repeat:no-repeat;
text-align:center;
border:1px solid;
border-radius:500px 500px;
height:2em;

}


#vote0{

background:url(vote22.png);
background-size:1.5em 1.5em;
background-repeat:no-repeat;
height:100%;
vertical-align:middle;
background-position:right;
text-align:left;

}


#voter{

background:url(vote22.png);
background-size:1.5em 1.5em;
background-repeat:no-repeat;
min-width:1.7em;
height:100%;
background-position:right;
text-align:left;

}


#avoter{

background:url(vote21.png);
background-size:1.5em 1.5em;
background-repeat:no-repeat;
min-width:1.7em;
height:100%;

}


.mgclv{

min-width:1em;

}


.clv{

width:1em;
height:1em;
margin-top:-0.3em;

}


.clinteractbox{

border:1px solid;
border-radius:500px 500px;
height:2em;
width:90%;
font-size:0.9em;

}


#clvote0{

background:url(vote22.png);
background-size:1em 1em;
background-repeat:no-repeat;
height:100%;
background-position:right;
text-align:center;

}


#clvoter{

background:url(vote22.png);
background-size:1em 1em;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right;
height:1.5em;
width:90%;
text-align:left;

}


#clavoter{

background:url(vote21.png);
background-size:1em 1em;
background-repeat:no-repeat;
height:100%;
background-position:right;
text-align:center;

}


.boxvote{

display:inline-block; 
width:100%;

}


.nbvote{

vertical-align:middle;

}


.interactionvoter{

color:blue; 
border-color:transparent; 
background:transparent;
text-align:center;
vertical-align:middle;
height:100%;

}


.clinteractionvoter{

color:#517ab7; 
border-color:transparent; 
background:transparent;
width:90%;

}


.interactiondemande{

color:blue; 
border-color:transparent; 
background:transparent;
height:2em;

}


.interactionV{

color:green; 
border-color:transparent; 
background:transparent;
vertical-align:middle;
text-align:center;
width:100%;
height:100%;

}


#interactionparticiper{

width:75px; 
color:blue;
border-color:transparent;
background:transparent;

}


#commenterpartpj{

font-size:1em; 
margin-left:0.5em; 
border:1px solid #256d80;

}


.tableinteract2{

width:89%; 
display:inline-table;
margin-top:0.5em;
margin-bottom:0.8em;
font-size:0.7em;

}


.interactscr{

position:fixed; 
width:33em;
bottom:1em;
vertical-align:top;
border-top:2px solid #256d80;
border-right:2px solid #256d80;
border-left:2px solid #256d80;
font-size:0.8em;
z-index:10000;

}


.tablecom{

width:28em;

}


.tablecom2{

width:100%; 
background-repeat:no-repeat;

}


#tableformpart{

width:100%; 
border-color:#2592b9;

}


#formpartcom{

margin-top:-1.5em;
margin-left:-1em;

}


#formpartpv{

height:2.5em;

}


#commentaire{

width:100%; 
height:3em;
resize:none;
border-radius:300px 300px;

}


.relation0{

width:100%; 
height:100%;
background:transparent;
resize:none;

}


.relation{

width:100%; 
height:550px;

}


.reception0{

width:100%; 
height:100%;
background:transparent;
resize:none;

}


.reception{

width:100%; 
height:550px;

}


.acquisition0{

width:100%; 
height:100%;
background:transparent;
resize:none;

}


.acquisition{

width:100%; 
height:550px;

}


.participation0{

width:100%; 
height:100%;

}


.participation{

width:100%; 
height:550px;

}


#discussion{

margin-top:1em;
width:100%; 
height:3em;
resize:none;
border-radius:300px 300px;

}


.mgfl{

padding-top:2em;

}


.flcontentinfo{

font-size:1.5em; 
border:1px solid #2592b9; 
width:1.5em; 
border-radius: 500px 500px;

}


.flcontentemploi{

position:absolute;
font-size:1.5em; 
border:1px solid #0f698b; 
width:1.5em; 
border-radius: 500px 500px;
margin-top:1em;

}


.flcontentproduit{

position:absolute;
font-size:1.5em; 
border:1px solid #0f607f; 
width:1.5em; 
border-radius: 500px 500px;
margin-top:1em;

}


.flcontentservice{

position:absolute;
font-size:1.5em; 
border:1px solid #66b2cb; 
width:1.5em; 
border-radius: 500px 500px;
margin-top:1em;

}


.flcontentprojet{

font-size:1.5em; 
border:1px solid #256d80; 
width:1.5em; 
border-radius: 500px 500px;

}


.flcontentdebat{

font-size:1.5em; 
border:1px solid #57a0b9; 
width:1.5em; 
border-radius: 500px 500px;

}


.tablefl{

display:inline-table;
width:80%;
margin-top:3em;

}


.sprechercher{

width:25em;

}


.cl{

display:flex; 
justify-content:center; 
width:100%; 
position:fixed; 
z-index:9999; 
height:0.1em;
margin-top:2em;

}


#clrecherche{

margin-top:11em;

}


.boxcontentscr{

width:53em; 
height:100%; 
position:relative;

}


.flmenuscr{

width:26.5em;
position:relative;
font-size:2em;
height:2.8em;
left:0em;
display:flex;
justify-content:center;
border:1px solid;

}


.sptitlescr{

width:86%;
margin-top:0.5em;
color:white;

}


.flmenuscrleft{

width:8%;
color:auto;
border-color:none;

}


.flmenuscrright{

width:8%;
color:auto;
border-color:none;

}


#bgnavigation{ 

position:fixed;
display:flex;
width:100%;
background:url(FCconnecte2.png);
background-size:280em 21em;
background-repeat:no-repeat;
background-position:51% -3.5em;
height:50px !important;
z-index:10000;
display:none;

}


#navigation{ 

border-color:#00adea;
border-right:none !important;
border-left:none !important;
background:url(FCconnecte2.png) !important;
background-size:280em 21em !important;
background-repeat:no-repeat !important;
background-position:51% -3.5em !important;
height:47px !important;
top:-0.2em !important;

}


#navigationcity{ 

border-color:#00adea;
border-right:none !important;
border-left:none !important;
background:url(FCbarrebl.png) !important;
background-size:100% 25em !important;
background-repeat:no-repeat !important;
background-position:0em 0em !important;
height:47px !important;
top:-0.2em !important; 
width:100%;
display:flex;
justify-content:center;
position:fixed;
z-index:9999; 

}


.fixNavigation{ 

height:47px !important;
top:-0.2em !important;
box-shadow: 3px 3px 3px 3px;

}


.nav-tabs{ 

max-height:2.5em !important;
top:-0.03em !important;
border:none;

}


.tdmp{ 

border-right:none !important;

}


#voircompte{ 

margin-left:-1.5em !important;

}


#voircompte li{ 

border:1px solid;

}


#menuperso{ 

border-top:1px solid !important;
background:#F7F7F7 !important;

}


.citybod2{ 

background:#c2e4f6 !important;
background:url(bgsp2.png);

}


#spherisation{ 

background:blue: 

}


.newsp{

z-index:9998; 
position:relative;

}


.bordpers{ 

perspective:1000px !important;
width:100% !important;
height:100% !important;
position:relative !important;

}


.footer{

position:fixed;
z-index:9010;
bottom:0em;
width:100%;
border:4px solid;
height:2.8em;

}


#boxright{ 

right:0em;
top:1em;
bottom:7em;
position:fixed;
z-index:9997; 
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxright0{ 

right:0em;
top:1em;
bottom:7em;
position:fixed;
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxleft{ 

left:0em;
top:1em;
bottom:7em;
position:fixed;
z-index:9997; 
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxleft0{ 

left:0em;
top:1em;
bottom:7em;
position:fixed;
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxbottom{ 

position:fixed;
bottom:0em;
width:100%;
padding-left:10em;
padding-right:10em;
transform-style:preserve-3d;
perspective: 500px !important;

}


#voircompte{ 

border:none !important;

}  


#avatar0{ 

background:url(logo3.jpg);
border-radius:500px 500px; 
width:165px; 
height:165px; 
opacity:0.5; 
padding-top:4.5em;

} 


#boxfront{ 

position:fixed;
margin-left:-29.5em;
width:59em;
height:13em;
border-radius:500px 500px;
background:url(Cercleperso.jpeg); 
background-repeat:no-repeat;
background-size:100% 89%; 
background-position:0em 0.8em;
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxfrontp{ 

position:fixed;
margin-left:-29.5em;
width:59em;
height:13em;
border-radius:500px 500px;
 
background-repeat:no-repeat;
background-size:100% 55%; 
background-position:0em -0.4em;
transform-style:preserve-3d;
perspective: 500px !important;

}


#boxfrontprofil{ 

position:fixed;
margin-left:-29.5em;
width:59em;
height:13em;
border-radius:500px 500px;
background-image:url(ny.jpeg); 
background-repeat:no-repeat;
background-size:100% 89%; 
background-position:0em 0.8em;
transform-style:preserve-3d;
perspective: 500px !important;

}


#cdp{

display:flex; 
justify-content:center;
width:100%; 
top:3em; 
height:0em; 
z-index:9994;

}

.cdp0{ 

position:absolute; 

}


.cdp1{ 

position:fixed; 

}


#cdfrontprofil{ 

position:relative;
width:52.5em;
height:22.5em;
z-index:9996;
transform-style:preserve-3d;
perspective: 500px !important;
border: 1px solid #517ab7;
overflow:scroll;

}


#bgfrontprofil{ 

position:absolute;
width:100%;
height:100%;
left:0em;


}


#bgfrontprofil2{ 

position:fixed;
top:-1.2em;
margin-left:-17.5em;
width:35em;
height:13.2em;
background-image:url(ny.jpeg); 
background-repeat:no-repeat;
background-size:100% 89%; 
background-position:0em 0em;
z-index:9996;
transform-style:preserve-3d;
perspective: 500px !important;

}


.boxongp0{ 

display:flex; 
justify-content:center; 
position:relative; 
width:100%; 
z-index:9997;

}


.boxongp{ 

display:flex; 
justify-content:center; 
position:fixed; 
width:100%; 
z-index:9997;

}


.activite0{ 

margin-left:-2em;
margin-top:10em; 
font-size:1.2em;
width:10em; 

}


.activite{ 

margin-left:-19em;
top:3.7em;
position:absolute; 
font-size:1.2em; 
transform:rotate(15deg);

}


.alaune0{ 

margin-left:35em;
margin-top:10em; 
font-size:1.2em; 

}


.alaune{ 

margin-left:16em;
top:3.7em; 
position:absolute; 
font-size:1.2em; 
transform:rotate(-15deg);

}


#boxback{ 

position:fixed;
bottom:0em;
width:100%;
padding-left:10em;
padding-right:10em;
transform-style:preserve-3d;
perspective: 500px !important;

}


.mgtransit1{ 

perspective:13em;

}


#rtransit00{ 

position:relative;
border-radius:500px 500px;

}


#rtransit{ 

position:relative;
border-radius:500px 500px;

}


#rtransit1{ 

position:relative;
border-radius:500px 500px;

}


#rtransit2{ 

position:relative;
border-radius:500px 500px;

}


#rtransit3{ 

position:relative;
border-radius:500px 500px;

}


#rtransit4{ 

position:relative;
border-radius:500px 500px;

}


.rtransit0{ 

transform:translateZ(-500px);

}


.rtransit1{ 

transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit4{ 

transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit2{ 

transform:translateZ(-800px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.citytransit2{ 

transform:translateZ(-700px) translateY(-8em) translateX(-4em);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit3{ 

transform:translateZ(-700px);

}


.left0, .right0{ 

width:50%;
height:100%;
background:#c2e4f6;
z-index:9998;

}


.right1, .left1{ 

width:0%;
height:100%;
background:#c2e4f6;
z-index:9998;

transition: all 2.6s;
-wekbit-transition: all 2.6s;
-moz-transition: all 2.6s;
-ms-transition: all 2.6s;
-o-transition: all 2.6s;

}


#boxright .right{ 

transform: rotateY(-10deg) translateZ(30px);
border:1px solid;

}


#boxright0 .right{ 

transform: rotateY(-10deg) translateZ(30px);
border:1px solid;

}


#boxright0 .righttransit{ 

transform: rotateY(-10deg) translateZ(30px);
border:1px solid;
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


#boxleft .left{ 

transform: rotateY(10deg) translateZ(30px);
border:1px solid;

}


#boxleft0 .left{ 

transform: rotateY(10deg) translateZ(30px);
border:1px solid;

}


#boxleft .lefttransit{ 

transform: rotateY(10deg) translateZ(30px);
border:1px solid;
transition: all 4.6s;
-wekbit-transition: all 4.6s;
-moz-transition: all 4.6s;
-ms-transition: all 4.6s;
-o-transition: all 4.6s;

}


#boxleft0 .lefttransit{ 

transform: rotateY(13deg) translateZ(30px);
border:1px solid;
transition: all 4.6s;
-wekbit-transition: all 4.6s;
-moz-transition: all 4.6s;
-ms-transition: all 4.6s;
-o-transition: all 4.6s;

}


#boxbottom .bottom{ 

transform: rotateX(40deg) translateY(0px);
min-width:20em;

}


#boxfront .front{ 

transform: rotateX(0deg) translateZ( 50px );
margin-top:45em;

}


#boxfrontprofil .front{ 

transform: rotateX(0deg) translateZ( 50px );
margin-top:45em;

}


#boxback .back{ 

transform: rotateX( 180deg ) translateZ( 50px );
border:4px solid;
height:70em;
min-width:20em;

}


#boxtop{ 

border-radius:500px 500px;
box-shadow:6px 6px 6px 6px;

}


.boxcmpact{ 

position:relative;
margin-top:0em;
height:100%;
width:52.5em;
padding-top:16.5em;
border: 1px dashed #517ab7;
border-top:none;
border-bottom:none;

}


.ac{

cursor:pointer;
font-weight:normal;

}


body{

font-weight:bold;


}


@media only screen and (min-width:1755px) {


.citybod{ 

background-image:radial-gradient(#F8F8FF, #87CEEB);
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center;
background-size:150% 150%; 
	
}


#navigation{ 

z-index:9999;  
height:40px;
width:100%;
display:flex;
justify-content:center;
position:fixed;

}


.fixNavigation{

z-index:9999; 
position:fixed;
top:0; 
width:100%; 

}


#spherisation{ 

z-index:9998; 
position:fixed;
height:0px; 
width:100%;
display:flex;
justify-content:center;

}


.fixSpherisation{

position:fixed;
top:40px; 
z-index:9998; 
width:1%; 

}


.bgcontentune{

border-radius:500px 500px; 
margin-top:10.5em; 
margin-left:1em; 
height:71em; 
width:71em;
opacity:0.3;
background-image:radial-gradient(#F8F8FF, #87CEEB);
background-repeat:no-repeat;
background-position:center;
background-size:cover; 

}


#ongletinfo{

top:8.93em;
left:-1.49em;
background:transparent;
border:none; 
color:black;

}


#ongletspinfoport{

margin-left:-2em; 
margin-top:3.7em; 
background:transparent;
border:none;

}


#ongletspinfo{

top:9.1em;
left:-0.9em;
background:transparent;
border:none;
color:black;

}


#ongletspinfoune{

top:8.93em;
left:-1.49em;
background:transparent;
border:none; 

}


#ongletjobs{

top:24.5em;
left:-5.4em;
background:transparent;
border:none; 
color:black;

}


#ongletspjobport{

margin-left:-3.8em; 
margin-top:10.1em; 
background:transparent;
border:none;

}


#ongletspjob{

top:25em;
left:-5.7em;
background:transparent;
border:none;
color:black;

}


#ongletspjobsune{

top:24.5em;
left:-5.4em;
background:transparent;
border:none; 

}


#ongletproduit{

top:32.1em;
left:3.1em;
background:transparent;
border:none;
color:black;

}


#ongletspproduitport{

margin-left:0.5em;
margin-top:13.15em;
background:transparent;
border:none;

}


#ongletspproduit{

top:32.8em;
left:1.7em;
background:transparent;
border:none;
color:black;

}


#ongletspproduitune{

top:32.1em;
left:3.1em;
background:transparent;
border:none;

}


#ongletprojet{

top:24.4em;
left:11.35em;
background:transparent;
border:none;
color:black;
 
}


#ongletspprojetport{

margin-left:8em; 
margin-top:-5em;
background:transparent;
border:none;

}


#ongletspprojet{

top:24.7em;
left:9.2em;
background:transparent;
border:none;
color:black;

}


#ongletspprojetune{

top:24.4em;
left:11.35em;
background:transparent;
border:none;
 
}


#ongletservice{ 

top:1.27em;
left:-6.9em;
background:transparent;
border:none;
color:black;

}


#ongletspserviceport{ 

margin-left:2.5em; 
margin-top:-14.3em;
background:transparent;
border:none;

}


#ongletspservice{ 

top:1em;
left:-11em;
background:transparent;
border:none;
color:black;

}


#ongletspserviceune{ 

top:1.27em;
left:-6.9em;
background:transparent;
border:none;

}


#ongletdebat{

top:8.93em;
left:1.9em;
background:transparent;
border:none;
color:black;

}


#ongletspdebatport{

margin-left:8.2em; 
margin-top:-11.5em;
background:transparent;
border:none;

}


#ongletspdebat{

top:8.9em;
left:-3em;
background:transparent;
border:none;
color:black;

}


#ongletspdebatune{

top:8.93em;
left:1.9em;
background:transparent;
border:none;

}


.m{ 

position:fixed;
width:100%;
margin-top:3.5em;

}


#mgune{ 

margin-top:0.5em;

}


#r{ 

height:1200px;   
width:1200px; 
border-radius:600px 600px;
margin-left:-1em;

}


#r2{ 

height:1200px;   
width:1200px; 
border-radius:600px 600px;
margin-left:-1em;

}


#rotate{ 

height:100%; 
width:100%;
border-radius:600px 600px;

}


#content{ 

height:1200px; 
width:1200px;
background: url(FCconnecte2.22.png);
background-repeat:no-repeat; 
background-position:center center;
background-size:2300px;
position:fixed;
margin-left:-1em;
margin-top:-0.5em;
overflow:hidden;

}


#imgctzune{ 

margin-top:4em;
width:30%; 
height:20%;

}


#fontpresune{ 

font-size:2.3em;
font-style:bold;
font-color:#87CEEB;

}


#cmpstg{ 

display:inline-block;

}


#ajoutinfo{

position:relative;
margin-top: 15em; 
margin-left:1.7em; 
border-radius:500px 500px; 
border:1px solid #2592b9; 
width:700px; 
height:700px;

}


#ajoutjob{

position:relative;
margin-top: 15em; 
margin-left:1.7em;  
border-radius:500px 500px; 
border:1px solid #0f698b; 
width:700px; 
height:700px;

}


#ajoutservice{

position:relative;
margin-top: 15em; 
margin-left:1.7em; 
border-radius:500px 500px; 
border:1px solid #66b2cb; 
width:700px; 
height:700px;

}


#ajoutproduit{

position:relative;
margin-top: 15em; 
margin-left:1.7em; 
border-radius:500px 500px; 
border:1px solid #0f607f; 
width:700px; 
height:700px;

}


#ajoutprojet{

position:relative;
margin-top: 15em; 
margin-left:1.7em;  
border-radius:500px 500px; 
border:1px solid #256d80; 
width:700px; 
height:700px;

}


#ajoutdebat{

position:relative;
margin-top: 15em; 
margin-left:1.7em; 
border-radius:500px 500px; 
border:1px solid #57a0b9; 
width:700px; 
height:700px;

}


#tableajout{

border-collapse:collapse; 
border-color:#8ea8cc; 
margin-top:2em; 
margin-left:1.1em;
width:470px; 
height:520px;

}


#h1a{

height:3em;

}


#h2a{

height:2.5em;

}


#btna{

width:75px; 
color:blue; 
border-color:transparent; 
background:transparent;

}


#txta{

display:inline-block;
border:0px; 
resize:none; 
background:transparent;
width:100%;
height:440px;

}


#infoUne{

top:170px;
left:10px;

}


.villeUne{

margin-top:0.5em;

}


.contentUne{ 

width:100%;
margin-top:12.5em;
margin-left:0.8em; 

}


.circle{  

width:250px; 
height:200px; 

}

	
.fixprofil {

position:fixed; 
width:100%;

}


.voirUne{

border-radius:500px 500px;
width:743px; 
margin-left:-1em;

}


.marginscr{

border-radius:500px 500px;
height:3em; 
margin-left:20em; 
margin-top:20em;
display:flex;
position:fixed;

}


#voirinfovillesphere{

width:300px;
margin-top:14em;
height:3em;

}


#sectionrecherche{

width:300px;
margin-top:70.5em;
margin-left:-4.5em;
height:3em;

}


#voirinfoperso{

left:-800px;
top:120px;
width:100%;
height:0.1em;
position:fixed;

}


.cmpavatar{

width:150px;
height:150px;
border-radius:500px 500px;

}


#tablecmpnotif{

display:inline-table;

}


#voircompte{

position:fixed;
left:1px;
margin-top:0.65em;
width:15%;
padding-top:1em;
max-width:20em;
height:100%;
border:1px solid;
border-top:none;

}


#voirfollow{

position:relative;
width:100%;
height:2em;
border:1px solid;

}


#voirajout{

position:relative;
height:2em;
width:100%;
border:1px solid;

}


}


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


.citybod{ 

background-image:radial-gradient(#F8F8FF, #87CEEB);
background-repeat:no-repeat; 
background-attachment:fixed; 
background-position:center;
background-size:cover; 
	
}


#navigation{ 

z-index:9999;  
height:50px;
background:black;
width:100%;
display:flex;
justify-content:center;
position:fixed;

}


.fixNavigation{

z-index:9999; 
position:fixed;
top:0; 
width:100%; 

}


#spherisation{ 

z-index:9998; 
position:fixed;
height:0px; 
width:100%;
display:flex;
justify-content:center;

}


.fixSpherisation{

position:fixed;
top:40px; 
z-index:9998; 
width:1%; 

}


#spheremenu{ 

margin-left:2.5em;
margin-top:-0.3em; 
font-size:2.045em;

}


#ongletinfo{

top:9.1em;
left:-1.3em;
background:transparent;
border:none;

}


#ongletspinfo{

top:9.1em;
left:-0.9em;
background:transparent;
border:none;
color:black;

}


#ongletspinfoport{

margin-left:-2em; 
margin-top:3.7em; 
background:transparent;
border:none;

}


#ongletjobs{

top:24.5em;
left:-5.5em;
background:transparent;
border:none;

}


#ongletspjob{

top:25em;
left:-5.7em;
background:transparent;
border:none;
color:black;

}


#ongletspjobport{

margin-left:-3.8em; 
margin-top:10.1em; 
background:transparent;
border:none;

}


#ongletproduit{

top:32.1em;
left:3.3em;
background:transparent;
border:none;

}


#ongletspproduit{

top:32.8em;
left:1.7em;
background:transparent;
border:none;
color:black;

}


#ongletspproduitport{

margin-left:0.5em;
margin-top:13.15em;
background:transparent;
border:none;

}


#ongletprojet{

top:24.5em;
left:11.3em;
background:transparent;
border:none;

}


#ongletspprojet{

top:24.7em;
left:9.2em;
background:transparent;
border:none;
color:black;

}


#ongletspprojetport{

margin-left:8em; 
margin-top:-5em;
background:transparent;
border:none;

}


#ongletservice{ 

top:1.2em;
left:-7em;
background:transparent;
border:none;

}


#ongletspservice{ 

top:1em;
left:-11em;
background:transparent;
border:none;
color:black;

}


#ongletspserviceport{ 

margin-left:2.5em; 
margin-top:-14.3em;
background:transparent;
border:none;

}


#ongletdebat{

top:8.9em;
left:1.7em;
background:transparent;
border:none;

}


#ongletspdebat{

top:8.9em;
left:-3em;
background:transparent;
border:none;
color:black;

}


#ongletspdebatport{

margin-left:8.2em; 
margin-top:-11.5em;
background:transparent;
border:none;

}


.mgtransitacc{ 

margin-left:0.85em; 
perspective:19.5em;
display:flex;
justify-content:center;
height:0em;
top:3.3em;
width:100%;
position:relative;

}


.rtransit00{ 

transform:translateZ(-2000px);

}


.rtransit00act{ 

transform:translateZ(-2000px);

}


.rtransit01{ 

transform:translateZ(-700px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit02{ 

transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


#spheremenu{ 

margin-left:2em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#spheremenu2{ 
  
margin-left:2.6em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#r{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#rbis{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r4{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2d2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
display:flex;
position:relative;

}


#content00{ 

height:100%; 
width:100%;
border-radius:500px 500px !important; 
background: url(FCSP.png) !important; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:680px !important; 
margin-top:-0.25em !important;

}


.alignport{ 

z-index:9998 !important;
position:relative;

}


#menu00{ 

font-size:2.5em;

}



#menu2{ 

font-size:2.5em;

}


#rotate{ 

height:100%; 
width:100%;
border-radius:500px 500px;

}


.mgeneral{

margin-top:3em;

}


#ancretop0{

position:fixed;
background:black;
top:16em;
left:49%;

}


#ancredown0{

position:fixed;
background:black;
top:58em;
left:49%;

}


#cmpntf{

margin-top:16.5em;
width:550px;

}


#clrecherche{

margin-top:10em;
margin-left:-0.6em;

}


#clw3c{

padding-top:23em;
margin-left:2em;
width:40em;

}


#clrechercher{

margin-left:-0.6em;
width:25em;

}


#clrbtn{

width:3em;

}


#clajout{

width:15.5em; 
background:none; 
height:2em; 
border-color:white;

}


#clabtn{

background:transparent;
height:2em; 
border-radius:500px 500px; 
border:1px solid #00aeef; 
color:red;

}


#ancretop{

position:fixed;
background:black;
top:9.5em;
left:49%;

}


#ancredown{

position:fixed;
background:black;
top:22em;
left:49%;

}


.cmpcontent{ 

position:relative;
width:640px; 
height:640px; 
border-radius:500px 500px;
margin-top:13.5em;
z-index:9993;

}


.fixcmpcontent{

position:relative;
width:640px; 
height:640px; 
border-radius:500px 500px;
margin-top:13.5em;
z-index:9992; 
opacity:0.65;

}


.cmpinteraction{ 

margin-top:13em;
margin-left:1em;
width:640px;

}


.cmpsp{ 

position:relative;
z-index:9991;

}


.fixcmpsp{

position:relative;
z-index:9990; 
opacity:0.65;

}


.cmpdemande{ 

position:relative;
width:58em;
height:58em; 
border-radius:500px 500px;
margin-top:9.57em;
z-index:9997;

}


.ntwcontent{ 

position:relative;
width:58em;
height:58em; 
border-radius:500px 500px;
margin-top:9.57em;
z-index:9997;

}


.uneaccueil{ 

position:relative;
width:58em;
height:58em; 
border-radius:500px 500px;
margin-top:9.57em;
z-index:9997;

}


.contenuinfopers{

width:910px; 
height:910px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#2592b9; 
border-radius:500px 500px;
text-align:center;
display:inline-table;
justify-content:center;
margin-left:-10em;
background-image:linear-gradient(#F8F8FF, #87CEEB);

}


.supportcontenupers{

min-height:500px;
height:76%; 
font-size:1.4em; 
margin-top:5em;
margin-left:4em;
width:83%;
position:relative; 
border-radius:500px 500px;

}


.contenuinfo{

width:640px; 
height:640px; 

}


.contenuemploi{

width:640px; 
height:640px; 

}


.contenuservice{

width:640px; 
height:640px; 

}


.contenuproduit{

width:640px; 
height:640px; 

}


.contenuprojet{

width:640px; 
height:640px; 

}


.contenudebat{

width:640px; 
height:640px; 

}


.opaccontent{ 

overflow:hidden;
opacity:0;

}


.cmpcontentscr{ 

position:fixed;
left:50%;
margin-top:0%;
margin-left:-450px;
width:100%;
height:100%;
z-index:9998;

}


#unecontenus0{

margin-top:12em;
margin-left:1em;
width:100%;

}


.unecontenu{ 

position:relative;
z-index:9997;
width:680px;

}


.fixunecontenu{

position:relative;
z-index:9996; 
opacity:0.65;
width:680px;

}


.contenuinfoscr0{

width:900px; 
height:900px;  

}


.contenuemploiscr0{

width:900px; 
height:900px;  

}


.contenuproduitscr0{

width:900px; 
height:900px;  

}


.contenuservicescr0{

width:900px; 
height:900px;  

}


.contenudebatscr0{

width:900px; 
height:900px;  

}


.scrollcom0{


width:500%;
height:21em;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
margin-left:-9.5em;
margin-top:-1em;

}


.scrolldisc0{


width:500%;
height:270px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
margin-left:-9.5em;

}


#commentaire{

margin-top:-1em;

}


.notifspace{

margin-top:30em;

}


.m{ 

position:fixed;
width:100%;
margin-top:3.5em;

}


#mgune{ 

margin-top:0.5em;

}


#r{ 

height:1000px;   
width:1000px;
border-radius:600px 600px;

}


#rotate{ 

height:100%; 
width:100%;
border-radius:600px 600px;

}


#content{ 

height:1000px; 
width:1000px;
background: url(FCconnecte2.22.png);
background-repeat:no-repeat; 
background-position:center center;
background-size:1900px;
position:fixed;
margin-left:-1em;
margin-top:-0.5em;

}


.enteteprofilperso{

font-size: 1.2em;
	
}


.tablecmpnot{

width:100%;

}


.comptecontents{

justify-content:center;  
width:100%; 
max-height:1000px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:2.8em; 
margin-left:13em; 
clear:both;

}


#cmpedit{

margin-top:0.5em; 
margin-left:-7.1em; 
width:500px; 
font-size:1.1em; 

}


.cmpeditform{

width:16em;

}


#scrollcmpd{

justify-content:center;  
width:600%; 
height:520px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
clear:both;

}


#tablecmpe0{

position:relative;
height:600px; 
overflow:hidden;
left:0.3em;
top:6%;


}


#tablecmpe{

box-shadow: 3px 3px 3px -3px; 
width:490px;
height:40px;

}


#tablecmpe2{

width:490px;
height:75px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:0.9em;

}


#tablecmpe3{

width:490px;
height:70px;  

}


#tablecmpp0{
 
position:relative;
height:600px; 
overflow:hidden;
left:0.3em;
top:6%;

}


#tablecmpp{

box-shadow: 3px 3px 3px -3px; 
width:490px;
height:40px;

}


#tablecmpp2{

width:490px;
height:75px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:0.9em;

}


#tablecmpp3{

width:490px;
height:70px; 

}


#tablecmps0{

position:relative;
height:600px; 
overflow:hidden;
left:0.3em;
top:6%;


}


#tablecmps{

box-shadow: 3px 3px 3px -3px; 
width:490px;
height:40px;

}


#tablecmps2{

width:490px;
height:75px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:0.9em;

}


#tablecmps3{

width:490px;
height:70px; 

}


.cmpcontenttxtarea{

resize:none; 
background:transparent;
height:3em;

}


.networkcontents{

width:575px;
height:700px; 
top:7%;
left:0%;
position:relative;
overflow-y:hidden; 

}


.networkctn{

width:575px; 
height:525px; 
overflow-x:hidden; 
overflow-y:scroll; 
text-align:left; 
margin-top:1.5em;
margin-left:1em;

}


.ntwboxctn{

display:inline-block; 
width:140px; 
text-align:center; 
height:110px;

}


.ntwavatar{

width:43px; 
height:43px;
border-radius:500px 500px;

}


.ntwctncity{

font-size: 0.85em;
	
}


.messagerie{

width:100%; 
height:100%; 
text-align:left; 
margin-top:0em;
margin-left:0em;

}


#ntwscrl{

margin-left:-1.1em;

}


#mpscroll{

position:relative;
height:375px; 
width:570px;
overflow-y:scroll; 
overflow-x:hidden; 
margin-top:1em;
margin-left:3.1em;

}


#rntwctn{

width:510px; 
height:35px;
margin-left:2em;

}


#btnrntwctn{

width:40px; 
height:35px; 
margin-top:-0.2em;

}


#boxntwbxsl{

width:550px; 
height:80px;
margin-left:2em;

}


#ntwbxsl{

background:transparent; 
margin-left:2em; 
width:460px;
height:80px;

}


.tablentwcom{

width:460px;
margin-top:1em;

}


#sublogntwctn{

width:60px; 
height:20px; 
background:transparent; 
border:none;

}


.tablentwcom2{

min-width:550px; 
max-width:551px;

}


.tdntwdatecom{

border-top:1px solid white;
width:80px;
height:40px;

}


#tablentwcom3{

margin-top:1em;
width:100%;

}


#ntwtxtarea{

resize:none; 
background:transparent;
width:550px;
height:3em;

}


.profilcontents00{

justify-content:center;  
width:100%; 
max-height:660px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:15em; 
margin-left:7em; 
clear:both;

}


.actuperso{

width:500px;
border-color:#F8F8FF;
margin-left:-8.5em;
height:100%;

}


#imgctzune{ 

width:30%; 
height:22%;
margin-top:3.5em;

}


#fontpresune{ 

font-size:2em;
font-style:bold;
font-color:#87CEEB;

}


.mgajouter{

width:7em; 
margin-top:6.9em; 
margin-left:21em;

}


.ajouter{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.9em;

}


.mgrechercher{

width:7em; 
margin-top:-2em; 
margin-left:-16em;

}


.rechercher{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.9em;

}


#ajoutinfo{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #2592b9; 
width:700px; 
height:700px;

}


#ajoutjob{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #0f698b; 
width:700px; 
height:700px;

}


#ajoutservice{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #66b2cb; 
width:700px; 
height:700px;

}


#ajoutproduit{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #0f607f; 
width:700px; 
height:700px;

}


#ajoutprojet{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #256d80; 
width:700px; 
height:700px;

}


#ajoutdebat{

position:relative;
margin-top: 7.5em; 
margin-left:2em; 
border-radius:500px 500px; 
border:1px solid #57a0b9; 
width:700px; 
height:700px;

}


#tableajout{

border-collapse:collapse; 
border-color:#8ea8cc; 
margin-top:2em; 
margin-left:1.1em;
width:470px; 
height:520px;

}


#h1a{

height:3em;

}


#h2a{

height:2.5em;

}


#btna{

width:75px; 
color:blue; 
border-color:transparent; 
background:transparent;

}


#txta{

display:inline-block;
border:0px; 
resize:none; 
background:transparent;
width:100%;
height:440px;

}


.sprecherche{

margin-top:-12.5em;
margin-left:0.5em;
width:25em;

}


#infoUne{

top:170px;
left:10px;

}


.villeUne{

margin-top:0.5em;

}


.contentUne{ 

width:100%;
margin-top:12.5em;
margin-left:0.8em; 

}


.circle{  

width:250px; 
height:200px; 

}

	
.fixprofil {

position:fixed; 
width:100%;

}


.marginscr{

border-radius:500px 500px;
height:3em; 
margin-left:20em; 
margin-top:20em;
display:flex;
position:fixed;

}


#voirinfovillesphere{

width:300px;
margin-top:13em;
height:3em;

}


#sectionrecherche{

width:300px;
margin-top:70.5em;
margin-left:-4.5em;
height:3em;

}


#voirinfoperso{

left:-800px;
top:120px;
width:100%;
height:0.1em;
position:fixed;

}


.cmpavatar{

width:130px;
height:130px;
border-radius:500px 500px;

}


#voircompte{

position:fixed;
left:1px;
margin-top:0.65em;
width:15%;
padding-top:1em;
max-width:20em;
height:100%;
border:1px solid;
border-top:none;

}


#voirfollow{

position:relative;
width:100%;
height:2em;
border:1px solid;

}


#voirajout{

position:relative;
height:2em;
width:100%;
border:1px solid;

}


.supportcontentscr{

min-width:19em; 
display:table;

}


.boxinfoscr{

height:23em;

}


.infovideo{

min-width:28em;
max-width:33em;
min-height:19em;
max-height:19.5em;

}


}


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


.citybod{ 

background:url(FCSky.png);
background-repeat:no-repeat; 
background-attachment:fixed;
background-position:center center;
	
}


#navigation{ 

z-index:9999;  
height:50px;
background:black;
width:100%;
display:flex;
justify-content:center;
position:fixed;

}


.fixNavigation{

z-index:9999; 
position:fixed;
top:0; 
width:100%; 

}


#spherisation{ 

z-index:9998; 
position:fixed;
height:0px; 
width:100%;
display:flex;
justify-content:center;

}


.fixSpherisation{

position:fixed;
top:40px; 
width:1%; 
z-index:9998; 

}


#persprotscrl{
visibility:hidden;
}

tr{

}

.cmpcontent{
background:url(vl33.jpeg) 
}


.cmpnotif{
background: #FFF;
}

.interactbox{
background: none;
border:none;
}


.mgeneral{ 

margin-top:0em;

}


#pluginVille{ 

margin-top:0.05em; 

}


#menucity{ 

margin-top:0.05em; 

}


#menuperso{ 

position:fixed;
right:0px;
bottom:0px;
width:200px;
height:80%;
background: url(FCconnectemap.png);
display:flex; 
z-index:10000;

}


.menuperso0{ 

transform:translate(180px);
-wekbit-transform:translate(180px);
-moz-transform:translate(180px);
-ms-transform:translate(180px);
-o-transform:translate(180px);

transition: all 0.6s;
-wekbit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;

}


.menuperso{ 

transform:translate(0px);
-wekbit-transform:translate(0px);
-moz-transform:translate(0px);
-ms-transform:translate(0px);
-o-transform:translate(0px);

transition: all 0.6s;
-wekbit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;

}


#ancretop0{

position:fixed;
background:black;
top:17em;
left:49%;

}


#ancredown0{

position:fixed;
background:black;
top:39em;
left:49%;

}


#cmpntf{

margin-top:10.5em;
padding-top:1em;
padding-left:1em;
width:50em;

}


#clrecherche{

margin-top:9em;
margin-left:1em;
width:40em;

}


#clw3c{

padding-top:21em;
margin-left:0em;
width:30em;

}


#clrechercher{

margin-top:0em;
width:20em;

}


#clrbtn{

margin-top:0em;
width:3em;

}


#clajout{

width:10.5em; 
background:none; 
height:2em; 
border-color:white;

}


#clabtn{

background:transparent;
height:2em; 
border-radius:500px 500px; 
border:1px solid #00aeef; 
color:red;

}


#ancretop{

position:fixed;
background:black;
top:10.5em !important;
left:49%;

}


#ancredown{

position:fixed;
background:black;
top:16em;
left:49%;

}


.cmpcontent{ 

position:relative;
width:500px; 
height:500px; 
border-radius:500px 500px;
margin-top:-12em;
z-index:9994;
background:rgba(255,255,255, 0.5) !important;

}


.fixcmpcontent{

width:500px;  
height:500px; 
border-radius:500px 500px;
margin-top:-15em;
z-index:9992; 
opacity:0.65;

}


.fixcmpcontentdown{

margin-top:-12em;
width:500px;  
height:500px; 
border-radius:500px 500px;
z-index:9992;
opacity:0.65;

}


.loadcontent{

width:500px;  
height:500px; 
border-radius:500px 500px;

}


.cmpsp{ 

position:relative;
z-index:9991;

}


.fixcmpsp{

position:relative;
z-index:9990; 
opacity:0.15;

}


.cmpdemande{ 

position:relative;
width:43.1em;
height:43.1em; 
border-radius:500px 500px;
margin-top:7em;
margin-left:1.1em;
z-index:9997;

}


.ntwcontent{ 

position:relative;
width:43.1em;
height:43.1em; 
border-radius:500px 500px;
margin-top:8.4em;
margin-left:1.1em;
z-index:9997;

}


.uneaccueil{ 

position:relative;
width:43.1em;
height:43.1em; 
border-radius:500px 500px;
margin-top:8.4em;
margin-left:1.1em;
z-index:9997;

}


#imgctzune{ 

width:28%; 
height:20%;
margin-top:3.5em;

}


.supportcontenu{

min-height:340px;
height:70%; 
width:80%;
margin-top:4em;
display:inline-table;

}


.contenupers{

width:680px; 
height:680px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#2592b9; 
border-radius:500px 500px;
text-align:center;
display:inline-table;
justify-content:center;
margin-left:-7em;
margin-top:-10.5em;
background-image:linear-gradient(#F8F8FF, #87CEEB);

}


.supportcontenupers{

min-height:500px;
height:76%; 
font-size:1.4em; 
margin-top:3em;
margin-left:3em;
width:83%;
position:relative; 
border-radius:500px 500px;

}


.contentoption{

text-align:right;
height:0em;
width:88%;

}


.entetePartage{

text-align:left;
height:0em;
width:88%;

}


.contentavatar{ 

height:70px;
width:70px;
border-radius:500px 500px;

}


.scrollcom0{

position:relative;
width:100%;
height:15em;
margin-left:0em;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.scrollcomport{

position:relative;
width:100%;
height:10.5em;
margin-left:0em;
margin-top:-1em;
min-height:12em;
overflow-y:scroll;
overflow-x:hidden; 
border:none;

}


.scrolldisc0{


position:relative;
width:500%;
height:190px;
overflow-y:scroll;
overflow-x:hidden; 
border:none;
margin-left:-11.5em;

}


#discussion{

margin-top:1em;

}


.afficherCom0{

margin-left:0em; 
width:100%; 
border-bottom:0.1px solid #2592b9;

}


.afficherDisc0{

width:365px; 
margin-left:-1250px; 
border-bottom:0.1px solid #2592b9;

}


.flm{ 

text-align:left; 
width:5%; 
cursor:pointer;

}


.tablemenuperso{ 

width:100%;
height:100%;

}


.tableintperso{ 

width:100%;
height:100%;
text-align:center;

}


#tdmp0{ 

width:90%;

}


.tdmp{ 

height:40px;
border-top:0px;
border-right:0px;
border-left:0px;

}


.contentlpm{ 

width:200px;
height:450px;
position:fixed;
vertical-align:bottom;

}


.lpm{ 

list-style-type:none;
width:200px;
height:100%;
display:inline-table;

}


#ongletinfo{

top:8.9em;
left:-0.5em;
background:transparent;
border:none;

}


#ongletspinfo{

top:9.5em;
left:-0.5em;
background:transparent;
border:none;
color:black;

}


#ongletspinfoune{

top:9.1em;
left:-1.15em;
background:transparent;
border:none;

}


#ongletspinfoport{

margin-left:-2em; 
margin-top:3.7em; 
background:transparent;
border:none;

}


#ongletjobs{

top:25em;
left:-4.7em;
background:transparent;
border:none;

}


#ongletspjob{

top:26.25em;
left:-6em;
background:transparent;
border:none;
color:black;

}


#ongletspjobune{

top:25em;
left:-5.7em;
background:transparent;
border:none;

}


#ongletspjobport{

margin-left:-3.8em; 
margin-top:11.1em; 
background:transparent;
border:none;

}


#ongletproduit{

top:32.5em;
left:3.5em;
background:transparent;
border:none;

}


#ongletspproduit{

top:35em;
left:2em;
background:transparent;
border:none;
color:black;

}


#ongletspproduitune{

top:32.8em;
left:1.7em;
background:transparent;
border:none;

}


#ongletspproduitport{

margin-left:0.5em;
margin-top:14.15em;
background:transparent;
border:none;

}


#ongletprojet{

top:24.7em;
left:11.1em;
background:transparent;
border:none;

}


#ongletspprojet{

top:26.25em;
left:10em;
background:transparent;
border:none;
color:black;

}


#ongletspprojetune{

top:24.7em;
left:9.2em;
background:transparent;
border:none;

}


#ongletspprojetport{

margin-left:8.75em; 
margin-top:-5.25em;
background:transparent;
border:none;

}


#ongletservice{ 

top:1.2em;
left:-8em;
background:transparent;
border:none;

}


#ongletspservice{ 

top:1em;
left:-11.25em;
background:transparent;
border:none;
color:black;

}


#ongletspserviceune{ 

top:1em;
left:-11em;
background:transparent;
border:none;

}


#ongletspserviceport{ 

margin-left:2.5em; 
margin-top:-15.3em;
background:transparent;
border:none;

}


#ongletdebat{

top:8.9em;
left:0.3em;
background:transparent;
border:none;
color:black;

}


#ongletspdebat{

top:9.5em;
left:-2.8em;
background:transparent;
border:none;
color:black;

}


#ongletspdebatune{

top:8.9em;
left:-3em;
background:transparent;
border:none;

}


#ongletspdebatport{

margin-left:9.25em; 
margin-top:-12em;
background:transparent;
border:none;

}


.newmg0{ 

margin-left:0.65em; 
position:fixed;
display:flex;
justify-content:center;
width:100%;
height:15em;
top:-6em;
z-index:9997;

}


.newmgcity{ 

margin-left:0.65em; 
position:fixed;
display:flex;
justify-content:center;
width:100%;
height:15em;

}


.mgtransitacc{ 

margin-left:0.85em; 
perspective:19.5em;
display:flex;
justify-content:center;
height:0em;
top:3.3em;
width:100%;
position:relative;

}


.newmg00{ 

margin-left:0.85em; 
position:fixed;
display:flex;
justify-content:center;
width:100%;
height:15em;
top:-0.6em;
z-index:9997;

}


.newmg{ 

margin-left:0.65em; 
position:fixed;
display:flex;
justify-content:center;
width:100%;
height:15em;
top:-6em;
z-index:9997;

}


.newmgune{ 

margin-left:0.65em; 
position:fixed;
display:flex;
justify-content:center;
width:100%;
height:15em;
top:0em;

}


.newmgport{

display:flex !important;
justify-content:center !important; 
position:fixed !important;
top:-2.5em !important;
left:1em !important;
width:100%;
height:20em;

}


.rtransit00{ 

transform:translateZ(-2000px);

}


.rtransit00act{ 
position:fixed;
transform:translateZ(-2000px);

}


.rtransit01{ 
position:fixed;
transform:translateZ(-700px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


.rtransit02{ 
position:fixed;
transform:translateZ(0px);
transition: all 1.6s;
-wekbit-transition: all 1.6s;
-moz-transition: all 1.6s;
-ms-transition: all 1.6s;
-o-transition: all 1.6s;

}


#spheremenu{ 

margin-left:2em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#spheremenu2{ 
  
margin-left:2.6em;
margin-top:-0.8em; 
font-size:1.4em;
position:relative;
height:1em;

}


#r{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#rbis{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r4{ 

height:680px;   
width:680px;
border-radius:500px 500px;
margin-left:-1em;

}


#r2d2{ 

height:680px;   
width:680px;
border-radius:500px 500px;
display:flex;
position:relative;

}


.alignport{ 

z-index:9998 !important;
position:relative;

}


#menu00{ 

font-size:2.5em;

}



#menu2{ 

font-size:2.5em;

}


#rotate{ 

height:100%; 
width:100%;
border-radius:500px 500px;

}


#rotate2{ 

height:100%; 
width:100%;
border-radius:500px 500px;

}


#smcontent{ 

height:200%; 
width:200%;
border-radius:500px 500px !important; 
background: url(FCSP.png) !important; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:200% !important; 
margin-top:-0.25em !important;

}


#content00{ 

height:100%; 
width:100%;
border-radius:500px 500px !important; 
background: url(FCSP.png) !important; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:680px !important; 
margin-top:-0.25em !important;

}


#content{ 

height:100%; 
width:100%;
border-radius:500px 500px !important; 
background: url(FCSP.png) !important; 
background-repeat:no-repeat !important; 
background-position:center center !important; 
background-size:680px !important; 
margin-top:-0.25em !important;

}


#content222222{ 

width:100%; 
height:100%; 
background: url(FCconnecte2.22.png);
background-repeat:no-repeat; 
background-position:center center;
background-attachment:fixed;
background-size:1300px;
position:fixed;

}


.profilcontents00{

justify-content:center;  
width:100%; 
max-height:450px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:15em; 
margin-left:7em; 
clear:both;

}


.actuperso{

width:450px;
border-color:#F8F8FF;
margin-top:-2em;
margin-left:-8.5em;
height:100%;

}


#infoUne{

top:120px;
left:10px;

}


#fontpresune{ 

font-size:1.4em;
font-style:bold;
font-color:#87CEEB;

}


#unecontenus0{

margin-top:8em;
margin-left:0.5em;
width:100%;

}


.unecontenu{ 

position:relative;
z-index:9997;
width:500px;

}


.fixunecontenu{

position:relative;
z-index:9996; 
opacity:0.65;
width:500px;

}


#cmpstg{

margin-top:8em;
margin-left:1em;
width:550px;
height:550px;
border-radius:500px 500px;
position:relative;
z-index:9997;

}


#tablecmpset{

display:inline-table;
text-align:left;
margin-top:3.5em;
margin-left:6em;
width:450px;
height:450px;
border-radius:500px 500px;

}


.cmpset{

position:absolute;
margin-left:8em;

}


#cmpedit{

margin-top:-0.5em; 
margin-left:-7.1em; 
width:500px; 
font-size:1.1em; 

}


#tablecmpedit{

width:100%;
margin-left:3em;

}


.cmpeditform{

width:12em;
height:2em;

}


#cmpeditbtn{

margin-top:-8em;
margin-left:1.5em;
height:2em;

}


.mgajouter{

width:7em; 
margin-top:6.1em; 
margin-left:13em;

}


.ajouter{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.8em;

}


.mgrechercher{

width:7em; 
margin-top:-1.7em; 
margin-left:-10.5em;

}


.rechercher{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.8em;

}


#ajoutinfo{

position:relative;
margin-top: 5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #2592b9; 
width:520px; 
height:520px;

}


#ajoutjob{

position:relative;
margin-top:5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #0f698b; 
width:520px; 
height:520px;

}


#ajoutservice{

position:relative;
margin-top:5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #66b2cb; 
width:520px; 
height:520px;

}


#ajoutproduit{

position:relative;
margin-top:5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #0f607f; 
width:520px; 
height:520px;

}


#ajoutprojet{

position:relative;
margin-top:5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #256d80; 
width:520px; 
height:520px;

}


#ajoutdebat{

position:relative;
margin-top:5em; 
margin-left:1em; 
border-radius:500px 500px; 
border:1px solid #57a0b9; 
width:520px; 
height:520px;

}


#tableajout{

border-collapse:collapse; 
border-color:#8ea8cc; 
margin-top:2em; 
margin-left:1.1em;
width:400px; 
height:330px;

}


#h1a{

height:3em;

}


#h2a{

height:2.5em;

}


#btna{

width:75px; 
color:blue; 
border-color:transparent; 
background:transparent;

}


#txta{

display:inline-block;
border:0px; 
resize:none; 
background:transparent;
width:100%;
height:250px;

}


.sprecherche{

margin-top:-18.5em;
width:20em;

}


.fontSp{

font-size:1em;

}


#voirinfovillesphere{

width:300px;
margin-top:11.5em;
height:2.5em;

}


#sectionrecherche{

width:300px;
margin-top:59.5em;
margin-left:-6em;
height:3em;

}

		
#voirinfodepsphere{

margin-top:5em; 
margin-left:1em;
	
}

		
#voirinforecherchesphere{

margin-top:5em; 
margin-left:1em;

}


#champville{ 

height:3em; 

}


.opaccontent{ 

overflow:hidden;
opacity:0;

}


.cmpcontentscr{ 

position:fixed;
left:50%;
margin-top:0%;
margin-left:-400px;
width:100%;
height:100%;
z-index:9998;

}


.contenuinfo{

width:500px;  
height:500px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#2592b9;
border-radius:500px 500px;
text-align:center;

}


.contenuemploi{

width:500px;  
height:500px; 
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#0f698b;
border-radius:500px 500px;
text-align:center;

}


.contenuservice{

width:500px; 
height:500px;
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#66b2cb;
border-radius:500px 500px;
text-align:center;

}


.contenuproduit{

width:500px; 
height:500px;
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#0f607f;
border-radius:500px 500px;
text-align:center;

}


.contenuprojet{

width:500px; 
height:500px;
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#256d80;
border-radius:500px 500px;
text-align:center;

}


.contenudebat{

width:500px; 
height:500px;
border:1.2px solid; 
box-shadow:3px 3px 3px -3px; 
border-color:#57a0b9;
border-radius:500px 500px;
text-align:center;

}


.contenuinfoscr0{

width:800px; 
height:800px; 

}


.contenuemploiscr0{

width:800px; 
height:800px;

}


.contenuproduitscr0{

width:800px; 
height:800px;

}


.contenuservicescr0{

width:800px; 
height:800px;

}


.contenuprojetscr0{

width:800px; 
height:800px;

}


.contenudebatscr0{

width:800px; 
height:800px;

}


.showreturninfoscr{

display:none; 
margin-left:25em;  
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnemploiscr{

display:none; 
margin-left:25em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnservicescr{

display:none;
position:fixed;
margin-top:0em;
left:100%;
margin-left:-3em;
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnproduitscr{

display:none;
position:fixed;
margin-top:0em;
left:100%;
margin-left:-3em;
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturnprojetscr{

display:none; 
margin-left:25em; 
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.showreturndebatscr{

display:none;
position:fixed;
margin-top:0em;
left:100%;
margin-left:-3em;
font-size:2em; 
text-align:right; 
cursor:pointer; 
width:0.5em;

}


.cmpvote{

display:inline;

}


.boxinfoscr{

height:17em;

}


.infovideo{

min-width:19em;
min-height:13.5em;
max-height:13.5em;

}


.videoport{

min-width:19em;
min-height:12em;
max-height:12em;

}


.boxdescpj{

height:200px;
width:100%;

}


.boxdescd{

height:200px;
width:100%;

}


.boxdesciscr{

height:200px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


.boxdescpjscr{

height:300px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


.boxdescdscr{

height:300px;
width:100%;
overflow-y:scroll;
overflow-x:hidden;

}


.tablecontentinfo{

width:100%;
height:100%;

}


.tablecontentprojet{

width:100%;
height:100%;

}


.tablecontentdebat{

width:100%;
height:100%;

}


.infoimagescr{

width:60%;
height:250px;
box-shadow:3px 3px 3px -3px;
margin-top:-8em;
margin-left:8em;

}


.infovideoscr{

width:520px;
height:260px;
background:#2592b9;
box-shadow:3px 3px 3px -3px;
margin-left:3px;
margin-top:-3px;

}


.video{

 width:100%;
 height:11em;

}


.videobox{

 padding-top:1em;
 width:28.5em;
 height:100%;

}


.videoboxport{

 padding-top:0em;
 width:100%;

}


.supportcontenuinfoscr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.supportcontenuemploiscr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.supportcontenuservicescr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.supportcontenuproduitscr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.supportcontenuprojetscr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.supportcontenudebatscr0{

width:520px; 
height:520px;
margin-left:7.5em;
margin-top:2em;

}


.titre{

font-size:1.2em;

}


.textresmax{

display:none;

}


.textresmin{

display:block;
margin-left:1em;

}


.textservice{

margin-top:0em;
margin-left:8em;
height:370px;
width:250%;
overflow-y:scroll;
overflow-x:hidden;
display:flex;
justify-content:center;

}


.flcontentinfo{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #2592b9; 

}


.flcontentemploi{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #0f698b; 

}


.flcontentproduit{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #0f607f; 

}


.flcontentservice{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #66b2cb; 

}


.flcontentprojet{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #256d80; 

}


.flcontentdebat{

position:absolute;
font-size:1.4em; 
width:1.4em; 
border-radius: 500px 500px;
margin-top:-1em;
margin-left:-0.8em;
border:1px solid #57a0b9; 

}


.villeUne{

margin-top:0.5em;

}


.contentUne{ 

width:100%;
margin-top:7em;

}

	
.smallUne{ 

height:520px;
margin-top:-8.5em;

}


.contents{

justify-content:center;  
width:100%; 
max-height:520px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-left:2.5em; 

}


.profilcontents{

justify-content:center;  
width:100%; 
max-height:1000px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:2.8em; 
margin-left:13em; 
clear:both;

}


.enteteprofilperso{

font-size:1em;
	
}


.comptecontents{

justify-content:center;  
width:100%; 
max-height:1000px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:2.8em; 
margin-left:13em; 
clear:both;

}


.boxcmpnot{ 

position:relative;
margin-top:0em;
height:100%;
width:52.5em;
padding-top:1.5em;
border-top:none;
border-bottom:none;

}


#btnreturnotif{ 

position:fixed;
top:3.7em;
height:2em;
width:2em;
z-index:9999;
border-radius:500px 500px;

}


#scrollcmpd{

justify-content:center;  
width:100%; 
height:100%;
border:none;
clear:both;
padding-top:4em;
padding-bottom:10em;
padding-left:0.5em;
box-shadow:1px 1px 1px 1px;

}


#tablecmpe0{

position:relative;
height:100%; 
width:100%;
margin-top:0.5em;
margin-left:0.5em;
z-index:9997;

}


#tablecmpe{

box-shadow: 3px 3px 3px -3px; 
height:35px;
max-width:50em;
min-width:50em;

}


#tablecmpe2{

width:100%;
height:75px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:0.9em;
max-width:50em;

}


#tablecmpe3{

width:100%;
max-width:50em;
height:70px;  

}


#tablecmpp0{
 
position:relative;
width:100%;
height:100%;
overflow:hidden;
left:0em;
top:0em;

}


#tablecmpp{

width:52em;
height:3em;
position:fixed;
z-index:9997;
box-shadow:1px 1px 1px 1px;

}


#tablecmpp2{

width:96%;
height:100%;
border-left:none; 
border-right:none; 
border-top:none;
overflow:scroll;
font-size:0.9em;
position:relative;

}

#tablecmpp td{background: #FFF !important;}
#tablecmpp0 tr:nth-child(even) {background:url(vl33.jpeg);}
#tablecmpp0 td:nth-child(2n+2) {background: #FFF;}
#tablecmpp3 tr:nth-child(2n+1) {background:url(vl33.jpeg) !important;}


.boxrepdem{

position:fixed;
display:flex;
justify-content:left;
width:52.5em;
height:7em;
bottom:1em;
z-index:9998;

}


#tablecmpp3{

position:absolute;
width:52em;
height:5em; 
margin-top:0em;
box-sizing: border-box;
box-shadow:1px -1px 1px 1px;
background:#FFF;

}


#tablecmps0{

position:relative;
width:420px;
height:430px;
overflow:hidden;
left:0.3em;
top:7%;

}


#tablecmps{

box-shadow: 3px 3px 3px -3px; 
width:420px;
height:35px;

}


#tablecmps2{

width:420px;
height:75px;
border-left:none; 
border-right:none; 
border-top:none;
font-size:0.9em;

}


#tablecmps3{

width:420px;
height:70px; 

}


.cmpcontenttxtarea{

resize:none; 
height:4em;
background:#FFF;
box-shadow:1px 1px 1px 1px;

}


.networkcontents{

position:relative;  
width:475px; 
height:550px; 
overflow:hidden;
top:7%;
left:0%;

}


#ntwlist{

display:inline-block; 
font-size:1.5em; 
background:transparent;
margin-left:1.5em;

}


.networkctn{

width:475px; 
height:370px; 
overflow-x:hidden; 
overflow-y:scroll; 
text-align:left; 
margin-top:1em;
margin-left:1.5em;

}


.ntwboxctn{

display:inline-block; 
width:115px; 
text-align:center; 
height:85px;

}


.ntwctncity{

font-size:0.7em;
	
}


.ntwavatar{

margin-top:0.5em;
margin-left:0.5em;
width:35px; 
height:35px;
border-radius:500px 500px;

}


.messagerie{

position:relative;
width:100%; 
height:100%; 
margin-left:2em;

}


#ntwscrl{

margin-left:-1.1em;

}


#mpscroll{

height:235px; 
width:100%;  
overflow-x:hidden; 
overflow-y:scroll; 
text-align:left; 
margin-top:0em;
margin-left:3.1em;

}


#rntwctn{

margin-left:2.1em;
width:370px; 
height:30px;

}


#btnrntwctn{

width:40px; 
height:30px; 
margin-top:-0.3em;

}


#boxntwbxsl{

width:410px; 
margin-left:0em;

}


.ntwlictn{

width:60px;

}


#sublogntwctn{

height:20px; 
background:transparent; 

}


.tablentwcom2{

word-wrap:break-word;
width:100%;

}


.tdntwdatecom{

border-top:1px solid white;
width:80px;
height:40px;

}


#tablentwcom3{

display:inline-block;
width:410px; 
margin-top:0.5em;
margin-left:2.1em;
text-align:left;

}


#ntwtxtarea{

width:410px;
resize:none; 
background:transparent;

}


.voirUne{ 

width:743px;
margin-left:-1em;
margin-top:3em;

}


.voirinfoville{

position:fixed;
margin-top:10em; 

}


#voirinfoperso{

position:fixed;
margin-top:7em;
width:100%;
	
}


.cmpavatar{

width:130px;
height:130px;
border-radius:500px 500px;

}	


#voircompte{

position:fixed;
left:1px;
width:15%;
max-width:20em;
height:100%;

}


#voirfollow{

position:relative;
width:100%;
height:2em;
border:1px solid;

}


#voirajout{

position:relative;
height:2em;
width:100%;
border:1px solid;

}


.retoursphere{

font-size:1.7em;
margin-top:16em;

}


.sptitlescr{

width:90%;

}


.tableinteract2{

font-size:0.8em;
width:93%;

}


.flmenuscrleft{

margin-top:0em;
width:5%;

}


.flmenuscrright{

margin-top:0em;
width:5%;
margin-left:-0.2em;

}


}


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


.contentportv{ 

width:33%;

}


.loadcontentportv{ 

position:relative; 
min-width:33%;

}


}


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


.supportcontentscr{

width:19em; 
height:100%; 
font-size:2em; 
margin-top:3.8em; 

}


.interactscr{

position:fixed; 
width:23.9em; 
vertical-align:top;
margin-left:-0.1em;
border-top:2px solid #256d80;
border-right:2px solid #256d80;
border-left:2px solid #256d80;
font-size:0.8em;

}


.tableinteract2{

margin-bottom:0.8em;

}


.flmenuscr{

width:19em;

}


.flmenuscrleft{

margin-left:-0.5em;

}


.tableComscr{

border-bottom:0.1px solid #2592b9;
width:38em;
table-layout:fixed;
word-wrap:break-word;

}

}	


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


.cmpavatar{

width:8em;
height:8em;

}


#voircompte{

position:fixed;
left:1px;
width:13%;
padding-top:1em;
max-width:20em;
height:100%;

}


#voirfollow{

position:relative;
width:100%;
height:3em;
border:1px solid;

}


#voirajout{

position:relative;
height:3em;
width:100%;
border:1px solid;

}	


.boxcontentport{ 

left:15%;

}


.contentportv{ 

width:50%;

}


.loadcontentportv{ 

position:relative; 
min-width:50%;

}


}


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


#navigation{ 

height:50px;
background:black !important;
width:100%;
display:flex;
justify-content:center;
position:fixed;

}


.cmpavatar{

width:6em;
height:6em;

}


#voircompte{

position:fixed;
left:1px;
width:13%;
font-size:1em;
padding-top:1em;
max-width:20em;
height:100%;

}	


.contentport{ 

width:100%;

}


}


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


#navigation{ 

height:50px;
width:100%;
display:flex;
justify-content:center;
position:fixed;

}


.fixNavigation{

z-index:9998; 
position:fixed;
top:0; 
width:100%; 

}


#spherisation{ 

position:fixed; 
border:1px dashed;
border-top:none;
border-left:none;
border-right:none;
height:70px; 
width:100%;
display:flex;
justify-content:center;
margin-top:0.3em;
left:0em;

}


.fixSpherisation{

position:fixed;
top:40px; 
width:100%; 

}


.newmg{

margin-top:3em;

}


#mgtransit{ 

perspective:none !important;

}


#mgtransit1{ 

perspective:none !important;

}


#rtransit{ 

transform:none !important;

}


#rtransit4{ 

transform:none !important;

}


.rtansit0{ 

transform:none !important;

}


#rtransit1{ 

transform:none !important;

}


.rtansit2{ 

transform:none !important;

}


#rtransit3{ 

transform:none !important;

}


#menu2{ 

font-size:1em !important;

}


.rtansit3{ 

transform:none !important;

}


.rtansit4{ 

transform:none !important;

}


#ancretop0{

position:fixed;
background:black;
top:7em;
left:49%;

}


#ancredown0{

position:fixed;
background:black;
top:100%;
left:49%;

}


#cmpntf{

margin-top:13.5em;
width:650px;

}


.mpdex{ 

position:fixed;
width:300px; 
z-index:10000; 

}


.fixB{

z-index:9998; 
position:fixed;

}


#comptecontent{ 

width:100%; 
height:100%; 
left:0em;
display:flex;
background:none;
position:fixed;

}


#menuperso{ 

position:fixed;
right:0px;
width:200px;
top:6.7em;
padding-top:1em;
height:100% !important;
display:flex;
border:1px solid;
z-index:10000;

}


.profilcontents00{
  
width:100%; 
max-height:500px; 
overflow-y:scroll;
overflow-x:hidden; 
margin-top:5em;
clear:both;

}


.actuperso{

width:500px;
border-color:#F8F8FF;
height:100%;
margin-top:3em;
margin-left:-6em;

}


#unecontent{ 

width:100%; 
height:100%; 
background:none;
position:fixed;
margin-left:-1em;

}


#content{ 

height:1000px;   
width:1000px;
background:none;
position:fixed;
margin-left:-1em;
margin-top:-0.5em;

}


#rtransit{ 

margin-top:-4.4em;
left:0em;
width:100%;
position:fixed;

}


#champville{ 

height:3em;

}


#champrLogin{ 

width:17em;

}


.mgajouter{

width:7em; 
margin-top:10em; 
margin-left:15em;

}


.ajouter{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.8em;

}


.mgrechercher{

width:7em; 
margin-top:-1.7em; 
margin-left:-12em;

}


.sprecherche{

margin-top:-10.5em;
margin-left:-1em;
width:20em;

}


.rechercher{

border-radius:500px 500px;
box-shadow:3px 3px 3px -3px;
background:transparent;
height:2em;
width:6em;
font-size:0.8em;

}


.smallUne{ 

height:580px;

}


.profilcontents{

margin-left:10em;

}


.comptecontents{

margin-left:10em;

}


.voirUne{ 

width:660px;
margin-left:-1em;
margin-top:3em;

}


.voirinfoville{

position:fixed;
margin-top:10em; 

}	


.cmpavatar{

width:100px;
height:100px;
border-radius:500px 500px;

}	


#cmpedit{

margin-top:3em; 
margin-left:-7.1em; 
width:500px; 
font-size:1.1em; 

}


#voirinfoperso{

position:fixed;
margin-top:7em;
width:100%;
	
}


.voiractivitesperso{

width:570px;
border-color:#F8F8FF;

}


.voiractivitescompte{

width:570px;
border-color:#F8F8FF;

}


.cmpavatar{

width:6em;
height:6em;

}


#voircompte{

background:none;
margin-top:3.85em;

}


.tdmp01{

font-size:0.9em;

}

		
.tablecontent0 {

margin-left:-5em;

}
 

}


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


.flmenuscr{

position:fixed;
margin-left:3.75em;

}


}


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


.mgmenutop{

position:relative !important;
display:inline-block !important;

}


.nav-tabs{

display:flex !important;
width:100% !important;

}


.circle{  

width:170px; 
height:130px; 

}


.contentUne{

position:fixed; 
width:100%; 
margin-top:2em;  

}


.smallUne{ 

height:480px; 

}


.profilcontents {

width:90%;
margin-left:8em; 

}


.comptecontents {

width:90%;
margin-left:8em; 

}


.voirUne{ 

width:585px; 
margin-left:-2em;
margin-top:3em;

}


.voirinfoville {

position:fixed;
margin-top:10em; 

}


#voirinfoperso{

margin-left:-19em;
margin-top:8em;
width:90%;
	
}


.cmpavatar{

width:75px;
height:75px;
border-radius:500px 500px;

}


.fixcmpcontent{

width:43.1em;
margin-left:3em;

}


.loadcmparam2{

width:740px;
min-width:740px;

}


.voiractivitesperso{

width:520px;
border-color:#F8F8FF;

}


#voircompte{

margin-top:3.1em;
min-width:6.5em;
  
}


.menuperso{

margin-top:0.1em;
  
}


#fl0{

margin-left:0.3em;
  
}


#fl{

margin-left:0.3em;
	
}


.tdmp{

font-size:0.9em;
	
}


.lpm0{

margin-left:0em;
	
}


.voiractivitescompte{

width:520px;
border-color:#F8F8FF;

}


.flmenuscr{

margin-top:-0.4em;

}


.supportcontentscr{

margin-top:3.4em;

}
 

}


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


#clrecherche{

position:fixed;
width:40em;
left:10.5em;
display:table;

}


#clw3c{

position:fixed;
left:10.5em;
display:table;
width:30em;

}


.contentportv{ 

width:100%;

}


.loadcontentportv{ 

position:relative; 
min-width:100%;

}


}


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







.boxcontentport{ 

position:absolute;
left:10.5em;
width:21em;

}


}