html {height: 100%; /* cette valeur sert de repère pour les poucentages de l'affichage du contenu */overflow: hidden;
color-profile: sRGB;
rendering-intent: auto;
}.preload
{height: 0px;width: 0px;margin: 0px;padding: 0px;z-index: 0;border: 0;outline: 0;overflow: hidden;}
#slider a{cursor: pointer;}
/* shadows-into-light-two-regular - latin */
@font-face {
font-family: 'Shadows Into Light Two';
font-style: normal;
font-weight: 400;
src: url('font/shadows-into-light-two-v5-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Shadows Into Light Two'), local('ShadowsIntoLightTwo-Regular'),
url('font/shadows-into-light-two-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/shadows-into-light-two-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('font/shadows-into-light-two-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
url('font/shadows-into-light-two-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/shadows-into-light-two-v5-latin-regular.svg#ShadowsIntoLightTwo') format('svg'); /* Legacy iOS */
}
body
{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
padding-top: 15px;
background-color : black;
background-image: url(../images/fond_page.png);
min-height: 585px;
height: 100%;
overflow: hidden;position: relative; /* propriété rajoutée censé aider IE à moins merdouiller */}
#signature {
background-image: url(../images/signature.gif);
height: 141px;
width: 384px;/* background-color: yellow; */
margin: auto;margin-left: 190px;position: relative;
background-repeat: no-repeat;}
#mafonction{
/* background-color: yellow; */
/* margin-left: 410px; */
margin: auto;width: 80px;
margin-top: -28px;
margin-bottom: 28px;
color: black;
font-style: italic;
border-bottom: dotted 1px;}
#newsdiv {
margin: auto;
width: 725px;}
#contentv2 {
width: 775px;
min-height: 300px;
max-height: calc(100% - 240px); /* IE9, at last it is ahead of its competitors... but IE10 and 11 are buggy */
/* max-height: 75%; */ /* browsers that don't get it */
max-height: -o-calc(100% - 240px);
max-height: -moz-calc(100% - 240px);
max-height: -webkit-calc(100% - 240px);
margin: auto;
background-image: url(../images/fond_content_775.N.png);
background-repeat: repeat-y;
overflow: auto;}
.underline{
text-decoration: underline;}/* paragraphe de tests d'affichage de contenus. Les vrais contenus seront plus probablement dans une div, sauf en cas de mise en forme de texte, comme dans la rubrique "moi", ou dans les FAQ */
.text {font-family: "Times New Roman", Georgia, Furat, "Nimbus roman No9 L", Helvetica; /* typo par defaut sous opera, qui est mieux que la sans serif d'arora, donc je précise */
color: #4a413a;
text-align: justify;
width: 725px; /* largeur max de publication des billets. */
margin: auto;/* position: relative; */}
.text a{/* text-decoration: none; */
color: black; /*#200f23;*/ /* un peu plus foncé et plus violet/bleu pour que les lliens se voient dans un bloc text, sans que ça soit trop laid */
font-style: italic; }
.text a:hover{color: #E1D8C6;}
.contact {
width: 725px;
margin: auto;
position: relative;
text-align: center;
font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;font-size: 15px;color: #4a413a;margin-bottom: 33px;}.agent {width: 180px;margin-top: 30px;margin-left: -180px;float: right;/*background : red; */}.agent a{color: #ede6d9;text-decoration: none;}#agent {float: left;height: 60px;width: 60px;clear: both;margin-right : 10px;}.robbyrepulsive {font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;/* background-color: yellow; */width: 85px;float: left;margin-left: 170px;font-size: 20px;/* color: #ede6d9; */}#humanentry {float: left;margin-right: -170px;}#address {display: none;}#country {display: none;}#profession {display: none;}.conte, .contevoir{margin: auto;/* position: relative; */ /* j'ai viré ça par rapport aux premières version, pour éviter à IE de merdouiller. */text-align: center;font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;font-size: 15px;color: #4a413a;}.conte {width: 725px;margin-bottom: 2px; /* pour corriger un "bug" d'affichage sous webkit, apparemment lié aux
*/}.contevoir {width: 800px;}.fback, .fforw{margin-top: -35px; /* pour manger un peu sur l'image et rentrer dans le cadre 800x600. n'est pas nécessaire dans al version 1059 */z-index: 10; /* pour être sûr que l'image de la flêche passera bien au dessus de l'image */position: relative;}.fback{float: left;}.fforw{float: right;}.photo_id{float: left; margin-right: 18px;margin-bottom: 1px;clear: both;background-image: url(../images/1979.jpg);width: 160px;height: 160px;}#fluxaccu{/* background-color: yellow; */margin-bottom: 12px;}/* ----------------------------- gestion des LIENS de la rubrique du même nom, et des zones cliquables ----------------------- */#imgliens a {display: block;}#imgliens {width: 4758px ;/* 1630px ; */height: 400px ;overflow: hidden;margin-left: -25px;background-image: url(../images/decor_liens_400_2009.jpg);}#simona {width: 185px;height: 267px;/* background-color: black; */left: 89px;}#simona_{margin-top: 270px;}#melanie{width: 119px;height: 176px;/* background-color: black; */top: 101px;left: 175px;}#melanie_{margin-top: -35px;}#coralie{width: 145px;height: 121px;/* background-color: black; */ top: 81px;left: 400px;}#coralie_{margin-top: -25px; margin-left: 30px;}#goubli{width: 232px;height: 141px;/* background-color: black; */top: 160px;left: 540px;}#goubli_{margin-top: -10px;}#wiebke{width: 218px;height: 167px;/* background-color: black; */top: 155px;left: 678px;}#wiebke_{margin-top: 180px; margin-right: 25px;}#emilie{width: 114px;height: 120px;/* background-color: black; */ top: 232px;left: 775px;}#emilie_{margin-top: -39px; margin-left: 25px;}#simona, #melanie, #goubli, #wiebke, #coralie, #emilie{position: relative;float: left;text-decoration: none;color: transparent;}#simona_, #melanie_, #goubli_, #wiebke_, #coralie_, #emilie_{display: block;}#simona:hover, #melanie:hover, #goubli:hover, #wiebke:hover, #coralie:hover, #emilie:hover{ color: white; }/* auteurs */#calouan{width: 53px;height: 16px;/* background-color: black; */margin-top: 59px;margin-right: 611px;float: right;}#calouan:hover{background-image: url(../images/auteur_calou.jpg);}#celinec{width: 96px;height: 17px;/* background-color: black; */ margin-top: 10px;margin-right: 582px;float: right;clear: right;}#celinec:hover{background-image: url(../images/auteur_celinec.jpg);}#annef{width: 96px;height: 18px;/* background-color: black; */margin-top: 11px;margin-right: 582px;float: right;clear: right;}#annef:hover{background-image: url(../images/auteur_annef.jpg);}#roxanemg{width: 96px;height: 29px;/* background-color: black; */margin-top: 10px;margin-right: 581px;float: right;clear: right;}#roxanemg:hover{background-image: url(../images/auteur_roxanemg.jpg);}#virginieh{width: 116px;height: 24px;/* background-color: black; */margin-top: 6px;margin-right: 561px;float: right;clear: right;}#virginieh:hover{background-image: url(../images/auteur_virginieh.jpg);}#christellehg{width: 82px;height: 32px;/* background-color: black; */margin-top: 4px;margin-right: 581px;float: right;clear: right;}#christellehg:hover{background-image: url(../images/auteur_christellehg.jpg);}#reginej{width: 116px;height: 45px;/* background-color: black; */margin-top: 8px;margin-right: 561px;float: right;clear: right;}#reginej:hover{background-image: url(../images/auteur_reginej.jpg);}/* ----------------------- FIN LIENS ------------------------ */.aide_popup{background-image: url(../images/modempl.N.png);float: right;margin-right: 10px;margin-top: 10px;position: relative;height: 564px;width: 100px;margin-left: -110px; /* compensation de l'impact de la div sur la mise en page */}/* aide a la mise en page du formulaire de contact */#labelsform {text-align: right;width: 346px;margin-right:217px;float:right;line-height: 19px;/* background-color: red; */}#bas {clear:right;}/* fin de l'aide *//* ******************************* gestion du "header" barre d'icones - slider ***************************** */#englob{height: 160px;width: 800px;overflow: hidden; margin: auto;/* position: relative; */ /* ne pas mettre position relative pour pouvoir remonter le menu */margin-bottom: -160px;/* background-color: red; */}#morgauche{/* background-color: red; */float: left;height: 160px;width: 39px;background-image: url(../images/fond_800_160_1.N.png);background-repeat: no-repeat;}#milieu{float: left;height: 160px;width: 722px;background-image: url(../images/fond_800_160_2.jpg);background-repeat: no-repeat;}#mordroit{float: left;height: 160px;width: 39px;background-image: url(../images/fond_800_160_3.N.png);background-repeat: no-repeat;}#slider a.up, #slider a.down{background-repeat: no-repeat;cursor: pointer;height: 56px;width: 30px;outline-width: 0px;/* position: absolute; */margin-top: 48px;z-index: 6;display: block;/* background-color: yellow; */overflow: hidden; }#slider a.up{background-image: url(../images/bouton_D.png);float: right;margin-right: 15px;}/*#slider a.up:hover{background-image: url(../images/bouton_D_act.png);float: right;width: 35px;margin-right: 10px;}*/#slider a.down{background-image: url(../images/bouton_G.png);float: left;margin-left: 15px;margin-right: -45px; /* pour compenser la largeur du bloc fleche, ainsi que la marge de droite, dans le calcul du placement des icônes par rapport au bord de la div slider */}/*#slider a.down:hover{background-image: url(../images/bouton_G_act.png);float: left;margin-left: 10px;width: 35px;margin-right: -45px; */ /* pour compenser la largeur du bloc fleche, ainsi que la marge de droite, dans le calcul du placement des icônes par rapport au bord de la div slider *//* } *//* Start Core Styling */#slider, .li { min-height:160px;height: 160px; /* max-height: 30%; */}#slider, .li { position: relative; width: 800px; /* ici la taille de base de l'interface, à laquelle s'ajoute les 2 boutons de côté pour faire scroller les icônes. */}#slider{margin: auto;margin-top: 0px;overflow: hidden;/* background-image: url(../images/fond_800_160.png); */ /* Le fond est désactivé pour aller plus vite avec le "collage" de la boite englob */background-repeat: no-repeat;}/*@media screen and (-webkit-min-device-pixel-ratio:0) { #slider { border-width: 1px; } }*/#slider p{position: absolute;left: 0px;top: 0px;width: 800px; /* attention à la largeur du bloc paragraphe qui contient les icones */z-index: 1;}/* ---------------------------------------------------------------------------------- fin slider -------------------------------------------------------------------------------- */.separation{clear: both;margin: auto;/* position: relative; */width: 600px;height: 40px;}
.galimg {
float: left;
/* display: block; */
/* width : 97; */
margin-left: 40px ; /* Normalement, ces données ne changeront pas pour la version plus grande, il y aura simplement d'avantage de vignettes sur un même ligne. */
margin-bottom: 30px;
border: 2px dotted white;
/* #46353D; */
/* border: double 5px #46353D; */
height: 110px;
width: 96px;
/* background-color: #46353D; */
overflow: hidden;
}
.galimgselected {
float: left;
/* display: block; */
/* width : 97; */
margin-left: 38px ; /* Normalement, ces données ne changeront pas pour la version plus grande, il y aura simplement d'avantage de vignettes sur un même ligne. */margin-right: -2px;
margin-bottom: 26px;
border: 4px dashed white; /* #46353D; */
/* border: double 5px #46353D; */
height: 110px;
width: 96px;
/* background-color: #46353D; */
overflow: hidden;
}
.glissimg{width: 192px;height: 110px;}.glissimg:hover{width:192px;height: 110px;margin-left:-96px;}.galimg_mask {clear: both;height: 110px;width: 96px;/* background-color: #46353D; */z-index: 15;}.galimg_mask:hover {display:none;/* filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; */}.filtergal {float: left;width: 100px;margin-left: 100px;line-height: 25px;font-size: 11px;clear: right;}/* limitations de la taille des illus dans la page voir.php */.voirimg img{max-width: 800px;max-height: 600px;-ms-interpolation-mode: bicubic;}/* fin de la limitation */#raz {margin-top: 5px;}/* Choix des Liens */#choixdesliens {/* text-align: right; */padding-top: 50px;width: 500px;height: 200px;/* background-color: yellow; */margin: auto ;overflow: hidden; /* à cause du preload*/}#choixdesliens form {float: left;}#labelutile, #labelagreable {float: left;width: 210px;/* background-color: blue; *//*display: block; inutile */text-align: center;font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;font-size: 15px;color: #4a413a;}#labelagreable{margin-left: 80px;}#liensutiles, #liensagreables {background-color: transparent ;background-repeat: no-repeat;border: none;color: #E1D8C6;cursor: pointer;display: block;}#liensutiles {background-image : url(../images/icon/utile.N.png) ;width: 201px;height: 198px;}#liensagreables {background-image : url(../images/icon/agreable.N.png) ;width: 207px;height: 197px;margin-left: 90px;}/*#liensutiles:hover, #liensagreables:hover {border-bottom: 2px dotted #E1D8C6;}*//* ************************* Projets ************************* */.titrepro {font-weight: bold;/* font-style: italic; */font-size: 14px;text-decoration: underline;line-height: 20px;letter-spacing: 1px;color: #ede6d9; /* un peu plus clair que pour les trucs clairs moins importants, pour faciliter la lecture. */}
.cadreHGL{
width: 350px;
height: 42px;
margin: auto;
border: double 5px #46353D;}
#HGL01, #HGL02, #HGL03, #HGL04, #HGL05, #HGL06, #HGL07, #HGL08, #HGL09, #HGL10{
display: block;
margin: auto;
width: 350px;
min-height: 42px;
max-height: 370px;
background-repeat: no-repeat;
position: relative;}
#HGL01:hover, #HGL02:hover, #HGL03:hover, #HGL04:hover, #HGL05:hover, #HGL06:hover, #HGL07:hover, #HGL08:hover, #HGL09:hover, #HGL10:hover{
height: 370px;
width: 374px;
position: relative;
background-repeat: no-repeat;
z-index: 10;
margin-left: -12px;}
#HGL01 {background-image: url(../images/proj/v_carte_01.jpg);}
#HGL01:hover {background-image: url(../images/proj/carte_01.png);}
#HGL02 {background-image: url(../images/proj/v_carte_02.jpg);}
#HGL02:hover {background-image: url(../images/proj/carte_02.png);}
#HGL03 {background-image: url(../images/proj/v_carte_03.jpg);}
#HGL03:hover {background-image: url(../images/proj/carte_03.png);}
#HGL04 {background-image: url(../images/proj/v_carte_04.jpg);}
#HGL04:hover {background-image: url(../images/proj/carte_04.png);}
#HGL05 {background-image: url(../images/proj/v_carte_05.jpg);}
#HGL05:hover {background-image: url(../images/proj/carte_05.png);}
#HGL06 {background-image: url(../images/proj/v_carte_06.jpg);}
#HGL06:hover {background-image: url(../images/proj/carte_06.png);}
#HGL07 {background-image: url(../images/proj/v_carte_07.jpg);}
#HGL07:hover {background-image: url(../images/proj/carte_07.png);}
#HGL08 {background-image: url(../images/proj/v_carte_08.jpg);}
#HGL08:hover {background-image: url(../images/proj/carte_08.png);}
#HGL09 {background-image: url(../images/proj/v_carte_09.jpg);}
#HGL09:hover {background-image: url(../images/proj/carte_09.png);}
#HGL10 {background-image: url(../images/proj/v_carte_10.jpg);}
#HGL10:hover {background-image: url(../images/proj/carte_10.png);}
.cadreDEPM{width: 500px;height: 35px;margin: auto;border: double 5px #46353D;}#DEPM01, #DEPM02, #DEPM03, #DEPM04{display: block;margin: auto;width: 500px;min-height: 35px;max-height: 269px;background-repeat: no-repeat;position: relative;}#DEPM01:hover, #DEPM02:hover, #DEPM03:hover, #DEPM04:hover{height: 269px;width: 524px;position: relative;background-repeat: no-repeat;z-index: 10;margin-left: -12px;}#DEPM01 {background-image: url(../images/proj/v_19-20.jpg);}#DEPM01:hover {background-image: url(../images/proj/19-20.png);}#DEPM02 {background-image: url(../images/proj/v_21-22.jpg);}#DEPM02:hover {background-image: url(../images/proj/21-22.png);}#DEPM03 {background-image: url(../images/proj/v_23-24.jpg);}#DEPM03:hover {background-image: url(../images/proj/23-24.png);}#DEPM04 {background-image: url(../images/proj/v_29-30.jpg);}#DEPM04:hover {background-image: url(../images/proj/29-30.png);}/* ************************* Clients ************************* */#librairie{width: 710px;height: 300px;/* background-color: yellow; */margin: auto;margin-top: 18px;margin-bottom: 20px;border: dashed 1px #46353D;overflow: hidden;}#listeclients{width: 710px;/* height: 300px; background-color: red; */margin: auto;margin-bottom: 3px;/* height: 65px; taille vignette + 2x2px de bordure*/}.typeclients_aparait{display: block;color: #ede6d9;float: left;width: 103px;height: 64px;/* background-color: red; */margin-bottom: 5px;}.typeclients_livre{display: block;color: #ede6d9;float: left;width: 80px;height: 64px;/* background-color: red; */margin-bottom: 5px;}.typeclients_presse{display: block;color: #ede6d9;float: left;width: 80px;height: 64px;/* background-color: red; */margin-bottom: 5px;}.vignettesclients{float: right;margin-left: 8px;border: solid 2px #46353D;display: block;width: 60px;height: 60px;margin-bottom: 5px;}.editeur {color: #ede6d9;font-weight: bold;/* font-style: italic; */font-size: 14px;text-decoration: underline;line-height: 20px;letter-spacing: 1px;}.cadre{width: 350px;height: 42px;margin: auto;border: double 5px #46353D;}.colonne_clients{width: 224px; float: left; border: dotted 1px #46353D; margin: 0 16px 5px 0; }.colonne_clients_L{width: 224px; float: left; border: dotted 1px #46353D; margin: 0 0 5px 0; }
/* ****************** mon footer ******************* */#v2_footer {font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;font-size: 0.8em;width: 800px;height: 40px;margin: auto;/* text-align: center; */color: gray;padding-top: 15px;background-repeat: no-repeat;background-image: url(../images/fond_footer_page_copy.gif);}#flux {display: block;float: left;width: 60px;height: 25px;margin-top: -11px;margin-left: 12px;background-color: transparent;}#flux a{ /* png flux rss */width: 25px;height: 25px;float: left;}#fluxid {float: right;}#zoom{/* text-align: right; */display: block;float: left;width: 85px;/* background-color: yellow; */margin-left: 20px ;}#zoommoins, #zoomplus{background-color: transparent;border: none;color: #E1D8C6;cursor: pointer;float: left;}#loupe {background-color: transparent;background-image: url(../images/loupe.png);width: 29px;height: 30px;float: left;margin-left: -3px;margin-top: -3px;}#gateau {float: right;width: 35px;height: 35px;margin-top: -14px;/*margin-right: -45px; */ /*compensation plutôt qu'adaptation du calcul des mentions*//*margin-left: 10px;*/margin-right: 7px;}#mentions {/* display: block; */width: 300px;/* background-color: red; */text-align: center;margin-left: 95px;float: left;}#amentions {text-decoration: none;color: gray;}#copyright {font-weight : bold;font-size : 30px;color: #ede6d9;}#lang_selector {/* text-align: right; */display: block;float: left;width: 110px;height: 20px;/*background-color: yellow; */ margin-left: 69px ; /*sans cookie 105*/margin-top: -3px; /*rajouté à cause du gateau*/}#v2_footer form {float: left;}#changfr, #changen, #changsv{background-color: transparent;border: none;color: #E1D8C6;cursor: pointer;}#changen{}#changsv{}
#kofi{
display:block;
margin-top: -12px;
margin-left: 50px;
margin-right: -90px;
width: 40px;
height: 40px;
border-radius: 17px;
float: left;
background: #4b798d;
background-repeat: no-repeat;
background-image: url(../images/kofi-logo.gif);
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 40%;
background-position-y: 50%;
/* ci-dessous pour logo svg */
/* background-position-x: 70%; */
/* background-position-y: 55%; */
/* background-size: auto auto;*/
/* background-size: 30px 20px; */
}
#capuccino{
display: block;
width: 40px;
height: 40px;
border-radius: 17px;
float: right;
clear:right;
margin-top: -40px;
/*margin-right: 118px;*/
background: #4b798d;
background-repeat: no-repeat;
background-image: url(../images/kofi-logo.gif);
background-clip: border-box;
background-position-x: 40%;
background-position-y: 50%;
}
/* ****************** FIN mon footer ******************* */
/* placement des icônes -----------mon header------------ */#galerie ,#news ,#contact ,#FAQ ,#moi ,#liens ,#magasin ,#galeriefocus, #newsfocus, #contactfocus, #FAQfocus, #moifocus, #liensfocus, #magasinfocus, #clients, #clientsfocus, #projets, #projetsfocus{margin-right: 18px;background-repeat: no-repeat;text-decoration: none;text-align: center;position: relative;float:left;}#galerie, #moi ,#galeriefocus, #moifocus{margin-left: 57px;}a img {border: 0px;}#galerie img, #galeriefocus img{display: none;}#galerie {display: block;background-image: url(../images/icon/co_galerie_1.gif);width: 122px;height: 149px;}#galeriefocus {display: block;background-image: url(../images/icon/galerie_1.gif);width: 122px;height: 149px;font-weight: bold;}#galerie:hover {background-image: url(../images/icon/galerie_1.gif);font-weight: bold;}#galerie:active {background-image: url(../images/icon/act_galerie_1.gif);background-repeat: no-repeat;background-position: center;}#news img {display:none;}#news {display: block;background-image: url(../images/icon/co_news.gif);width: 131px;height: 149px;}#newsfocus {display: block;background-image: url(../images/icon/news.gif);width: 131px;height: 149px;font-weight: bold;}#news:hover {background-image: url(../images/icon/news.gif);font-weight: bold;}#news:active {background-image: url(../images/icon/act_news.gif);background-repeat: no-repeat;background-position: center;}#contact img {display: none;}#contact {display: block;background-image: url(../images/icon/co_contact.gif);width: 107px;height: 149px;/* background-color: yellow; */}#contactfocus {display: block;background-image: url(../images/icon/contact.gif);width: 107px;height: 149px;font-weight: bold;}#contact:hover {background-image: url(../images/icon/contact.gif);font-weight: bold;}#contact:active {background-image: url(../images/icon/act_contact.gif);background-repeat: no-repeat;background-position: center;}#FAQ img {display: none;}#FAQ {display: block;background-image: url(../images/icon/co_FAQ.gif);width: 102px;height: 149px;}#FAQfocus {display: block;background-image: url(../images/icon/FAQ.gif);width: 102px;height: 149px;font-weight: bold;}#FAQ:hover {background-image: url(../images/icon/FAQ.gif);font-weight: bold;}#FAQ:active {background-image: url(../images/icon/act_FAQ.gif);background-repeat: no-repeat;background-position: center;}#projets img {display: none;}#projets {display: block;background-image: url(../images/icon/co_projets.gif);width: 142px;height: 149px;margin-left: -8px; /* en cas de changement d'ordre, par ex publication à la place de FAQ */margin-right: 0px; /* A appliquer à la dernière de la ligne, pour éviter les risques de "bourrer" la flèche *//* z-index: 5; apparemment pas utile *//* background-color: yellow; */}#projetsfocus {display: block;background-image: url(../images/icon/projets.gif);width: 142px;height: 149px;margin-left: -8px; /* en cas de changement d'ordre, par ex publication à la place de FAQ */margin-right: 0px; /* A appliquer à la dernière de la ligne, pour éviter les risques de "bourrer" la flèche */font-weight: bold;}#projets:hover {background-image: url(../images/icon/projets.gif);font-weight: bold;}#projets:active {background-image: url(../images/icon/act_projets.gif);background-repeat: no-repeat;background-position: center;}#moi img {display: none;}#moi {display: block;background-image: url(../images/icon/co_moi_2.gif);width: 114px;height: 149px;}#moifocus {display: block;background-image: url(../images/icon/moi_2.gif);width: 114px;height: 149px;font-weight: bold;}#moi:hover {background-image: url(../images/icon/moi_2.gif);font-weight: bold;}#moi:active {background-image: url(../images/icon/act_moi_2.gif);background-repeat: no-repeat;background-position: center;}#liens img {display: none;}#liens {display: block;background-image: url(../images/icon/co_liens_1.gif);width: 124px;height: 149px;}#liensfocus {display: block;background-image: url(../images/icon/liens_1.gif);width: 124px;height: 149px;font-weight: bold;}#liens:hover {background-image: url(../images/icon/liens_1.gif);font-weight: bold;}#liens:active {background-image: url(../images/icon/act_liens_1.gif);background-repeat: no-repeat;background-position: center;}#magasin img {display: none;}#magasin {display: none; /* block - section non encore disponible */background-image: url(../images/icon/co_magasin.gif);width: 123px;height: 149px;}#magasinfocus {display: block;background-image: url(../images/icon/magasin.gif);width: 123px;height: 149px;font-weight: bold;}#magasin:hover {background-image: url(../images/icon/magasin.gif);font-weight: bold;}#magasin:active {background-image: url(../images/icon/act_magasin.gif);background-repeat: no-repeat;background-position: center;}#clients img {display: none;}#clients {display: block;background-image: url(../images/icon/co_clients.gif);width: 125px;height: 148px;/* background-color: yellow; */}#clientsfocus {display: block;background-image: url(../images/icon/clients.gif);width: 125px;height: 148px;font-weight: bold;}#clients:hover {background-image: url(../images/icon/clients.gif);font-weight: bold;}#clients:active {background-image: url(../images/icon/act_clients.gif);background-repeat: no-repeat;background-position: center;}/* fin de placement des icônes *//* détails mise en forme du formulaire de la galerie */#niouzes {color: white; font-size: 15px;margin-top: 8px;font-style: italic;}/* légendes sur les icônes du menu du site */#gal ,#cont ,#faq, #mo ,#mag ,#nws ,#proj ,#lie, #clie {font-family: Georgia, Furat, "Nimbus roman No9 L", Arial, Helvetica, sans-serif;/* font-weight: bold; */font-size: 15px;/* letter-spacing: 1px; */color: #4a413a;position: absolute;/* z-index: 6; apparemment pas utile */top: 110px;}#slider span{display:block; /* je suis obligé de laisser les tires dans des spans affichés en block, même si ça reviens au même de mettre des divs, parce que du point de vue du respect de la sémantique, c'est plus valide ainsi, et d'ailleurs ça permet au site de s'afficher convenablement sur opéra, alors qu'il plante avec des divs. */}#gal{/* left: 47px; */width: 122px;}#nws{/* left: 190px; */width: 131px;}#cont{/* left: 331px; */width: 107px;}#faq{/* left: 459px; */width: 102px;}#proj{/* left: 596px; */width: 142px;}#mo{/* left: 52px; */width: 114px;}#lie{/* left: 190px; */width: 124px;}#mag{/* left: 322px; */width: 123px;}#clie{/* left: 322px; */width: 125px;}/* fin des légendes *//* Copie des éléments style du thème WP pour la mise en forme des news. *//* ----------------------------------------------------------------------------------------------------------------------------- *//* ----------------------------------------------------------------------------------------------------------------------------- *//* ----------------------------------------------------------------------------------------------------------------------------- *//* ----------------------------------------------------------------------------------------------------------------------------- */blockquote:before, blockquote:after, q:before, q:after { content: ''; }
#content {
width: 775px;
min-height: 300px;
/* max-height: 75%; */ /* browsers that don't get it */
max-height: -o-calc(100% - 240px);
max-height: -moz-calc(100% - 240px);
max-height: -webkit-calc(100% - 240px);
max-height: calc(100% - 240px); /* IE9, at last it is ahead of its competitors */
margin-left: auto;
margin-right: auto;
background-image: url(../images/fond_content_775.N.png);
background-repeat: repeat-y;
/* overflow: auto; */
overflow-y:auto;
overflow-x:hidden;
position: relative;
}
/* url affichee a cote des liens dans WP #content .entry p a:after { content: " [" attr(href) "] "; }*/
abbr, acronym { border-bottom: 1px dashed #999; cursor: help; }blockquote { border-left: 2px solid #eaeaea; color: #111; font-style: italic; margin: 0 0 9px; padding: 7px;}cite { font-style: italic; }code { font-family: Consolas, Monaco, monospace; font-size: 0.9em; padding: 1px 3px;}del { color: #8b0000; text-decoration: line-through; }em { font-style: italic; }h1, h2, h3, h4, h5, h6 { color: #4a413a; /* #000; */ display: block; /* fixed for Non-PCs without Photoshop CS2+ */ font-family: Georgia, Furat, "Nimbus roman No9 L","Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif; font-weight: normal;}
h1 { font-size: 27px; /* 25 avant chgts, idem h2 */ line-height: 1.2; margin: 0.3em 0 10px; font-family: 'Shadows Into Light Two';}
h2 { font-size: 27px; line-height: 1.3; margin: 1em 0 .2em; font-family: 'Shadows Into Light Two'; }
h3 { font-size: 24px; line-height: 1.3; margin: 1em 0 .2em; }h4 { font-size: 19px; margin: 1.33em 0 .2em; }h5 { font-size: 1.3em; margin: 1.67em 0; font-weight: bold; }h6 { font-size: 1.15em; margin: 1.67em 0; font-weight: bold; }h1 a, h2 a, h1 a:link, h2 a:link, h1 a:visited, h2 a:visited { color: #4a413a; /* #000; */}h1 a:active, h2 a:active, h1 a:focus, h2 a:focus, h1 a:hover, h2 a:hover { color: #E1D8C6; /* #669900; */ /* ici est la bonne couleur claire, mais pas blanche, idéale pour mon interface */}hr { display: none; }ins { color: #006400; text-decoration: none; }small { font-size: 0.8em; }strong { font-weight: 550; /*c'est une propriété liée au javascript, donc un peu merdique...et donc déclarée comme non conforme lors d'une validation */}sub, sup { font-size: 0.7em; }/* Generic classes------------------------------------------------------------------- *//* Beautified ampersands .amp { font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman"; font-style: italic; }*//* Emphasize your name in the About-Box .smaller-caps { font-size: 110%; font-variant: small-caps; }.hidden { display: none; }.top-link { }.top-link:hover { background-position: 0 -29px; }*//* Wordpress specific CSS------------------------------------------------------------------- */.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }.aligncenter img, .aligncenter p.wp-caption-text { display: block; margin-left: auto; margin-right: auto; text-align: center;}.alignleft { float: left; }.alignright { float: right; }img.alignleft { display: inline; margin: 0 7px 2px 0; padding: 4px; }img.alignright { display: inline; margin: 0 0 2px 7px; padding: 4px; }.entry div.alignleft { float: left; margin: 0 8px 7px 0; }/* Resizes the image to the maximum width of the content area */ /* A MODIFIER POUR LA VERSION MAX :::::::::::::::::::::::::::::::::::////// */.entry img { max-width: 700px; /* 576px; */ /* smooth image resizement in IE7+ */ -ms-interpolation-mode: bicubic;}.wp-caption { border: 1px solid #E5E5E5; overflow: hidden; padding: 3px;}.wp-caption img { border: 0 none; margin: 0; padding: 0; }.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}.more-link {/* background-color: #F4F8F9; */ border-bottom: 1px solid #E6F0F2; font-size: 11px; padding: 5px 6px 3px;/* text-shadow: 0 1px 0 #fff; */}.more-link:hover { border-bottom-color: #B3CDD8; color: #000; }/* Tables and #wp-calendar */table { color: #3E5867; width: 725px; }caption { border-top: 1px solid #E6F0F2; text-align: center; }thead { text-align: center; }/* tbody { text-align: center; }*/tfoot { text-align: left; }td#next { text-align: right; }/* STRUCTURE------------------------------------------------------------------- *//*#nav-search { display: block; height: 30px; line-height: 16px; position: absolute; right: 28px; top: 9px;}#nav-search label { display: none; }#s,#searchsubmit { border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }#s { border: 1px solid #777; font-size: 11px; height: 15px; padding: 4px 5px 2px; width: 130px;}#nav-search #s { border-color: #69ab01; border-bottom-color: #548301; border-right-color: #548301; }#searchsubmit { border: 1px solid #666; color: #fff; font-size: 11px; height: 23px; letter-spacing: 1px; line-height: 20px; padding: 0 5px; -moz-box-shadow: 0px 0px 1px #fff; -webkit-box-shadow: 0px 0px 1px #fff;}*//* Fixes Firefox 2 and 3 #searchsubmit, x:-moz-any-link { padding: 0 5px 3px; *padding: 0 5px; }*//* POSTs and PAGEs------------------------------------------------------------------- */.page, .post, .pagetitle, .nocomments { padding: 0 28px;}.post, .nocomments { padding-bottom: 20px; }.post { margin-bottom: 30px; }.entry { /* ici, c'est l'affichage des billets dans les archives, et plus particulièrement du texte des billets */margin: 15px 0 5px; font-size: 16px; /* 13 à l'origine */line-height: 20px;font-family: Georgia, Furat, "Nimbus roman No9 L","Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;}.meta { /* border-bottom: 1px solid #E6F0F2; */ /* border-top: 1px solid #E6F0F2; */ color: #4a413a; display: block; font-size: 13px; /* origine 11px */ height: 19px; line-height: 19px; margin: 0 -28px; padding: 6px 28px; /* text-shadow: 0px 1px 0px #fff; */}.meta { height: 1%; }.meta:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }a.button-style { /* border: 1px solid #F4F8F9; */ /* border-radius: 3px 3px; */ /* -moz-border-radius: 5px; */ /* -webkit-border-radius: 5px; */ display: inline-block; height: 11px; line-height: 11px; padding: 4px 6px; width: auto;}a.button-style:hover { border-color: #1b5a8d; color: #fff; /* text-shadow: 0 1px 0 #0f4570; */}p strong, li strong { color: #2E2E2E; }.entry p, .entry ol, .entry ul, .entry dl { margin: 0 0 9px; color: #4d4d4d; }.entry blockquote p { margin: 0; }.entry ol { margin-left: 0.75em; padding-left: 12px; }.entry ul { margin-left: 0.5em; padding-left: 12px; }.entry ol li { list-style-type: decimal; }.entry ul li { list-style-type: disc; }.entry dl { }.entry dt { font-weight: bold; }.entry dd { padding: 0 0 4px 1em; }/* PAGINATION on single.php */.previousnext, .pagination { font-size: 11px; margin-bottom: 10px;margin-top: 14px;}.page-link {/* background-color: #F4F8F9; */ border-bottom: 1px solid #E6F0F2; border-top: 1px solid #E6F0F2; display: block; font-size: 11px; font-weight: bold; height: 16px; line-height: 16px; margin: 9px 0 20px; padding: 5px 8px; }.page-link span, .page-link a { cursor: pointer; display: block; float: left; height: 16px; line-height: 16px; margin: 0 0 0 3px; text-align: center; width: 16px;}.page-link span { color: #111;}.page-link a span { margin: 0; }.page-link a:link span, .page-link a:visited span { color: #fff; }.page-link a:hover span, .page-link a:active span, .page-link a:focus span { color: #fff; }.page-link strong { display: block; float: left; margin-right: 5px; }.postmetadata { /*border-bottom: 1px dotted #ddd; */ border-top: 1px dotted #D5D5D5; color: #999; font-size: 14px; /* origine 11px */ margin-top: 20px; padding: 7px 2px; width: 725px;}.postmetadata a { color: #4a413a; /* origine 666 */ padding: 2px; }/* Advertisement space - see Admin Settings */.something { padding: 7px 2px; /*width: 572px;*/ border-bottom: 1px dotted #ddd; width: 725px;}.somethingspecial { margin: 0 auto; /*width: 468px;*/ }/* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* COMMENTS------------------------------------------------------------------- */h3#comments, h4#pings { float: left; }h3#comments, #respond h3 { margin: 0 0 0px; /*anciennement 0 0 5 mais décalage du premier nom de commentateur*/font-size: 34px; }#respond h3 { margin: 18px 0 5px 28px; }h4#pings { line-height: 1.2; margin: 10px 0; width: 150px; }.comments-header, .navigation { /* border-bottom: 1px solid #E6F0F2; *//* text-shadow: 0 1px 0 #fff; */margin-bottom: 25px;}.navigation { /* border-top: 1px solid #fff; */ font-size: 11px; height: auto; line-height: 28px; overflow: hidden; padding: 0 28px;}.comments-header { border-top: 1px solid #E6F0F2; padding: 6px 28px; padding: 6px 28px; }.comments-header-meta { float: right; font-size: 11px; font-weight: bold; line-height: 44px; padding: 4px 0 0 ;}.commentlist { border-top: 0 none; font-size: 12px; }.pinglist { margin-top: 10px; width: 420px; float: right; }li.pings { border-bottom: 1px solid #E6F0F2; border-top: 1px solid #fff; margin: 0; padding: 4px 10px; width: 400px;}.pings:first-child { border-top: none; }.pings:last-child { border-bottom: none; }.comment { width: 685px; /*background-color: yellow; */ margin-left: 50px;}.comment-body { color: #344b58; margin-left: 20px; padding: 17px 10px 11px; position: relative; width: 650px; /* c'est ici que s'affiche le texte des commentaires ! ! Donc c'est ici qu'il faut diminuer la largeur pour que tout rentre nickel dans l'interface. */ font-size: 14px; line-height: 16px; /* blocs moins compacts */ /* background-color: yellow; */ font-family: Georgia, Furat, "Nimbus roman No9 L","Myriad Pro", "HelveticaNeue-Light", "Helvetica Neue Light", "Lucida Grande", "Helvetica Neue", Arial, "Lucida Sans Unicode", sans-serif;}.comment-body img.avatar { border: 1px solid #eee; padding: 2px; position: absolute; left: -50px;}.comment-meta { font-family: Georgia, serif; font-size: 12px; font-style: italic; position: absolute; right: 20px; top: 20px; color: white; }.comment-meta a { /* color: #999; */color: white;}.comment p, .comment blockquote { padding: 0 0 7px;}.comment blockquote p, .comment blockquote blockquote, .comment blockquote blockquote p { margin: 5px; padding: 7px;}.commentlist cite, .commentlist cite a { }.commentlist cite a { }/* Not used */li.thread-alt { }.comment-author { }.commentlist .thread-even { }.commentlist .depth-1 { }.commentlist .odd { }.commentlist .even,.commentlist .alt { }.comment-author cite { /* ici qu'est géree la ligne pointillée qui sépare les coms*/ border-bottom: 1px dotted #E6F0F2; color: #4a413a; /* #666; */ display: block; font-family: Georgia, serif; font-style: italic; line-height: 16px; margin: 0 -7px 20px; /* padding: 3px 7px; */ width: 450px; /*660*/ /* background-color: blue; */}.comment-author-admin .comment-author cite { border-bottom-color: #ccc; }.says { display: none; }.comment div em { } /* comments awaiting moderation. */.reply { font-size: 10px; font-weight: bold; overflow: hidden; }a.comment-reply-link { color: #666; display: block; float: right; padding: 2px 6px;}#respond { float: left; margin-top: 1px; overflow: hidden; padding: 0 20px 18px; /* c'est le 20 qui pousse à gauche */ width:715px; /* background-color: red; */}#commentform { padding: 18px 28px 0; }/*.cancel-comment-reply,.you-must-be-logged-in { padding: 0 0 0 28px; }*/#respond label { display: block; font-size: 12px; height: 20px; margin: 3px 0 9px; width: 85%;color: #4a413a; }/*input#author, input#email, input#url { border: 1px solid #ddd; color: #999; display: block; height: 15px; line-height: 15px; padding: 5px 3px; width: 85%;}*//*textarea#comment { border: 1px solid #ddd; font-family: inherit; height: 150px; margin: 0 0 9px; padding: 5px 3px; width: 100%;}*//*#respond input:focus,textarea#comment:focus { color: #000; border-color: #aaa; -moz-box-shadow: 3px 3px 0px rgba(238,238,238,1); -webkit-box-shadow: 3px 3px #eee;}*//*input#submit { border: 1px solid #3b73a3; border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; padding: 0 10px;}*//* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* ***************************************************************************************************************************** *//* fb connect */.fbc_connect_button_area { float: left; margin-top: 6px; padding-top: 6px; margin-left: 9px; padding-left: 9px;}.fbc_profile_pic { float: right; padding: 0 5px 5px 5px;}.fbc_profile_header { text-align: right; padding: 5px; padding-top: 10px; border: gray dotted 1px; background: white; width: 175px;}.fbc_loginstate_top { position: absolute; right: 0; top: 0;}
.wb_fb_comment{
display: none;}