Modification CSS + checkbox

This commit is contained in:
xdrm-brackets 2015-12-09 21:43:02 +01:00
parent b8ea4692c4
commit 4c712b5bfa
8 changed files with 558 additions and 209 deletions

View File

@ -29,10 +29,12 @@ if(!Authentification::checkUser(0)){
<!-- MENU DE LA PAGE -->
<nav id='MENU'>
<a href='Dashboard.php' id='ICON'></a>
<a href='Dashboard.php' id='dashboard'>Tableau de bord</a>
<a href='Consultations.php' id='consultations' class='active'>Consultations</a>
<a href='Medecins.php' id='medecin'>Gestion des médecins</a>
<a href='Patients.php' id='patient'>Gestion des patients</a>
<div>
<a href='Dashboard.php' id='dashboard'>Tableau de bord</a>
<a href='Consultations.php' id='consultations' class='active'>Consultations</a>
<a href='Medecins.php' id='medecin'>Gestion des médecins</a>
<a href='Patients.php' id='patient'>Gestion des patients</a>
</div>
</nav>

View File

@ -29,10 +29,12 @@ if(!Authentification::checkUser(0)){
<!-- MENU DE LA PAGE -->
<nav id='MENU'>
<a href='Dashboard.php' id='ICON'></a>
<a href='Dashboard.php' id='dashboard' class='active'>Tableau de bord</a>
<a href='Consultations.php' id='consultations'>Consultations</a>
<a href='Medecins.php' id='medecin'>Gestion des médecins</a>
<a href='Patients.php' id='patient'>Gestion des patients</a>
<div>
<a href='Dashboard.php' id='dashboard' class='active'>Tableau de bord</a>
<a href='Consultations.php' id='consultations'>Consultations</a>
<a href='Medecins.php' id='medecin'>Gestion des médecins</a>
<a href='Patients.php' id='patient'>Gestion des patients</a>
</div>
</nav>

87
Medecins.php Normal file
View File

@ -0,0 +1,87 @@
<?php session_start();
require('autoloader.php');
if(!Authentification::checkUser(0)){
header("Location: http://".$_SERVER['HTTP_HOST']."/index.php");
die();
};?>
<!DOCTYPE html>
<html>
<head>
<title>Gestion des médecins</title>
<meta charset='utf-8'/>
<meta name='description' value='Site de test'/>
<meta name='author' value='{xdrm} & SeekDaSky'/>
<link rel='stylesheet' href='css/animations.css'/>
<link rel='stylesheet' href='css/global.css'/>
<link rel='stylesheet' href='css/responsive.css'/>
<script type='text/javascript' src='js/adjust.js'></script>
<script type='text/javascript' src='js/input-checker.js'></script>
</head>
<body>
<!-- WRAPPER DE LA PAGE -->
<div id='WRAPPER'>
<!-- MENU DE LA PAGE -->
<nav id='MENU'>
<a href='Dashboard.php' id='ICON'></a>
<div>
<a href='Dashboard.php' id='dashboard'>Tableau de bord</a>
<a href='Consultations.php' id='consultations'>Consultations</a>
<a href='Medecins.php' id='medecin' class='active'>Gestion des médecins</a>
<a href='Patients.php' id='patient'>Gestion des patients</a>
</div>
</nav>
<!-- CONTAINER DE LA PAGE -->
<section id='CONTAINER'>
<!-- FIL D'ARIANE -->
<div id='BREADCRUMB'><a href='Dashboard.php'>Accueil</a> <a href='Medecins.php'>Gestion des médecins</a></a> </div>
<?php/********************************/
/* CONSULTER LES MÉDECINS */
/*************************************/ ?>
<article data-title="Créer un médecin">
<form><br>Création d'un nouveau médecin au centre<br><br>
<input type='text' id='crPrenom' placeholder='Prenom'><br>
<input type='text' id='crNom' placeholder='Prenom'><br>
<input type='text' id='crCivilite' placeholder='Civilite'><br>
<br>
<input type='submit' value='Enregistrer la consultation'>
</form>
</article>
<?php/********************************/
/* CONSULTER LES RENDEZ-VOUS */
/*************************************/ ?>
<article data-title="Numéro de sécurité sociale">
<div>
<input type='checkbox' id='tousRDV'><label for='tousRDV'>Tous</label>
<input type='checkbox' id='pastRDV'><label for='pastRDV'>Passés</label>
<input type='checkbox' id='fturRDV'><label for='fturRDV'>À venir</label>
<input type='submit' value='Rechercher'>
<input type='text' id='inSecu' placeholder='1 99 99 99 999 999 95'><span class='invalid'>Clé de contrôle invalide.</span>
</div>
</article>
</section>
</div>
<script type='text/javascript' src='js/consultations.js'></script>
</body>
</html>

View File

@ -66,66 +66,11 @@ body{
background-color: #fafafa;
}
/* LES LIENS DU MENU */
#WRAPPER > #MENU > a{
/* position */
display: inline-block;
position: relative;
width: calc( 100% - 3em );
padding-left: 3em;
padding-bottom: 1px;
/* background */
background-color: transparent;
/* foreground */
line-height: 2.5em;
/* extra */
cursor: pointer;
}
/* :hover / .active */
#WRAPPER > #MENU > a:hover:not(#ICON),
#WRAPPER > #MENU > a.active{
background-color: #efefef !important;
color: #818181;
}
/* @first/@last */
#WRAPPER > #MENU > a:nth-child(2){ margin-top: 1em; }
#WRAPPER > #MENU > a:last-child{ margin-bottom: 1em; }
/* icones associées aux liens */
#WRAPPER > #MENU > a#consultations{
background: url(../src/consultation.svg) left 1em center no-repeat;
background-size: auto 1.5em;
}
#WRAPPER > #MENU > a#medecin{
background: url(../src/medecin.svg) left 1em center no-repeat;
background-size: auto 1.3em;
}
#WRAPPER > #MENU > a#patient{
background: url(../src/patient.svg) left 1em center no-repeat;
background-size: auto 1.5em;
}
#WRAPPER > #MENU > a#dashboard{
background: url(../src/dashboard.svg) left 1em center no-repeat;
background-size: auto 1.5em;
}
/* LOGO DANS LE MENU */
#WRAPPER > #MENU > #ICON{
#WRAPPER > #MENU #ICON{
/* position */
display: block;
position: relative;
width: 100%;
height: 100px;
@ -157,6 +102,107 @@ body{
}
/* LE CONTENEUR DES LIENS DU MENU */
#WRAPPER > #MENU > div{
/* position */
display: flex;
position: absolute;
top: 100px;
left: 0;
width: 100%;
height: calc( 100% - 100px );
/* flex properties */
flex-direction: row;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
/* background */
background: #fff;
/* scroll */
overflow: hidden;
}
/* LES LIENS DU MENU */
#WRAPPER > #MENU > div > a{
/* position */
display: inline-block;
position: relative;
width: calc( 225px/1.6 - 2*1em );
height: calc( 225px/1.6 - 1em );
padding: 0 1em;
/* border */
border-radius: 5px;
box-shadow: 0;
border: 1px solid #eee;
/* background */
background-color: #004d8c;
/* foreground */
color: #4a4a4a;
text-align: center;
letter-spacing: .1em;
/* extra */
cursor: pointer;
/* animation */
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
/* @hover / .active */
#WRAPPER > #MENU > div > a:hover,
#WRAPPER > #MENU > div > a.active{
color: #000;
}
/* @hover */
#WRAPPER > #MENU > div > a:hover{
box-shadow: 0 0 20px #eee;
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
/* icones associées aux liens */
#WRAPPER > #MENU > div > a#consultations{
background: url(../src/consultation.svg) center bottom 1em no-repeat;
background-size: 50% auto;
}
#WRAPPER > #MENU > div > a#medecin{
background: url(../src/medecin.svg) center bottom 1em no-repeat;
background-size: 50% auto;
}
#WRAPPER > #MENU > div > a#patient{
background: url(../src/patient.svg) center bottom 1em no-repeat;
background-size: 50% auto;
}
#WRAPPER > #MENU > div > a#dashboard{
background: url(../src/dashboard.svg) center bottom 1em no-repeat;
background-size: 50% auto;
}
/*************/
@ -330,15 +376,16 @@ body{
border: 1px solid #e5e5e5;
/* background */
background: center right 1.5em no-repeat;
background: url(../src/validated.svg) no-repeat;
background-position: center right 1.5em;
background-size: 0em auto;
/* animation */
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: border .2s, background-size .2s;
-moz-transition: border .2s, background-size .2s;
-webkit-transition: border .2s, background-size .2s;
-ms-transition: border .2s, background-size .2s;
-o-transition: border .2s, background-size .2s;
}
/* @focus */
@ -349,9 +396,9 @@ body{
/* .validated */
#CONTAINER > article input.validated{
border-color: #1cc952;
background-image: url(../src/validated.svg);
background-position: center right 1em;
background-size: 1em auto;
}
/* .invalid */
@ -379,27 +426,27 @@ body{
/* position */
padding-left: 3em;
/* border */
border-color: #f09108;
/* background */
background: #f6f4f2 url(../src/save.svg) center left 1em no-repeat;
background: #2a7ec7 url(../src/save.svg) center left 1em no-repeat;
background-size: 1em auto;
/* foreground */
color: #777;
color: #fff;
/* extra */
cursor: pointer;
/* animation */
transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-webkit-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
}
/* @hover */
#CONTAINER > article input[type=submit]:hover{
/* background */
background-color: #f09108;
/* foreground */
color: #fff;
background-color: #2d85d2;
}
@ -423,15 +470,25 @@ input[type=checkbox] + label:before{
border: 1px solid #f18624;
/* background */
background: center center no-repeat;
background-size: 80% auto;
background: url(../src/checkbox.svg) center center no-repeat;
background-size: 0% auto;
/* animation */
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
/* extra */
cursor: pointer;
}
/* @active + label */
@ -441,13 +498,26 @@ input[type=checkbox]:active + label:before{
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
/* @checked + label */
input[type=checkbox]:checked + label:before{
/* background */
background-image:
background-size: 80% auto;
background-size: 50% auto;
/* animation */
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

50
src/checkbox.svg Executable file
View File

@ -0,0 +1,50 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 24 24"
height="17.992001"
id="Layer_1"
version="1.1"
viewBox="0 0 23.99675 17.992001"
width="23.99675"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="1449698026_checkmark-24.svg"><metadata
id="metadata9"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs7" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="789"
inkscape:window-height="480"
id="namedview5"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="9.8333333"
inkscape:cx="12"
inkscape:cy="8.98175"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="0"
inkscape:current-layer="Layer_1" /><path
clip-rule="evenodd"
d="m 21.652,0.22125 c -0.293,-0.295 -0.77,-0.295 -1.061,0 L 9.41,11.35025 c -0.293,0.297 -0.771,0.297 -1.062,0 l -4.899,-4.989 c -0.145,-0.148 -0.335,-0.221 -0.526,-0.222 -0.193,-10e-4 -0.389,0.072 -0.536,0.222 l -2.165,1.946 C 0.078,8.45525 0,8.64025 0,8.83325 c 0,0.194 0.078,0.397 0.223,0.544 l 4.94,5.184 c 0.292,0.296 0.771,0.776 1.062,1.07 l 2.124,2.141 c 0.292,0.293 0.769,0.293 1.062,0 l 14.366,-14.34 c 0.293,-0.294 0.293,-0.777 0,-1.071 l -2.125,-2.14 z"
id="path3"
style="fill:#f18624;fill-opacity:1;fill-rule:evenodd"
inkscape:connector-curvature="0" /></svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

0
src/invalid.svg Normal file → Executable file
View File

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

138
src/medecin.svg Normal file
View File

@ -0,0 +1,138 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="519.21844"
height="519.21844"
id="svg3094"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="Nouveau document 3">
<defs
id="defs3096" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="279.55312"
inkscape:cy="234.18619"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata3099">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-667.19798,-189.79344)">
<g
id="g3928"
transform="translate(20,0)" />
<g
id="g3995">
<path
transform="matrix(0.99227799,0,0,0.99227799,550.92515,-6.452489)"
d="m 640.43671,459.40265 c 0,144.49399 -117.13553,261.62952 -261.62952,261.62952 -144.49399,0 -261.62952,-117.13553 -261.62952,-261.62952 0,-144.49399 117.13553,-261.62952 261.62952,-261.62952 144.49399,0 261.62952,117.13553 261.62952,261.62952 z"
sodipodi:ry="261.62952"
sodipodi:rx="261.62952"
sodipodi:cy="459.40265"
sodipodi:cx="378.80719"
id="path3987"
style="fill:#47ceac;fill-opacity:1;stroke:none"
sodipodi:type="arc" />
<path
id="path3991"
d="m 933.9375,322.1875 -21.09375,97.3125 -95.1875,-97.09375 -10.96875,8.1875 -19.59375,13.125 -7.1875,47 16.6875,110.59375 51.09375,51.21875 26.25,41.96875 105.375,109.21875 c 100.4114,-20.62419 179.661,-99.25648 201.25,-199.3125 l -120.4687,-118.875 -49.1876,13.25 -76.9687,-76.59375 z"
style="fill:#36bb9a;fill-opacity:1;stroke:none"
inkscape:connector-curvature="0" />
</g>
<g
id="g3977"
transform="translate(540,0)">
<path
inkscape:connector-curvature="0"
id="path3960"
d="m 490.46875,444.875 0,77.84375 C 489.4855,566.66128 452.68391,602 407.34375,602 c -45.04774,0 -81.62794,-34.88999 -83.0625,-78.4375 -0.41391,0.0549 -0.80282,0.16964 -1.21875,0.21875 -3.42232,0.40406 -6.92456,0.625 -10.46875,0.625 -3.48107,0 -6.91673,-0.23505 -10.28125,-0.625 1.56165,55.28009 47.91249,99.65625 105.03125,99.65625 56.98901,0 103.29987,-44.17648 105.0625,-99.28125 l 0.0937,0 0,-79.28125 -22.03125,0 z"
style="fill:#4a5a67;fill-opacity:1;stroke:none" />
<g
id="g3915">
<path
inkscape:connector-curvature="0"
style="fill:#f4f6f9;fill-opacity:1;stroke:none"
d="m 231.25,321.8125 0,127.25 0.46875,0 c -0.0115,0.52879 -0.0312,1.06163 -0.0312,1.59375 0,3.72004 0.31945,7.36891 0.90625,10.9375 0.5868,3.56859 1.43368,7.05658 2.5625,10.4375 1.12882,3.38092 2.53021,6.65547 4.15625,9.8125 1.62604,3.15703 3.48403,6.19683 5.5625,9.09375 14.4435,20.13094 39.36418,33.46875 67.71875,33.46875 28.35354,0 53.24376,-13.33904 67.6875,-33.46875 2.07871,-2.89703 3.93641,-5.93677 5.5625,-9.09375 1.62609,-3.15698 3.02749,-6.43167 4.15625,-9.8125 1.12876,-3.38083 1.97577,-6.8689 2.5625,-10.4375 0.58673,-3.5686 0.90625,-7.21723 0.90625,-10.9375 0,-0.53212 -0.0197,-1.06496 -0.0312,-1.59375 l 0.5,0 0,-127.25 -23.21875,0 0,111.5 -0.375,0 c 0.008,0.47816 0.0312,0.95634 0.0312,1.4375 0,3.36406 -0.2371,6.67934 -0.65625,9.90625 -0.41915,3.22691 -1.00614,6.38038 -1.8125,9.4375 -0.80636,3.05711 -1.80711,6.0203 -2.96875,8.875 -1.16164,2.85471 -2.51501,5.59911 -4,8.21875 -10.31829,18.20231 -28.08858,30.25 -48.34375,30.25 -20.2559,0 -38.05686,-12.04658 -48.375,-30.25 -1.48481,-2.61954 -2.80714,-5.36401 -3.96875,-8.21875 -1.16161,-2.85474 -2.16234,-5.81781 -2.96875,-8.875 -0.8064,-3.0572 -1.42455,-6.21059 -1.84375,-9.4375 -0.4192,-3.22689 -0.65625,-6.5424 -0.65625,-9.90625 0,-0.48116 0.0232,-0.95934 0.0312,-1.4375 l -0.34375,0 0,-111.5 -23.21875,0 z"
id="path3904" />
<rect
style="fill:#e5e8ec;fill-opacity:1;stroke:none"
id="rect3113"
width="23.392857"
height="29.285713"
x="254.64285"
y="321.82645"
ry="0" />
<rect
ry="0"
y="321.82645"
x="347.17853"
height="29.285713"
width="23.392857"
id="rect3885"
style="fill:#e5e8ec;fill-opacity:1;stroke:none" />
</g>
<g
transform="translate(81.877213,0)"
id="g3968">
<path
transform="matrix(1.4206897,0,0,1.4206897,-221.98646,-176.97898)"
d="m 477.5,415.93362 c 0,14.30023 -11.59262,25.89286 -25.89285,25.89286 -14.30023,0 -25.89286,-11.59263 -25.89286,-25.89286 0,-14.30023 11.59263,-25.89285 25.89286,-25.89285 14.30023,0 25.89285,11.59262 25.89285,25.89285 z"
sodipodi:ry="25.892857"
sodipodi:rx="25.892857"
sodipodi:cy="415.93362"
sodipodi:cx="451.60715"
id="path3965"
style="fill:#f4f6f9;fill-opacity:1;stroke:none"
sodipodi:type="arc" />
<path
sodipodi:type="arc"
style="fill:#e5e8ec;fill-opacity:1;stroke:none"
id="path3963"
sodipodi:cx="451.60715"
sodipodi:cy="415.93362"
sodipodi:rx="25.892857"
sodipodi:ry="25.892857"
d="m 477.5,415.93362 c 0,14.30023 -11.59262,25.89286 -25.89285,25.89286 -14.30023,0 -25.89286,-11.59263 -25.89286,-25.89286 0,-14.30023 11.59263,-25.89285 25.89286,-25.89285 14.30023,0 25.89285,11.59262 25.89285,25.89285 z"
transform="matrix(0.72413792,0,0,0.72413792,92.58128,112.74031)" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -1,135 +1,135 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="402.34375"
height="402.34375"
id="svg2"
enable-background="new -27 24 100 100"
height="100px"
id="male3"
version="1.1"
viewBox="-27 24 100 100"
width="100px"
xml:space="preserve"
inkscape:version="0.48.4 r9939"
sodipodi:docname="patient.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
sodipodi:docname="1449710687_male3.svg"><metadata
id="metadata63"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs61" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="308.24654"
inkscape:cy="295.08288"
inkscape:document-units="px"
inkscape:current-layer="layer1"
inkscape:window-width="640"
inkscape:window-height="480"
id="namedview59"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1920"
inkscape:window-height="1056"
inkscape:zoom="2.36"
inkscape:cx="50"
inkscape:cy="50"
inkscape:window-x="0"
inkscape:window-y="24"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(211.8125,-298.6875)">
<g
id="g3771"
transform="translate(-520,0)">
<path
inkscape:connector-curvature="0"
id="path2996"
d="m 509.375,298.6875 c -111.10458,0 -201.1875,90.08292 -201.1875,201.1875 0,111.10458 90.08292,201.15625 201.1875,201.15625 111.10458,0 201.15625,-90.05167 201.15625,-201.15625 0,-111.10458 -90.05167,-201.1875 -201.15625,-201.1875 z m 0,17.15625 c 101.63684,0 184.03125,82.39441 184.03125,184.03125 0,101.63684 -82.39441,184 -184.03125,184 -101.63684,0 -184.03125,-82.36316 -184.03125,-184 0,-101.63684 82.39441,-184.03125 184.03125,-184.03125 z"
style="fill:#2c3e50;fill-opacity:1;stroke:none" />
<path
sodipodi:type="arc"
style="fill:#ffd766;fill-opacity:1;stroke:none"
id="path2998"
sodipodi:cx="806.10175"
sodipodi:cy="521.02197"
sodipodi:rx="216.17264"
sodipodi:ry="216.17264"
d="m 1022.2744,521.02197 c 0,119.38885 -96.7838,216.17264 -216.17265,216.17264 -119.38886,0 -216.17264,-96.78379 -216.17264,-216.17264 0,-119.38885 96.78378,-216.17264 216.17264,-216.17264 119.38885,0 216.17265,96.78379 216.17265,216.17264 z"
transform="matrix(0.85130932,0,0,0.85130932,-176.8727,56.308672)" />
</g>
<g
id="g3789"
transform="translate(-380.85491,0)">
<g
id="g3779">
<path
sodipodi:type="arc"
style="fill:#2c3e50;fill-opacity:1;stroke:none"
id="path3775"
sodipodi:cx="297.14285"
sodipodi:cy="447.00504"
sodipodi:rx="37.5"
sodipodi:ry="37.5"
d="m 334.64285,447.00504 c 0,20.71067 -16.78932,37.5 -37.5,37.5 -20.71068,0 -37.5,-16.78933 -37.5,-37.5 0,-20.71068 16.78932,-37.5 37.5,-37.5 20.71068,0 37.5,16.78932 37.5,37.5 z"
transform="translate(1.0714286,-1.4285714)" />
<path
transform="matrix(0.60952381,0,0,0.60952381,117.09864,173.11625)"
d="m 334.64285,447.00504 c 0,20.71067 -16.78932,37.5 -37.5,37.5 -20.71068,0 -37.5,-16.78933 -37.5,-37.5 0,-20.71068 16.78932,-37.5 37.5,-37.5 20.71068,0 37.5,16.78932 37.5,37.5 z"
sodipodi:ry="37.5"
sodipodi:rx="37.5"
sodipodi:cy="447.00504"
sodipodi:cx="297.14285"
id="path3777"
style="fill:#ffffff;fill-opacity:1;stroke:none"
sodipodi:type="arc" />
</g>
<g
transform="translate(144,0)"
id="g3783">
<path
transform="translate(1.0714286,-1.4285714)"
d="m 334.64285,447.00504 c 0,20.71067 -16.78932,37.5 -37.5,37.5 -20.71068,0 -37.5,-16.78933 -37.5,-37.5 0,-20.71068 16.78932,-37.5 37.5,-37.5 20.71068,0 37.5,16.78932 37.5,37.5 z"
sodipodi:ry="37.5"
sodipodi:rx="37.5"
sodipodi:cy="447.00504"
sodipodi:cx="297.14285"
id="path3785"
style="fill:#2c3e50;fill-opacity:1;stroke:none"
sodipodi:type="arc" />
<path
sodipodi:type="arc"
style="fill:#ffffff;fill-opacity:1;stroke:none"
id="path3787"
sodipodi:cx="297.14285"
sodipodi:cy="447.00504"
sodipodi:rx="37.5"
sodipodi:ry="37.5"
d="m 334.64285,447.00504 c 0,20.71067 -16.78932,37.5 -37.5,37.5 -20.71068,0 -37.5,-16.78933 -37.5,-37.5 0,-20.71068 16.78932,-37.5 37.5,-37.5 20.71068,0 37.5,16.78932 37.5,37.5 z"
transform="matrix(0.60952381,0,0,0.60952381,117.09864,173.11625)" />
</g>
</g>
<path
style="fill:#2c3e50;fill-opacity:1;stroke:#3e4fff;stroke-width:18.78910828;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;stroke-dashoffset:0"
d="m -12.934087,536.82364 c -47.821904,0.87546 -86.199906,29.16887 -86.199906,63.93501 0,3.51399 0.3874,6.9618 1.141975,10.32176 6.829435,-30.4101 43.32737,-53.61325 87.341877,-53.61325 44.014507,0 80.531478,23.20315 87.360909,53.61325 0.754575,-3.35996 1.141975,-6.80777 1.141975,-10.32176 0,-35.31797 -39.625286,-63.93501 -88.502884,-63.93501 -0.763715,0 -1.524866,-0.0139 -2.283946,0 z"
id="path4051"
inkscape:connector-curvature="0" />
</g>
</svg>
inkscape:window-maximized="0"
inkscape:current-layer="male3" /><g
id="g3"><g
id="g5"><circle
cx="23"
cy="74"
fill="#F5EEE5"
r="50"
id="circle7" /><g
id="g9"><defs
id="defs11"><circle
cx="23"
cy="74"
id="SVGID_1_"
r="50" /></defs><clipPath
id="SVGID_2_"><use
overflow="visible"
xlink:href="#SVGID_1_"
id="use15" /></clipPath><path
clip-path="url(#SVGID_2_)"
d="M38,99.9l27.9,7.7c3.2,1.1,5.7,3.5,7.1,6.6v9.8H-27v-9.8 c1.3-3.1,3.9-5.5,7.1-6.6L8,99.9V85h30V99.9z"
fill="#E6C19C"
id="path17" /><g
clip-path="url(#SVGID_2_)"
id="g19"><defs
id="defs21"><path
d="M38,99.9l27.9,7.7c3.2,1.1,5.7,3.5,7.1,6.6v9.8H-27v-9.8c1.3-3.1,3.9-5.5,7.1-6.6L8,99.9V85h30V99.9z"
id="SVGID_3_" /></defs><clipPath
id="SVGID_4_"><use
overflow="visible"
xlink:href="#SVGID_3_"
id="use25" /></clipPath><path
clip-path="url(#SVGID_4_)"
d="M-27,82H73v42H-27V82z M23,112c11,0,20-6.3,20-14s-9-14-20-14S3,90.3,3,98 S12,112,23,112z"
fill="#E6A422"
id="path27" /><path
clip-path="url(#SVGID_4_)"
d="M23,102c-1.7,0-3.9-0.4-5.4-1.1c-1.7-0.9-8-6.1-10.2-8.3 c-2.8-3-4.2-6.8-4.6-13.3c-0.4-6.5-2.1-29.7-2.1-35c0-7.5,5.7-19.2,22.1-19.2l0.1,0l0,0l0,0l0.1,0 c16.5,0.1,22.1,11.7,22.1,19.2c0,5.3-1.7,28.5-2.1,35c-0.4,6.5-1.8,10.2-4.6,13.3c-2.1,2.3-8.4,7.4-10.2,8.3 C26.9,101.6,24.7,102,23,102L23,102z"
fill="#D4B08C"
id="path29" /><path
clip-path="url(#SVGID_4_)"
d="M23,82C10.3,82,0,89.4,0,98.5S10.3,115,23,115s23-7.4,23-16.5 S35.7,82,23,82z M23,111c-10.5,0-19-6-19-13.5S12.5,84,23,84s19,6,19,13.5S33.5,111,23,111z"
fill="#D98C21"
id="path31" /></g></g><path
d="M23,98c-1.5,0-3.5-0.3-4.8-0.9c-1.6-0.7-7.2-4.6-9.1-6.3c-2.5-2.3-3.8-5.1-4.2-10S3,58.5,3,54.5 C3,48.8,8.1,40,23,40l0,0l0,0l0,0l0,0C37.9,40,43,48.8,43,54.5c0,4-1.5,21.5-1.9,26.4s-1.6,7.7-4.2,10c-1.9,1.7-7.6,5.6-9.1,6.3 C26.5,97.7,24.5,98,23,98L23,98z"
fill="#F2CEA5"
id="path33" /><path
d="M30,85.5c-1.9,2-5.2,3-8.1,2.4c-2.7-0.6-4.7-2-5.7-4.3L30,85.5z"
fill="#A3705F"
id="path35" /><path
d="M30,85.5c-1.9,2-5.2,3-8.1,2.4 c-2.7-0.6-4.7-2-5.7-4.3L30,85.5z"
fill="none"
stroke="#A3705F"
stroke-linecap="round"
stroke-linejoin="round"
id="path37" /><g
id="g39"><defs
id="defs41"><rect
height="5"
id="SVGID_5_"
width="31"
x="7"
y="65" /></defs><clipPath
id="SVGID_6_"><use
overflow="visible"
xlink:href="#SVGID_5_"
id="use45" /></clipPath><circle
clip-path="url(#SVGID_6_)"
cx="32"
cy="69"
fill="#291F21"
r="2"
id="circle47" /><circle
clip-path="url(#SVGID_6_)"
cx="14"
cy="69"
fill="#291F21"
r="2"
id="circle49" /></g><path
d="M8,66c0,0,1.1-3,6.1-3c3.4,0,5.4,1.5,6.4,3"
fill="none"
stroke="#CC9872"
stroke-width="2"
id="path51" /><path
d="M38.1,66c0,0-1.1-3-6.1-3c-4.8,0-7,3-7,5c0,1.9,0,9,0,9"
fill="none"
stroke="#BB8660"
stroke-width="2"
id="path53" /><path
d="M41.8,72.2c0,0,0.8-6.3,3.7-7.2c0.4-1.8,1.5-7,1.5-9.9s-0.3-5.7-1.9-8.1c-1.8-2.6-5.6-4.1-7.6-4.1 c-2.3,1.4-7.7,4.6-9.4,6.5c-0.9,1,0.4,1.8,0.4,1.8s1.2-0.5,1.7-0.6c2.5-0.7,8-1.2,9.7,1.3C42,54.9,42,63.7,42,65 C42,66.2,41.8,72.2,41.8,72.2z"
fill="#452228"
id="path55" /><path
d="M0.5,65c2.9,1,3.7,7.2,3.7,7.2S4,66.2,4,65c0-1.6,0.2-9.1,3.4-12.7c3.6-4,8.4-5.3,11.1-3.5 c1.4,0.9,6.1,5.5,11.1,1.7c3-2.3,8.5-7.5,8.5-7.5s-2.9-8.9-16.1-7.9c-5.6,0.5-11.8-0.9-11.8-0.9s-0.1,2.5,0.9,3.8 C2.8,40.4,0.1,46.4-0.7,51c-0.2,0.9-0.3,1.8-0.3,2.7c0,0.5,0,1,0,1.4C-1,58,0.1,63.1,0.5,65z"
fill="#6B363E"
id="path57" /></g></g></svg>

Before

Width:  |  Height:  |  Size: 5.8 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB