html{font-size:96%;font-family:"Comic Sans MS", "Comic Sans",verdana;}
body{position:relative;top:0;font-size:80%;word-break:break-word;font-family:"Comic Sans MS", "Comic Sans",verdana;font-weight:bold;}
img{max-width:100%;height:auto;}
.image{width:100%;position:relative;border-radius:6px;}
#imagebox{border-radius:6px;width:auto;position:relative;box-shadow:10px 7px 5px black;}
#imagebox1{border-radius:6px;width:auto;position:relative;box-shadow:10px 7px 5px black;}
.imagebox{border-radius:6px;width:auto;position:relative;box-shadow:10px 7px 5px black;}
figure{width:100%;}
h1{font-size:1.5em;}h2{font-size:1.3em;}h3{font-size:1.1em;}h4{font-size:1.0em;}h5{font-size:0.85em;}
ol,ul,li{font-size:1.0em;}
a{cursor:pointer;}
button{cursor:pointer;}
button:active{background-color:#e1e100;}
#logoutmember{font-size:0.87em;color:#ff0080;border:none;font-weight:bold;}
#logoutmember button{font-size:0.87em;color:#ff0080;border:none;font-weight:bold;box-shadow:7px 5px 5px black;}
#logoutad{font-size:0.87em;color:blue;border:none;font-weight:bold;}
#logoutad button{font-size:0.87em;color:blue;border:none;font-weight:bold;box-shadow:7px 5px 5px black;}
.global{position:relative;top:0;width:98%;background:url(image/varc.jpg)repeat;text-aling:center;word-break:break-word;
font-family:"Comic Sans MS", "Comic Sans",verdana;margin:auto;padding:0px;top:0;}
.centre{display:flex; justify-content:space-between; align-content:start; flex-wrap:wrap; position:relative;width:98%;position:relative;margin-right:auto;
word-break:break-word;border-radius:6px; border:none;margin-left:auto; padding:1px; top:0; text-align:center;margin-top:3px;margin-bottom:3px;
font-family:"Comic Sans MS", "Comic Sans" ;}
/*HEADER*/
header{display:flex;flex-wrap:wrap;justify-content:start;align-content:space-around;font-family:"Comic Sans MS", "Comic Sans" ;
width:80%;border-radius:6px;margin-left:auto;margin-right:auto;
border:none;padding:2px;position:relative;font-size:1.1em;color:#ff0080;margin-top:8px;margin-bottom:6px;}
header h2{width:auto;font-size:1.4em;display:inline;margin-bottom:8px;margin-top:6px;}
header h4{width:auto;font-size:1.1em;display:inline;margin-bottom:4px;margin-top:8px;}
div .headf{width:20%;text-align:center;}
div .headt{width:60%;text-align:center;background: rgba(255,255,255,0.6);box-shadow:7px 5px 5px black;border-radius:6px;}
/*FOOTER*/
footer{display:flex;flex-wrap:wrap;justify-content:start;align-content:space-around;font-family:"Comic Sans MS", "Comic Sans" ;
width:80%;border-radius:6px;border:none;margin:auto;padding:2px;height:auto;margin-left:auto;margin-right:auto;
position:relative;margin-top:8px;margin-bottom:6px;color:#ff0080;}
#foot {width:100%;position:relative;
border-radius:6px;border:none;}
#foot nav ul{position:relative;list-style-type:none;}
#foot li{color:black;}
#foot a:hover{background:lightgrey;}
#foot a:active{background:#e1e100;}
#foot a{color:black;}
#foot a:link{color:black;}
#foot1 {width:100%;position:relative;
border-radius:6px;border:none;}
#foot1 nav ul{position:relative;list-style-type:none;}
#foot1 li{color:blue;}
#foot1 a:hover{background:lightgrey;}
#foot1 a{color:slateblue;}
.bvf{text-align:center;width:auto;font-size:1.4em;margin:3px;padding:3px;border-radius:6px;border:none;box-shadow:7px 5px 5px black;}
.bvf:active{color:#e1e100;}
.bvf1{text-align:center;width:auto;font-size:1.4em;margin:3px;padding:3px;border-radius:6px;border:none;box-shadow:7px 5px 5px black;}
.bvf1:active{color:#e1e100;}
.glover{font:red;font-size:0.76em;width:40%;word-wrap:break-word;background:white;}
.glover1{font:blue;font-size:0.76em;width:40%;word-wrap:break-word;background:white;}
.korbin{background:rgba(255,255,255,0.7);margin:1px;padding:2px;text-align:center;width:auto;font-weight:bold;font-size:1.0em;color:#000000;word-break:break-word;
margin-left:auto;margin-right:auto;text-transform:uppercase;box-shadow:10px 7px 5px black;border-radius:6px;font-family:"Comic Sans MS", "Comic Sans",verdana;}
.blanc{background:rgba(255,255,255,0.7);margin:1px;padding:1px;text-align:center;width:auto;font-weight:bold;font-size:1.5em;color:#ff0080;
margin-left:auto;margin-right:auto;text-transform:uppercase;box-shadow:10px 7px 5px black;border-radius:6px;}
.bleu{background:rgba(255,255,255,0.7);margin:1px;padding:1px;text-align:center;width:auto;font-weight:bold;font-size:1.5em;color:blue;
margin-left:auto;margin-right:auto;text-transform:uppercase;box-shadow:10px 7px 5px black;border-radius:6px;}
.legendt{color:#ff0080;font-style:normal;}
.legendi{color:blue;font-style:normal;}
.imgfoto{background-image:url(image/photoinconnu.png);}
.xlilo{width:35%;}
#mesrecu{font-size:1.3em;color:red;background:#6aff6a;height:auto;font-weight:bold;}
#mesrecu11{text-align:center;width:40%;border:none;margin-left:auto;margin-right:auto;margin-bottom:5px;margin-top:5px;}
/*DIV CENTRE PAGE MEMBRE*/
div .contentx{border:none;position:relative;margin:1px;padding:1px;padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;
border-radius:3px;text-align:center;font-family:"Comic Sans MS", "Comic Sans" ;}
div .contentx a{color:black;cursor:pointer;}
div .contentx a:link{color:black;}
div .contentx a:visited{color:darkslategray;}
div .contentx a:hover{color:silver;}
div .contentx a:active{background-color:#e1e100;}
/*DIV CENTRE PAGE PUB MEMBRE*/
div .content1{width:96%;border:none;position:relative;margin:auto;padding:1px;padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;
border-radius:3px;text-align:center;font-family:"Comic Sans MS", "Comic Sans" ;}
div .content1 a{color:blue;cursor:pointer;}
div .content1 a:link{color:blue;}
div .content1 a:visited{color:lightseagreen;}
div .content1 a:hover{color:purple;}
div .content1 a:active{background-color:#e1e100;}
/*FORMULAIRE CENTRE PAGE MEMBRE*/
div .contentx form{position:relative;width:95%;border:none;margin:auto;padding:1px;border-radius:6px;word-break:break-word;fon-size:1.1em;
padding-top:3px;padding-bottom:3px;margin-bottom:7px;margin-top:7px;color:#ff0080;font-family:"Comic Sans MS", "Comic Sans" ;}
div .contentx fieldset{position:relative;width:94%;border:none;margin:auto;padding:1px;background: rgba(255,255,255,0.7);
border-radius:6px;margin-bottom:5px;margin-top:5px;box-shadow:10px 7px 5px black;font-weight:bold;}
div .contentx input{border-radius:6px;font-size:1.1em;color:#ff0080;background:white;position:relative;}
div .contentx select{color:#ff0080;font-size:1.1em;font-weight:bold;}
div .contentx textarea{color:#ff0080;font-size:1.3em;font-weight:bold;}
div .contentx radio{color:#ff0080;font-size:1.1em;font-weight:bold;}
div .contentx input[type="submit"]{border-radius:6px;font-size:1.2em;background:white;width:auto;color:#ff0080;}
div .contentx input:hover{background:white;}
/*DIV RESULTAT SEARCH JQUERY FLEX FORMULAIRE MEMBRE*/
#membersr{position:relative;width:100%;border:none;margin:0;padding:0;word-break:break-word;
/*padding-top:3px;padding-bottom:3px;*/margin-bottom:3px;margin-top:3px;}
/*FORMULAIRE CENTRE PAGE PUB MEMBRE*/
div .content1 form{position:relative;width:95%;border:none;margin:auto;padding:1px;border-radius:6px;word-break:break-word;fon-size:1.1em;
padding-top:3px;padding-bottom:3px;margin-bottom:7px;margin-top:7px;color:blue;font-family:"Comic Sans MS", "Comic Sans" ;}
div .content1 fieldset{position:relative;width:94%;border:none;margin:auto;padding:1px;background: rgba(255,255,255,0.7);border-radius:6px;
margin-bottom:5px;margin-top:5px;box-shadow:10px 7px 5px black;font-weight:bold;}
div .content1 input{border-radius:6px;font-size:1.1em;color:blue;background:white;position:relative;}
div .content1 select{color:blue;font-size:1.1em;font-weight:bold;}
div .content1 textarea{color:blue;font-size:1.3em;font-weight:bold;}
div .content1 radio{color:blue;font-size:1.1em;font-weight:bold;}
div .content1 input[type="submit"]{border-radius:6px;font-size:1.2em;color:blue;background:white;width:auto;color:blue;}
div .content1 input:hover{background:white;}
/*STYLE CHAMPS FORMULAIRE*/
legend{font-weight:bold;font-family:"Comic Sans MS", "Comic Sans" ;text-align:center;width:100%; }
label{font-size:1.1em;font-weight:bold;}
input[type="submit"]{background:white;border:none;margin:3px;padding:3px;font-weight:bold;cursor:pointer;}
input[type="submit"]:invalid{background:white;border:none;margin:3px;padding:3px;}
input[type="submit"]:valid{background:white;border:none;margin:3px;padding:3px;}
input[type="submit"]:hover{background:#00ff00;border:none;margin:3px;padding:3px;}
input[type="text"]{background:white;border:none;width:80%;margin-bottom:4px;font-weight:bold;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;}
input[type="email"]{background:white;border:none;width:80%;margin-bottom:4px;font-weight:bold;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;margin-top:4px;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;margin-top:4px;}
input[type="password"]{background:white;border:none;width:80%;margin-bottom:4px;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;}
input[type="number"]{background:white;border:none;width:95%;margin-bottom:4px;font-weight:bold;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;}
input[type="tel"]{background:white;border:none;width:95%;margin-bottom:4px;font-weight:bold;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;}
input[type="file"]{background:white;border:none;width:95%;margin-bottom:4px;font-weight:bold;}
input:invalid{border-left:2px solid red;border-bottom:2px solid red;}
input:valid{border-left:2px solid green;border-bottom:2px solid green;}
textarea{border-radius:6px;background:white;width:95%;margin-bottom:4px;font-weight:bold;font-size:1.3em;}
/*texarea:invalid{border-left:2px solid red;border-bottom:2px solid red;}
textarea:valid{border-left:2px solid green;border-bottom:2px solid green;}*/
select{background:white;border-radius:8px;width:95%;position:relative;font-size:0.95em;border:none;margin-bottom:4px;font-weight:bold;}
select:invalid{border-left:2px solid red;border-bottom:2px solid red;}
select:valid{border-left:2px solid green;border-bottom:2px solid green;}
radio{background:white;border:none;margin-bottom:4px;font-weight:bold;}
radio:invalid{border-letf:2px solid red;border-bottom:2px solid red;}
radio:valid{border-let:2px solid green;border-bottom:2px solid green;}
/*AFFICHAGE ANNONCE*/
div .contentx table{font-size:1.0em;width:96%;text-align:center;border:none;margin:1px;padding:1px;border-radius:6px;position:relative;top:0;
word-break:break-word;background: rgba(255,255,255,0.7);padding-top:3px;padding-bottom:3px;margin-bottom:7px;margin-top:7px;color:#ff0080;
box-shadow:10px 7px 5px black;font-family:"Comic Sans MS", "Comic Sans" ;}
div .contentx table th{font-size:1.4em;text-align:center;}
div .contentx table td{font-size:0.85em;text-align:center;font-weight:bold;}
div .contentx table caption{font:bold small-caps;font-size:1.1em;border:none;margin-bottom:3px;background: rgba(255,255,255,0.6);
border-radius:6px;margin-top:5px;box-shadow:10px 7px 5px black;}
div .contentx .shouiad{border:none/*solid 3px blanchedalmond*/;margin:1px;padding:1px;border-radius:6px;position:relative;top:0px;width:96%;text-align:center;font-size:1.4em;
background: rgba(255,255,255,0.7);margin-bottom:8px;margin-top:8px;font-weight:bold;box-shadow:10px 7px 5px black;color:#ff0080;}
div .contentx .shouiad span{font-size:0.65em;text-align:center;margin:0px;padding:0px;padding-top:0;margin-top:0;}
div .contentx .flip{color:black;text-decoration:underline;}
div .content1 table{font-size:1.0em;width:96%;text-align:center;border:none;margin:1px;padding:1px;border-radius:6px;position:relative;top:0;
word-break:break-word;background: rgba(255,255,255,0.7);padding-top:3px;padding-bottom:3px;margin-bottom:7px;margin-top:7px;color:blue;
box-shadow:10px 7px 5px black;font-family:"Comic Sans MS", "Comic Sans" ;}
div .content1 table th{font-size:1.4em;text-align:center;}
div .content1 table td{font-size:0.85em;text-align:center;font-weight:bold;}
div .content1 table caption{font:bold small-caps;font-size:1.1em;border:none;margin-bottom:3px;background: rgba(255,255,255,0.6);
border-radius:6px;margin-top:5px;box-shadow:10px 7px 5px black;}
div .content1 .shouiad{border:none;margin:1px;padding:1px;border-radius:6px;position:relative;top:0px;width:96%;text-align:center;font-size:1.4em;
background: rgba(255,255,255,0.7);margin-bottom:8px;margin-top:8px;font-weight:bold;box-shadow:10px 7px 5px black;color:blue;}
div .content1 .shouiad span{color:blue;font-size:0.65em;text-align:center;margin:0px;padding:0px;padding-top:0px;margin-top:0px;}
div .content1 .flip{text-decoration:underline;color:blue;}
/*PARAGRAGHE DESCRIPTION*/
div .contentx .shouin{border:none;margin-top:4px;margin-bottom:4px;margin:auto;padding:2px;border-radius:6px;position:relative;top:0px;
width:95%;text-align:center;font-size:1.0em;word-break:break-word;background: rgba(255,255,255,0.7);box-shadow:10px 7px 5px black;}
div .content1 .shouin{border:none;margin-top:4px;margin-bottom:4px;margin:auto;padding:2px;border-radius:6px;position:relative;top:0px;
width:95%;text-align:center;font-size:1.0em;word-break:break-word;background: rgba(255,255,255,0.7);box-shadow:10px 7px 5px black;}
#postmessager{position:relative;width:96%;border:none;margin:auto;padding:0px;border-radius:6px;word-break:break-word;fon-size:1.3em;
font-weight:bold;padding-top:0px;padding-bottom:0px;margin-bottom:7px;margin-top:7px;}
#postmessager textarea{position:relative;width:80%;border:none;margin:0px;padding:0px;border-radius:6px;word-break:break-word;fon-size:1.4em;}
#postmessager button{position:relative;margin:0px;padding:0px;}
/*MENU GENERAL PAGE HAUT*/
#monmenu {font-family:"Comic Sans MS", "Comic Sans" ; font-size: 90%; font-weight:bold;z-index:1;cursor:pointer;}
#monmenu ul ul {display: none; left: 100px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0; z-index:1;}
#monmenu li {list-style-type: none; position: relative; width: 100px; background-color: rgba(255,255,255,0.6); padding: 2px; margin: 0px; z-index:1;font-size:1.0em;text-align:center;}
#monmenu li:hover, #monmenu li.sfhover {background-color: rgba(255,255,255,0.9);}
#monmenu li a {text-decoration:none;}
#monmenu li a:active {background-color:#e1e100;}
#monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block; z-index:1;}
#monmenu li.plus {background-position:right; background-image: url(image/fd.png); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
/*MENU SEARCH PETIT FORMAT PAGE HAUT*/
#monmenuplotin {font-family:"Comic Sans MS", "Comic Sans" ; font-size: 90%; font-weight:bold;z-index:1;cursor:pointer;}
#monmenuplotin ul ul {display: none; left: 100px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0; z-index:1;}
#monmenuplotin li {list-style-type: none; position: relative; width: 100px; background-color: rgba(255,255,255,0.6); padding: 2px; margin: 0px; z-index:1;}
#monmenuplotin li:hover, #monmenu li.sfhover {background-color: rgba(255,255,255,0.9);}
#monmenuplotin li a {text-decoration:none;}
#monmenuplotin li a:active {background-color:#e1e100;}
#monmenuplotin li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block; z-index:1;}
#monmenuplotin li.plus {background-position:right; background-image: url(image/fd.png); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
/*MENU GENERAL PAGE BAS FOOTER */
#monmenufooter {font-family:"Comic Sans MS", "Comic Sans" ; font-size: 90%; font-weight:bold;z-index:1;cursor:pointer;}
#monmenufooter ul ul {display: none; left: 100px; top: -160px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0; z-index:1;}
#monmenufooter li {list-style-type: none; position: relative; width: 100px; background-color: rgba(255,255,255,0.6); padding: 2px; margin: 0px; z-index:1;text-align:center;font-size:1.0em;;}
#monmenufooter li:hover, #monmenu li.sfhover {background-color: rgba(255,255,255,0.9);}
#monmenufooter li a {text-decoration:none;}
#monmenufooter li a:active {background-color:#e1e100;}
#monmenufooter li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block; z-index:1;}
#monmenufooter li.plus {background-position:right; background-image: url(image/fd.png); background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
/* DIV AFFICHE MEMBRE RESULTAT SEARCH GRAND FORMAT*/
div .flex1{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-around;width:100%;font-size:1.1em;position:relative;
border-radius:6px;border:none;margin:0px;padding:0px;padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;font-family:"Comic Sans MS", "Comic Sans" ;}
/* DIV AFFICHE PUB RESULTAT SEARCH GRAND FORMAT*/
div .flex{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:space-around;width:100%;position:relative;font-family:"Comic Sans MS", "Comic Sans" ;
border-radius:6px;border:none;margin:0px;padding:0px;color:blue;padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;}
/*AFFICHE TOUTES LES PUB RESULTAT D UN MEMBRE*/
div .flexad{width:95%;border-radius:6px;border:none;margin:1px;margin-bottom:4px;padding:1px;color:blue;font-size:1.1em;position:relative;
background: rgba(255,255,255,0.7);margin-top:3px;word-break:break-word;font-family:"Comic Sans MS", "Comic Sans" ;}
/*AFFICHE MEMBRE RESULTAT SEARCH GRAND FORMAT*/
div .smallsearch1{border:none;margin:1px;padding:2px;border-radius:6px;font-weight:bold;font-size:1.0em;color:#ff0080;font-family:"Comic Sans MS", "Comic Sans" ;
box-shadow:7px 5px 5px black;background: rgba(255,255,255,0.7);position:relative;top:0px;word-break:break-word;text-align:center;
font-weight:bold;}
div .smallsearch1 a{color:#ff0080;}
div .smallsearch1 a:link{color:#ff0080;}
div .smallsearch1 a:visited{color:#646464;}
div .smallsearch1 a:hover{color:darkslategray;}
div .smallsearch1 a:active{color:#e1e100;}
div .smallsearch1 strong{color:black;font-family:"Comic Sans MS", "Comic Sans" ;font-size:0.90em;}
/*AFFICHE PUB RESULTAT SEARCH GRAND FORMAT*/
div .smallsearch{border:none;margin:1px;padding:2px;border-radius:6px;font-weight:bold;font-size:1.0em;color:blue;font-family:"Comic Sans MS", "Comic Sans" ;
box-shadow:7px 5px 5px black;background: rgba(255,255,255,0.7);position:relative;top:0px;word-break:break-word;text-align:center;font-weight:bold;}
div .smallsearch a{color:blue;}
div .smallsearch a:link{color:blue;}
div .smallsearch a:visited{color:#800080;}
div .smallsearch a:hover{color:purple;}
div .smallsearch a:active{color:#e1e100;}
div .smallsearch strong{color:slateblue;font-family:"Comic Sans MS", "Comic Sans" ;font-size:0.90em;}
/*DIV AFFICHE PUB RESULTAT SEARCH PETIT FORMAT*/
div .xsearch{border:none;margin:1px;padding:1px;border-radius:6px;font-weight:bold;font-size:1.0em;color:blue;box-shadow:7px 5px 5px black;font-family:"Comic Sans MS";
background: rgba(255,255,255,0.7);position:relative;top:0px;word-break:break-word;text-align:center;font-weight:bold;}
div .xsearch a{color:blue;}
div .xsearch a:link{color:blue;}
div .xsearch a:visited{color:#800080;}
div .xsearch a:hover{color:purple;}
div .xsearch a:active{color:#e1e100;}
div .xsearch strong{color:slateblue;font-family:"Comic Sans MS", "Comic Sans" ;font-size:0.90em;}
#xsearchad{overflow-y:auto;height:3800px;}
/*SPAN FORMAT DANS RESULTAT ANNONCE SEARCH*/
.glady{font-size:medium;}
.glady1{font-size:small;}
.glady2{font-size:x-small;}
/*AFFICHE MESSAGE REQUETTE SUR PAGE*/
.f{margin:1px;padding:2px;border:none;border-radius:6px;background:red;text-transform:capitalize;color:white;width:55%;margin-left:auto;margin-right:auto;font-weight:bold;font-size:1.1em;}
.f a{color:white;text-decoration:underline;}
.v{margin:1px;padding:2px;border:none;border-radius:6px;background:green;text-transform:capitalize;color:white;width:55%;margin-left:auto;margin-right:auto;font-weight:bold;font-size:1.1em;}
.v a{color:white;text-decoration:underline;}
.rm{margin:1px;padding:2px;border:none;border-radius:6px;text-transform:capitalize;color:#ff0080;width:auto;margin-left:auto;margin-right:auto;background: rgba(255,255,255,0.7);font-weight:bold;}
.rp{margin:1px;padding:2px;border:none;border-radius:6px;text-transform:capitalize;color:blue;width:auto;margin-left:auto;margin-right:auto;background: rgba(255,255,255,0.7);font-weight:bold;}
/*AFFICHAGE MESSAGE RECU MEMBRE*/
div .xmessage1{width:95%;height:auto;border:none;background: rgba(255,255,255,0.7);margin:1px;padding:1px;border-radius:6px;
font-size:1.0em;color:black;position:relative;top:0px;word-break:break-word;text-align:center;overflow-y:auto;
padding-top:3px;padding-bottom:3px;margin-bottom:6px;margin-top:4px;}
div .xmessage1 a{color:black;}
div .xmessage1 a:link{color:black;}
div .xmessage1 a:visited{color:#004000;}
div .xmessage1 a:hover{color:darkslategray;}
div .xmessage1 a:active{color:#e1e100;}
div .xmessage1 strong{color:black;font:fantasy;font-size:1.1em;}
/*FORMULAIRE PUB PETIT FORMAT*/
div #plot{border:none;margin:1px;position:relative; border-radius:6px;align-self:flex-start;font-size:0.90em;text-align:center;
padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;color:blue;font-family:"Comic Sans MS", "Comic Sans" ;}
div #plot input:hover{background:white;}
div .plota{border:none;border-radius:6px; position:relative;margin:0;padding:0; width:99%;
text-align:center;padding-top:3px;padding-bottom:3px;margin-bottom:3px;margin-top:3px;}
div .plota fieldset{border-radius:6px;font-size:1.0em;border:none;background: rgba(255,255,255,0.7);position:relative;
margin-top:5px;margin-bottom:5px;box-shadow:7px 5px 5px black;}
div .plota input{position:relative;width:95%;color:blue;}
div .plota select{position:relative;width:95%;font-size:0.95em;background:white;border-radius:8px;color:blue;}
div .plota radio{color:blue;}
div .plota input[type="submit"]{width:auto;}
.plotasom{border-radius:6px;font-size:1.0em;border:none;background: rgba(255,255,255,0.7);position:relative;box-shadow:7px 5px 5px black;margin-bottom:5px;}
em{color:black;font-size:76em;}
.etoile{color:red;}
/*chat css */
div .contentx #bodyxi table
{
background-color: rgba(255,255,255,0.0);
}
#bodyxi
{
color:black;
background-color: rgba(255,255,255,0.0);
margin:auto;
width:96%;
border-radius:10px;
overflow:hidden;
padding-top:8px;
padding-bottom:8px;
margin-bottom:10px;
margin-top:10px;
word-break:break-word;
border:none;
box-shadow:10px 7px 5px black;
}
#chat_perso
{
margin:auto;
padding-top:4px;
padding-left:4px;
padding:2px;
text-align:left;
font-family:"Comic Sans MS", "Comic Sans" ;
font-size:medium;
width:95%;
height:100%;
margin-bottom:12px;
box-shadow:7px 5px 5px black;
border-radius:10px;
background-color: rgba(255,255,255,0.7);
}
#form
{
margin-bottom:8px;
margin:auto;
height:100px;
padding:0%;
width:95%;
}
#chat_aff
{
margin-top:8px;
width:95%;
height:100%;
border:none;
box-shadow:7px 5px 5px black;
border-radius:10px;
margin:auto;
overflow-y:auto;
background-color: rgba(255,255,255,0.7);
}
#form2
{
margin:auto;
width:100%;
text-align:center;
padding:2px;
background-color: rgba(255,255,255,0.0);
font-size:1.5em;
color:black;
font-weight:bold;
}
#message
{
border:none;
padding:2px;
width:100%;
height:100%;
overflow-y:auto;
text-align:left;
background-color: rgba(255,255,255,0.7);
}
#submitol
{
width:30%;
padding:2px;
border:none;
border-radius:10px;
font-family:"Comic Sans MS", "Comic Sans" ;
font-size:medium;
align:right;
}
.message2
{
width:100%;
word-break: break-word;
margin-top:4px;
margin-bottom:4px;
border-radius:8px;
}
@media (max-width: 420px)
{
div.centre{
display:flex;
flex-flow:column wrap;
align-items:center;
width:100%;
margin-left:auto;
margin-right:auto;
padding:0px;
}
div.contentx{
width:100%;
margin:auto;
padding:0px;
}
div #plot{
width:100%;
margin:auto;
padding:0px;
}
div.xsearch{
width:98%;
margin:auto;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div.smallsearch{
width:98%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
div.smallsearch1{
width:98%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
div .flex1{margin-left:auto;
margin-right:auto;
}
div .flex{margin-left:auto;
margin-right:auto;
}
header{
width:100%;
height:auto;
}
footer{
width:100%;
}
div .headf{width:100%;text-align:center;margin:auto;}
div .headt{width:100%;text-align:center;margin:auto;margin-top:5px;margin-bottom:5px;}
}
@media (min-width: 421px) and (max-width: 600px)
{
div .centre{
display:flex;
flex-wrap:wrap;
/*flex-flow:column wrap;*/
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:62%;
margin:0px;
padding:0px;
}
div #plot{
width:38%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin-bottom:3px;
margin-top:3px;
margin:0px;
padding:0px;
}
div .smallsearch{
width:98%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
div .smallsearch1{
width:98%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
header{
width:100%;
height:auto;
}
footer{
width:100%;
}
div .headf{width:100%;text-align:center;margin:auto;}
div .headt{width:100%;text-align:center;margin:auto;margin-top:5px;margin-bottom:5px;}
}
@media (min-width: 601px) and (max-width: 767px)
{
div .centre{
display:flex;
flex-wrap:wrap;
/*flex-flow:column wrap;*/
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:67%;
margin:0px;
padding:0px;
}
div #plot{
width:33%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch{
width:47%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch1{
width:47%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
header{
width:100%;
height:auto;
}
footer{
width:100%;
}
div .headf{width:100%;text-align:center;margin:auto;}
div .headt{width:100%;text-align:center;margin:auto;}
}
@media (min-width:768px) and (max-width: 799px)
{
div .centre{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:72%;
margin:0px;
padding:0px;
}
div #plot{
width:28%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch{
width:48%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch1{
width:48%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
header{
width:100%;
height:auto;
}
footer{
width:100%;
}
div .headf{width:20%;text-align:center;margin:auto;}
div .headt{width:60%;text-align:center;margin:auto;}
}
@media (min-width:800px) and (max-width: 991px)
{
div .centre{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:72%;
margin:0px;
padding:0px;
}
div #plot{
width:28%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch{
width:31%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch1{
width:31%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
header{
width:100%;
height:auto;
}
footer{
width:100%;
}
div .headf{width:20%;text-align:center;margin:auto;}
div .headt{width:60%;text-align:center;margin:auto;}
}
@media (min-width:992px) and (max-width: 1279px)
{
div .centre{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:77%;
margin:0px;
padding:0px;
}
div #plot{
width:23%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch{
width:24%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
div .smallsearch1{
width:24%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
header{
width:80%;
height:auto;
}
footer{
width:80%;
}
div .headf{width:20%;text-align:center;margin:auto;}
div .headt{width:60%;text-align:center;margin:auto;}
}
@media (min-width: 1280px)
{
div .centre{
display:flex;
flex-wrap:wrap;
width:100%;
margin:0px;
padding:0px;
}
div .contentx{
width:80%;
margin:0px;
padding:0px;
}
div #plot{
width:20%;
margin:0px;
padding:0px;
}
div .xsearch{
width:98%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
div .smallsearch{
width:19%;
margin:0px;
padding:0px;
margin-bottom:3px;
margin-top:3px;
}
div .smallsearch1{
width:19%;
margin:0px;
margin-bottom:3px;
margin-top:3px;
padding:0px;
}
header{
width:80%;
height:auto;
}
footer{
width:80%;
}
div .headf{width:20%;text-align:center;margin:auto;}
div .headt{width:60%;text-align:center;margin:auto;}
}