/* NHUSAO FEUILLE DE STYLE */
.y {background: yellow} .r {background: red} .g {background: green;}
.fd {background: #f0f6f1}

body {background:#ffffff;/* #fdfdfd fbfafa*/color:#ff3333;font-family: 'gt_haptiklight';}
strong {font-family: 'gt_haptikregular', Arial, sans-serif;font-weight: bold}
/*html {cursor:url("images/curseur-lien.png"),auto;}*/
html {cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%209a9%209%200%200%201-9%209%209%209%200%200%201-9-9%209%209%200%200%201%209-9%209%209%200%200%201%209%209z%22%20style%3D%22isolation%3Aauto%3Bmix-blend-mode%3Anormal%3Bmarker%3Anone%22%20color%3D%22%23ff0000%22%20overflow%3D%22visible%22%20fill%3D%22%23ff0000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E) 9 9,auto}
img {display: block;max-width: 100%;height: auto;}
img, a img, a:visited img, a:hover img, a:focus img {border-bottom: 0!important;}
.inline{display:inline;}
.padd0 {padding:0;}
.mb0 {margin-bottom:0!important}
a > h2 {border:none;}
a, a:focus, a:hover {outline: none!important;}
a, a:hover {cursor:url("images/curseur-lien.png"),auto;color:#ff3d33; margin-bottom: 2em!important; border-bottom: 1px solid;text-decoration: none;line-height: 2em;padding-bottom:0.2em}
.no-underline, a:hover .no-underline {border:0!important;}
.nhusao {font-size:150%;}
.nhusao a, .nhusao a:focus, .colegram a, .colegram a:focus {border:0;line-height: 1.1;}
.colegram {font-size:150%; font-family:"gt_haptikregular",sans-serif;}
#projets-plus a {color:#555;line-height: 0;}
#projets-plus h5 {font-family:'euclid_flexregular';font-weight:bold;text-transform:uppercase}
/*a, a:hover {cursor:url("images/curseur.png"),auto;}*/
a, a:hover /*f52529*/ {cursor:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20d%3D%22M8%204a4%204%200%200%201-4%204%204%204%200%200%201-4-4%204%204%200%200%201%204-4%204%204%200%200%201%204%204z%22%20style%3D%22isolation%3Aauto%3Bmix-blend-mode%3Anormal%3Bmarker%3Anone%22%20color%3D%22%23ff0000%22%20overflow%3D%22visible%22%20fill%3D%22%23ff0000%22%20stroke-width%3D%224%22%2F%3E%3C%2Fsvg%3E) 4 4,pointer}
a:focus {text-decoration: none;border-bottom: 1px solid #ff3d33;}
a:visited {color:#ff3333}
::selection {color: #ffffff;background-color: #ff0033;}
::-moz-selection {color: #ffffff;background: #ff0033;}
.quicksand {font-family: 'quicksand';}
header {font-family: 'euclid_flexlight';line-height: 1em; margin: 3em auto 5em;}
header h3 {font-family: 'euclid_flexregular';font-weight: normal;}
/* texte+image header */
header p.h1 img {display: inline;}
header p.h1 {font-size:250%;line-height: 2em!important}

#logo {z-index:3000;padding-top:15px;font-size:18px;}
#menu, #menu a {z-index:300;color:#555555;}
#menu ul {font-size:15px;font-family: 'euclid_flexregular'; list-style-type: none;padding: 0;text-transform: uppercase;padding-bottom:2.6em}
a.x, .no-border-link a {border:none!important}
#menu ul li {padding:0;margin: 0}
#menu p {font-size:20px;line-height: 1.5em}
.mailtel {margin-top:-0.5em;font-size:90%}
.accueil-texte {font-family:gt_haptiklight;line-height:1.2;font-size:170%;color:#555555/*#ff3333*/}
/*.accueil-texte span {color:#ff3333} MOD ADD*/
h2.titre, h3.titre {text-transform: uppercase;font-family: 'euclid_flexregular'}
p {margin-top: 20px;margin-bottom: 30px;}
.border {border-bottom:2px solid}
.border-fin {border-bottom: 1px solid;padding-bottom:0.2em}

/*INFO*/
#info {margin-bottom: 4em}
#info .h3 {line-height: 2em}
#info h5 {text-transform: uppercase;font-family: 'euclid_flexregular';line-height: 0.6em;}
#info img {display: inline!important;}
#info ul {list-style-position: outside; padding-left: 0; margin-top:0.5em;font-size:18px; list-style-type: none}
span.nom { display:inline-block;position: relative; }
span.nom > span { position: absolute; top: -12px; font-size: 50%; }
.curriculumeke h3 {font-size:148%;line-height:1.5;margin-bottom: 1em}
#info-savoir, #info-contact {margin-top: 2em}

/*PROJETS*/
#projets > article {margin-bottom: 10em}
#projets article a {font-family: 'gt_haptikregular';font-weight: bold;}
.picto {margin-bottom: 1em;}
.picto, .tit{z-index: 222}
.img-center, .img-center img, .picto, .picto img {text-align: center;display: inline;}
.images img {margin-bottom: 1em}
.images p {padding: 10% 0;}
.col-center {
   float: none;
   margin-right: auto;
   margin-left: auto;
}
.web {margin-top:20px}
.web a {padding: 0;border:none;margin-right: 30px;}
.web a:last-child {margin:0px;}
.web a.x {border-bottom: 2px solid #ff3d33;}
.web a:hover {border-bottom: 2px solid #ff3d33;}
.web-txt {margin-top:-8px;padding-left:35px;}
.picto-desk { width:1px; height:1px; box-shadow:2px 1px 0 #ff3d33,3px 1px 0 #ff3d33,4px 1px 0 #ff3d33,5px 1px 0 #ff3d33,6px 1px 0 #ff3d33,7px 1px 0 #ff3d33,8px 1px 0 #ff3d33,9px 1px 0 #ff3d33,10px 1px 0 #ff3d33,11px 1px 0 #ff3d33,12px 1px 0 #ff3d33,13px 1px 0 #ff3d33,14px 1px 0 #ff3d33,15px 1px 0 #ff3d33,16px 1px 0 #ff3d33,17px 1px 0 #ff3d33,18px 1px 0 #ff3d33,19px 1px 0 #ff3d33,20px 1px 0 #ff3d33,21px 1px 0 #ff3d33,22px 1px 0 #ff3d33,23px 1px 0 #ff3d33,24px 1px 0 #ff3d33,25px 1px 0 #ff3d33,1px 2px 0 #ff3d33,2px 2px 0 #ff3d33,3px 2px 0 #ff3d33,4px 2px 0 #ff3d33,5px 2px 0 #ff3d33,6px 2px 0 #ff3d33,7px 2px 0 #ff3d33,8px 2px 0 #ff3d33,9px 2px 0 #ff3d33,10px 2px 0 #ff3d33,11px 2px 0 #ff3d33,12px 2px 0 #ff3d33,13px 2px 0 #ff3d33,14px 2px 0 #ff3d33,15px 2px 0 #ff3d33,16px 2px 0 #ff3d33,17px 2px 0 #ff3d33,18px 2px 0 #ff3d33,19px 2px 0 #ff3d33,20px 2px 0 #ff3d33,21px 2px 0 #ff3d33,22px 2px 0 #ff3d33,23px 2px 0 #ff3d33,24px 2px 0 #ff3d33,25px 2px 0 #ff3d33,26px 2px 0 #ff3d33,1px 3px 0 #ff3d33,2px 3px 0 #ff3d33,25px 3px 0 #ff3d33,26px 3px 0 #ff3d33,1px 4px 0 #ff3d33,2px 4px 0 #ff3d33,4px 4px 0 #ff3d33,6px 4px 0 #ff3d33,8px 4px 0 #ff3d33,25px 4px 0 #ff3d33,26px 4px 0 #ff3d33,1px 5px 0 #ff3d33,2px 5px 0 #ff3d33,25px 5px 0 #ff3d33,26px 5px 0 #ff3d33,1px 6px 0 #ff3d33,2px 6px 0 #ff3d33,3px 6px 0 #ff3d33,4px 6px 0 #ff3d33,5px 6px 0 #ff3d33,6px 6px 0 #ff3d33,7px 6px 0 #ff3d33,8px 6px 0 #ff3d33,9px 6px 0 #ff3d33,10px 6px 0 #ff3d33,11px 6px 0 #ff3d33,12px 6px 0 #ff3d33,13px 6px 0 #ff3d33,14px 6px 0 #ff3d33,15px 6px 0 #ff3d33,16px 6px 0 #ff3d33,17px 6px 0 #ff3d33,18px 6px 0 #ff3d33,19px 6px 0 #ff3d33,20px 6px 0 #ff3d33,21px 6px 0 #ff3d33,22px 6px 0 #ff3d33,23px 6px 0 #ff3d33,24px 6px 0 #ff3d33,25px 6px 0 #ff3d33,26px 6px 0 #ff3d33,1px 7px 0 #ff3d33,2px 7px 0 #ff3d33,3px 7px 0 #ff3d33,4px 7px 0 #ff3d33,5px 7px 0 #ff3d33,6px 7px 0 #ff3d33,7px 7px 0 #ff3d33,8px 7px 0 #ff3d33,9px 7px 0 #ff3d33,10px 7px 0 #ff3d33,11px 7px 0 #ff3d33,12px 7px 0 #ff3d33,13px 7px 0 #ff3d33,14px 7px 0 #ff3d33,15px 7px 0 #ff3d33,16px 7px 0 #ff3d33,17px 7px 0 #ff3d33,18px 7px 0 #ff3d33,19px 7px 0 #ff3d33,20px 7px 0 #ff3d33,21px 7px 0 #ff3d33,22px 7px 0 #ff3d33,23px 7px 0 #ff3d33,24px 7px 0 #ff3d33,25px 7px 0 #ff3d33,26px 7px 0 #ff3d33,1px 8px 0 #ff3d33,2px 8px 0 #ff3d33,25px 8px 0 #ff3d33,26px 8px 0 #ff3d33,1px 9px 0 #ff3d33,2px 9px 0 #ff3d33,25px 9px 0 #ff3d33,26px 9px 0 #ff3d33,1px 10px 0 #ff3d33,2px 10px 0 #ff3d33,25px 10px 0 #ff3d33,26px 10px 0 #ff3d33,1px 11px 0 #ff3d33,2px 11px 0 #ff3d33,25px 11px 0 #ff3d33,26px 11px 0 #ff3d33,1px 12px 0 #ff3d33,2px 12px 0 #ff3d33,25px 12px 0 #ff3d33,26px 12px 0 #ff3d33,1px 13px 0 #ff3d33,2px 13px 0 #ff3d33,25px 13px 0 #ff3d33,26px 13px 0 #ff3d33,1px 14px 0 #ff3d33,2px 14px 0 #ff3d33,25px 14px 0 #ff3d33,26px 14px 0 #ff3d33,1px 15px 0 #ff3d33,2px 15px 0 #ff3d33,25px 15px 0 #ff3d33,26px 15px 0 #ff3d33,1px 16px 0 #ff3d33,2px 16px 0 #ff3d33,25px 16px 0 #ff3d33,26px 16px 0 #ff3d33,1px 17px 0 #ff3d33,2px 17px 0 #ff3d33,25px 17px 0 #ff3d33,26px 17px 0 #ff3d33,1px 18px 0 #ff3d33,2px 18px 0 #ff3d33,3px 18px 0 #ff3d33,4px 18px 0 #ff3d33,5px 18px 0 #ff3d33,6px 18px 0 #ff3d33,7px 18px 0 #ff3d33,8px 18px 0 #ff3d33,9px 18px 0 #ff3d33,10px 18px 0 #ff3d33,11px 18px 0 #ff3d33,12px 18px 0 #ff3d33,13px 18px 0 #ff3d33,14px 18px 0 #ff3d33,15px 18px 0 #ff3d33,16px 18px 0 #ff3d33,17px 18px 0 #ff3d33,18px 18px 0 #ff3d33,19px 18px 0 #ff3d33,20px 18px 0 #ff3d33,21px 18px 0 #ff3d33,22px 18px 0 #ff3d33,23px 18px 0 #ff3d33,24px 18px 0 #ff3d33,25px 18px 0 #ff3d33,26px 18px 0 #ff3d33,1px 19px 0 #ff3d33,2px 19px 0 #ff3d33,3px 19px 0 #ff3d33,4px 19px 0 #ff3d33,5px 19px 0 #ff3d33,6px 19px 0 #ff3d33,7px 19px 0 #ff3d33,8px 19px 0 #ff3d33,9px 19px 0 #ff3d33,10px 19px 0 #ff3d33,11px 19px 0 #ff3d33,12px 19px 0 #ff3d33,13px 19px 0 #ff3d33,14px 19px 0 #ff3d33,15px 19px 0 #ff3d33,16px 19px 0 #ff3d33,17px 19px 0 #ff3d33,18px 19px 0 #ff3d33,19px 19px 0 #ff3d33,20px 19px 0 #ff3d33,21px 19px 0 #ff3d33,22px 19px 0 #ff3d33,23px 19px 0 #ff3d33,24px 19px 0 #ff3d33,25px 19px 0 #ff3d33,26px 19px 0 #ff3d33; }

.picto-tab { width:1px; height:1px; box-shadow:2px 1px 0 #ff3d33,3px 1px 0 #ff3d33,4px 1px 0 #ff3d33,5px 1px 0 #ff3d33,6px 1px 0 #ff3d33,7px 1px 0 #ff3d33,8px 1px 0 #ff3d33,9px 1px 0 #ff3d33,10px 1px 0 #ff3d33,11px 1px 0 #ff3d33,12px 1px 0 #ff3d33,13px 1px 0 #ff3d33,14px 1px 0 #ff3d33,15px 1px 0 #ff3d33,16px 1px 0 #ff3d33,17px 1px 0 #ff3d33,18px 1px 0 #ff3d33,1px 2px 0 #ff3d33,2px 2px 0 #ff3d33,3px 2px 0 #ff3d33,4px 2px 0 #ff3d33,5px 2px 0 #ff3d33,6px 2px 0 #ff3d33,7px 2px 0 #ff3d33,8px 2px 0 #ff3d33,9px 2px 0 #ff3d33,10px 2px 0 #ff3d33,11px 2px 0 #ff3d33,12px 2px 0 #ff3d33,13px 2px 0 #ff3d33,14px 2px 0 #ff3d33,15px 2px 0 #ff3d33,16px 2px 0 #ff3d33,17px 2px 0 #ff3d33,18px 2px 0 #ff3d33,19px 2px 0 #ff3d33,1px 3px 0 #ff3d33,2px 3px 0 #ff3d33,18px 3px 0 #ff3d33,19px 3px 0 #ff3d33,1px 4px 0 #ff3d33,2px 4px 0 #ff3d33,18px 4px 0 #ff3d33,19px 4px 0 #ff3d33,1px 5px 0 #ff3d33,2px 5px 0 #ff3d33,18px 5px 0 #ff3d33,19px 5px 0 #ff3d33,1px 6px 0 #ff3d33,2px 6px 0 #ff3d33,18px 6px 0 #ff3d33,19px 6px 0 #ff3d33,1px 7px 0 #ff3d33,2px 7px 0 #ff3d33,18px 7px 0 #ff3d33,19px 7px 0 #ff3d33,1px 8px 0 #ff3d33,2px 8px 0 #ff3d33,18px 8px 0 #ff3d33,19px 8px 0 #ff3d33,1px 9px 0 #ff3d33,2px 9px 0 #ff3d33,18px 9px 0 #ff3d33,19px 9px 0 #ff3d33,1px 10px 0 #ff3d33,2px 10px 0 #ff3d33,18px 10px 0 #ff3d33,19px 10px 0 #ff3d33,1px 11px 0 #ff3d33,2px 11px 0 #ff3d33,18px 11px 0 #ff3d33,19px 11px 0 #ff3d33,1px 12px 0 #ff3d33,2px 12px 0 #ff3d33,18px 12px 0 #ff3d33,19px 12px 0 #ff3d33,1px 13px 0 #ff3d33,2px 13px 0 #ff3d33,18px 13px 0 #ff3d33,19px 13px 0 #ff3d33,1px 14px 0 #ff3d33,2px 14px 0 #ff3d33,18px 14px 0 #ff3d33,19px 14px 0 #ff3d33,1px 15px 0 #ff3d33,2px 15px 0 #ff3d33,18px 15px 0 #ff3d33,19px 15px 0 #ff3d33,1px 16px 0 #ff3d33,2px 16px 0 #ff3d33,18px 16px 0 #ff3d33,19px 16px 0 #ff3d33,1px 17px 0 #ff3d33,2px 17px 0 #ff3d33,18px 17px 0 #ff3d33,19px 17px 0 #ff3d33,1px 18px 0 #ff3d33,2px 18px 0 #ff3d33,10px 18px 0 #ff3d33,18px 18px 0 #ff3d33,19px 18px 0 #ff3d33,1px 19px 0 #ff3d33,2px 19px 0 #ff3d33,9px 19px 0 #ff3d33,11px 19px 0 #ff3d33,18px 19px 0 #ff3d33,19px 19px 0 #ff3d33,1px 20px 0 #ff3d33,2px 20px 0 #ff3d33,10px 20px 0 #ff3d33,18px 20px 0 #ff3d33,19px 20px 0 #ff3d33,1px 21px 0 #ff3d33,2px 21px 0 #ff3d33,18px 21px 0 #ff3d33,19px 21px 0 #ff3d33,1px 22px 0 #ff3d33,2px 22px 0 #ff3d33,3px 22px 0 #ff3d33,4px 22px 0 #ff3d33,5px 22px 0 #ff3d33,6px 22px 0 #ff3d33,7px 22px 0 #ff3d33,8px 22px 0 #ff3d33,9px 22px 0 #ff3d33,10px 22px 0 #ff3d33,11px 22px 0 #ff3d33,12px 22px 0 #ff3d33,13px 22px 0 #ff3d33,14px 22px 0 #ff3d33,15px 22px 0 #ff3d33,16px 22px 0 #ff3d33,17px 22px 0 #ff3d33,18px 22px 0 #ff3d33,19px 22px 0 #ff3d33,2px 23px 0 #ff3d33,3px 23px 0 #ff3d33,4px 23px 0 #ff3d33,5px 23px 0 #ff3d33,6px 23px 0 #ff3d33,7px 23px 0 #ff3d33,8px 23px 0 #ff3d33,9px 23px 0 #ff3d33,10px 23px 0 #ff3d33,11px 23px 0 #ff3d33,12px 23px 0 #ff3d33,13px 23px 0 #ff3d33,14px 23px 0 #ff3d33,15px 23px 0 #ff3d33,16px 23px 0 #ff3d33,17px 23px 0 #ff3d33,18px 23px 0 #ff3d33; }

.picto-mob { width:1px; height:1px; box-shadow:2px 1px 0 #FF3D33,3px 1px 0 #FF3D33,4px 1px 0 #FF3D33,5px 1px 0 #FF3D33,6px 1px 0 #FF3D33,7px 1px 0 #FF3D33,8px 1px 0 #FF3D33,9px 1px 0 #FF3D33,10px 1px 0 #FF3D33,11px 1px 0 #FF3D33,12px 1px 0 #FF3D33,1px 2px 0 #FF3D33,2px 2px 0 #FF3D33,3px 2px 0 #FF3D33,4px 2px 0 #FF3D33,5px 2px 0 #FF3D33,6px 2px 0 #FF3D33,7px 2px 0 #FF3D33,8px 2px 0 #FF3D33,9px 2px 0 #FF3D33,10px 2px 0 #FF3D33,11px 2px 0 #FF3D33,12px 2px 0 #FF3D33,13px 2px 0 #FF3D33,1px 3px 0 #FF3D33,2px 3px 0 #FF3D33,12px 3px 0 #FF3D33,13px 3px 0 #FF3D33,1px 4px 0 #FF3D33,2px 4px 0 #FF3D33,12px 4px 0 #FF3D33,13px 4px 0 #FF3D33,1px 5px 0 #FF3D33,2px 5px 0 #FF3D33,12px 5px 0 #FF3D33,13px 5px 0 #FF3D33,1px 6px 0 #FF3D33,2px 6px 0 #FF3D33,12px 6px 0 #FF3D33,13px 6px 0 #FF3D33,1px 7px 0 #FF3D33,2px 7px 0 #FF3D33,12px 7px 0 #FF3D33,13px 7px 0 #FF3D33,1px 8px 0 #FF3D33,2px 8px 0 #FF3D33,12px 8px 0 #FF3D33,13px 8px 0 #FF3D33,1px 9px 0 #FF3D33,2px 9px 0 #FF3D33,12px 9px 0 #FF3D33,13px 9px 0 #FF3D33,1px 10px 0 #FF3D33,2px 10px 0 #FF3D33,12px 10px 0 #FF3D33,13px 10px 0 #FF3D33,1px 11px 0 #FF3D33,2px 11px 0 #FF3D33,12px 11px 0 #FF3D33,13px 11px 0 #FF3D33,1px 12px 0 #FF3D33,2px 12px 0 #FF3D33,12px 12px 0 #FF3D33,13px 12px 0 #FF3D33,1px 13px 0 #FF3D33,2px 13px 0 #FF3D33,12px 13px 0 #FF3D33,13px 13px 0 #FF3D33,1px 14px 0 #FF3D33,2px 14px 0 #FF3D33,12px 14px 0 #FF3D33,13px 14px 0 #FF3D33,1px 15px 0 #FF3D33,2px 15px 0 #FF3D33,12px 15px 0 #FF3D33,13px 15px 0 #FF3D33,1px 16px 0 #FF3D33,2px 16px 0 #FF3D33,12px 16px 0 #FF3D33,13px 16px 0 #FF3D33,1px 17px 0 #FF3D33,2px 17px 0 #FF3D33,7px 17px 0 #FF3D33,12px 17px 0 #FF3D33,13px 17px 0 #FF3D33,1px 18px 0 #FF3D33,2px 18px 0 #FF3D33,6px 18px 0 #FF3D33,7px 18px 0 #FF3D33,8px 18px 0 #FF3D33,12px 18px 0 #FF3D33,13px 18px 0 #FF3D33,1px 19px 0 #FF3D33,2px 19px 0 #FF3D33,7px 19px 0 #FF3D33,12px 19px 0 #FF3D33,13px 19px 0 #FF3D33,1px 20px 0 #FF3D33,2px 20px 0 #FF3D33,12px 20px 0 #FF3D33,13px 20px 0 #FF3D33,1px 21px 0 #FF3D33,2px 21px 0 #FF3D33,3px 21px 0 #FF3D33,4px 21px 0 #FF3D33,5px 21px 0 #FF3D33,6px 21px 0 #FF3D33,7px 21px 0 #FF3D33,8px 21px 0 #FF3D33,9px 21px 0 #FF3D33,10px 21px 0 #FF3D33,11px 21px 0 #FF3D33,12px 21px 0 #FF3D33,13px 21px 0 #FF3D33,2px 22px 0 #FF3D33,3px 22px 0 #FF3D33,4px 22px 0 #FF3D33,5px 22px 0 #FF3D33,6px 22px 0 #FF3D33,7px 22px 0 #FF3D33,8px 22px 0 #FF3D33,9px 22px 0 #FF3D33,10px 22px 0 #FF3D33,11px 22px 0 #FF3D33,12px 22px 0 #FF3D33; }

/* ONGLETS TAB projets web */
.tab  .nav-tabs{
    border-bottom: 0px solid transparent;
    margin-bottom:1px;
}
.tab .nav-tabs > li{
    padding:0 10px;
}
.tab .nav-tabs > li a {
    color:#ff3d33;
    padding-bottom:0;
}
.tab .nav-tabs > li a:hover,
.tab .nav-tabs > li.active > a{
    background:#fff;
    color:#ff3d33;
    padding-bottom:0;
    border:1px solid transparent;
    border-bottom:2px solid #ff3d33;
}
.tab .tab-content{
    color:#ff3d33;
    padding: 10px;
}
@media only screen and (max-width: 480px){
    .tab .nav-tabs > li{ width:100%; }
}



/*MEDIA QUERIES*/
@media(max-width:767px){.images p {padding: 0% 0;}
    .img-center, .img-center img {text-align: center;display: block;}
    #projets-plus img, .picto, .picto img {display: block; margin: 0 auto!important}
    #nav-projets h4 strong {text-transform: uppercase; font-family: 'euclid_flexlight';line-height: 1.2em!important;}
    .mailtel {top:3em;}
    header {margin: 1em auto 2em;}
    .info {margin-bottom: 1em;}
    #projets > article {margin-bottom: 5em}
    h2.titre {display: none; font-size:110%;text-align: center}
    .curriculumeke h3 {font-size:125%;line-height:1.7;}
}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}


.projet-web {
    position: relative;
    display: block;
}

.projet-web .frame {
    margin: 1rem 0 2rem 0;
}

.projet-web .asset__wrapper {
    padding-top: 120.66%;
    overflow: auto
}

.projet-web .frame[data-frame=desktop] .asset__wrapper {
    padding-top: 66.66%;
    overflow: auto
}

.projet-web .frame[data-frame=desktopvideo] .asset__wrapper {
    padding-top: 0.66%;
    overflow: auto
}

.projet-web .frame[data-frame=mobile] .asset__wrapper {
    padding-top: 145.4%;
    overflow: auto
}

.projet-web .frame[data-frame=desktop] img {
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}
.projet-web .frame[data-frame=mobile] img, .projet-web .frame[data-frame=tablette] img {
    -moz-border-radius:0 0 40px 40px;
    -webkit-border-radius:0 0 40px 40px;
    border-radius:0 0 40px 40px;
    padding-left:0.5em;
}
.projet-web .frame[data-frame=mobile] img {
    -moz-border-radius:0 0 40px 40px;
    -webkit-border-radius:0 0 40px 40px;
    border-radius:0 0 40px 40px;
    padding-left:1em;
}

*,
:after,
:before {
    box-sizing: border-box
}

.projet-web img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.asset__wrapper {
    position: relative
}

.asset__wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    z-index: 0
}

.frame {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
/*mobile*/
.frame[data-frame=mobile] {
    padding-top: 80px;
    padding-bottom: 70px;
}

.circle {
	border-radius: 50%;
	width: 40px;
	height: 40px;
    background: #333;
    left:45%;bottom:15px;position:absolute;z-index:5
}
.frame[data-frame=mobile]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 20px solid #4d4d4d;
    border-top-width: 80px;
    border-bottom-width: 70px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    border-radius:40px;
    z-index: 2;
    pointer-events: none
}

.frame[data-frame=mobile]:after {
    content: " ";
    padding: 0 3em;
    border: 4px solid;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    position: absolute;
    top: 35px;
    left: 43%;
    font-size: 8px;
    font-weight: bolder;
    color: #333333;
    z-index: 3;
    pointer-events: none
}


/*TABLETTE*/
.frame[data-frame=tablette] {
    padding-top: 40px;
    padding-bottom: 40px
}
.circletab {font-size:150px;left:44%;bottom:-60px;color:#333333;position:absolute;z-index:5}

.frame[data-frame=tablette]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 20px solid #4d4d4d;
    border-top-width: 40px;
    border-bottom-width: 80px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    z-index: 2;
    pointer-events: none
}

.frame[data-frame=tablette]:after {
    content: "\25CF";
    position: absolute;
    top: 6px;
    left: 50%;
    font-size: 20px;
    font-weight: bolder;
    color: #333333;
    z-index: 3;
    pointer-events: none
}

/*DESKTOP*/

.frame[data-frame=desktop] {
    padding-top: 35px
}
.frame[data-frame=desktopvideo] {
    padding-top: 28px
}
.frame[data-frame=desktop]:before, .frame[data-frame=desktopvideo]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #e0e0e0;
    border-top-width: 35px;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    z-index: 2;
    pointer-events: none
}

.frame[data-frame=desktopvideo]:before {
    height: 99%;
}

.frame[data-frame=desktop]:after, .frame[data-frame=desktopvideo]:after {
    content: "\25CF   \25CF   \25CF";
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 20px;
    font-weight: bolder;
    color: #ffffff;
    z-index: 3;
    pointer-events: none
}


#nav-projets {margin-bottom:5em}
#nav-projets h4, #nav-projets h4 strong {text-transform: uppercase; font-family: 'euclid_flexlight';line-height: 0.7em;}
#nav-projets h4 strong {font-family: 'euclid_flexregular'}
#nav-projets a {border: 0}
.nav-picto-l {padding: 1em 0 0 2.5em}
.nav-picto-r {padding: 1em 2.5em 0 0}

    #logo-css {
		width:29px;
		height:19px;
		background:transparent url(images/logo-topp.gif);
	}

	#logo-css {
		background:transparent url(images/logo-topp.gif) 0 bottom;
		margin-top:-6px;
        z-index:220;
	}

#projets-plus {padding: 2em 0;}


#menumob {
    position: fixed;
    top: 20px;
    right: 0px;
    background: transparent;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
        border:0;
        z-index:3001;
}
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    background: transparent;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 0;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
        border:0;
        z-index:300;
}
#return-to-top i {
    color: #ff0033;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: transparent;
}
#return-to-top:hover i {
    color: #ff2d33;
    top: 0px;
}



/* LOGO SOURIRE */
.logo { width:1px; height:1px; box-shadow:1px 1px 0 #ff3d33,2px 1px 0 #ff3d33,3px 1px 0 #ff3d33,4px 1px 0 #ff3d33,5px 1px 0 #ff3d33,6px 1px 0 #ff3d33,7px 1px 0 #ff3d33,8px 1px 0 #ff3d33,9px 1px 0 #ff3d33,10px 1px 0 #ff3d33,11px 1px 0 #ff3d33,12px 1px 0 #ff3d33,13px 1px 0 #ff3d33,14px 1px 0 #ff3d33,15px 1px 0 #ff3d33,16px 1px 0 #ff3d33,17px 1px 0 #ff3d33,18px 1px 0 #ff3d33,19px 1px 0 #ff3d33,20px 1px 0 #ff3d33,21px 1px 0 #ff3d33,22px 1px 0 #ff3d33,23px 1px 0 #ff3d33,24px 1px 0 #ff3d33,25px 1px 0 #ff3d33,26px 1px 0 #ff3d33,27px 1px 0 #ff3d33,28px 1px 0 #ff3d33,29px 1px 0 #ff3d33,1px 2px 0 #ff3d33,29px 2px 0 #ff3d33,1px 3px 0 #ff3d33,29px 3px 0 #ff3d33,1px 4px 0 #ff3d33,29px 4px 0 #ff3d33,1px 5px 0 #ff3d33,29px 5px 0 #ff3d33,1px 6px 0 #ff3d33,29px 6px 0 #ff3d33,1px 7px 0 #ff3d33,13px 7px 0 #ff3d33,17px 7px 0 #ff3d33,29px 7px 0 #ff3d33,1px 8px 0 #ff3d33,29px 8px 0 #ff3d33,1px 9px 0 #ff3d33,12px 9px 0 #ff3d33,18px 9px 0 #ff3d33,29px 9px 0 #ff3d33,1px 10px 0 #ff3d33,13px 10px 0 #ff3d33,14px 10px 0 #ff3d33,15px 10px 0 #ff3d33,16px 10px 0 #ff3d33,17px 10px 0 #ff3d33,29px 10px 0 #ff3d33,1px 11px 0 #ff3d33,29px 11px 0 #ff3d33,1px 12px 0 #ff3d33,29px 12px 0 #ff3d33,1px 13px 0 #ff3d33,29px 13px 0 #ff3d33,1px 14px 0 #ff3d33,29px 14px 0 #ff3d33,1px 15px 0 #ff3d33,29px 15px 0 #ff3d33,1px 16px 0 #ff3d33,29px 16px 0 #ff3d33,1px 17px 0 #ff3d33,29px 17px 0 #ff3d33,1px 18px 0 #ff3d33,29px 18px 0 #ff3d33,1px 19px 0 #ff3d33,2px 19px 0 #ff3d33,3px 19px 0 #ff3d33,4px 19px 0 #ff3d33,5px 19px 0 #ff3d33,6px 19px 0 #ff3d33,7px 19px 0 #ff3d33,8px 19px 0 #ff3d33,9px 19px 0 #ff3d33,10px 19px 0 #ff3d33,11px 19px 0 #ff3d33,12px 19px 0 #ff3d33,13px 19px 0 #ff3d33,14px 19px 0 #ff3d33,15px 19px 0 #ff3d33,16px 19px 0 #ff3d33,17px 19px 0 #ff3d33,18px 19px 0 #ff3d33,19px 19px 0 #ff3d33,20px 19px 0 #ff3d33,21px 19px 0 #ff3d33,22px 19px 0 #ff3d33,23px 19px 0 #ff3d33,24px 19px 0 #ff3d33,25px 19px 0 #ff3d33,26px 19px 0 #ff3d33,27px 19px 0 #ff3d33,28px 19px 0 #ff3d33,29px 19px 0 #ff3d33; }


/*FOOTER*/
footer {padding-bottom: 1em}


/* FONTS FAMILY */
@font-face {
    font-family: 'gt_haptiklight_rotalic';
    src: url('assets/fonts/gt-haptik-light-rotalic.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-light-rotalic.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'gt_haptiklight';
    src: url('assets/fonts/gt-haptik-light.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-light.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'gt_haptikmedium_rotalic';
    src: url('assets/fonts/gt-haptik-medium-rotalic.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-medium-rotalic.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'gt_haptikmedium';
    src: url('assets/fonts/gt-haptik-medium.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-medium.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'gt_haptikregular_rotalic';
    src: url('assets/fonts/gt-haptik-regular-rotalic.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-regular-rotalic.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'gt_haptikregular';
    src: url('assets/fonts/gt-haptik-regular.woff2') format('woff2'),
         url('assets/fonts/gt-haptik-regular.woff') format('woff');
    font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'euclid_flexlight';
    src: url('assets/fonts/euclidflex-light.woff2') format('woff2'),
         url('assets/fonts/euclidflex-light.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'euclid_flexregular';
    src: url('assets/fonts/euclidflex-regular.woff2') format('woff2'),
         url('assets/fonts/euclidflex-regular.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'quicksand';
    src: url('assets/fonts/quicksand_book.woff2') format('woff2'),
         url('assets/fonts/quicksand_book.woff') format('woff');
    font-weight: normal;font-style: normal;
}